Postingan

Menampilkan postingan dengan label HTML

Paste Here API

Gambar
  Selamat malam. Kok sehari langsung bikin dua blog bang? Mana blognya bahas proyek yang beda lagi. Dan lebih parahnya, abang belum menyelesaikan yang aplikasi Polling. Tentang Proyek Sebelumnya, saya membuat Polling App hanya untuk tujuan belajar ya. Tapi kalau bisa akan saya selesaikan. Saya tidak bisa janji ya, hehehe. Proyek Paste Here  ini bukan full proyek, yakni hanya backendnya saja. Ya benar, ini hanya berupa sebuah API yang sangat simpel. Bahkan hanya ini saya buat dengan hanya satu tabel database saja. Rencananya sih mau ada table user, tetapi itu akan mepersulit user untuk menggunakannya. Dan itu hanya membuat proyek keluar dari tujuan utamanya, yakni mempurmudah dalam copy/paste antar device. Yep, ini berguna hanya untuk kopas. Sepertinya ini sangat sepele, tapi sebenarnya proyek Paste Here  ini sangatlah berguna ketika kita mau mengcopy kode program dengan device berbeda. Dan juga akan berguna untuk membagikan secuil kode program dengan teman jika kalian tid...

Polling App - Day 5

Gambar
 Sudah hari ke lima aja. Sangat tidak berasa. Padahal cuma membuat tampilan doang. Itupun masih comot-comot dari AdminLTE. Cuma edit sekidit banget. Gak enak emang kalau membuat proyek sendiri. Apalagi tidak ada timetable nya. Jadi tidak ada yang mendorong buat mengerjakan😕. Oke. Jadi berikut bebrapa screenshootnya. Sekian dulu. See u kalau udah ada fitur login(mungkin)

Polling App - Day 1

Gambar
  Sebelumnya, selamat Hari Raya Idhul Fitri semuanya... Mohon maaf lahir dan batin ya... Sebenarnya saya sudah membuat aplikasi semacam ini, tapi lebih spesifik, yaitu aplikasi pemilihan osis. Saya bisa saja cuma memperbaiki dan menambah fiturnya. Tapi lebih baik memulai lagi, biar lebih jago ngodingnya. Apasih yang dilakukan pertama kali sebelum mulai ngoding? Biasanya saya membuat rancangan database dan UML use case-nya. Berikut ini adalah diagram use casenya: Wah kok tambah bikin puyeng? Dari diagram di atas, gambaran alur aplikasi makin jelas. Fitur apa saja yang dimiliki setiap usernya. Setelah itu membuat rancangan database: Diagram Use Case dan rancangan basisdatanya saya buat menggunakan hp semua. Sambil rebahan bisa membuat proyek, hehehe. --- Codingan sampe mana hari ini: 1. Install codeigniter4 2. Configurasi di file .env 3. Membuat semua migration 4. Membuat semua model 5. Menginsert template AdminLTE Oke sekian dulu. Gw mau turu. See you, satu atau dua hari lagi untuk ...

Text Based Game Maker

Gambar
Kenapa saya buat ini? Hmm, gud question. Kalian pernah gak sih pingin jadi penulis? Misal menjadi author novel atau cerpen. Tapi model yang biasa sudah biasa. Bagaimana kalau user bisa memilih jalan cerita mereka masing-masing. Yep, ini seperti Visual Novel, cuma ngga ada gambarnya. Dengan web ini, kalian bisa membuat text-based-game  kalian sendiri. Dan teman-teman kalian bisa menikmatinya dengan mudah. Bisa diakses dengan web. Bagaimana cara membuat ceritanya? Apa susah? Bagaimana cara membacanya? Saya buat ini menggunakan CodeIgniter4. Jadi kalian bisa menginstall di dalam web hosting atau local hosting kalian, seperti xampp . Bagaimana cara memasangnya? Cara membaca: 1. Buat Akun Kalian bisa mengakses halaman webnya. Karena belum saya publishkan. Maka saya akan mengakses http://localhost:8080 . Tampilannya akan seperti berikut: Langsung aja klik 'Belum punya akun?' Tampilannya sangat mirip. Harus perhatikan. Inputkan username dan password. Pastikan password benar dengan me-...

Membuat Aplikasi Catatan Perjalanan - Menghapus Data #06

Gambar
  Seperti biasa. Sebelum lanjut membaca tutorial ini. Sebaiknya mengikuti langkah sebelum-sebelumnya . Atau bisa juga baca satu langkah sebelumnya, yakni menambah dan menampilkan data . --- Sebenernya ngga mau bikin sistem hapus, tapi klo misalnya ngga ada sistem hapus jadi repot. Masa klo datanya salah harus hapus lewat txt nya.. Jika masih buat testing sih oke oke saja. Tapi user gak bakal bisa akses file txt nya. Makanya hapus itu wajib. Oke mulai ngodingnya.. 1. Buat function hapus di dalam class Model yang ada di file env.php . Berikut kode lengkap file env.php: Penjelasan kode: Perubahan ada dibaris 37-42. array_splice digunakan untuk menghapus item array. Dengan parameter array_splice(dataArray, indexDataYgAkanDihapus, jumlahDataYgAkanDihapus). Dapat dilihat dikodenya. Parameter menggunakan data array yang lama, kemudian index keberepa item yang akan dihapus, dan diikuti angka 1 karena hanya butuh hapus 1 data saja. 2. Tambahkan kolom aksi di tabel pada tampil data. Berikut ...

Membuat Aplikasi Catatan Perjalanan - Tampil dan Tambah Data #03

Gambar
 Setelah membuat halaman home, selanjutnya membuat halaman tambah catatan perjalanan dan halaman tampil data yang sudah diinputkan. Langkah ini akan lebih mudah dari langkah sebelumnya. Karena sudah tak perlu membuat header lagi. Easy kan?Karena melanjutkan langkah sebelumnya, Langkah ini juga memerlukan kode langkah sebelumnya, jika belum punya silakan download di sini . Buka Text Editornya, dan ngoding lagi👊... Membuat Halaman Tambah Data 1. Buat File isi.php 2. Copy semua kode di file index.php lalu paste-kan di file isi.php 3. Ganti class sambutan menjadi class "konten", dan hapus isi dari class konten. Kode dari isi.php menjadi seperti berikut: <?php include 'header.php' ; ?> <div class="konten"> </div> </div> </body> </html> 4. Di dalam class konten tambahkan form, di dalam form tambah tag label yang nantinya digunakan untuk merapikan inputan. <form> <table> </table> </...

Membuat Aplikasi Catatan Perjalanan - Membuat Halaman Home #02

Gambar
  Silakan baca langkah sebelumnya jika belum membacanya. Langkah ini akan lebih susah dari membuat halaman login. Di halaman home sebenarnya kita hanya menampilkan kata sambutan kepada user, dan itu mudah. Letak susahnya ketika membuat header dan navbarnya. Ngga usah khawatir.. header hanya akan dibuat sekali saja, seterusnya tinggal copy paste. Sebelum mulai, mari lihat lagi desainnya. Sepertinya itu masih kurang cukup untuk menggambarkan bagaimana struktur HTMLnya. Mari buat mode wireframenya. Oke mari kita mulai mengoding. Buat file index.php Isi dengan html standar dengan title "Catatan Perjalanan", dan juga masukkan link css-nya. <!DOCTYPE html> <html> <head> <title> Catatan Perjalanan </title> <link rel= "stylesheet" type= "text/css" href= "style.css" > </head> <body> </body> </html>    Di tag body tambahkan div dengan class "pembungkus" <div class...

Membuat Aplikasi Catatan Perjalanan - Membuat Halaman Login dan Register #01

Gambar
Postingan ini lanjutan dari postingan sebelumnya, Membuat Aplikasi Catatan Perjalanan - Menggunakan PHP tanpa Database #00 . Silakan baca dulu jika belum membacanya, trims. Dalam langkah ini, kegiatan ngoding sudah dimulai. Dimohon untuk tidak pingsan, oke. Karena males milih warna, keknya aplikasi perjalanan ini bakal berwarna hitam putih :v. Gapapa, warna mah masalah sepele. "Plis, hentikan basa-basinya. Langsung ngoding aja bang." Membuat halaman login: 1. Buat folder projek di htdocs, beri nama " catatan-perjalanan " 2. Buat file login.php   3. Isi dengan kode html dasar: 1 2 3 4 5 6 7 8 9 <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> 4. Isi title dengan " Halaman Login" 5. Tambahkan link css dibawah title: 1 <link rel= "stylesheet" type= "text/css" href= "style.css" > 6. Di dalam tag body tambahkan tag div dengan ...