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

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).

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

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 !"

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

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

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

Kemudian buat file dengan nama siswa_form.php

Kemudian buat file siswa_edit.php

Kemudian file siswa_hapus.php

Lanjut ke file siswa_update.php

Kemudian buat file siswa_delete.php

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

Selanjutnya kita hanya menmbahkan script-script pendukung, .

Sekilas tampilan halaman_utamanya

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.