Latihan Membuat Aplikasi Todo List
Kali ini kita akan membuat aplikasi sederhana, Todo List. aplikasi ini berfungsi untuk mencatat pekerjaan seseorang yang ingin dilakukan. seperti
— apa yang harus dilakukan? * task
— kapan mulai? * date starting from
— kapan selesai? * date ended task
— Kalo belum selesai ada status 0 dan sudah selesai ada status 1
pertama.. silahkan download file di github.
https://github.com/alfinchandra4/todolist
— Membuat Aplikasi Todo Membuat Tampilan Login
Ini direktori nya:
- buat tampilan login & css
Keterangan:
— line 2 : menyisipkan file connection.php untuk kita tahu dia sebenernya sudah terkoneksi basis data sql
— line 3 : apakah nilai dari $_GET[‘wrong’] ada ?.. nilai tersebut didapat dari login yang gagal ( wrong = 1 )
— line 22 : menyimpan value hasil inputan di dalam name = “uname”
— line 26 : menyimpan value hasil inputan di dalam name = “upass”
— line 30 : menyimpan value “Login” jika kita mengklik button login.
2. buat skrip proseslogin.php
Keterangan :
— line 2 : menyisipkan file connection.php untuk ngecek aja pasti konek ga
— line 3 : jika button dengan name=”login di klik” akan ..
— line 4 dan 5 menyisipkan nilai ke dalam variabel baru. *diberikan enkripsi md5 untuk passwor agar tetap aman.
— line 6 : query untuk mengecek apakah username dan password yang diinput user ada ga di db.
— line 7 : var $result berisi proses menyambungkan antara kueri yang udah dibentuk di line 6, dengan sebuah koneksi ($conn).. $conn ini ada di folder connection.php.. untuk panggil $conn, kita perlu include di atas itu.
— line 8 : untuk mengecek apakah ada row / baris
— line 9–11 : jika ada.. lemparkan ke halaman dasbor
— line 14 : jika tidak ada.. lemparkan ke halaman login lagi
3. buat skrip connection.php
keterangan :
— line 2–5 : membuat konstanta nilai tetap.
— line 6 : var $conn berisi API untuk mengkoneksikan php dengan SQL
— line 7 : jika tidak konek maka tampilkan DB FAILED.. ditampilin di file yang dimana file connection.php ini di include.
4. Buat skrip untuk logout
Keterangan:
— line 2: mengaktifkan session
— line 5: hapus semua session.. jadi kalo ada yg coba masuk dasbor.php dengan ga bawa session. maka akan tertolak. tabel ga akan muncul
— line 8: perintah menghapus session dari server
— Membuat Aplikasi Todo [CREATE] & [READ]
5. buat skrip dasbor
keterangan: ( fokus line 35–60 ) yang merupakan perintah untuk create data
— line 36: jika button di klik, maka dia akan mengarahkan ke tambah.php artinya ada proses insert data.
7. buat skrip tambah.php
keterangan :
— line 2 : menyisipkan fungsi koneksi.. agar line 9 dapat berjalan.. soalnya $conn ada di file connection.php
— line 3: jika user pernah klik button, maka..
— line 4,5,6: memasukan nilai ke variabel baru yang udah ditentukan
— line 7 : itu kueri untuk insert data
— line 9 : memproses kueri & dihubungkan dengan DB
— line 10–12: jika $result tidak ada kendala maka tampilkan pesan, data berhasil ditambah dan diarahkan ke halaman dasbor.php
8. Perhatikan line 77–89 yang merupakan perintah read data pada dasbor.php
keterangan:
— line 77 : kueri untuk read data
— line 78 : menghubungkan kueri dengan database
— line 79 : membuat variabel loop.. yang nantinya dipake untuk increment di tabel
— line 80: “while($row = mysqli_fetch_assoc($result))” artinya menggunakan while karena kita gatau yang di loop berapa… dan dalamnya ada $row = memecah data-data di tabel t_todos dan ditampilkan dengan array asosiatif *pelajari array asosiatif
— line 83–88: jika ingin panggil tiap2 field di tabel t_todos makan harus pakai $row[‘ TARUH_FIELD_DISINI’].. seperti ingin menampilkan start_date yang di tabel.. berarti $row[‘start_date’];
— Membuat Aplikasi Todo [DELETE]
9. perhatikan perintah pada line 87 pada dasbor.php
Keterangan:
— line 87: perhatikan pada href nya
disinilah yang bisa kita bedakan kita mau menghapus dengan id yang keberapa.. $row id itu didapat dari read data.. lalu di ulang menggunakan while
10. buat skrip delete.php
— Membuat Aplikasi Todo [UPDATE]
11. perhatikan perintah pada line 88 pada dasbor.php
keterangan:
— line 88 : perhatikan pada href nya
pada ubah.php?id= $row id.. jadi kita bisa ubah record berdasarkan id yang ingin kita pilih.. jadi kita ketergantungan sama si id.
12. buat skrip ubah.php
keterangan:
— line 7: perhatikan.. tidak ada while karena hanya mencari 1 buah record saja, jadi tidak perlu looping.
Lalu pada input control liat di bagian valuenya.. ada $row.. itu kita memberikan sebuah nilai tetap kedalam kolom input
— line 49: saya menyisipkan input yang baru berisi id.. gunanya untuk merubah input2 diatas sesuai dengan id yang keberapa.. kalo line 49 saya hapus.. maka proses ubah tidak tau record berapa yang ingin diubah.. karena tidak ada nilai id yang ingin kita ambil.
13. buat skrip update.php
Keterangan:
— line 4–8: merupakan memasukan value2 ke variabel baru yang telah dibuat
— line 9 : jika checkbox complete nya tidak di cek maka isi dari variabel $completed itu null.. kalo kita checklist.. maka isi variabel $completed itu 1.
jangan lupa.. input control tambahan itu harus di hidden.. yang di line 49.. biar tiap user yang ingin ubah datanya, tidak bisa merubah id..
