3.5.1 Desain Halaman Utama
Pada halaman utama website aplikasi ini memiliki 3 bagian yaitu header, body,
dan footer. Dijelaskan bahwa header untuk logo dan judul, body yang terdiri dari kolom utama dan kolom navigasi side bar, dan footer. Berikut ini
tampilan dari desain halaman utama seperti pada gambar 3.24.
Gambar 3.24 Desain Halaman Utama 3.5.2 Desain Halaman Register
Setelah user mengklik menu register, user akan menuju form register. Di menu inilah user mendaftar sebagai anggota untuk dapat menggunakan aplikasi.
Berikut ini tampilan dari desain halaman register seperti pada gambar 3.25.
Gambar 3.25 Desain Halaman Register
LOGO UPN LPPM UPN “Veteran” Jawa Timur
Implementasi Direktori Penelitian Dosen Pada LPPM UPN “Veteran” Jawa Timur
Register Profil LPPM
Login
Pengumuman Keterangan bila user mengklik salah satu
pilihan menu disamping maka akan muncul halaman yang telah dipilih di
bagian ini.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.5.3 Desain Halaman Login User
Menu ini dapat digunakan setelah user telah terdaftar sebagai anggota dan dapat menggunakan hak aksesnya untuk dapat menggunakan aplikasi tersebut.
Berikut ini tampilan dari desain halaman login user seperti pada gambar 3.26.
Gambar 3.26 Desain Halaman Login User 3.5.4 Desain Halaman Utama Administrator
Menu ini dapat digunakan setelah user login kemudian masuk ke menu utama akses daripada user dalam hal ini adalah sebagai admin. Berikut ini
tampilan dari desain halaman utama administrator seperti pada gambar 3.27.
Gambar 3.27 Desain Halaman Utama Administrator 3.5.5 Desain Halaman Utama Dosen
Menu ini dapat digunakan setelah user login kemudian masuk ke menu utama akses daripada user dalam hal ini adalah sebagai dosen. Berikut ini
tampilan dari desain halaman utama dosen seperti pada gambar 3.28.
Gambar 3.28 Desain Halaman Utama Dosen
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
51
BAB IV IMPLEMENTASI PERANGKAT LUNAK
Pada bab ini akan membahas tentang implementasi program dari hasil analisa dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut
dijalankan.
4.1 Lingkungan Pemrograman
Perancangan aplikasi web dikembangkan dalam lingkungan pemrograman dengan spesifikasi teknis sebagai berikut ini :
1. Windows XP Profesional Edition SP.2 sebagai sistem operasi. 2. Rational Rose 2002 untuk pembuatan desain UML.
3. XAMPP sebagai web development tool. 4. MySQL sebagai database.
5. Framework CodeIgneter dan Ajax JQuery versi 1.4 6. Adobe Dreamweaver CS4 sebagai editor program.
4.2 Implementasi Proses
Pada bagian bab ini membahas mengenai implementasi bagian dari program atau potongan script program.
4.2.1 Implementasi Koneksi Database
Aplikasi ini menggunakan bahasa pemprograman PHP dengan framework codeigneter, basis data database MySQL phpMyAdmin. Untuk menghubungkan
antara CI dengan MySQL harus ada script untuk koneksi yang menghubungkan antara CI dan MySQL. Dalam CI telah ada script function yang digunakan untuk
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.