SlideShare une entreprise Scribd logo
1  sur  19
Pemrograman PHP & MySQL
Memadukan antara Web Server dan Database Server
www.aditif.com
www.aditif.com2
Pemrograman PHP & MySQL
Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, sebuah
tool (alat bantu) untuk memonitor pengunjung suatu web. PHP mula-mula dikembangkan oleh
Rasmus Lerdofr. Istilah PHP kemudian lebih mengacu pada Hypertext Prepocesor.
PHP kemudian lebih dikembangkan untuk membangun aplikasi web, mendukung
database (i.e mySQL/Oracle) dan memproses berbagai form. Untuk dapat menjalankan PHP
dibutuhkan suatu sistem yang telah terkonfigurasi dengan baik. Sistem ini meliputi suatu web
server (i.e Apache Web Server), tools (PHP) dan database (MySQL). Ketiganya merupakan
suatu bentuk open source yang dapat berjalan multi platform (Windows maupun Linux/Unix).
1. à Instalasi Apache Web Server, PHP dan MySQL dengan XAMPP
Anda dapat menggunakan program XAMPP untuk menginstal sistem PHP. Program
ini sudah menyediakan satu paket instalasi PHP yang meliputi Apache Web Server, PHP
dan MySQL. Jalankan instalasi XAMPP 1.5.1 sebagai berikut.
Ketika proses set up telah selesai, akan muncul pertanyaan apakah Anda juga akan
menginstal XAMPP server (Apache, MySQL dan Filezilla) sebagai service. Klik OK dan
lanjutkan hingga instalasi lengkap.
www.aditif.com3
Lanjutkan proses instalasi hingga muncul tampilan berikut:
Bukalah sebuah browser (misalnya, Internet Explorer/Mozila Firefox/Opera), pada
bagian address ketikkan URL http://localhost/phpmyadmin/. Jika muncul tampilan seperti
terlihat pada gambar berikut, berarti instalasi PHP berhasil.
www.aditif.com4
Anda dapat memilih bahasa(language) pada menu sebelah kanan. Perlu diketahui bahwa
phpMyAdmin telah mendukung bahasa Indonesia, akan tetapi sebaiknya anda tetap
menggunakan pilihan bahasa Inggris. Tampilan phpMyAdmin ini juga mempunyai 3
macam tampilan yang berbeda. Silahkan memilih tampilan yang Anda suka pada pilihan
menu Theme/Styles.
2. à Pembuatan Database
Pertama, kita akan membuat database, dengan nama database shoutbox. Setelah
membuka browser dan muncul tampilan seperti di atas (http://localhost/phpMyAdmin/),
dikolom Create new database ketikkan shoutbox dan klik tombol create. Akan muncul
tampilan seperti berikut.
www.aditif.com5
Pada pembuatan nama database yang terdiri lebih dari satu kata, jangan
menggunakan tanda “-“ (strip) atau “ “ (spasi). Anda dapat menggunakan tanda “_” (garis
bawah) untuk memisahkan kedua kata.
Sebuah database dapat berisi beberapa tabel yang berisi informasi pendukung web,
seperti informasi mahasiswa, dosen, buku, dll. Setelah membuat database buatlah tabel
testimonial dengan mengetikkan pada Create new table on database shoutbox dengan
jumlah fields 7, kemudian klik go. Fields merupakan unsur penyusun basis data.
Field tersebut meliputi id, name, email, web, ip_client, date, comment. Masukkan
nama masing-masing variabel field beserta type dan panjang karakter maksimal.
- Type INT berarti pada field tersebut hanya bisa diisi angka, sedangkan varchar (variable
character) berisi karakter/huruf.
- Length/Values berarti jumlah karakter maksimal yang bisa diisikan. Pada kolom Null,
Null berarti optional (boleh tidak diisi).
- DateTime adalah format tanggal(tahun-bulan-tanggal) dan waktu(jam:menit:detik) yang
berfungsi untuk menyimpan data tanggal & waktu.
- Sedangkan not null berarti kolom tersebut tidak boleh kosong. Kemudian pada kolom
extra pilih auto_increment. Simpan data yang telah diisikan dengan mengklik pada save
dibagian bawah tabel atau jika anda merasa bahwa jumlah baris field yang dibutuhkan
kurang, Anda dapat menambahkannya lagi dengan mengisi jumlah kolom pada Add …
field(s) dan klik tombol Go. Berikut hasil tampilan pembuatan tabel.
www.aditif.com6
3. à Membuat skrip koneksi Database
Agar Database yang telah kita buat dapat terhubung dengan halaman web, maka
perlu dibuat koneksi ke database tersebut. Buka aplikasi DreamWeaver pilih PHP pada
menu Create New.
Berikut adalah skrip untuk koneksi ke database.
www.aditif.com7
4. à Menyimpan file PHP
Selanjutnya anda harus menyimpan file tersebut ke sebuah folder web di
C:Program Filesxampphtdocsshoutbox. Pilih menu File à Save atau dengan
shortcut tombol keyboard Ctrl+S.
Jika anda belum membuat folder shoutbox, ilahkan membuat folder baru di
C:Program Filesxampphtdocs dengan meng-klik ikon Create New Folder. Beri nama
folder tersebut shoutbox. Silahkan masuk ke dalam folder tersebut dengan cara double
klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox.
Selanjutnya pada kolom File name: ketikkan config.php, tekan Save.
www.aditif.com8
5. à Tes Koneksi
Silahkan buka browser dan di address bar browser ketikkan localhost/shoutbox,
tekan ENTER. Akan terlihat tampilan sebagai berikut. Klik file config.php tersebut.
Bagaimana hasil tampilannya? Apakah terlihat seperti gambar berikut?
Jika ya, berarti anda belum berhasil dalam membuat koneksi. Silahkan teliti kembali.
Jika hasil tampilan kosong/blank, itu menunjukkan bahwa anda telah sukses membuat
file koneksi. Selamat bagi Anda J yang telah berhasil!
6. à Membuat Form Shoutbox – shoutbox.php
Buat file baru dengan memilih menu File à New (Ctrl+N).
Pilih Tab General à Dynamic page à PHP. Klik tombol Create.
www.aditif.com9
Berikut adalah form Shoutbox. Disini kita menggunakan metode pengiriman POST
dan action untuk tujuan pengiriman ke file input_shoutbox.php. Simpan file berikut
dengan nama shoutbox.php.
www.aditif.com10
7. à Input Data Shoutbox – input_shoutbox.php
Selanjutnya, ketika data form shoutbox disubmit ke input_shoutbox.php, akan
terjadi proses penyimpanan data ke tabel testimonial dalam database shoutbox. Berikut
adalah skrip dari input_shoutbox.php.
Ketika proses penyimpanan data berjalan, akan terjadi pengecekan apakah proses
penyimpanan berhasil atau tidak. Jika berhasil, maka selanjutnya proses akan dilanjutkan
menuju show_shoutbox.php. Seandainya proses penyimpanan gagal, maka proses
akan kembali menuju shoutbox.php.
8. à Lihat Data Shoutbox – show_shoutbox.php
Data yang ditampilkan diurutkan berdasar id terakhir ( … order by id desc … ),
sehingga data terakhir akan ditampilkan pada posisi paling atas. Data yang akan
ditampilkan juga dibatasi dengan jumlah maksimal 10 data ( … limit 0,10 ). Data akan
diambil per baris dengan menggunakan perintah while.
www.aditif.com11
Berikut adalah skrip untuk menampilkan data pada tabel testimonial.
9. à Membuat Form Login untuk Admin
Nah, tentunya kita perlu mengontrol komentar-komentar yang masuk. Ada kalanya
komentar tersebut perlu kita hapus dari database karena menggunakan bahasa/kata-kata
yang tidak diperkenankan.
Oleh karena itu, Langkah selanjutnya adalah membuat halaman login untuk
administrator, sehingga ia dapat mengontrol pesan-pesan/komentar-komentar yang
masuk. Pertama, kita buat terlebih dahulu form login untuk admin dengan nama file
login.php sebagai berikut.
Untuk input type password, type diisi dengan “password” agar apa yang kita ketikkan
nantinya tidak dapat terlihat. Metode yang digunakan adalah POST dan action menuju
ke file admin_login.php.
www.aditif.com12
10. à Membuat Fungsi Cek Status Login
Fungsi ini digunakan untuk melakukan pengecekan status login admin. Status login
disimpan dalam bentuk SESSION. SESSION adalah memori pengingat sementara yang
berada di server suatu web. Sebenarnya status login dapat juga disimpan dalam memori
pengingat sementara yang berada di komputer client yang disebut COOKIES. Berikut
fungsi dasar untuk melakukan pengecekan login admin secara sederhana yang disimpan
dengan nama function.php.
www.aditif.com13
Selanjutnya kita memerlukan pemanggilan fungsi masuk( ) dan fungsi AMAN( )
untuk dapat melakukan pengecekan user yang melakukan login yang disimpan dalam file
admin_login.php.
11. à Membuat Halaman View Shoutbox untuk Admin
Berikut adalah file admin_shoutbox.php untuk melihat data dalam tabel testimonial.
www.aditif.com14
12. à File untuk menghapus data – del_shoutbox.php
Berikut file del_shoutbox.php untuk menghapus data pada tabel testimonial.
12. à Keluar dari halaman Admin – logout.php
Berikut file logout.php untuk keluar dari halaman admin.
www.aditif.com15
LAMPIRAN
à PENGUJIAN WEB
1. à Proses posting testimonial
Halaman shoutbox, file
shoutbox.php. Jika data
kosong atau penulisan email
salah, maka data yang
dikirimkan tidak akan
tersimpan ke database.
Jika data berhasil
tersimpan ke database, maka
selanjutnya akan ditampilkan
halaman lihat shoutbox, file
show_shoutbox.php. Berikut
adalah tampilan data yang
berhasil tersimpan ke
database.
www.aditif.com16
2. à Proses Login Admin
Halaman login admin shoutbox, file login.php. Silahkan isikan username dan
password yang telah ditentukan untuk dapat melakukan login ke halaman admin
shoutbox.
Jika anda telah berhasil login, maka anda akan masuk ke halaman lihat data bagian
admin, disini anda dapat melihat semua data testimonial Anda. Jika seandainya ada data
yang dianggap kurang berkenan untuk ditampilkan, maka anda dapat meng-klik tombol
delete comment yang ada dibawah setiap data komentar tersebut.
Silahkan coba hapus salah satu data. Lihat apa yang terjadi. Seharusnya data
tersebut akan hilang dari tampilan. Dalam program yang kita buat, belum ada pesan
peringatan jika terjadi keberhasilan proses maupun ketidakberhasilan proses. Untuk
menampilkan pesan tersebut, kita dapat menambahkannya ke dalam program dengan
bantuan COOKIES, sehingga aplikasi web kita akan menjadi lebih interaktif.
Kita akan menambahkan pesan yang disimpan dengan metode COOKIES ini dalam
file del_shoutbox.php dan admin_shoutbox.php.
www.aditif.com17
Berikut adalah tampilan data yang belum terhapus.
Berikut adalah tampilan yang datanya telah terhapus, tetapi belum ada pesan
peringatan yang menyatakan bahwa data telah terhapus.
www.aditif.com18
Selanjutnya jika kita logout, maka kita akan menjumpai halaman login kembali.
Periksa dengan mengetikkan alamat admin_shoutbox.php untuk masuk ke halaman
kontrol admin. Lihatlah bahwa alamat di addressbar akan selalu berpindah menjadi
login.php ketika kita tekan ENTER.
Berikut adalah modifikasi file del_shoutbox.php dan admin_shoutbox.php.
www.aditif.com19
~~~~~~~~~~~~~ Keep Your Dream n Success 2 U ~~~~~~~~~~~~~
www.aditif.com

Contenu connexe

Tendances

Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisDeka M Wildan
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLDoni Tobing
 
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaRCH_98
 
Makalah Desain web menggunakan dreamweaver 8
Makalah Desain web menggunakan dreamweaver 8Makalah Desain web menggunakan dreamweaver 8
Makalah Desain web menggunakan dreamweaver 8Ichsan Smith
 
Cara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseCara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseProgrammer and Design
 
Menjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariMenjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariDidit Septiawan
 
Web dengan php mysql dreamweaver
Web dengan php mysql dreamweaverWeb dengan php mysql dreamweaver
Web dengan php mysql dreamweaverAlbertz Ace-Red
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Deka M Wildan
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptDeka M Wildan
 
Menjelajahi internet.
Menjelajahi internet.Menjelajahi internet.
Menjelajahi internet.zahranuraida
 
Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...
Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...
Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...Nurfanida Hikmalia
 
test saja kok
test saja koktest saja kok
test saja koknehakhus
 
Tutorial wordpress
Tutorial wordpressTutorial wordpress
Tutorial wordpressiksan354
 

Tendances (18)

Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi Inventaris
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
 
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
 
Makalah Desain web menggunakan dreamweaver 8
Makalah Desain web menggunakan dreamweaver 8Makalah Desain web menggunakan dreamweaver 8
Makalah Desain web menggunakan dreamweaver 8
 
Tugas php
Tugas phpTugas php
Tugas php
 
Cara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseCara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan database
 
Menjelajahi internet
Menjelajahi internet Menjelajahi internet
Menjelajahi internet
 
Menjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariMenjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hari
 
Web dengan php mysql dreamweaver
Web dengan php mysql dreamweaverWeb dengan php mysql dreamweaver
Web dengan php mysql dreamweaver
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP
 
Cover
CoverCover
Cover
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascript
 
Cara Membuat Web Dasar
Cara Membuat Web DasarCara Membuat Web Dasar
Cara Membuat Web Dasar
 
Menjelajahi internet.
Menjelajahi internet.Menjelajahi internet.
Menjelajahi internet.
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...
Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...
Sim, nurfanida putri hikmalia, hapzi ali, blog & database, universitas mercu ...
 
test saja kok
test saja koktest saja kok
test saja kok
 
Tutorial wordpress
Tutorial wordpressTutorial wordpress
Tutorial wordpress
 

En vedette

En vedette (15)

Head first pmp 2nd edition
Head first pmp 2nd editionHead first pmp 2nd edition
Head first pmp 2nd edition
 
Caroline & emilly
Caroline & emillyCaroline & emilly
Caroline & emilly
 
Corel draw binatang laut
Corel draw binatang lautCorel draw binatang laut
Corel draw binatang laut
 
Arthur & kiq
Arthur & kiqArthur & kiq
Arthur & kiq
 
Rafael e leticia
Rafael e leticiaRafael e leticia
Rafael e leticia
 
Avoiding the Hiring Cliff in Government Contracting
Avoiding the Hiring Cliff in Government ContractingAvoiding the Hiring Cliff in Government Contracting
Avoiding the Hiring Cliff in Government Contracting
 
Presentación1
Presentación1Presentación1
Presentación1
 
Felipe
FelipeFelipe
Felipe
 
Animasi alam dengan corel byrics
Animasi alam dengan corel byricsAnimasi alam dengan corel byrics
Animasi alam dengan corel byrics
 
Vinicius
ViniciusVinicius
Vinicius
 
Camila e daniel
Camila e danielCamila e daniel
Camila e daniel
 
Tips meroketkan penjualan melalui website
Tips meroketkan penjualan melalui websiteTips meroketkan penjualan melalui website
Tips meroketkan penjualan melalui website
 
Computer Worm
Computer WormComputer Worm
Computer Worm
 
Html dan php
Html dan phpHtml dan php
Html dan php
 
Nataliqa
NataliqaNataliqa
Nataliqa
 

Similaire à PHPMySQL

Manipulasi database mysql dgn php
Manipulasi database mysql dgn phpManipulasi database mysql dgn php
Manipulasi database mysql dgn phpHaswi Haswi
 
Belajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sqlBelajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sqlAndi Darmawan
 
Modul my sql tutorial part 6
Modul my sql tutorial part 6Modul my sql tutorial part 6
Modul my sql tutorial part 6Ratzman III
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internetmafailmi
 
Cara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internetCara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internetmeetmecai
 
Cara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internetCara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internetmeetmecai
 
Laporan Projek Akhir
Laporan Projek AkhirLaporan Projek Akhir
Laporan Projek Akhirwanamateur_48
 
Tutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windowsTutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windowsEccha Nourul
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudelladella1214
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudelladella1214
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudelladellandel
 
Belajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sqlBelajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sqleseszz
 
Cara menginstall cms dengan aplikasi xampp
Cara menginstall cms dengan aplikasi xamppCara menginstall cms dengan aplikasi xampp
Cara menginstall cms dengan aplikasi xamppcyberbebek
 
Tugas 3 Pemrograman API
Tugas 3 Pemrograman APITugas 3 Pemrograman API
Tugas 3 Pemrograman API1110651055
 

Similaire à PHPMySQL (20)

Judul bab
Judul babJudul bab
Judul bab
 
Manipulasi database mysql dgn php
Manipulasi database mysql dgn phpManipulasi database mysql dgn php
Manipulasi database mysql dgn php
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Belajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sqlBelajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sql
 
Cover
CoverCover
Cover
 
Modul my sql tutorial part 6
Modul my sql tutorial part 6Modul my sql tutorial part 6
Modul my sql tutorial part 6
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
Cara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internetCara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internet
 
Cara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internetCara mudah membuat dan mengonlinekan website ke internet
Cara mudah membuat dan mengonlinekan website ke internet
 
Laporan Projek Akhir
Laporan Projek AkhirLaporan Projek Akhir
Laporan Projek Akhir
 
Kk 13 modul
Kk 13 modulKk 13 modul
Kk 13 modul
 
Dasar PHP
Dasar PHPDasar PHP
Dasar PHP
 
Tutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windowsTutorial menginstal-wordpress-secara-offline-di-windows
Tutorial menginstal-wordpress-secara-offline-di-windows
 
Tugas api 3fix
Tugas api 3fixTugas api 3fix
Tugas api 3fix
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Belajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sqlBelajar htmlphp-dan-my sql
Belajar htmlphp-dan-my sql
 
Cara menginstall cms dengan aplikasi xampp
Cara menginstall cms dengan aplikasi xamppCara menginstall cms dengan aplikasi xampp
Cara menginstall cms dengan aplikasi xampp
 
Tugas 3 Pemrograman API
Tugas 3 Pemrograman APITugas 3 Pemrograman API
Tugas 3 Pemrograman API
 

Dernier

rpp bangun-ruang-sisi-datar kelas 8 smp.pdf
rpp bangun-ruang-sisi-datar kelas 8 smp.pdfrpp bangun-ruang-sisi-datar kelas 8 smp.pdf
rpp bangun-ruang-sisi-datar kelas 8 smp.pdfGugunGunawan93
 
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2noviamaiyanti
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdfvebronialite32
 
RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY SKILL",
RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY  SKILL",RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY  SKILL",
RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY SKILL",Kanaidi ken
 
Materi power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .pptMateri power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .pptAcemediadotkoM1
 
PLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukanPLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukanssuserc81826
 
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptxMTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptxssuser0239c1
 
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.pptPertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.pptNabilahKhairunnisa6
 
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxSKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxg66527130
 
LATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptx
LATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptxLATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptx
LATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptxnataliadwiasty
 
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdfsandi625870
 
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...jumadsmanesi
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxmtsmampunbarub4
 
LA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OK
LA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OKLA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OK
LA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OKDeviIndriaMustikorin
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxherisriwahyuni
 
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKARenoMardhatillahS
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdfShintaNovianti1
 
Pembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnasPembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnasAZakariaAmien1
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxLeniMawarti1
 
slide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdfslide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdfNURAFIFAHBINTIJAMALU
 

Dernier (20)

rpp bangun-ruang-sisi-datar kelas 8 smp.pdf
rpp bangun-ruang-sisi-datar kelas 8 smp.pdfrpp bangun-ruang-sisi-datar kelas 8 smp.pdf
rpp bangun-ruang-sisi-datar kelas 8 smp.pdf
 
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
PRESENTASI PEMBELAJARAN IPA PGSD UT MODUL 2
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdf
 
RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY SKILL",
RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY  SKILL",RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY  SKILL",
RENCANA + Link2 Materi TRAINING "Effective LEADERSHIP & SUPERVISORY SKILL",
 
Materi power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .pptMateri power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .ppt
 
PLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukanPLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukan
 
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptxMTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
 
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.pptPertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
Pertemuan 3-bioavailabilitas-dan-bioekivalensi.ppt
 
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxSKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
 
LATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptx
LATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptxLATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptx
LATIHAN SOAL SISTEM PENCERNAAN KELAS 11pptx
 
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
1.2.a.6 Dekon modul 1.2. DINI FITRIANI.pdf
 
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
UNGGAH PEGANGAN LOKAKARYA DAN PENDAMPINGAN INDIVIDU DALAM KEGIATAN PEMBEKALAN...
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
 
LA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OK
LA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OKLA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OK
LA PI 2 PE NDIDIKAN GURU PENGGERAK A9 OK
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
 
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
 
Pembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnasPembahasan Soal UKOM gerontik persiapan ukomnas
Pembahasan Soal UKOM gerontik persiapan ukomnas
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
 
slide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdfslide presentation bab 2 sain form 2.pdf
slide presentation bab 2 sain form 2.pdf
 

PHPMySQL

  • 1. Pemrograman PHP & MySQL Memadukan antara Web Server dan Database Server www.aditif.com
  • 2. www.aditif.com2 Pemrograman PHP & MySQL Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, sebuah tool (alat bantu) untuk memonitor pengunjung suatu web. PHP mula-mula dikembangkan oleh Rasmus Lerdofr. Istilah PHP kemudian lebih mengacu pada Hypertext Prepocesor. PHP kemudian lebih dikembangkan untuk membangun aplikasi web, mendukung database (i.e mySQL/Oracle) dan memproses berbagai form. Untuk dapat menjalankan PHP dibutuhkan suatu sistem yang telah terkonfigurasi dengan baik. Sistem ini meliputi suatu web server (i.e Apache Web Server), tools (PHP) dan database (MySQL). Ketiganya merupakan suatu bentuk open source yang dapat berjalan multi platform (Windows maupun Linux/Unix). 1. à Instalasi Apache Web Server, PHP dan MySQL dengan XAMPP Anda dapat menggunakan program XAMPP untuk menginstal sistem PHP. Program ini sudah menyediakan satu paket instalasi PHP yang meliputi Apache Web Server, PHP dan MySQL. Jalankan instalasi XAMPP 1.5.1 sebagai berikut. Ketika proses set up telah selesai, akan muncul pertanyaan apakah Anda juga akan menginstal XAMPP server (Apache, MySQL dan Filezilla) sebagai service. Klik OK dan lanjutkan hingga instalasi lengkap.
  • 3. www.aditif.com3 Lanjutkan proses instalasi hingga muncul tampilan berikut: Bukalah sebuah browser (misalnya, Internet Explorer/Mozila Firefox/Opera), pada bagian address ketikkan URL http://localhost/phpmyadmin/. Jika muncul tampilan seperti terlihat pada gambar berikut, berarti instalasi PHP berhasil.
  • 4. www.aditif.com4 Anda dapat memilih bahasa(language) pada menu sebelah kanan. Perlu diketahui bahwa phpMyAdmin telah mendukung bahasa Indonesia, akan tetapi sebaiknya anda tetap menggunakan pilihan bahasa Inggris. Tampilan phpMyAdmin ini juga mempunyai 3 macam tampilan yang berbeda. Silahkan memilih tampilan yang Anda suka pada pilihan menu Theme/Styles. 2. à Pembuatan Database Pertama, kita akan membuat database, dengan nama database shoutbox. Setelah membuka browser dan muncul tampilan seperti di atas (http://localhost/phpMyAdmin/), dikolom Create new database ketikkan shoutbox dan klik tombol create. Akan muncul tampilan seperti berikut.
  • 5. www.aditif.com5 Pada pembuatan nama database yang terdiri lebih dari satu kata, jangan menggunakan tanda “-“ (strip) atau “ “ (spasi). Anda dapat menggunakan tanda “_” (garis bawah) untuk memisahkan kedua kata. Sebuah database dapat berisi beberapa tabel yang berisi informasi pendukung web, seperti informasi mahasiswa, dosen, buku, dll. Setelah membuat database buatlah tabel testimonial dengan mengetikkan pada Create new table on database shoutbox dengan jumlah fields 7, kemudian klik go. Fields merupakan unsur penyusun basis data. Field tersebut meliputi id, name, email, web, ip_client, date, comment. Masukkan nama masing-masing variabel field beserta type dan panjang karakter maksimal. - Type INT berarti pada field tersebut hanya bisa diisi angka, sedangkan varchar (variable character) berisi karakter/huruf. - Length/Values berarti jumlah karakter maksimal yang bisa diisikan. Pada kolom Null, Null berarti optional (boleh tidak diisi). - DateTime adalah format tanggal(tahun-bulan-tanggal) dan waktu(jam:menit:detik) yang berfungsi untuk menyimpan data tanggal & waktu. - Sedangkan not null berarti kolom tersebut tidak boleh kosong. Kemudian pada kolom extra pilih auto_increment. Simpan data yang telah diisikan dengan mengklik pada save dibagian bawah tabel atau jika anda merasa bahwa jumlah baris field yang dibutuhkan kurang, Anda dapat menambahkannya lagi dengan mengisi jumlah kolom pada Add … field(s) dan klik tombol Go. Berikut hasil tampilan pembuatan tabel.
  • 6. www.aditif.com6 3. à Membuat skrip koneksi Database Agar Database yang telah kita buat dapat terhubung dengan halaman web, maka perlu dibuat koneksi ke database tersebut. Buka aplikasi DreamWeaver pilih PHP pada menu Create New. Berikut adalah skrip untuk koneksi ke database.
  • 7. www.aditif.com7 4. à Menyimpan file PHP Selanjutnya anda harus menyimpan file tersebut ke sebuah folder web di C:Program Filesxampphtdocsshoutbox. Pilih menu File à Save atau dengan shortcut tombol keyboard Ctrl+S. Jika anda belum membuat folder shoutbox, ilahkan membuat folder baru di C:Program Filesxampphtdocs dengan meng-klik ikon Create New Folder. Beri nama folder tersebut shoutbox. Silahkan masuk ke dalam folder tersebut dengan cara double klik(mouse) atau tekan tombol ENTER(keyboard) pada ikon folder shoutbox. Selanjutnya pada kolom File name: ketikkan config.php, tekan Save.
  • 8. www.aditif.com8 5. à Tes Koneksi Silahkan buka browser dan di address bar browser ketikkan localhost/shoutbox, tekan ENTER. Akan terlihat tampilan sebagai berikut. Klik file config.php tersebut. Bagaimana hasil tampilannya? Apakah terlihat seperti gambar berikut? Jika ya, berarti anda belum berhasil dalam membuat koneksi. Silahkan teliti kembali. Jika hasil tampilan kosong/blank, itu menunjukkan bahwa anda telah sukses membuat file koneksi. Selamat bagi Anda J yang telah berhasil! 6. à Membuat Form Shoutbox – shoutbox.php Buat file baru dengan memilih menu File à New (Ctrl+N). Pilih Tab General à Dynamic page à PHP. Klik tombol Create.
  • 9. www.aditif.com9 Berikut adalah form Shoutbox. Disini kita menggunakan metode pengiriman POST dan action untuk tujuan pengiriman ke file input_shoutbox.php. Simpan file berikut dengan nama shoutbox.php.
  • 10. www.aditif.com10 7. à Input Data Shoutbox – input_shoutbox.php Selanjutnya, ketika data form shoutbox disubmit ke input_shoutbox.php, akan terjadi proses penyimpanan data ke tabel testimonial dalam database shoutbox. Berikut adalah skrip dari input_shoutbox.php. Ketika proses penyimpanan data berjalan, akan terjadi pengecekan apakah proses penyimpanan berhasil atau tidak. Jika berhasil, maka selanjutnya proses akan dilanjutkan menuju show_shoutbox.php. Seandainya proses penyimpanan gagal, maka proses akan kembali menuju shoutbox.php. 8. à Lihat Data Shoutbox – show_shoutbox.php Data yang ditampilkan diurutkan berdasar id terakhir ( … order by id desc … ), sehingga data terakhir akan ditampilkan pada posisi paling atas. Data yang akan ditampilkan juga dibatasi dengan jumlah maksimal 10 data ( … limit 0,10 ). Data akan diambil per baris dengan menggunakan perintah while.
  • 11. www.aditif.com11 Berikut adalah skrip untuk menampilkan data pada tabel testimonial. 9. à Membuat Form Login untuk Admin Nah, tentunya kita perlu mengontrol komentar-komentar yang masuk. Ada kalanya komentar tersebut perlu kita hapus dari database karena menggunakan bahasa/kata-kata yang tidak diperkenankan. Oleh karena itu, Langkah selanjutnya adalah membuat halaman login untuk administrator, sehingga ia dapat mengontrol pesan-pesan/komentar-komentar yang masuk. Pertama, kita buat terlebih dahulu form login untuk admin dengan nama file login.php sebagai berikut. Untuk input type password, type diisi dengan “password” agar apa yang kita ketikkan nantinya tidak dapat terlihat. Metode yang digunakan adalah POST dan action menuju ke file admin_login.php.
  • 12. www.aditif.com12 10. à Membuat Fungsi Cek Status Login Fungsi ini digunakan untuk melakukan pengecekan status login admin. Status login disimpan dalam bentuk SESSION. SESSION adalah memori pengingat sementara yang berada di server suatu web. Sebenarnya status login dapat juga disimpan dalam memori pengingat sementara yang berada di komputer client yang disebut COOKIES. Berikut fungsi dasar untuk melakukan pengecekan login admin secara sederhana yang disimpan dengan nama function.php.
  • 13. www.aditif.com13 Selanjutnya kita memerlukan pemanggilan fungsi masuk( ) dan fungsi AMAN( ) untuk dapat melakukan pengecekan user yang melakukan login yang disimpan dalam file admin_login.php. 11. à Membuat Halaman View Shoutbox untuk Admin Berikut adalah file admin_shoutbox.php untuk melihat data dalam tabel testimonial.
  • 14. www.aditif.com14 12. à File untuk menghapus data – del_shoutbox.php Berikut file del_shoutbox.php untuk menghapus data pada tabel testimonial. 12. à Keluar dari halaman Admin – logout.php Berikut file logout.php untuk keluar dari halaman admin.
  • 15. www.aditif.com15 LAMPIRAN à PENGUJIAN WEB 1. à Proses posting testimonial Halaman shoutbox, file shoutbox.php. Jika data kosong atau penulisan email salah, maka data yang dikirimkan tidak akan tersimpan ke database. Jika data berhasil tersimpan ke database, maka selanjutnya akan ditampilkan halaman lihat shoutbox, file show_shoutbox.php. Berikut adalah tampilan data yang berhasil tersimpan ke database.
  • 16. www.aditif.com16 2. à Proses Login Admin Halaman login admin shoutbox, file login.php. Silahkan isikan username dan password yang telah ditentukan untuk dapat melakukan login ke halaman admin shoutbox. Jika anda telah berhasil login, maka anda akan masuk ke halaman lihat data bagian admin, disini anda dapat melihat semua data testimonial Anda. Jika seandainya ada data yang dianggap kurang berkenan untuk ditampilkan, maka anda dapat meng-klik tombol delete comment yang ada dibawah setiap data komentar tersebut. Silahkan coba hapus salah satu data. Lihat apa yang terjadi. Seharusnya data tersebut akan hilang dari tampilan. Dalam program yang kita buat, belum ada pesan peringatan jika terjadi keberhasilan proses maupun ketidakberhasilan proses. Untuk menampilkan pesan tersebut, kita dapat menambahkannya ke dalam program dengan bantuan COOKIES, sehingga aplikasi web kita akan menjadi lebih interaktif. Kita akan menambahkan pesan yang disimpan dengan metode COOKIES ini dalam file del_shoutbox.php dan admin_shoutbox.php.
  • 17. www.aditif.com17 Berikut adalah tampilan data yang belum terhapus. Berikut adalah tampilan yang datanya telah terhapus, tetapi belum ada pesan peringatan yang menyatakan bahwa data telah terhapus.
  • 18. www.aditif.com18 Selanjutnya jika kita logout, maka kita akan menjumpai halaman login kembali. Periksa dengan mengetikkan alamat admin_shoutbox.php untuk masuk ke halaman kontrol admin. Lihatlah bahwa alamat di addressbar akan selalu berpindah menjadi login.php ketika kita tekan ENTER. Berikut adalah modifikasi file del_shoutbox.php dan admin_shoutbox.php.
  • 19. www.aditif.com19 ~~~~~~~~~~~~~ Keep Your Dream n Success 2 U ~~~~~~~~~~~~~ www.aditif.com