Rancangan Antarmuka Halaman Login Admin Rancangan Antarmuka Halaman Menu Login Member Rancangan Antarmuka Halaman Menu Member

akan tampil halaman admin yang berisikan menu – menu untuk mengolah dan me-maintenance data – data pada sistem. Admin mempunyai hak akses penuh pada sistem aplikasi yang dimana dapat merubah data yang ada pada basis data system aplikasi. Sedangkan untuk User, layanan yang di sediakan adalah berbasiskan web, jadi untuk mengaksesnya para user menggunakan media komputer, dengan web browsernya baru bisa mengakses. Pertama – tama user diminta untuk login dengan memasukan username dan passwordnya. Setelah itu halaman login user akan memproses autentifikasi bila telah berhasil maka akan muncul halaman user yang berisikan menu – menu yang dapat di akses oleh user.

3.2.8.1 Rancangan Antarmuka Halaman Login Admin

Pada halaman login admin akan muncul form login dimana dalam form ini terdapat 2 inputan data yaitu username dan password. Gambar 3.7. Form Login Admin Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Keterangan : Pada bagian ini admin di wajibkan untuk mengisi Username dan Password jika ingin melanjutkan ke halaman berikutnya.

3.2.8.2 Rancangan Antarmuka Halaman Admin

Jika admin berhasil login maka akan muncul halaman admin dimana pada halaman admin terdapat menu – menu yang dapat di akses oleh admin. Menu – menu tersebut antara lain : Gambar 3.8 Menu Admin Keterangan : Gambar diatas adalah gambar tampilan menu pada halaman admin. Menu Artikel, digunakan untuk mengolah data koleksi yang ada. Menu Member, digunakan kuntuk mengolah data member. Menu Kategori, digunakan untuk mengolah data kategori. Menu Jurusan, digunakan untuk mengolah data jurusan. Menu tipe, digunakan untuk mengolah data tipe member. Menu status, digunakan untuk mengolah data status artikel. Menu bahasa, digunakan untuk bahasa artikel.

3.2.8.2.1 Rancangan Antarmuka Halaman Menu Artikel

Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk mengolah data dari menu artikel. Adapun sub-menu yang terdapat pada menu artikel yaitu : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.9 Sub Menu “ Artikel ” Keterangan : Sub menu daftar artikel, digunakan untuk melihat daftar artikel yang ada. Sub menu tambah artikel, digunakan untuk menambah artikel baru.

3.2.8.2.2 Rancangan Antarmuka Halaman Menu Member

Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk mengolah data dari menu member. Adapun sub-menu yang terdapat pada menu member yaitu : Gambar 3.10 Sub Menu “ Member ” Keterangan : Sub menu daftar member, digunakan untuk melihat daftar member yang ada. Sub menu tambah member, digunakan untuk menambah anggota baru.

3.2.8.2.3 Rancangan Antarmuka Halaman Menu Kategori

Pada menu ini terdapat beberapa sub-menu yang dimana masing – masing sub-menu berfungsi untuk mengolah data dari menu kategori. Adapun sub-menu yang terdapat pada menu kategori yaitu : Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 3.11 Sub Menu “ Kategori ” Keterangan : Sub menu daftar kategori, digunakan untuk melihat daftar kategori yang ada. Sub menu tambah kategori, digunakan untuk menambah kategori baru.

3.2.8.3 Rancangan Antarmuka Halaman Menu Login Member

Pada halaman login member akan muncul form login dimana dalam form ini terdapat 2 inputan data yaitu username dan password Gambar 3.12 Form Login Member Keterangan : Pada bagian ini user di wajibkan untuk mengisi Username dan Password jika ingin melanjutkan ke halaman berikutnya. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.2.8.4 Rancangan Antarmuka Halaman Menu Member

Jika member berhasil login maka akan muncul halaman member yang dimana pada halaman member terdapat menu – menu yang dapat di akses oleh member. Menu – menu tersebut antara lain : Gambar 3.13 Menu Member Keterangan : Gambar diatas adalah gambar tampilan menu pada halaman member. Menu Info User, digunakan untuk melihat informasi tentang member serta merubah data. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 46

BAB IV IMPLEMENTASI PERANGKAT LUNAK

Pada bab 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. 3 sebagai sistem operasi. 2. XAMPP yang berisikan : a. MySQL sebagai database. b. Apache sebagai web server. c. PHP sebagai bahasa pemrograman. d. PHPMyAdmin e. Filezilla f. Mercury Mail 3. PHP5 dan Ajax JQuery versi 1.4 4. Mozilla Firefox sebagai web browser. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.