Antarmuka Halaman Login Antarmuka Halaman Admin Rancangan Antarmuka Halaman Dosen

Sedangkan untuk dosen, pimpinan, dan TU, layanan yang di sediakan adalah berbasiskan web, jadi untuk mengaksesnya para user menggunakan media komputer, dengan web browsernya terlebih dulu. Pertama – tama dosen, pimpinan, dan TU melakukan login dengan memasukan username dan passwordnya. Setelah itu halaman login user akan memproses autentifikasi bila telah berhasil maka akan muncul halaman masing-masing user yang berisikan menu – menu yang dapat di akses oleh user.

3.4.3.1 Antarmuka Halaman Login

Gambar 3.25 Halaman Login Pada Gambar 3.25 di atas, untuk dapat masuk ke halaman menu, admin, dosen, pimpinan, dan TU harus melakukan login lebih dulu dengan memasukkan username dan password. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.4.3.2 Antarmuka Halaman Admin

Gambar 3.26 Halaman Admin Pada Gambar 3.26 di atas, terdapat menu Home yang digunakan untuk melihat data, menu Insert digunakan untuk menambah data, menu Update digunakan untuk merubah data, menu Delete digunakan untuk menghapus data, menu Search digunakan untuk mencari data, menu Report digunakan untuk melihat data.

3.4.3.3 Rancangan Antarmuka Halaman Dosen

Gambar 3.26 Halaman Dosen Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Terdapat menu-menu seperti yang ada di halaman admin, yaitu Home, Insert, Update, Delete, Search, Report. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 52

BAB IV IMPLEMENTASI

Pada bab IV ini akan membahas tentang implementasi program dari hasil analisis dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut dijalankan.

4.1 Lingkungan Pemrograman

Dalam mengimplementasikan aplikasi ini menggunakan : 1 Windows XP Profesional Edition SP. 2 sebagai sistem operasi. 2 Wamp Server yang berisikan : a. MySQL sebagai database. b. Apache sebagai web server. c. PHPMyAdmin 3 Power Designer 11. 4 PHP5.2.9 sebagai bahasa pemrograman 5 Mozilla Firefox sebagai web browser.

4.2 Implementasi Database

Dalam mengimplementasikan database pada aplikasi ini menggunakan Power Designer untuk merancang database serta menggunakan Script SQL yang dihasilkan dari generate database. Mozilla Firefox sebagai web browser dan PHPMyAdmin sebagai database. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.