1. PEMROGRAMAN BERBASIS WEB
WEBSITE SEKOLAH
Disusun Oleh :
1. Risqi Albi Khairullah (1110651201)
2. Angga Pramana Putra (1110651210)
3. Ayatullah Faqih (1110651211)
4. Shadiqul Hasan SR (1110651225)
PROGRAM STUDI MANAJEMEN INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2013

2. I. Tujuan
1. Untuk merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk
menyebarkan informasi yang baik dengan cepat dan mudah.
2. Untuk menunjukkan penggunaan dari PHP dalam membangun suatu aplikasi web
dinamis serta hubungannya dengan bahasa pemrograman web dan aplikasi lainnya.
3. Untuk memenuhi tugas besar pada mata kuliah pemrograman berbasis web
II. Dasar Teori
1. Website
Secara terminologi website adalah kumpulan dari halaman-halaman situs, yang
biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di
dalam World Wide Web (WWW) di Internet.
2. PHP
Kepanjangan dari PHP adalah “Hypertext Preprocessor” (ini merupakan singkatan
rekursif). Jadi,Apa itu PHP? PHP adalah bahasa scripting web HTML-embedded. Ini
berarti kode PHP dapat disisipkan ke dalam HTML halaman Web. Ketika sebuah
halaman PHP diakses, kode PHP dibaca atau “diurai” oleh server.
3. CSS, Java Script, dan Jquery
 CSS adalah singkatan dari Cascading Style Sheets.
 CSS adalah aliran dari suatu kode ke kode lain yang saling berhubungan.
 CSS merupakan kumpulan kode-kode berurutan dan saling berhubungan untuk
mengatur format / tampilan suatu halaman HTML.
 JavaScript adalah bahasa yang berbentuk kumpulan skrip yang pada
fungsinya berjalan pada suatu dokumen HTML.
 jQuery adalah library JavaScript yang sangat ringkas dan sederhana untuk
memanipulasi komponen di HTML, menangani even, animasi, dan efek
4. AJAX
 AJAX adalah singkatan dari Asynchronous Javascript and XML
 AJAX dibuat dari serangkaian teknologi dengan kemampuan: Javascript,
XML, dan metode komunikasi asinkron antara client dan server.
5. Hosting
Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang
memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau
produknya di web / situs Internet. Tempat ini sebagai tempat penyimpanan data
berupa megabytes (MB) hingga terabytes (TB) yang memiliki koneksi ke internet
sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat
secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan
dalam satu waktu oleh multi user (wikipedia).

3. 6. Domain
Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server
komputer seperti web server atau email server di jaringan komputer ataupun internet.
Nama domain berfungsi untuk mempermudah pengguna di internet pada saat
melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang
dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai
alamat IP. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs
web seperti contohnya "wikipedia.org". Nama domain kadang-kadang disebut pula
dengan istilah URL, atau alamat website.
III. Hasil Project
1. Pertama kita buat form login administrator dimana form login ini mempunyai koneksi
ke database.
Databasenya seperti gambar di bawah ini:
Nama databasenya login_admin dan tabelnya admin
Kemudian kita beralih ke aplikasi Notepad++, pertama kita Menyiapkan JQuery
Untuk menggunakan fungsi AJAX pada JQuery.
2. Membuat form login » index.php
Script ini akan digunakan sebagai sarana untuk memasukkan username dan password
ketika hendak login, berikut contoh script index.php sebagai halaman login
Kemudian membuat file login.js

4. Kemudian membuat script pemrosesan » login.php
Script login.php merupakan script php sederhana yang kami gunakan untuk
melakukan pengecekan kebenaran username dan password pada database, jika
username dan password benar, maka script dibawah akan mencetak kata "ok",
sedangkan jika username dan password salah maka akan dicetak kata "Username atau
Password Salah !"

5. Terakhir kita buat file dengan nama admin.php
Script diatas kita asumsikan sebagai halaman administrator yang mengharuskan user
untuk login terebih dahulu ketika hendak mengakses halaman ini
Dan tampilan loginnya seperti gambar di bawah ini
Jika login di atas benar maka akan langsung di bawa ke halaman daftar_siswa.php,
dimana daftar_siswa.php ini adalah halaman untuk administrator mengotak atik
daftar siswa, dimana admin bisa menambahkan data siswa baru ataupun mengedit
dan menghapus data siswa. daftar_siswa.php ini juga mempunyai koneksi ke
database juga.
Nama database : coba
Untuk tabelnya kita buat nama cibatok

6. Kita buat koneksi ke databasenya dahulu dengan nama koneksi_mysql.php
Kemudian buat file dengan nama config.php
Untuk form daftar_siswa.php codenya seperti di bawah ini

7. Kemudian kita buat berturut-turut buat file dengan nama siswa.php
Kemudian buat file dengan nama siswa_form.php

8. Kemudian buat file siswa_edit.php

10. Kemudian file siswa_hapus.php

11. Lanjut ke file siswa_update.php

12. Kemudian buat file siswa_delete.php

13. Tampilan daftar siswanya seperti gambar di bawah ini
Untuk halaman utama, profil, sejarah dan berita codingnya sama hanya yang
membedakan yaitu di div class tengahnya,
Saya berikan contoh coding halaman utamanya

16. Selanjutnya kita hanya menmbahkan script-script pendukung, .
Sekilas tampilan halaman_utamanya

17. Yang terakhir kita hosting ke idhostinger.com
Pertama kita daftar terlebih dahulu baru kemudian ikuti perintah-perintahnya, kemudian kita
upload project kita menggunakan CORE FTP LE, setelah di upload kita konfigurasi ulang
databasenya
Dan hasilnya setelah di hosting akan tampak seperti gambar di bawah ini
IV. Kendala
1. Pengelolaan tampilan web, isi web, struktur databasenya.
2. Kendala di dalam penghostingan
3. Kurangnya referensi
V. Kesimpulannya
Desain web sangat penting untuk menarik para pengunjung selain dari code phpnya yang
juga harus baik. PHP bahasa pemrograman berbasis web yang mendukung dan baik
sekali dalam penanganan database.