Transcript for:
Tutorial PHP: Membangun Website dengan Database

karena di channel gua belum pernah ada tutorial PHP sama sekali dari nol PHP murni ya PHP natif ah Sekarang saatnya nih gua bakal coba sharing ke Kalian juga Gimana caranya bikin satu website yang terkoneksi dengan database pastinya pakai bahasa pemrograman PHP nah kurang lebih hasilnya seperti ini jadi ada satu eh page untuk login ya untuk masuk ke akun nanti akan muncul dashboard-nya gitu terus register untuk pendaftaran akunnya dan nanti kita bisa masuk ke database juga gitu intinya terkoneksi dengan MySQL database dan rata rata ini adalah tugas kuliah di semester 1 semester 2 atau semester 3 jadi pentingin terus videonya jangan lu skip sama sekali gua bakal coba mulai dari nol buat lu semua yang mungkin masih kebingungan dengan permainan PHP tu dasarnya kayak gimana sih untuk bisa interaksi ke database dan membuat website yang ya walaupun desainnya kayak beginian doang tapi seenggaknya lu ngerti flownnya kayak gimana untuk mainin PHP Oke jadi kita langsung masuk aja ke tutorialnya let's go nah sebelum mulai lebih jauh gua dis dulu lu coba pelajarin php yang dasar-dasarnya banget di channel lain ya di channel sebelah tuh Mungkin banyak tuh yang sistematis php-nya dari a b ke z-nya itu udah pada ada di sana kalau gua enggak akan bikin yang per spesifik konten apa di php gitu tapi intinya di sini kita bakal bikin yang serupalah kurang lebih bisa mendaftarkan akun atau login akun ke dashboard kayak gitu-gitu Oke jadi yang pertama yang perlu Lu siapin untuk ngikutin tutorial ini adalah kalau gua pribadi dulu tuh memang pakai ini namanya XI MPP bahkan sekarang pun untuk tutorial masih enak juga untuk disampein gitu Jadi lu download dulu yang namanya xmpp ya bebas versinya berapa tapi ya kalau bisa sih versi yang terakhir atau sama kayak gua gini nah untuk apa ini xmpp kalau lu bingung Jadi kalau mauain PHP itu xmpp adalah software-nya untuk gabungan dari segala macam teknologi kayak macam servernya itu APAC di sini terus database-nya itu MySQL nih yang nyala hijau ini tuh yang aktif artinya kalau di sini kita aktifin servis-serv yang ada di sini ini kan ya apace Dan mysql-nya ini kita bisa jalanin PHP kita bisa ngoding PHP dan juga bisa koneksi ke database karena MySQL database-nya APAC adalah servernya untuk apa nih apa c supaya e codingan PHP kita bisa jalan gitu karena kalau tanpa web server tuh PHP enggak akan bisa lu running gitu kurang lebih Ya jadi download dulu make sure lu punya xmpp dan cara instalnya kalau lu bingung cari aja artikel di Google atau linknya di deskripsi itu artikel yang cukup bagus untuk lu bisa set up si xmpp-nya di PC kalian masing-masing Nah kalau untuk tekt editornya gua pakai Visual Studio code seperti biasa jadi kita bisa ngoding juga di situ untuk e bahasa pemrograman PHP so kita langsung mulai aja kalau lu udah instal xmpp itu bakal ada di folder yang e Biasanya sih kalau di lu ada di C ya di C Terus program files atau di C yang namanya xmpp itu dicari aja gitu loh intinya lu cari ini xmpp ada di mana directory-nya gitu kalau kita pencet Explorer nih Yang gua tuh muncul ada di sini ada di kode e PHP n ada di sini kalau lu biasanya ada di C atau ada di mana k gitu ya Tergantung aja tapi intinya biar lu enggak Bingung lu pencet aja tombol yang ini Explorer dibuka ya entar muncul Emm kayak gini nah kita ngoding php-nya itu karena kita pakai smpp ya satu paket modul gini folder website lu tuh akan ada di dalam sini folder htdoc namanya jadi lu masuk dulu ke htdoc Nah di sini adalah website kita kalau misalkan di sini ada folder CH Universe berarti ini adalah website untuk CH Universe website gua CH Universe di sini ini website gua yang judulnya lear 1 ini website gua yang judulnya testing atau misalkan lu mau bikin lagi di sini A kita bikin bareng-bareng misalnya nama lu siapa ya kita taruh aja sini dafrizal.com misalnya kayak gini ini artinya kita mau bikin website untuk defrigal.com jadi namanya itu nanti defrigal.com nih terlebih untuk di bagian url-nya Oke jadi lu masuk ke defrizal.com kalau udah dibikin masukin aja nama lu siapa pakaiin.com ujungnya sebenarnya bebas penamaannya tapi biar enggak bingung biar ngerti maksudnya ini adalah kita naruh folder di server kita server apa server yang eh xmpp punya yaitu APAC servernya kalau lu klik ini dua kali kan kosong ya engak ada apa-apa dan lu buka di url Browser dengan cara apa jadi ketika lu nyalain si xmpp-nya lu startst ini nih APAC sama mql Cukup dua aja yang di lu enggak butuh service yang tiga biji ini ini cekin dulu aja karena kita belajarnya e Gimana caranya bikin produk yang seperti ini gitu Ini make sure udah pada hijau enggak ada error dan di sininya udah berganti tadinya start jadi stop dua-duanya kalau udah buka aja local host/ nama foldernya apa adalah defrizal.com Nah kayak gini ya lokal host/davrizal.com kalau lu enter Maka akan muncul kayak begini benar Enggak ini localhost/daavrizal.com enggak ada apa-apanya karena di folder kita pun enggak ada apa-apanya kecuali lu bikin satu folder di sini Taruhlah misalnya ASD gini ya ini ada satu folder baru kalau lu reload di browsernya asd-nya masuk Oke jadi ini adalah web server kita nih nah gimana caranya ini web server jadi web Beneran bukan jadi listing directory seperti ini adalah harus mengandung file utama untuk merrender sebuah e komponen atau elemen html yaitu si index.html Oke jadi kalau di sini kita misalkan bikin satu file namain aja index.html misalnya begini Yes Lu harus make sure dulu di sini file extension-nya harus titik html atau titik Php untuk di bagian folder yang kita punya folder web kita jadi yang akan dieksekusi oleh browser ini bisa file yang namanya dhtml ataupun dphp terlebih kalau namanya index itu akan otomatis menjadi yang utama ketika kita buka browser dengan url dafrezal.com atau dengan url nama folder yang kita punya kalau gua reload ini sekarang akan menjadi putih Blank Kok bisa karena di Index html-nya kita belum coding sama sekali jadinya kosong kayak gini tapi kalau indek html-nya kita hapus kita reload lagi maka balik lagi ke sini ngerti maksud gua dan make sure lu e bagian folder Windows ini atau apa ya namanya Explorer window ini pencet view-nya Nah ini file name extension harus lu centang biar lu bisa nentuin format file-nya itu apa apakah index html atau bukan kayak gitu ya kalau lu enggak centang Nih kayak gini kan enggak dicentang nih ketika lu mau create satu file sini new text editor kayak gini index ini enggak jelas gitu Kalau lu reload itu malah muncul ke sini index.txt karena secara defaultnya bikin txt tapi kalau lu centang si view ini centang dia akan muncul formatnya dan tinggal lu rename rename ganti txt-nya jadi PHP misalnya gini index.php Muncul notif tinggal Yes begini kalau lu reload sekarang browsernya ngeblank jadi PHP ataupun html sama perlakuannya untuk di browser ketika lu reload dia bakal menghasilkan hal yang seperti itu cukup paham sampai sini dulu kita buka vs Code ya Jadi kalau gua pribadi di sini Klik Kanan itu bakal muncul Open with with code tapi kalau lu enggak muncul open with code ya lu bisa buka dulu vs code-nya terus tarik folder dfrizal.com ke dalam vs code-nya gua bakal pakai yang cara ini aja biar cepat oke dan ini udah kebuka Oke kayak gini ini folder gua close ya karena kita bakal fokus di vs code-nya langsung buka index.phap yang tadi kita udah bikin file-nya oke kan kosong nih enggak ada apa-apa kita akan coba dulu beberapa hal syarat untuk lu bisa ngoding PHP buka tag-nya seperti ini ya ini untuk mendeklarasikan bahwa kita mengoding php di sini nih dan bahkan lu di sini pun bisa kayak konten html gitup Kakak Kak Kak misalnya contoh slp ini elemen paragraf ya kan html ini PHP dan kalau kita balik lagi ke browser ini jangan lupa disave balik ke browser reload Maka akan muncul kakakakakakakak betul sama ya Nah di dalam sini ini kita bisa bikin kayak variabel-variabel tertentu di PH pastinya contoh misalkan nama sama Pak pakai string karena ini nama adalah teks Dea Afriza jangan lupa di PHP itu untuk menentukan sebuah variabel itu pakai dolar kayak gini ya Artinya kita mendefinisikan sebuah em apa ya disebutnya tampungan untuk sebuah data yang bertipe teks disimpan ke dalam variabel jadi variabel itu untuk nampung data atau nyimpan sesuatu hal Nah di sini gua nyimpannya adalah nyimpan teks teks ini sekarang udah ada posisinya di bagian variabel nama ini sebutnya variabel ya guys ya gua harap sih Kalian sudah pada tahu ya Nah sekarang kalau Lu save tetap di browsernya enggak akan muncul apa-apa ya kecuali kita keluarin si nama ini nah cara supaya nama ini bisa diakses ke elemen html ke browser sebelum lu keluarin namanya Lu harus kasih tag PHP lagi kayak beginian caranya lu enter dulu aja buka php-nya tutup php-nya seperti ini Nah di tengah-tengah sini lu keluarin namanya kayak gini kalau Lu save Apakah sekarang bakal muncul ke browser jawabannya enggak jadi kita coba cek dulu ya malah ngeblank putih karena apa Karena ini cuman manggil variabel nama doang tanpa mengeluarkan e isinya ke bagian browser nah cara mengeluarkan isinya ke browser itu bisa pakai sintaks yang namanya Echo kayak gini kalau Lu save ini untuk memunculkan ya munculin Woi apa yang dimunculin variabel nama Apa isinya variabel nama isinya adalah sebuah teks Day afriiza kalau Lu save terus Cek lagi ke browser reload sekarang di afrialnya ada betul Sudah sama kah kalau lu pengen modifikasi Kayak misalnya contoh nama saya adalah Ya bisa aja kayak gini juga Sama ya jadi Nama saya adalah ini PHP tag-nya keluarin dari variabel yang di atas nah ini dasarnya kurang lebih kayak gini mainan PHP ya reload lagi Nama saya adalah deaza udah sama semuanya sesuai artinya PHP kita udah work nah cara yang lebih efisien dan gampang lu terapin tanpa harus ketikin eco-ec kayak gini lu bisa awasin ekonya kata-kata PH hp-nya lu awasin kasih sama dengan di sini nah ini untuk munculin langsung ya Jadi gak perlu kata-kata cheko kalau pakai sama dengan gini tuh langsung keluar outputnya Jadi kalau Lu save cek lagi ke browser reload masih sama aja betul atau kita hapus dulu ini biar enggak bingung nih tanpa tulisan php-nya kalau pengin langsung keluarin sesuatu itu langsung aja pakai sama dengan gini juga bisa reload udah paham sampai sini ini seputaran awal variabelnya Dulah kurang lebih kayak gini ya oke sekarang gua bakal kasih tahu yang menariknya juga kenapa kita pakai PHP dan Kenapa banyak website yang pada pakai PHP mungkin sekitaran 70% di tahun lalu itu website di dunia Masih pada pakai PHP juga ya karena kurang lebih kalau gua pribadi waktu dulu belajar itu php yang gua bikin senangnya kayak gini contoh Ini gua hapus dulu kita balikin ini formatnya ke html kayak gini ya caranya ya lu tinggal pencet tanda seru muncul kayak gini klik aja otomatis terformat secara html di sini kita kasih misalnya H3 dulu gini H3 belajar PHP dan database save sekarang lu coba reload ke browser Oke belajar PHP dan database kita pengen kasih kayak konten di atas sama footer di bawah kayak gitu-gitu kalau di PHP itu lu bisa kayak apa ya kayak layouting gitulah kurang lebih jadi enggak ngoding secara langsung di sini untuk si bagian e contoh ini header untuk bagian atasnya ya Misalnya H3 belajar dasar pp-nya Kita masukin ke header terus juga di sini ada kayak navigation bar gitu loh ceritanya ya ceritanya ini gua enggak mainin desain bagus-bagus ya login page terus kita bikin RF ke bawah untuk e register page misalnya register gini aja gini dulu kita coba reload lagi nah seperti ini terus ini barulah kontennya di sini ada namanya main misalnya di dalam main itu baru ada kayak Halo selamat datang di website kami contoh save lagi coba reload Nah kalau di PHP itu kita bisa pisah-pisahin ininya terus kita bisa panggil secara dinamis gitu contoh satu lagi footer ya foter Kita kasih HR dulu terus e Kita kasih I dibuat oleh De Afriza Gini misalnya Oke jadi ada tiga konten content header atau bagian atas main bagian utama footer bagian paling bawah kita coba reload lagi nah seperti ini kalau pakai PH enaknya kita bisa pisah-pisahin kita bakal bikin dulu foldernya di sini taruh aja namanya layout ini pencet yang ini ya namanya layout di dalam layout kita bikin satu file baru ini file kasih nama sesuai dengan fungsinya yang header bakal gua pisahin sini header.html aja karena enggak ada sintaks PHP di dalamnya Jadi lu tinggal masukin dhtml aja enggak apa-apa Nah apa yang ada di dalam header ini lu tinggal Cut yang tadi udah kita coding ini awasin cut aja ctrl X ini geser-geser dikit pindahin ke header sini Lu save lagi jadi kayak gini terus kita bikin layout satu lagi taruh namanya footer.html yang harus lu lakuin adalah tinggal copy pas lagi di bagian index.php foternya blok terus lookat ctrol X ini rapihin dulu segini doang save pindah ke foter html tempel di sini pasini sekarang berarti di bagian indek PH halaman utama kita ini strukturnya seperti ini ya layout di dalam layout ada foter dan ada header kalau kita reload browsernya jadi is konnya do misalkan di sini kita punya halaman baru Nah cara bikin halaman barunya kayak gini kita tinggal klik new file Taruhlah misalnya register.php enter gini register.php ya tanda seru klik iniannya Nah di sini kita bikin formum misalnya untuk register formum standar dulu ada input type-nya Tex eh kasih place holdoldernya misalnya username dan kasih name sama username juga tutup kayak gini ee bikin satu lagi password ganti aja ini password ini juga password Jadi sebenarnya sama aja cuman lu ganti aja kayak gini sama satu tombol button Emm daftar sekarang daftar sekarang typ-nya submit misalnya submit nah ini standar form kan kayak gini di html ya Ada input type type-nya text untuk yang username terus ada input type password untuk ngetikin password flholder itu untuk yang kayak contoh gini deh ini save dulu kita reload ke browser ganti url-nya dafrizal.com//nya register.php untuk ngakses file baru atau halaman baru kayak gini aja nama file-nya apaalu enter sekarang muncul seperti ini username password dan juga daftar sekarang sama ini di url yang dafrigal.com/register.php udah kelihatan ya nah segini nih Nah biar enggak bingung tambahin di atas formumnya di sini H3 isinya daftar akun gini Oke kita coba reload lagi daftar akun kalau kita kembali ke davrial.com-nya url-nya ini kayak gini kontennya nah dengan kita bikin layout folder seperti ini terus kita pakai PHP kita bisa ambil layout tersebut di berbagai macam file php yang kita punya contoh di bagian index.php gua pengin pakai header alias bagian atas dari website-nya kayak navigasi bar gitu ceritanya caranya gimana di bagian sini lu bisa buka tag php-nya kayak gini langsung tutup isinya adalah menginclude nah include itu untuk masukin apa yang ada di luar kayak gini include spasi kasih string kayak gini Apa nama file yang mau masukin ke dalam bagian body di baris k-emb ini gua pengen header.html lu tinggal arahin aja ke mana dia ke layout/ nih ada header.html layout/header.html layout/header.html kalau Lu save sekarang Enter dulu biar kelihatan jarak reload lagi belajar PHP dan database login register Halo selamat datang di website kami jadi ini pemisahan ibarat kata biar lu enggak bingung sama sintaks yang terlalu berjibun banyaknya di dalam satu file jadi bisa dipisahin kayak gini terus kalau dipisahin kayak ini si header dipisahin di sininya tinggal lu panggil aja include layou headader.html artinya semua kode yang ada di dalam header.html ini akan ikut masuk ini semuanya ya akan ikut masuk ke dalam baris ini jadi sama dengan ini tuh sama dengan kayak ini nih ini tuh sama dengan kayak gini nah sama aja kayak gini cuman kita pisahin biar enggak terlalu pusing kodingannya yah kayak gitulah kurang lebih cukup paham sekarang Tugas kalian adalah sembari nunggu gua nyeduh copy dulu silakan Munculkan footer di sininya kita belum ada footer ya untuk di bagian index PHP dan jangan lupa yang register juga tambahin bagian kepalanya Anjay header dan juga footernya masukin ya Gua tungguin entar kita balik lagi Oke Gimana cuy udah pada kelar semuanya nah kurang lebih untuk masukin yang footer juga sama aja tinggal kayak gini di bawah sini ya include layout/footer.html seperti ini gak perlu titik koma kalau untuk pengakhiran perintah jadi ini kan memang Cuman segini doang jadi ggak perlu titik koma kecuali Lu punya sintaks baru di bawah sini misalnya nah kalau lu pengen ngoding lagi sini bla bla bla sama dengan apa misalnya gitu nah ini bakal error karena Lu harus tambahin di sini titik komanya tuh baru Enggak error gitu ya tapi kalau untuk satu baris doang satu perintah ya sebenarnya lu enggak perlu pakai titik koma gitu alright gimana sampai sini ini untuk yang indeks hml eh indek PHP sor maksud gua kalau lu save kita cek foternya harus muncul dibuat oleh Frizal ini kontennya dari mana dibuat oleh De Rizal dari filefoter.html sini terlalu cepat bukan nah playbacknya lu pelanin aja gitu karena ngobrolnya Memang gua rada kencang ya apalagi 2024 nih mau politik rada ngegas dikit gitu loh Nah sekarang di bagian home ini kan lu udah punya navigation bar ya Ada login dan ada register nih Betul Nah si login ini kalau lu klik kan gak ke mana-mana nih sama si register nah cara supaya bisa ke mananya itu berarti kita harus masuk ke bagian file header html-nya karena di sini kan ada ahref yang kita punya atau ng-elinkin sesuatu ke sesuatu nah gitu pindahin page-nya ke halaman mana Nah untuk register kita mau pindah ke mana Mau pindah ke yang bagian register.php halamanregister.php Nah kita tinggal masukin aja sini register.php kayak gini Lu save dulu kita coba dari yang register.php jangan lupa di-reload dulu browsernya kita klik register PHP harus masuk ke form yang kita punya bu Oke sudah masuk sini aman aman back klik lagi alright yang login belum punya kita bikin di sini satu biji login tapi sebelum itu Lu lihat dulu di bagian register itu belum ada header dan belum ada footernya jadi kita coba masukin caranya gampang banget kita masuk ke register PHP di atas H3 kita bisa langsung include di sini PHP include tambahin string layout/ headerhtml tutup php-nya Oke di bagian bawahnya bawah form PHP include layout/footer tutup save alright kalau udah Coba kalian reload masing-masing bom Nah sekarang kayak gini nah untuk ke bagian login kita belum punya jadi kita bakal bikin alright home juga belum ada kalau mau ya kita bikinin aja di sini langsung di bagian headernya ini kan baru ada login dan register untuk home-nya kita bikin satu lagi di sini ahref tutup ke home misalnya branda lah bolehlah ya branda Anjay atau home aja deh biar Inggris semuanya arahin ke index.php untuk login arahin ke login.php nah ini kita baru punya file indeks PHP ya ini indeks PHP terus register yang login belum punya jadi kita bikin dulu sini login PHP klik new file-nya login.php ingat ini urutannya harus sesuai ya ya kalau layout kan ada di dalam situ untuk header dan footer ada di dalam layout maksud gua tapi untuk yang lain itu pada di luar semuanya Jangan sampai keliru ya Entar lu manggil salah-salah semua tuh kayak gini ya login PP udah kita bikin indeks PP aman register aman jadi kalau kita coba save dulu tadi headernya seperti ini terakhir reload lagi harusnya udah ada home di sini alright ada home login register pencet home Halo selamat datang di website kami pencet login enggak ada apa-apa kembali lagi pencet register Oke daftar akun home aman loginnya tinggal kita isi ini untuk mengisi login karena sebenarnya loginnya sama aja kayak register enggak terlalu jauh beda untuk proek kita kali ini Jadi lu masuk ke register PHP Lu kopas semuanya alias dicopy ini ctrol a ya blok semuanya blok Terus lu Klik Kanan copy tempel ke login.php semuanya tempel sini atau di pase kayak gini pase ganti aja kata-kata daftarnya jadi masuk akun nih masuk akun terus untuk button-nya juga bukan daftar sekarang tapi em masuk sekarang Nah gini boleh Cukup jelas sampai sini karena sisanya sama aja kalau kita cek lagi reload browser reload pergi ke home dulu ini home login masuk akun register daftar akun tombolnya berubah juga sama nah ini dasarnya strukturnya seperti ini dulu gimana semuanya foternya ada udah aman nih tinggal kita lanjut ke logic-logik berikutnya lah ya bang Kok dashboardnya enggak ada nah kalau dashboard itu enggak ditaruh di sini jadi nanti dashboard kita arahin langsung aja kalau memang dia udah login pas klik masuk sekarang kita langsung terbangin si user ke dalam dashboard Jadi gak perlu ada di sini dashboardnya sekarang Mari kita coba mulai dari login terlebih dahulu ya dari masuk akun Nah di sini kita bakal mulai mainin logic-logicnya sebelum jauh-jauh kita connect database kita harus menangkap dua apa nih disebutnya tuh ya dua inputan dulu dari user username-nya dan password-nya harus kita tangkap terus nanti kalau udah kita bisa tangkap e kita outputin dulu ke browser nanti kita e mainin database tuh dari situ kalau misalkan kita nangkap dua input ini aja enggak bisa gimana cara kita mau bisa koneksi ke database kayak gitu kan Ya cara sederhananya di PHP itu lu bisa taruh di atas sini kita bikin tag PHP dulu sini PHP Nah kita mulai dulu tentuin form-nya itu action-nya ke mana action sama dengan nah action itu adalah ketika nanti diklik tuh kita mau arahin si form ini ke mana sih Nah kita mau tetap arahin form-nya itu ke dalam login.phaps ini juga karena sintaks validasinya itu ada di atas ini jadi ketik aja login.php dan jangan lupa lu masukin metodenya method sama dengan post nah metodenya post untuk username dan password input Kenapa karena kalau metodenya get itu nanti password lu bakal muncul ke url jangan ya contoh secara default ini form metodenya get kalau gua hapus kayak gini kita coba cek dulu nih gua masukin Misalnya ni kayak gini datanya masuk sekarang perhatikan di bagian atas ini kesepil semuanya nih username-nya sdsd password-nya sdsd kesepil semuanya sini tapi kalau metodenya lu ganti jadi post artinya browser itu enggak akan nerima data tersebut di url tapi di balik layar gitu di Sistemnya di belakang di server sekarang kita cek lagi ini kita Kembali ke home dulu masuk ke login kita Cobain Dea misalnya kayak gini 1 2 3 passwordnya masuk sekarang ini ggak akan ada tuh di url-nya tetap diam dan website-nya pun masih kayak gini juga jadi ggak kesepil passwordnya betul nah sekarang gimana caranya kita bisa nangkap parameter yang ada di sini atau inputan ini ke dalam codingan kita Oke karena actionnya ke dalam login.php dengan metod po maka di bagian atas sini kita bisa panggil satu persatu untuk inputan yang ini dia punya name yaitu username untuk inputan yang password dia punya name namanya password nah nah name ini sebagai identitas si inputannya kalau kita mau ngambil isi data dari inputannya lu tinggal panggil name-nya nanti di sini Nah untuk tombol Kita juga bisa kasih name sini kasih name misalnya login gini Untuk apa tombol dikasih name biar kita bisa validasi jadi ketika tombol ini diklik maka barulah kita melakukan berbagai macam hal lainnya jadi jangan sampai button ini belum kita klik tiba-tiba kita ngetrigger sesuatu jadi sistem loginnya bakal bekerja ketika tombol masuk sekarang itu diklik sama usernya biar langsung kita proses datanya betul jadi kita bisa validasi mulai dari yang namanya si name login ini caranya Langsung aja kita bikin if di sini ya gua anggap Lu udah pada ngerti seputaran if else kayak gituan if nah ini udah ada sugestinya sih sebenarnya dari Ai tapi enggak matching sama apa yang gua mau ESET ya eset-nya benar sih Tapi maksud gua kita bakal coding sendiri intinya gitu nah formatnya kayak gini ya if ESET iset itu function nih kalau lu lihat atau metode atau apalah ya dari php-nya sono di dalam ESET itu kita bisa masukin sesuatu nah masukin sesuatunya apa masukin nama dari apa yang ada di dalam form kita Nah gua pengin validasi berdasarkan tombol login ada yang klik atau diakses sama user karena ini metodenya post jadi untuk manggil name login itu kurang lebih kayak gini lu kasih dolar po nih ini ya dollar po artinya method post dengan data apa nah pakai array kayak gini dengan data apa dengan data pakai string login begini artinya ketika method Po yang ada di forum mengandung ya mengandung name login kita akan melakukan sesuatu jadi setelah validasi if ini kita akan Echo apa yang kita chcho adalah mantap tombol login diklik gini titik koma jangan lupa kita coba reload browser ya terus kita ketikin sesuatu klik masuk Sekarangnya harusnya muncul mantap tombol login diklik tes nih Mantap tombol login diklik sudahah sama semuanya Nah kalau sistemnya ah Tahu tombol login itu diklik maka sistem juga bisa tahu username ataupun password yang diketikin sama si pengguna betul nah caranya adalah sama aja kayak gini tapi kita enggak perlu pakai ESET karena ESET ini untuk pengecekan bahwa si data tersebut Tuh udah ada atau diklik atau dideklarasiin dengan benar gitu ya Nah caranya kita tinggal bikin satu variabel baru ini udah ada sebenarnya nih sini tapi ini salah ei juga enggak selalu benar ya kan kita bikin dulu untuk username username kayak gini sama dengan dari mana username variabel ini punya nilai dari dollar_p buka kayak gini dari username ini artinya Apa artinya variabel yang kita bikin yaitu variabel username ini kan variabel baru yang kita bikin di sini itu datanya adalah dari inputan ya yang metodenya post di forum ini ini kan metode post dengan nama inputan username mana nama inputan yang username inputannya mana ini dia name username Terus kalau kita Echo sekarang di sini Echo username titik koma save kita coba reload misalnya Budi password-nya 123 masuk sekarang Bu Budi oke muncul sini ya karena kita udah ngeeccho atau ngecho si username-nya yaitu yang kita inputin di form sini kalau kita inputtinnya misalnya VV langsung masuk sekarang maka di sini munculnya VV Sudah sama kalau misalkan VD masuk sekarang VD artinya username itu udah works tinggal password yang kita masukin sini bikin lagi satu variabel password sama dengan dari mana dari password kayak gini jadi sama aja semuanya tuh rata-rata copy lagi copy lagi copy lagi kayak gitu karena formatnya sama Cuman beda value-nya aja atau key-nya atau e identitasnya aja yang beda lu bisa gabungin langsung ke dalam satu chcho ini ecoo aja lah bilangnya chcho Kagok lah ecoo username titik titik password Nah begini ini artinya pemisah ya kalau titik-titik ini di dalam satu Eco e untuk memisahkan sebuah string gitulah jadi ini bakal muncul username-nya Siapa spasi ini spasi nih spasi passwordnya itu apa atau kalau lu gak mau bingung Kayak gini ya Bisa aja sih dua biji kayak gini sama aja password gini terus kalau pengin ada spasi ya lu gini lagi nah SP si gini sama aja tapi kan jadi tiga baris ya kalau pengin satu baris ya yang tadi kita coba dulu aja dah klik lagi login-nya misalnya namanya Budi password-nya 123 harusnya muncul ke atas ini nih Budi 123 Udah sama semuanya betul oke dua nilai ini udah kita berhasil dapatkan jadi saat ini kita tampung dulu seperti ini ya untuk di bagian yang login.php sekarang kita coba Set up database-nya Jadi intinya kurang lebih kita mainin yang kayak gini-gini aja untuk mulai database-nya kita bikin satu folder baru khusus sini em kita bikin new folder di luar ya kasih nama service ini boleh di dalam service kita bikin satu file yang namanya database.php gini bisa Apapun namanya bebas mau x y z Terserah lu enter di sini kita bakal koneksiin sistem kita atau web kita ke dalam MySQL xmpp-nya jangan lupa ini myql harus menyala terlebih dahulu Nah kalau ini udah nyala lu bisa Klik yang tombol adminnya biar muncul ini nanteh apa yang namanya teh dashboard untuk kita bisa ngelola database termasuk data bikin tabel bikin field row dan lain-lain kayak gitu-gitu ini munculannya kayak gini di gua atau kurang lebihnya kayak gini deh ini tampilannya jelek yang tadi Nah ini ya lu bisa Klik tombol new kalau udah muncul kayak begini tombol new di sebelah kiri sini atau klik dulu PPM adminnya klik new ini artinya kita bikin database baru namain nama database-nya apa misalkan kita mau bikin untuk user ya jadi Taruhlah ini web set buku tamu misalnya buku tamu buku tamu lu create aja di sini langsung diarahkan untuk membuat sebuah tabel baru Nah tabel untuk apa untuk peruntukan user jadi kita ketik aja di sini users gini Pakai S boleh enggak pun ya serah lu dah namanya juga belajar ya bebas-bebas dulu aja Entar lu bakal paham sendiri kenapa namanya harus a b c d FG kayak gitu user atau pengguna serah lu mau Inggris semuanya Terserah lu juga untuk kolomnya itu empat enggak apa-apa kita create dulu aja bakal muncul langsung kayak beginian sama semuanya ini yang kiri gua awasin dulu ya biar ggak Kagok nah yang pertama bisa kita isi ID ID untuk identifikasi data ya ini formatnya integer Terus lu Scroll ke kanan sedikit ada yang di sini namanya a atau Auto increment lu centang ini Oke sampai dia muncul tulisan primari di sebelah sininya lu balik lagi ke kiri Ini untuk identifikasi si tabel yang kita punya jadi setiap datanya ung ID berikutnya Kita masukin username sini username itu kan teks jadi kita bisa kasih farchar username itu bisa panjangnya berapa mau 255 mau 50 mau 25 Terserah lu ya yang menurut gua coba yang logis aja username itu maksimal panjangnya berapa Taruhlah untuk username misalnya paling maksimal panjang 50 deh Jadi lu taruh sini maksudnya panjang apa bang contoh username lu misalkan Budi Sudirman Budi Sudirman lu jumlahin tuh ada berapa huruf di situ Nah misalkan hurufnya Budi Sudirman itu 16 huruf ya berarti cukup 16 ini kalau mau Budi Sudirman tapi kan ada aja user yang panjang banget kayak Budi suheru Sudirman Apa itu panjang jadi kita kasih Space sedikitlah 50 gini atau kalau lu gak peduli yang beginian ya Ya udah taruh aja 255 kek berapa kek salah lu gitu oke dan untuk username itu dia harus unik alias enggak boleh ada username yang sama benar misalnya IG lu FD terus ada lagi orang lain pada bikin juga fdi F entar orang nyari lu yang mana El gitu kan bingung ya Jadi kita kasih username ini ggak boleh duplikat satu orang punya satu username jadi kita Scroll ke kanan nah di bagian Indeks ini lu klik ada yang namanya unique Uni key lu klik aja unique ini muncul kayak beginian tinggal di go aja go Oke jadi si username-nya udah unik artinya dia cuman bisa satu untuk satu orang yang berikutnya adalah password Nah kalau password itu jangan dilimit ya Pak lu taruh aja farchar yang banyak berapa serah lu 255 nah gitulah kalau password maksimalnya 50 e huruf lah kalau user Peng pengennya itu password-nya 100 digit panjangnya atau 100 huruf ya Enggak apa-apa kan nah gitu jadi maksimalin kira-kiranya dia paling mentok di berapa gitu panjang datanya n Taruhlah sini nah yang terakhir kita masukin misalnya contoh tanggal daftarnya created_@ biasanya kayak gini sih jadi ya kita ikutin standar-standar sedikit ya Ada created add updated add dan lain-lain kayak gitu-gitu created add ini formatnya atau tipenya Sorry tipenya adalah date time lu bisa Scroll cari di sini mau timeestamp boleh mau date time boleh mau date doang juga boleh boleh Taruhlah De time aja ya ini De time dengan default nah ini default-nya lu cari yang current time Stamp klik otomatis ketika user daftar itu bakal tercipta sendiri karena secara default dia udah ngambil waktu saat ini gitu Oke kalau udah kayak gini tinggal dipencet save aja Buff tabelnya udah kita bikin di sini jangan lupa ada gambar gembok ya gembok orange atau kuning dan gembok berwarna E abu-abu ini artinya Uni key atau apa ya Di Sini Index sebutnya Sekarang kita coba Insert data dulu manual di phpm adminnya sini lu coba mana ya untuk Insert itu pergi ke bagian sini itu ada Insert kalau gua zoom out tuh Insert ada di sebelah sini tah ini Insert klik aja insertnya ya ini di dalam Insert Kita masukin username-nya gak perlu id-nya karena otomatis kalau ID sama created add Itu otomatis lu gak perlu masukin username misalnya Budi password ya 123 oke kalau udah tinggal pencet go aja nih go sat row Insert udah berhasil ya dan masuk ke dalam database kita terus kita pencet lagi ini tabel usernya ini data kita satu row yang artinya si Budi dengan username password itu udah masuk sini nah sekarang kita koneksikan sistem web kita ke dalam database yang udah kita punya caranya di sini kita bikin dulu beberapa pengaturan jadi si database.php ini untuk config kita atau pengaturan kita biar web kita ini bisa tahu kita mau connect ke database Siapa yang mana dengan nama database-nya apa kayak gitu gitu kurang lebih kita bikin variabel-variabel dulu untuk konfigurasinya em jangan lupa pakai tag PHP gini Oke yang pertama itu kita harus deklarasiin host name dari servernya atau nama servernya karena server kita berjalan di lokal kita kasih nama local host pakai string titik koma gini terus untuk port kita enggak usah kasih secara default dia udah tahu juga portnya ada di di berapa tapi kita kasih tahu username database kita itu apa bawaannya phpm admin atau myql di xmpp itu username-nya adalah root dan password-nya itu enggak ada password nih alias kosong kayak gini ini bawaannya si e xmpp jadi ketika lu instal xmpp itu username namanya root dan password-nya itu enggak ada isinya atau kosong kayak gini terus database name-nya database nameame sama tadi kita bikin namanya adalah buku tamu make sure ini harus sama seperti database kita ya dari nama database-nya apa password-nya apa username-nya apa host name-nya itu apa intinya sebenarnya Lu cukup fokus di nama database-nya aja buku tamu karena ini secara default sudah kayak begini doresiononya tapi kalau untuk yang buku tamu ini ini kan kita bikin sendiri di mysql-nya namanya memang buku tamu jadi kita harus masukin ke sini secara manual buku tamu cara koneksinya sederhana kita bikin variabel DB di sini untuk eh menyatakan bahwa kita punya variabel database yang mana Ini bakal kita pakai nanti untuk konektivitas kita kita web kita ke dalam sistemnya sistem database-nya untuk koneksinya kita tinggal ketikin aja mykii Eli connect kayak gini nih udah langsung muncul parameter banyak host name-nya apa username-nya apa password-nya apa database name-nya apa lu tinggal ya kalau gua karena pakai Ai ini langsung pencet accep aja bu bu bu bu bu bu bu bu bu kayak gitu kalau lu misalkan enggak muncul yang begituan ya lu langsung ini ketik aja manual masing-masing tapi kayaknya vs Code Udah ada ai-nya kali ya Gak tahu deh itu muncul dari mana Gua juga engak ah apa-apa sebenarnya supaya memake sure konektivitas variabel DB ini berjalan dengan baik kita validasi sedikit aja if kayak gini nah ini E ini ngasih tahu kayak gini Gua gak mau pakai sintaks yang itu gua pakai sintaks gua sendiri aja if kayak gini kosong ya if DB connect error nih di sini connect error Mana error ini nih tah jika database koneksinya error maka kita akan e keki database rusak gu cukup gini tapi jika tidak maka kita akan Eko koneksi berhasil begini oke dan jangan lupa kalau misalkan koneksinya error kita bikin mysql-nya mati dengan cara die kayak gini bukan myql mati sih intinya untuk mematikan proses konektivitas database yang terjadi di sini jadi kita kasih die kayak gini error atau mati atau error serah lah kayak gini boleh Oke kita coba save dan ini enggak akan bisa berjalan Kalau kita engak Panggil tadi di awal kan udah gua kasih tahu ya untuk menginklude sesuatu file ke dalam SI PHP jadi ini kita bisa cuekin dulu kita pergi ke bagian login.php sini kita harus include dulu database-nya ini file database kita include di sini include dari mana database file berasal dari folder service service SL namanya adalah database.php kayak gini kalau kita save Oke kita bisa reload browsernya di halaman login Apakah muncul kect kect berhasil atau enggak gitu klik aja loginnya koneksi berhasil udah sama artinya sistem kita khusus untuk file yang login.php itu sudah terkoneksi dengan database MySQL yang kita punya Lewat pengincludan atau e pemasukan Alah si boy pemasukanh atau apa namanya tuh ya em ini nih lah intinya mah config database yang sudah kita set up terus kita Panggil di bagian login PHP sehingga si bagian login PHP bisa memunculkan teks koneksi berasil karena berasal dari database.phap yang ini koneksi berasil alright nah intinya kayak gini kalau lu lihat di sini Itu kan muncul e koneksi berhasil nah bayangin kalau lu connect ke database e misalnya Mau insert data mau validasi data atau mau munculin data itu Masa harus di browsernya muncul koneksi berhasil terus-menerus ya kan kita tuh enggak butuh ini Jadi sebenarnya lu bisa apus ini lu Hapus aja sudah cukup validasinya sampai ke sini aja jika error aja udah nah sekarang jadi kalau di-reload itu enggak kelihatan sama user kita connect database atau enggak memang harus seperti itu ya ngapain user tahu kita connect database atau enggak ya enggak Nah kalau untuk me-make sure validasi ini berhasil atau enggak ya lu kacauin aja ini konfigurasi di atas contoh nama database name-nya itu lu ganti-ganti jadi ngacau kayak gini Lu save Apakah validasi ini berfungsi atau enggak coba reload page-nya karena di sini mengandung Echo connection database rusak seharusnya ini yang muncul ke sana ya enggak coba reload BH ini errornya nih unoun database B karena ya ini kita ganti Tapi kalau ini kita normalin lagi buku tamu Lu save lagi nah begitu Itu trouble shootingnya atau checkingnya seperti itu kurang lebih ya dan bermain apa logikanya sesederhana itu aja gitu loh Nah sekarang gimana caranya kita bisa masukin data ke dalam tabel ini ini kan tadi manual kita masukinnya ya di PHM adminnya Nah kalau dari sistem web kita gimana ya lu masuk ke register berarti di register ini lu harus include juga si database-nya benar Enggak ini gua close dulu ya semuanya nih kita close close close close kita fokus di register aja sini alright kita bikin dulu di atas ini biasa pakai tag PHP tutup kita include di sini include service/dabase alright artinya file register ini sudah terkoneksi dengan e database MySQL kita untuk yang register ini berlaku sama kayak yang login juga kita harus tangkap username dan juga input dan kita belum kasih apa namanya identifikasi untuk si buttonnya jadi kita kasih name di sini name-nya register Nah kodingan php-nya kita bisa ambil dari yang login.php tapi kalau kalian pengin belajar ya udah gak usah ngambil dari sana gak usah copy paste kita langsung ketik aja ifet post dari mana Dari name-nya register maka kita akan melakukan apa di sini Betul ketika register PHP ini mendeteksi ada name register yang dipakai atau diklik ini si button dengan name register-nya kita bakal ambil username dan password dari inputan yang sudah kita punya tapi sebelum itu ini form belum kita kasih action action-nya arahin aja ke sini ke register.php dan metodenya juga po kayak yang diilogin sama po oke nah sebenarnya untuk yang action bisa pakai cara yang lebih baik lagi kayak Emm begini server bla bla gitu-gitu l ya tapi biar singkat dan sederhana dulu untuk di tutorial kali ini kita mainin yang paling gampang dulu aja nanti ked depannya Lu bisa tahu best practice-nya Seperti apa Oke kita move lagi ke atas kita bikin variabel namanya username untuk mengambil yang username dari mana Dari posst dengan data username dan satu lagi adalah password dari password Nah sekarang karena kita udah include database di file register PHP ini jadi kita bisa pakai variabel yang ada di dalam database php-nya lualu cek lagi ke database.php diklik aja ini kalau pengin cepat ya atau pencet yang di sini juga sama aja di sini variabel DB itu mencerminkan konektivitas kita terhadap MySQL jadi kita bisa pakai lagi variabel db-nya di luar so lu tinggal panggil di sini DB gini ini artinya kita pakai variabel DB yang kita punya di database.php karena di sini udah kita include juga Betul kalau pengin eksekusi untuk masuk ke database berarti nanti kita harus Insert data Jadi sebelum kita panggil db-nya kita bikin dulu apa yang mau kita lakukan ketika em tombol register itu diklik yang mau gua lakukan adalah meng-insert data username dan password-nya ke database caranya kita bikin dulu query yang memang dikhususkan untuk menginsert data so lu bikin dulu penampungan pakai variabel sini taruh aja namanya SQL sama dengan insert into kalau lu enggak ngerti SQL lu bisa pelajarin dulu di artikel atau di YouTube e channel lain-lain ya Jadi kurang lebih standarnya kayak gini Insert into nama tabelnya apa users Betul apa yang mau kita insert adalah username dan password dari mana datanya values-nya adalah nih kasih string kayak gini ya values-nya adalah dari username dan satu lagi adalah dari password ini untuk variabel penampung kita jadi SQL ini adalah query-nya variabel SQL ini namanya bebas Terserah lu mau taruh ini juga bisa tapi ya kita taruh aja SQL kalau dibaca Artinya kita akan memasukkan data ke tabel user dengan em field-nya itu username dan password yang bernilai username-nya dari inputan user yang kita tangkap di sini dan password-nya dari inputan password yang kita sudah dapat di sini terus kenapa ini pakai string kayak gini karena nanti kalau kita enggak pakai string yang masuk ke mysql-nya itu enggak tahu dia formatnya apa makanya di sini gua kasih curak kayak begini biar kita ngirimnya itu adalah string karena di sql-nya kan farchar format untuk username dan password itu farchar kalau kalian ingat artinya teks Terus kenapa di sininya kutip satu di sininya kutip dua karena kalau kita pakai kutip dua di dalam kutip dua kayak gini itu bakal rusak enggak mau karena di sini udah kutip dua di dalamnya kutip dua lagi jadi harus pilih salah satu antara yang luar kutip satu atau yang dalam yang kutip satu serah lu gua taruh aja kayak gini Oke Nah untuk mengeksekusinya Seperti apa Nah ini udah dikasih tahu nih sama Si Ai tapi cara gua ya sederhananya bisa kayak gini kita langsung Val validasi aja if Nah langsung validasi jika SQL ini berhasil masuk ke database kita akan Munculkan sesuatu nah jikanya adalah jika Dib query SQL artinya kalau koneksi kita ke MySQL kita kirim query myql yang kayak gini itu kita akan melakukan apa di sini kalau berhasil gua akan Eco dulu misalnya oke mantap data masuk misalnya gini else kalau gagal Eco data gagal masuk gini dulu aja oke yang perlu lu notice di sini adalah DB query itu datang dari mana datang dari bawaan si ph atau bawaan si myql yang bisa kita pakai jadi ketika kita declare DB variabel di database.phap DB ini kita pakai lagi dan di dalam DB ini punya banyak methode atau function yang kita bisa gunakan salah satunya adalah si query ini query function ini ya kalau kita save dan cek lagi ke browser kita pergi ke bagian register ini diklik lagi atau di-reload Coba kita masukin nama tadi di database Ada apa Ada Budi 13 password-nya sekarang gua bakal masukin Sasa 123 password-nya klik daftar sekarang Apa yang akan terjadi Def oke mantap data masuk berhasil cek lagi ke localhost p my admin di sini reload sekarang Sasa 123 Udah masuk sama cuman gini doang sintaksnya jangan lupa lu cek bagian formnya itu mengandung action arahin ke mana adalah ke form sini juga metodenya menggunakan post ingat Kenapa metodenya post karena kalau get nanti datanya bakal muncul atau nongol di url browser sekarang tugas kita adalah Gimana caranya data tersebut kita bisa pakai untuk login betul jadi ini kita sejenak close dulu aja registernya awasin database.php juga awasin kita fokus di bagian login.php di sini karena kita udah include database tinggal kita compare aja Jadi kalau dari inputan kita udah dapat username udah dapat Password gimana caranya kita bisa masuk ke dalam dashboard adalah meng-compare apa yang diinputkan sama user di bagian login page ini apakah apa yang ada di sini itu sesuai dengan database yang kita punya atau enggak jadi dikomparasi datanya matching atau tidak kalau matching maka kita Arahkan ke dashboard kayak gitu Tapi kalau enggak matching kita Munculkan notif data tidak ditemukan atau akun tidak ditemukan kayak gitu bikin dulu sql-nya kayak tadi lagi SQL tapi dengan query yang berbeda karena tadi itu Insert sekarang kita harus select Kenapa select karena kita pengen ngecompare kan di database ada enggak data username ini dan password ini yang mana Data ini berasal dari ketikannya si user di bagian login page-nya Oke SQL select ya select atau memilih select Bintang from user dari tabel user ya artinya pilih semua field dari tabel user where pakai huruf gede boleh kecil boleh where atau di mana username-nya sama dengan pakaiin kutip kayak gini dari variabel username dan password-nya dari variabel password ya coba ini gua Rapin dulu biar engak bingung and password sama dengan dari variabel password kayak gini nah kalau pengin munculinnya itu kayak gimana ini rada berbeda perlakuannya seperti yang yang register karena ada tahap komparasi data dulu jadi kita bikin tampungan variabel baru sini taruh aja namanya result boleh ini udah ada sebenarnya Tapi gua enggak akan pakai cara yang itu dari DB ya dari DB kasih panah kayak gini query SQL artinya ini untuk mengeksekusi query yang kita punya Nah kita eksekusi silelect bintang from-nya dan nanti hasilnya bakal ditampung di bagian kalau Datanya ada ya username dan password-nya ada sesuai seperti yang ada di database apa yang diketikkan nama user maka Apa yang akan kita lakukan adalah Nah itu codingannya kayak gini if ini udah ada sih sebenarnya nih if result numberrow lebih dari 0 alias data yang dihasilkan oleh query ini result number lebih dari 0 alias Datanya ada artinya username dan password tersebut itu ada di database kita kita akan melakukan apa kita chcho dulu sini eeko datanya ada kalau kalau enggak else Echo akun tidak ditemukan Gitu atau yang ini boleh akun ditemukan atau apalah Carah dulu kayak gini dulu ya udah cukup Paham maksud gua jadi ini query-nya terus kita eksekusi query tampung hasilnya ke dalam sebuah variabel yang bernama result Terus divalidasi kalau hasilnya itu punya jumlah row lebih dari 0 alias mengandung data di database maka munculin Datanya ada tapi kalau enggak munculin akun tidak ditemukan kita coba reload si masuk ke loginnya ini misalnya kita contoh yang ggak ada dulu ASD SD SD ini passwordnya random parah Klik tombol masuk sekarang akun tidak ditemukan Tapi kalau pakai yang ada di sini Sasa 123 atau Budi 123 kita cobain Budi password 123 masuk sekarang Datanya ada Oke cukup paham sampai sini berhasil nah Datanya ada data yang mana yang ada Gimana cara kita tahu itu Datanya ada dan data siapa tadi kan loginnya Budi di sini kita bisa munculin kayak gini kita tampung dulu ke dalam sebuah variabel baru Misalnya namanya adalah data ya data itu dari mana Nah ini nih udah ada dikasih tahu sama Si Ai ini mah bakal gua pakai Memang artinya result fage asso ini untuk kita bisa keluarin e data yang ada di database kita tampung ke dalam data sini Jadi kalau di database ada field yang namanya username ada field yang namanya password kita tinggal pakai variabel data untuk munculin username dan password-nya caranya kayak gimana caranya gini eh data pakai Aray kayak gini karena formatnya itu bakal seperti ini username ini artinya kita munculin username di database kalau pengen digabungin ya tinggal kayak gini aja data username adalah titik data username seperti ini terus kita bikin juga satu lagi untuk password e data password adalah Tapi harusnya engak dimunculin ya kalau password depan tuh enggak usah dimunculin data ini buat testing aja bahwa datanya udah sesuai alright kita coba save lagi ini artinya memunculkan username dan password yang ada di dalam data di mana Data ini adalah hasil pengambilan data dari database result fage assch bawaan dari sononya Jangan tanya gua Ini fagech assch dari mana alright itu bawaan dari sononya gua juga enggak tahu yang bikinnya kan gitu kita coba reload lagi browsernya masuk ke login ngasal dulu Pef akun tidak ditemukan ini apa sih ribet banget sekarang kalau Sasa 1 2 3 atau Budi dah tadi kan Sasa udah ya budi coba masuk sekarang nih data username adalah Budi data password adalah 123 Udah sesuai ya artinya kalau ada itu kita tinggal arahin ke mana Ke dashboard jadi kita bikin dulu satu file yang namanya dashboard.php di luar sini ya kita klik new file dashboard.php enter ini kita akan pakai hml standar dulu sini ini kasih H1 Selamat datang di dashboard gini dulu aja Nah setelah pengecekan data itu berhasil kita akan Arahkan ke dashboard caranya kayak gini Yang ini hapus aja ya karena ini untuk pengetesan doang ini hapus kita bisa pakai header namanya di dalam header ini kita bisa kasih string untuk mengarahkan file ini biar dia pindah ke file baru caranya ketik aja location ti2 arah file barunya Mau ke mana Mau ke dashboard PHP begini Ini khusus kalau Datanya ada kenapa karena dia ada di dalam blok validasi if ini kalau datanya lebih dari no0 alias kalau Datanya ada dia akan pergi ke dashboard.php tapi kalau enggak akan muncul akun tidak ditemukan kita coba save dan reload lagi ya guys ya login sini Budi 1 3 4 contoh salah dulu passwordnya masuk sekarang akun tidak ditemukan kalau Budi passwordnya 123 ini sama yang kayak di database gua saat ini kita klik masuk sekarang harusnya pindah ke halaman dashboard pu Selamat datang di dashboard sudah berhasil kalian Nah sekarang kita baru bisa mulai yang registernya lagi biar lebih enak jadi kita bakal kasih notifikasi di bagian register ini kalau udah berhasil daftar kita munculin ke sini berhasil atau enggak daftarnya gitu dengan cara yang lebih enak dan lebih benar aja gitu kalau ini kan saat ini yang register.php-nya lu lihat di sini eco-ecan di luar dari format html ya Jadi kita bakal bikin di sini notification message misalnya contoh variabelnya namanya misalnya register message register message sama dengan kosong dulu aja kalau ini sudah berhasil ke inssert maka ini jangan chcho oke mantap data masuk tapi kita isi ulang value yang tadinya kosong untuk register message kita isi kita ganti jadi register message sama dengan apa misalnya daftar akun berhasil silakan login gitu kalau gagal berarti ya ini tinggal timpah lagi variabel register message dengan nilai baru yaitu register message sama daftar akun gagal silakan coba lagi dan tinggal kita munculin message registernya ke mana ke bawah sini lu taruh di atas form misalnya mau pakai elemen I biar teksnya miring Oke Jadi lu tinggal kasih PHP gini ingat pakai materi yang di awal tadi sama dengan langsung isinya adalah register message Nah kayak gini cukup mudah Sekarang kita coba reload lagi register ya ini daftar misalkan namanya bubu 1 3 4 daftar sekarang muncul notifnya di sini daftar akun berhasil silakan login udah sama kalau udah muncul silakan login masuk ke login masukin yang tadi bubu 1 2 3 salah dulu nih akun tidak ditemukan Kalau benar bubu 1 2 3 4 masuk sekarang Selamat datang di dashboard Nah sekarang balik lagi ke login.php kita bikin notifikasinya sama kayak gini biar timpah nilai biar enak masuk ke login PHP bikin variabel kosong di sini login_mage sama kosongan awalnya tapi karena kalau login itu setelah berhasil dia akan langsung pindah ke dashboard.ph HP jadi login message ini bakal kita pakai untuk yang pengecualian aja alias kalau loginnya gagal datanya enggak ditemukan kita akan fill login message ini dengan data akun tidak ditemukan Jadi ini tinggal di-delete aja eekonya ganti jadi login message sama dengan akun tidak ditemukan seperti ini artinya login message ini udah terisi value baru kalau salah data Salah password atau salah username dan tinggal kita keluarin ke atas form sini pakai I lagi langsung kayak sama dengan tag seperti ini login message Yuk kita cobain lagi untuk login yang salah kayak gimana masuk ke login kita salahin dulu ya Misalnya Sasa 1 2 3 4 1 3 4 sekarang munculnya di sini akun tidak ditemukan jadi enggak di luar format html-nya Ya udah rada Mending lah tapi tetap kalau akunnya ada Sasa 123 dia akan pergi ke dashboard ini apa sih ribet banget ya Entar gua hapus dulu dah sekarang masalahnya adalah kalau misalkan kita udah login Sasa 123 tu kita ggak tahu dia tuh Sasa atau siapa yang login ya enggak jadi kita harus Pacing datanya ke sini ke dalam dashboard Yuk kita coba dulu bikin di dashboard ini kita kasih kayak gini aja deh biar enak nih ini h1-nya kita awasin kita ganti jadi include header yang kita punya PHP include include dari layout/ headader dan satu lagi yang dari footer di sini footer ini isi kontennya adalah H3 Selamat datang akunnya siapa ya kan slesa3 selamat datang xxx misalnya XXX dah gini aja deh kita harus tahu xxx-nya itu siapa dan dari mana Gimana caranya Apakah kita akan select lagi di sini data yang ada di database enggak jadi kita bakal mainin yang namanya session setelah usernya login dari sini pas klik login kan kita punya datanya nih username dan passwordnya Terus kalau memang data username input dan password inputnya sesuai dengan di database maka kita tahu bahwa akunnya itu sesuai dengan database kita jadi kita bisa bikin session Kalau memang dia itu akunnya ada terus masuk ke bagian dashboard kita bikin session untuk menampung bahwa ini yang akses sistem kita dia udah login dan dia pun punya identitas identitasnya adalah username-nya so masuk ke bagian login.php lu Scroll ke atas ketika e validasi login ini berjalan ya sebelum mengarahkannya ke dashboard PHP kita akan bikin sebuah session di php session untuk apa supaya punya data di balik layar enggak akan bisa dilihat secara kasat mata dan hanya orang-orang tertentu yang bisa melihatnya yang pasti yang enggak banyak dosa langsung aja untuk create session kayak gini und session ini bawaan dari pap-nya sintaksnya kasih key-nya key-nya itu adalah session Apa sih yang mau lu tampung pertama gua pengin nampung session yang namanya username yang ditampung dimasukin ke dalam session-nya server itu apa username apa yang mau dimasukin ke dalam session dengan key username itu adalah username-nya yang login apakah yang dari inputan atau yang dari database Terserah lu tapi gua prefer yang dari database Jadi kita pakai variabel data ya data buka tutup seperti ini username Oke data username ini masuk ke dalam session jadi session Ini enggak akan hilang akan selalu nempel di browser kecuali kita destroy destroy itu session-nya kita buang setelah apa biasanya session dibuang setelah kita Klik tombol log out jadi nanti akan ada perlakuan khusus di button log out juga saat ini kita belum bikin nah kalau udah em usern name Kita masukin sini kita bikin satu lagi session yang menentukan bahwa user-nya ini login atau belum jadi gua akan bikin session khusus yang enggak berkaitan dengan datanya si pengguna tapi bisa jadi jembatan gitu untuk sistem kita bahwa ini penggunanya sudahudah login atau belum kita bikin aja key-nya is login atau is login gini sama dengan true Jadi kalau dia berhasil masuk dan datanya matching maka kita tentukan bahwa dia sudah login berhasil gitu loh artinya ini data username dan e is login untuk session itu bisa kita pakai di mana pun file kita berada contoh misalkan username ini pengin kita pakai di dashboard saat ini kita enggak mungkin enggak bisa ngambil username di sini kecuali kita select lagi ke database gitu kan tapi lu harus punya inputan lagi kan malas banget nah caranya yaitu salah satunya pakai si session ini tapi syarat pakai session itu di atas sini sebelum kita mulai mainin eh create session kayak beginian lu panggil dulu yang namanya session start di bagian atas ini boleh atau di bawah sini juga boleh tapi ya taruh paling atas aja biar enggak pusing artinya file ini ada sessionnya ya kita mainin session di sini begitu juga sama yang dashboard jadi di dashboard Kan kita mau pakai session juga nih kita declare di atas ini PHP start eh sorryi session start ini function bawaan dari sononya dari php-nya Nah kalau udah kayak gini kita bisa langsung masukin si xxx-nya ini dengan key session yang kita punya di mana Di login tadi key-nya apa di sini key-nya adalah username jadi kita bisa panggil langsung ini balik lagi kayak ini copy aja session username ini masuk ke dashboard xxx-nya lu ganti Tapi sebelum lu ganti lu pakaiin dulu kayak kayak gini Emm sama dengan nah Kasih session username begini Pak jadinya kita nanti bakal disuguhkan dengan kata-kata selamat datang nama user-nya siapa alright kita coba cek ke browser kita login Sasa 1 2 3 masuk sekarang selamat datang Sasa lu reload pun Sasanya masih ada karena Sasa ini ada di balik layar ini tapi sekarang masalahnya adalah ketika lu masuk ke dashboard sini kita masih bisa login I kan padahal harusnya kalau udah ke dashboard tuh ya enggak bisa login lah enggak bisa register juga l cuman bisa ke home paling harusnya jadi kita harus validasi page login page register akan bisa diakses kalau usernya itu belum login caranya karena kita udah tentu Min tadi di sini punya identifikasi bahwa usernya itu udah login atau belum lewat session is login kita bisa bikin di atas sini guys di bawah login message gua bakal bikin kayak gini if is set session sama lagi kayak gini kalau session is log AH artinya kalau di dalam file login Pap atau web yang kita buka di bagian page login itu mengandung is login sama true ini artinya sama dengan true kalau kita gak declare kayak gini bisa true bisa false ya kan ini false kalau kita bikin true kayak gini ataupun sama dengan kayak gini juga ini tuh sama artinya true Jadi intinya kalau misalkan ada yang login ya nilai loginnya true di mana Kalau udah login itu kan bakal bernilai True Is loginnya sudah jelas kita bakal Arahkan dia ke dashboard jadi gak boleh ke login page so sini lu kasih header location ke dashboard.phpright kayak gini doang validasinya sederhana dulu kita coba save dan cek lagi ke browser login selamat datang Sasa gak bisa sekarang form yang login enggak muncul lagi kalau home masih aman register masih aman tapi login ah enggak bisa nah logikanya nya kalau kita udah masuk dashboard ngapain lagi register ya kan kita udah punya akun jadi page register itu harus kita block juga caranya ini lu copy masuk ke register.php tempel di bawah sini kayak gini jangan lupa tambahin session start di atas ini session start karena setiap lu jalanin sintxs yang session session Ini itu kita harus declare session start dulu sama kayak yang di login PHP ada session startnya jadi yang register udah dimasukin kita coba save dan back lagi ke browser Klik tombol login selamat datang Sasa register juga aman masih kayak gini Enggak bisa ya perhatikan url-nya Enggak berubah ke login Enggak berubah ke register tetap di dashboard.php tapi untuk home kita tetap bisa akses Lu harus make sure juga ketika lu enggak login maka dia harus tetap bisa buka page login dong sama page register kalau dia udah logout Nah sekarang kita bikin dulu tombol logout-nya betul masuk di mana di dashboard let's go kita ke dashboard sini kita bakal bikin form untuk perentukan log out jadi form kasih eh langsung button aja button type-nya submit isinya logout action-nya taruh aja di dashboard PHP dashboard.php alias di file ini file di mana kita berada metodenya kasih post sama kayak yang tadi lagi gitu-gitu lagi caranya adalah di atas ini kita bakal validasi eset-nya itu berdasarkan name logout ketika tombol dengan name logout ini diklik maka kita akan eksekusi di sini if iset post logout kalau tombol logout diklik kita akan destroy session-nya session und kita unset dulu ya unset dulu terus session destroy kayak gini kalau unset itu untuk ngclear semua datanya kalau yang destroy itu untuk menghancurkan datanya Jadi sebenarnya sih kayaknya pakai destroy doang bisa tapi kebiasaan gua kayak gini ya cari tahu aja entar enaknya yang mana Apakah lu pengin yang ini doang atau pengin pakai dua-duanya ya whatever kalau udah kita clear kita arahin ke bagian home misalnya header ke location index.php alias home-nya beginir kita coba reload dulu simpel ya cuman kayak gini doang nih Kita coba reload browsernya nah Selamat datang Sasa ada tombol logout kita ke login enggak bisa register engak bisa masih bisa kalau kita pencet yang log out sekarang Halo selamat datang di website kami loginnya jadi bisa diakses registernya juga bisa diakses kita coba lagi pakai Budi password-nya 1 3 masuk sekarang selamat datang Budi register enggak bisa login enggak bisa home bisa kita coba log out Halo selamat datang di website kami login bisa lagi register bisa lagi gimana Aman guys Nah sekarang ada hal yang harus kalian ketahuin kayak gini di database itu kan username nilainya unik ya enggak oke selama ini kita e register dengan username yang berbeda tapi gimana cerita kalau kita daftar dengan akun yang udah ada username-nya kita coba Sasa kan udah ada nih daftar akun nih password-nya Terserah lu dah 1 2 3 4 5 6 7 misalnya daftar sekarang rusak kenapa Karena di database kita itu enggak memperbolehkan username dupliat makanya di sini muncul error duplicate entry Sasa 4 key username alias username yang ada di sini Sasa itu punya kenapa bisa tahu karena di bagian structure database-nya untuk tabel si user dengan e field username itu dia punya gembok ini yang artinya dia harus bernilai unik so kita harus validasi di mana validasinya Ya lu coba masuk ke register.php ketika kita masukin ke database ini kita seenaknya DW gitu ibarat kata lu main insert insert aja tanpa lu perhatikan komponen-komponen lainnya gitu kayak keunikan username-nya Apakah udah ada ada di database atau belum cara paling sederhananya karena kalau enggak kayak gini itu rada ribet jadi gua bakal pakai cara yang sederhana yaitu kita akan bikin pakai try and catch block ya sini lu ketikin try enter sini lu ketikin catch dan catch ini punya Exception atau pengecualian ketika dia error tuh kita mau apain lah ibarat kata kayak gitu ya yang blok ini SQL Insert into bla bla blanya sampai ke else yang sudahud kita punya sebelumnya ini kita Cut tempel ke bagian try tempel ke bagian sini dan ini artinya kita akan mencoba dulu nih Apakah dengan SQL query ini kita berhasil mengeksekusi datanya atau enggak Kalau error jangan munculin yang kayak gini tapi apa yang mau kita munculin Nah itu kita bisa mainin di bagian catch alright apa yang kita munculin ya udah tinggal replace aja register message yang ada di atas sini ini kan kosong kita ganti dengan nilai yang baru contoh register message sama dengan username sudah digunakan tapi c itu membutuhkan parameter di sini ya syntax error Unexpected token Kita masukin di sini my SQL Exception dahah kayak gini aja artinya kalau ada error-eror kayak macam ini ini kan dari myq SQL Exception artinya ketika database kita ada kerusakan nah ini kita akanace kerusakebut atauesan yang kita spesifikin sendiri lewat variabel register message yang pesannya adalah username sudah digunakan jadi enggak akan lagi muncul error ini tapi yang muncul errornya usernername sudah digunakan cuman problemnya adalah ketika kita pakai metode ini apapun errornya mau username-nya ada mau apa mau kayak gimana itu errornya akan selalu ini kecuali kita kasih variabel di sini taruh kayak gini e dan Kita masukin e-nya ke sini nah ini akan dinamis errornya jadi nanti yang muncul error ke browser tuh enggak akan spesifik yang kita tentuin tapi dari bawaan mysql-nya kayak gini lagi cuman dengan Mage tertentulah enggak terlalu pusing Kayak gini cuman again karena ini tutorial yang sederhana gua enggak akan bikin seperti itu gua akan kasih e username tidak ditemukan aja biar kalian e minimal ke gambar gitu Apa yang dimaksud dengan si try and catch ini so kita akan coba ulang lagi pendaftarannya Ya intinya ini cuman kayak gini doang try catch right try eh untuk mencoba kalau berhasil maka enggak akan pergi ke catch tapi kalau di blok program yang ini udah gagal dari mysql-nya ngembaliin error kayak gini maka akan kita replace variabel register message dengan value baru sehingga nanti di bawah di html-nya itu bagian ini notifikasinya bakal muncul sesuai dengan yang sudah kita tentupin di blok program yang ini ah lar Si Boy ggak apaal lanjut reload lagi browsernya kita coba register ulang ya Sasa udah ada coba 1 2 3 daftar sekarang username tidak ditemukan ah ah salah boy bukan username tidak ditemukan username sudah ada mohon maaf username sudah ada Sorry kita coba register lagi Budi misalnya 1 3 username sudah ada silakan ganti Misalnya gitu Silakan ganti yang lain coba cek lagi Sas Oh reload dulu sor Sasa ada username sudah ada silakan ganti yang lain kita coba yang belum ada misalnya eh fdi 123 daftar sekarang daftar akun berhasil silakan login login fdi 123 masuk sekarang selamat datang Ferdi alright That's good aman Bagaimana teman-teman ada yang dipusingkan tidak ini baru kayak gini doang belum ada validasi yang lebih jauh lagi misalkan ini kita kosongin nih ini kan dikosongin juga daftar akun berhasil silakan login masuk sini kosong datanya nih mana ya Eh entar Ar brow nih kosong datanya enggak ada n itu bisa kita validasi silakan jadiin tugas aja L Kalian kan udah kebayang seharusnya kayak gimana ya Enggak Oh ya jangan lupa terakhir nih sebelum kita closing Setiap kali kita udah beres melakukan eksekusi ke MySQL ke database kita bisa kasih sintxs untuk nge-close koneksinya maksudnya nge-close koneksi bukan mematikan website ya tapi ngasih ciri bahwa kita udahan nih e mainin querynya udahan jadi lu bisa taruh di setiap blok yang lu mainin myql contoh yang ini nih ini kan if iset register bla bla bla bla bla bla di sini ada query DB nah ini kita makai si variabel DB ya yang dari database.pap jadi kita bisa n di sini DB close Nah kayak gini jadi Setiap kali kita udahan ini kan masuk ke bagian e dib-dbian juga nih segini ya Jadi kita close db-nya kalau kita udah pakai begitu juga dengan yang lainnya contoh yang login login di sini Misalkan dieksekusi ini bagian query-nya ini bagian DB pemanggilannya atau pengeksekusian query yang kita punya setelahnya apa setelahnya apa terakhirnya kita close Dib close alright Ada Lagi Enggak kita coba cek di dashboard Oh dashboard enggak manggil database.ph berarti aman enggak usah register login aman jadi udah kayak gitu kita coba lagi make sure ini berfungsi ke home kayak gini login kayak gini register kita coba apa lagi yang baru Rizal misalnya Anjay 123 daftar sekarang daftar akun berasil silakan login kita coba ke login Rizal 123 masuk Selamat datang Rizal alright mantap oke bonus deh terakhir buat yang belum puas Kalau lu cek Sekarang sini ini password kan terlalu jujur di database kita ya ini harus kita protect nah cara yang paling sederhananya ada kayak gini ketika kita login ataupun register eh register sor maksud gua ketika kita register Ya ini gua logat dulu deh register password yang diketikin sama user itu jangan langsung dimasukin ke sini belang-belangan kita encrip dulu kita ubah biar enggak orang tuh secara langsung tahu yang ngelihat database atau database-nya bocor tuu biar yang enggak terlalu e terlalu jujur gitu keluar bahwa password-nya 1 2 3 4 jadi kita proteksi dulu sedikit walaupun ini pun enggak menjamin juga Ya enggak menjamin keamanan datanya tapi setidaknya gitu biar enggak terlalu polos aja ya kita coba ya masuk ke register untuk yang password ini bakal kita khas namanya hasas dulu Ini sederhana banget lu bikin di sini encryp password misalnya atau has password sor has password sama KH nah ini ada function bawaan PHP namanya Hash kalau lu buka tutup kayak gini e parameternya ada dua yang sebelah kiri Ini algoritma untuk mainin si format dari hasing-nya Terus yang kanan adalah apa yang mau dihashing yang mau kita hasing adalah data password dari inputan yang kita punya nah ini kita belum masukin algoritmanya algoritmanya ada banyak tapi salah satunya ada yang namanya md5 ada yang namanya SH 256 kayak gitu-gitu kita bakal pakai SH 256 aja ya nah jadi untuk Insert ke database-nya yang ini nih di bagian SQL variabel itu di bagian values bukan lagi password yang kita masukin sini tapi khas password alias password yang sudahudah di khas jadi langsung aja ini Yang password kita ganti hasas password nah Begini entar yang masuk ke database bukan password polosan dari inputan tapi password yang sudah dihas di sini right kita save dulu kita coba cek lagi pencet register sini gua akan taruh Dea doang 123 kita coba daftar sekarang atau 1 3 4 daftar sekarang akun berhasil tapi ketika lu login Dea 1 3 4 akun tidak ditemukan Kenapa karena username yang diketikin Di Sini De dan passwordnya 1 3 4 itu enggak matching dengan database karena kita selama ini di bagian login komparasinya adalah password yang dari inputan di database kan sekarang password-nya udah bukan inputan lagi kalau dicek sini lu reload nih sekarang yang daa itu password-nya udah kayak Aneh gini kan 03 bla bla bla bla bla bla bla Artinya kita enggak bisa lagi komparasi langsung password dengan yang inputan kita punya so yang di bagian login.pap juga lu harus khas sini khas password khas apa gitu yang di khas adalah variabel password dengan algoritma yang mana S 256 harus sama kalau beda itu enggak akan matching lagi jadi kan ketika login itu intinya matching-mchingan data kalau datanya matching maka dia bisa login kan gitu sederhananya sekarang kalau udah kayak gini jangan lupa diganti di bagian SQL bukan ngarah ke password variabel yang ini tapi Arahkan ke khas password Arahkan khas password Oke karena has password itu mengambil password yang diinputin user dan diganti dengan algoritma shad56 untuk dibagi kasus kita kalau Lu save kita cek lagi ke login sini coba masuk dengan akun yang baru yaitu Si Dea passwordnya 1234 kita enggak tahu sebenarnya password-nya apa kalau kita cek ke database jadi ini biar kepercayaan kita juga terhadap customer lah Setidaknya seperti itu Jadi kalau misalkan ada teman lu yang daftar di lu entar kan mereka takut datanya passwordnya polos gitu Anjir entar password gua ketahuan nih Nah makanya kita bungkuslah kita kasih kepercayaan kepada customer bahwa sistem kita tuh aman lah seenggaknya kayak gitu ya Sekarang kita coba login Selamat datang De Sekarang ah bisa right tapi kalau kita pakai yang lain kayak si Bubu si Ferdi ini udah enggak pada bisa kita pakai lagi kita coba lot fdi atau bubu lah bubu 1 2 3 kan ya di database nih bubu 1 2 3 tah ini oh 1 3 4 Sorry 1 2 3 4 ini enggak akan bisa lagi masuk sekarang akun tidak ditemukan karena kita udah mainin khas so data yang kayak begini Ini udah Miss masuknya kita harus delete Ya ini Delete Terus kita delete lagi yang lain ini centang-centang aja nih centang centang centang centang delete yes dahah sisa coba satu flow lagi dari register register tadi dia udah sekarang kita masuk ke Budi passwordnya misalnya Budi 123 daftar sekarang daftar akun berhasil silakan login masuk ke login Budi Budi 123 cek dulu di sini masuk at enggak masuk Budi dan passordnya aneh ya okeudah aman jadi website kita sekarang gitu loh masuk sekarang selamat datang Budi login enggak bisa register enggak bisa alright kita log out cobain lagi register pakai akun Budi juga atau Dea Dea kan udah ada ya di sini Dea harusnya enggak boleh dong password 1 2 3 4 5 6 7 daftar sekarang username sudah ada silakan ganti yang lain alright kurang lebih kayak gitu aja semoga bermanfaat teman-teman semuanya semoga ini bisa jadi pelajaran buat kita semua untuk membuat Website itu ya kayak gini kalau pakai PHP awalannya dan setelah dari ini lu bisa explore lebih dalam lagi contohnya dirapih-rapihin Misalnya ini di bagian phpphp-annya dipisah lagi ke sini lu udah punya folder service atau lu mau bikin lagi sini folder apa controller view model apa serah lu lu mau tambahin lagi validasinya contoh yang tadi kita masih bisa register dengan e username yang kosong password yang kosong lu bisa validasi kayak gitu-gitu ya Selamat belajar ini adalah introduction PHP dari gua untuk di tahun 2024 awal kalau kalian tertarik dengan konten-konten PHP ya lu tinggal komen aja bang Gua suka banget sama PHP Bang lanjutin aja terus sampai bikin Project apa kek apa kek kayak gitu ya sampai jumpa di video berikutnya jangan lupa Klik tombol guriizal bye bye