Tutorial 130524071626 Phpapp02 PDF
Tutorial 130524071626 Phpapp02 PDF
Oleh
I.1. XAMPP
XAMPP kepanjangan dari X yang berarti cross platform, A yang berarti
Apache, M yang berarti MySQL, P yang berarti PHP, dan P yang satu lagi yaitu
Perl. XAMPP adalah sebuah installer web server yang berisi Apache dan MySQL
dan mendukung program PHP dan Perl. Software yang satu ini bisa membantu
anda untuk membuat Database untuk website anda. Salah satu kelebihan aplikasi
ini adalah aplikasi ini bisa dijalankan dalam mode offline.
5. Pada window XAMPP options, kamu akan diminta memilih beberapa options
seperti XAMPP desktop, XAMPP start menu, dan XAMPP section. Abaikan saja
pilihan tersebut, lalu klik INSTALL
1. Buka photoshop yang telah kamu download, lalu double klik photoshop
tersebut.
2. Setelah double klik, tunggu proses sampai muncul tampilan seperti
gambar di bawah ini.
3. Klik Next
II.1. Flowchart
Flowchart merupakan gambar yang memperlihatkan urutan dan hubungan
proses berserta intruksinya. Gambaran ini dinyatakan simbol dengan demikian
setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antara proses
digambarkan dengan garis penghubung.
Flowchart merupakan langkah awal membuat program. Dengan adanya
Flowchart urutan proses kegiatan lebih jelas. Jika ada penambahan proses maka
dapat dilakukan lebih mudah. Setelah Flowchart selesai disusun, selanjutnya
pemrograman (programmer) menerjemahkannya program dengan bahasa
pemrograman.
Flowchart JAPANworld
“TUTORIAL MEMBUAT APLIKASI WEBSITE BESERTA
DATABASE DIDALAMNYA”
5.Ikuti dan ketikkan script yang ada di gambar dibawah dengan teliti.
Setelah selesai diketik, klik ”Go” (tanpa tanda kutip) dan tunggu hingga proses
selesai.
6.Ketika proses loading telah selesai, maka inilah hasilnya :
9.Jika berhasil, maka akan muncul ”login_rena” (tanpa tanda kutip) di atas
pilihan ”Create Table” seperti yang ada digambar dibawah ini :
10.Selamat! Sekarang anda sudah bisa membuat tabel didalam Database.
Langkah selanjutnya adalah mengisi record didalam tabel ”login_rena” tadi,
dengan cara meng-klik tombol ”Clear” untuk menghapus Script sebelumnya dan
masukkan Script seperti digambar dibawah lalu klik tombol ”Go”.
11.Setelah berhasil, maka seperti inilah tampilannya :
Oke, anda sudah berhasil membuat database dengan table dan record yang
telah terisi sehingga menjadi sebuah kerangka database. Ini belum berakhir, masih
ada step-step selanjutnya yang harus anda ikuti. Tugas yang selanjutnya adalah
menghubungkan database tadi ke halaman web anda. Sebelum itu, salinlah folder
web anda ke folder installan XAMPP di C/xampp/htdocs/.
12.Buka ”Notepad” lalu ikutilah script yang ada dibawah ini lalu disave
dengan nama ”koneksi.php” (tanpa tanda kutip).
13.Setelah itu, buka ”Notepad” baru dan masukkan script yang ada
digambar dibawah ini lalu disave dengan nama ”ceklogin.php” (tanpa tanda kutip).
Cermati dan Teliti dalam menyalin Script yang ada di atas dan cek ulang
jika diperlukan untuk menghindari kesalahan. Jika sudah selesai menyalin Script-
nya, klik File lalu pilih Save dan beri nama ke file notepad tadi dengan nama home
dengan ekstensi ”.html”. Sekarang anda sudah berhasil membuat Page Menu 1
( Home ).
3.Hasil
Untuk melihat hasil dari Script yang tadi anda buat, klik kanan pada
file tadi dan cari pilihan ”Open with” lalu pilih browser yang terinstall di Laptop
atau Personal Computer ( PC ) anda. Misalnya Mozilla Firefox, Google Chrome,
Opera Mini, Safari atau browser-browser lain yang sejenis.
III. 3. Membuat Page Menu 2 ( JAPANpedia )
1.Layout Design Page Menu 2 ( JAPANpedia )
Cermati dan Teliti dalam menyalin Script yang ada di atas dan cek ulang
jika diperlukan untuk menghindari kesalahan. Jika sudah selesai menyalin Script-
nya, klik File lalu pilih Save dan beri nama ke file notepad tadi dengan nama home
dengan ekstensi ”.html”. Sekarang anda sudah berhasil membuat Page Menu 2
( JAPANpedia ).
3.Hasil
Untuk melihat hasil dari Script yang tadi anda buat, klik kanan pada
file tadi dan cari pilihan ”Open with” lalu pilih browser yang terinstall di Laptop
atau Personal Computer ( PC ) anda. Misalnya Mozilla Firefox, Google Chrome,
Opera Mini, Safari atau browser-browser lain yang sejenis.
III. 4. Membuat Page Menu 3 ( Blog )
1.Layout Design Page Menu 3 ( Blog )