Cara Menampilkan Hail Input dan Update Menggunakan Master Detail Page Set Pada Dreamweaver CS6

selalu awali belajar anda dengan membaca bismillah, 

bissmillahirahanirrahim,

baiklah pada kesempatan kali ini saya akan mendemokan atau mengilustrasikan bagaimana cara menampilkan hasil input dan update atau yang sering kita kenal dengan sebutan CRUD namun kali ini saya hanya fokus pada pembuatan Read menggunakan Adobe Dreamweaver CS6.

buat temen-temen yang belum bisa membuat CRUD (Create, Read, Update, Delete) silahkan kunjungi link berikut ini:  Cara Membuat CRUD 

baiklah pada kesempatan kali ini saya akan sedikit bongkar-bongkar trik cepat, mudah dan aman membuat detail read caranya mudah yakni dengan menggunakan perintah Master Detail Page Set pada menu insert, 

disini saya menggunakan database MySQL dengan nama : coba_crud

dan berisi satu tabel yakni: berita dengan 4 field (id_berita, nama, isi_berita, tanggal)

dan id_berita sebagai PRIMARY

adapun langkah-langkahnya sbagai berikut:

1. Hidupkan XAMPP

2. Buat folder baru pada :C/xampp/htdocs/......  

3. Buat site baru pada Dreamweaver CS6 (cara buat site)

4. Buat fiel baru didalam site yang telah dibuat sebelumnya

- create.php

- delete.php

- update.php

- index.php

5. pada tutorial kali ini saya hanya akan fokus pada index.php untuk yang lain silahkan anda pelajari pada cara membuat CRUD masuk pada halaman index.php

6. Klik Insert > Data Object > Master Detail Page Set.

7. Muncul peringatan seperti pada gambar dibawah ini brarti anda diminta membuat recordset pada halaman index.php kemudian klik recordset seperti pada gambar berikut ini:

8. Masih pada menu index.php sesuaikan nama recordset yang akan dibuat dengan nama halaman index.php yakni (index) kemudian klik ok.

9. setelah itu anda akan ditujukan pada laman berikut ini, isikan sesuai pada gambar berikut ini:

jangan lupa untuk membuat field baru pada Detail Page Name yakni detail.php , klik ok

10. berikut hasilnya, seperti pada gambar berikut ini, bisa anda langsung SAVE dan tekan F12 untuk melihat hasilnya.

11. kemudian buatlah colom baru untuk menempatkan lihat, update, delete seperti pada gambar berikut ini:

12. pada teks udpate blok dan klik kanan pilih make link

13. pilih update.php sesuaikan dengan teks yang diplih tadi, kemudian klik parameters

14. ikuti langkah-langkah berikut ini, pada parameter isikan nama field yang di PRIMARY, misalkan didalam tabel database saya menggunakan id_berita sebagi PRIMARY pada tabel berita maka saya akan memilih id_berita sebagai parameter, kemudian jika telah berhasil silahkan klik ok,

15. lakukan hal yang sama dengan teks delete kemudin klik SAVE dan lihat hasilnya dengan klik F12

16. Pastikan semuanya berjalan lancar jaya ya sob, langkah selanjutnya adalah blok teks lihat  dan pilih make link, langkahnya sama seperti sebelumnya, lihat gambar

17. pilih detail.php karna teks lihat nantinya akan kita link kan ke halaman detail.php klik parameter dan sesuaikan field nya, lihat gambar berikut ini:

18. jangan lupa untuk seslau melakukan penyimpanan SAVE kemudian lihat pada brouwser , lihat pada gambar berikut ini, lihatlah perbedaan id_berita dengan lihat.

19. apakah anda sudah faham? sudahkah anda temukan kendala?

ya, pada teks lihat andatidak jumpai data satupun yang masuk, berbeda dengan pada id_siswa, langkahnya begini ni sob supaya teks lihat bisa bekerja, 

masuk pada detail.php dan perhatikan gambar berikut ini:

20. copy recordID pada skript detail.php diatas kemudian masuk pada index.php sorot kursor anda pada teks lihat dan pada properties klik browser link seperti pada gambar berikut ini:

21. kemudian pada URL Parameter ganti id_berita dengan recordID ingat hanya teks itu saja yang diganti, kemudian klik ok.

jangan lupa untuk melakukan penyimpanan (SAVE) kemudian tekan F12 dan lihatlah hasilnya, 

jika masih gagal, coba dibaca kembali artikelnya barangkali ada langkah yang terlewat, jika masih salah silahkan isiskan komentar anda pada kolom komentar di bawah ,

jika bermanfaat silahkan dishare, jadikan amal jariah untukmu didunia, bismillah, :)

Read More

Cara Membuat Halaman Login dan Logout dengan PHP dan database Mysql dilengkapi MD5

Asalamualaikum para pengguna internet, trimakasih sudah mau berkunjung di blog sederhana podo, nah disini podo akan mendemokan bagaimana cara membuat halaman login dan log out dengan menggunakan bahasa pemrograman php dan database mysql dilengkapi dengan sistem keamanan MD5, berikut adalah langkah-langkahnya gays:

1. Hidupkan xampp Apache dan MySql.

2. Buatlah database coba_login  pada localhost/phpmyadmin.

3. Buatlah tabel pada database coba_login , disini saya membuat tabel dengan nama admin namanya bisa disesuaikan dengan keinginan, namun untuk jumlah tabel buatlah 3 dulu,

4. Isikan field-field pada tabel admin centang AUTO_INCREAMEN  pada id_user fungsinya adalah untuk pengisian number secara urut dan otomatis sehingga kita tidak perlu mengisi form tersebut karna sudah terisi otomatis, begitu kurang lebih gan,, hehe

5. setelah disave dan berhasil akan muncul seperti pada gambar dibawah ini gan:

6. Kemudian buatlah folder baru dengan nama coba_login atau bisa disesuaikan dengan kebutuhan pada xampp/htdocs : 

7. Setelah itu masuklah pada Dreamweaver anda, disini saya menggunakan Adobe Dreamweaver Cs6, buatlah site baru dengan nama coba_login atau bisa menyesuikan dengan kebutuhan sodara, lihat bagaimana cara membuat site baru. 

setelah anda berhasil membuat site baru, buatlah file php baru pada site tersebut, dengan nama index.php,     login.php,     daftar.php  seperti pada gambar dibawah ini:

8. Langkah selanjutnya buatlah koneksi database MySQL anda seperti perintah pada gambar berikut ini:

9. Setelah itu koneksikan dengan database yang telah dibuat sebelumnya, seperti pada gambar berikut ini:

10. kemudian masuk pada login.php buatlah Recordset baru pada halaman login.php seperti pada gambar berikut ini:

11. sesuaikan seperti pada gambar berikut, kemudian klik ok:

12. Masih pada menu login.php klik insert>form>form  seperti pada gambar berikut ini:

13. Buatlah tabel didalam form yang telah dibuat tadi dengan jumlah 3 kolom 3 baris seperti pada gambar berikut:

14. Marge cels pada bari terakhir, anda bisa menambahkan text login pada baris ketiga yang telah di marge cels tersebut:

15. Masih di menu login.php buatlah text field baru pada username dan password seperti pada gambar berikut ini:

16. Maka jadinya akan seperti ini: 

17. Masih pada halaman login.php klik field password kemudian klik insert > data object > use authentication > login user 

18. Sesuaikan seperti pada gambar berikut ini:

19. Kemudian setelah itu masuk ke halaman index.php  disini adalaha halaman utama tujuan login user nantinya, buat desain seperti gambar diibawah ini, jangan lupa tambahkan text log out  untuk proses log out admin/ user nantinya:

20. Setelah itu blog text Log out klik Insert > Data Object > Use Authentication > Log Out User seperti pada gambar berikut ini:

21. Kemudian akan tampil halaman seperti pada gambar dibawah ini:

22. Masih pada halaman index.php klik pada sembarang tempat didalam halaman tersebut, kemudian klik insert > data object > use authentication > Restrict Acces to Page seperti pada gambar berikut ini:

23. kemudian akan muncul perintah seperti gambar berikut :

24. Masuk pada halaman daftar.php klik insert > form > form, atau lihat gambar berikut ini:

25. langkah selanjutnya adalah untuk memberikan perintah input untuk menambahkan user kedalam database pada menu daftar.php langkahnya sangatlah mudah klik insert > Data Object > Insert Record > Record Insert Form Wizard :

26. sesuaikan seperti pada gambar berikut iki:

27. langkah berikutnya adalah menyembunyikan tampilan id_user pada menu daftar.php sebetulnya ini tidaklah terlalu penting dan kenapa saya sembunyikan alasannya karna id_user sudah di auto_increament (ai) pada database coba_login berikut ini cara menghiden atau menyembunyikan field id_user tambahkan  <!---  di awal dan akhiri dengan  --> pada script id_user, contoh pada gambar berikut ini:

28. setelah semua langkah-langkah diatas selesai jagan lupa untuk save dan lihat hasilnya dengan cara klik F12, seperti pada gambar dibawah ini ketikan username dan password :

29. lihat data yang telah berhasil diinputkan pada database:

30. dan sekarang masuklah pada menu halaman index.php  kemudian klik F12 maka hasilnya halaman tersebut tidak akan berhasil diakses sebelum user melakukan login, maka pengguna akan dialihkan pada halaman Login.php  seperti pada gambar berikut ini:

31. Nah sebenarnya sudah sampai sejauh ini anda sudah bisa membuat halaman login dan log out, namun ane kasih salah satu trik lagi nii yang ngak ada di bangku kuliah, selama ane kuliah si ngak di ajarin yang beginian, yaitu menambahkan kunci pengaman atau pengaman tambahan pada password yang akan di inputkan, dengan itu pasword yang akan masuk akan teracak sehingga yang tau paswordnya hanya user saja, berikut cara mudahnya,  

tambahkan md5 pada script dibawah ini: 

sebelum

GetSQLValueString ($_POST['password'], "text"));

sesudah

GetSQLValueString(md5($_POST['password']), "text"));

32. masukan kode yang sama md5 pada login.php seperti pada gambar berikut ini:

sebelum

$password=$_POST['textfield2'];

sesudah

$password=md5($_POST['textfield2']);

33. jangan lupa untuk melakukan save / simpan kemudian masuk pada menu daftar.php klik F12 dan masukan user baru sesuai keinginan anda, seperti contoh pada gambar berikut ini:

34. kemudian lihatlah hasilnya pada database anda coba_login di tabel admin jangan lupa untuk di refres kalo belum tampil, berikut hasilnya, pasword anda akan secara otomatis teracak oleh komputer, dan hanya user saja yang dapat melihatnya:

bagikan jika ilmu ini bermanfaat, terimakasih.

Read More