45

Halaman Utama PengunjungHalaman utama pengunjung merupakan halaman utama yang tampil ketika pengunjung memasukkan alamat website ke browser. Pada halaman utama, pengunjung dapat melihat visi dan misi pascasarjana. Secara umum rancangan antarmuka tersebut terdapat top menu, content yang terdiri dari home,galeri foto pascasarjana, lihat data tesis, input data tesis, logout kembali ke home dan ada footer. Rancangan antarmuka halaman utama user (pengunjung) dapat dilihat pada gambar 2.9 berikut:

Rancangan Antarmuka Login Administrator

Pada halaman login adminisitrator, adminisitrator diharuskan memasukkan nama dan sandi. Nama dan sandi akan dicocokkan terlebih dulu dengan data-data yang ada di basis data pada tabel user. Bila cocok maka akan tampil halaman panel adminisitrator. Sedangkan bila tidak cocok maka akan kembali ke halaman login. Adapun rancangan halaman login adminisitrator dapat dilihat pada gambar 2.10 di bawah ini.

Rancangan Antarmuka Halaman Panel AdministratorHalaman utama administrator akan muncul setelah administrator berhasil melakukan login. Pada halaman ini administrator dapat memanipulasi segala data yang berkaitan dengan Website Pengarsipan Tesis yang nantinya akan tampil pada halaman pengguna. Adapun beberapa menu yang terdapat pada halaman administrator yaitu Home, Galeri, Lihat data, Input data, dan Logout. Adapun rancangan antar muka halaman utama administrator dapat dilihat pada gambar 2.11 berikut:

Rancangan Antarmuka Manipulasi DataRancangan ini merupakan rancangan untuk setiap proses manipulasi yang akan dilakukan oleh administrator baik itu manipulasi data judul tesis, foto dan lain-lain. Secara umum tampilan dari setiap manipulasi akan sama, yang nantinya membedakan hanyalah contentnya. Rancangan antarmuka dapat dilihat pada gambar 2.11 di bawah ini:

Gambar diatas merupakan form input data yang digunakan untuk memasukan sekaligus menyimpan data Sedangkan berikut ini adalah gambar rancangan tampilan list data yang sudah diinputkan. Pada list tersebut terdapat tombol action yaitu update dan delete. Ketika aksi Edit maka akan masuk ke form Edit yang tampilannya sama dengan form input diatas. Sedangkan ketika aksi delete maka data ada pada list akan dihapus.

2.1 Implementasi Program

Website Pengarsipan Tesis , dibangun dengan menggunakan laptop Intel core duo @ 2.4 GHz, dan sistem operasi Windows. Website ini, dibuat dengan menggunakan framwerok PHP CodeIgniter dan framework CSS Bootstrap. Dalam penulisan listing program penulis menggunakan Netbeans dan Sublime Text2.2.5.1 Pembuatan ProgramPembuatan Website Pengarsipan Tesis akan dibahas berdasarkan garis besarnya, karena hampir semua sistem yang ada mengacu pada koneksi ke database, proses menyimpan data, mengubah data, menghapus data dan menampilkan data. Berikut adalah penggalan-penggalan listing program dari masing-masing proses yang telah disebutkan diatas:2.5.1.1. Koneksi Database

Koneksi ke database merupakan hal yang terpenting, karena coding koneksi ini akan menghubungkan sistem dengan database yang sudah disesuaikan. Dalam framework CodeIgniter konfigurasi database terletak pada direktori /application/config/database.php1.

2.5.1.4. Menghapus Data (delete)

Menghapus data merupakan proses penghapusan terhadap data yang sudah disimpan pada database. Penghapusan dilakukan berdasarkan id (primary) dari data yang akan dihapus. Berikut adalah penggalan listing penghapusan data yang diambil pada proses delete menu.

2.5.1.5. Menampilkan DataMenampilkan data merupakan proses dimana data yang telah tersimpan di dalam database akan ditampilkan. Proses ini umumnya akan digunakan pada website utama untuk menampilkan informasi yang sudah dinputkan oleh admin. Berikut adalah penggalan senerai menampilkan data yang telah dibuat pada sistem. 1. $data = $this->db->get(tabledata);2. Foreach($data->result() as row){

3. echo row->id_data;

4. echo row->nama_data;

5. echo row->password;

6.

7. }

2.2 Uji Coba Program

Sistem yang telah selesai, terlebih dahulu melalui uji coba untuk mengetahui apabila terjadi kerusakan sebelum sistem tersebut dipublikasikan. Adapun beberapa pengujian yang akan dilakukan pada program ini yaitu terlihat pada tabel berikut ini:Tabel 2.11 Tabel Hasil Uji Coba ProgramNoUji CobaKeteranganHasil

1Login

AdminPertama administrator akan memasukan username dan password, kemudian akan dilakukan pengecekan apakah username dan password dengan data yang terdapat pada database, jika salah maka akan kembali ke halaman login, jika sudah benar maka akan tampil halaman utama administrator.Proses login

berjalan baik

akan langsung masuk ke halaman home admin.

2Input dataSalah satu proses input data yang sudah diuji coba adalah input data judul tesis. Administrator akan memilih memasukan data yang diperlukan, dan diakhiri dengan menyimpan data dengan mengklik tombol Save Proses input

terlihat pada

lampiran

gambar 2.

3Update

DataProses update dilakukan dengan memilih data yang terdapat pada List dengan mengklik tombol Edit pada maka akan masuk ke halaman Edit Data. Pada halaman tersebut administrator dapat mengubah data yang telah ada kemudian klik tombol Update untuk meyelesaikan proses pengubahan data.Pada proses udpate berjalan dengan baik. Semua proses termasuk validasi data berjalan dengan baik.

4Delete DataSama dengan proses mengubah data, untuk melakukan delete data maka terlebih dahulu harus memilih data yang akan di hapus pada list data kemudian klik tombol Delete maka akan muncul pesan konfirmasi untuk menghapus data.Proses delete

berjalan dengan

sangat baik.

Data yang

dipilih berhasil

dihapus.

BAB IIIPENUTUP

3.1 Simpulan

Website Pengarsipan Tesis merupakan salah satu website yang dibangun untuk tujuan sebagai media informasi kepada mahasiswa yang ingin melihat judul tesis sebelumnya agar mudah untuk mendapatkan informasinya. Website ini juga digunakan untuk mendaftar judul laporan penelitian tesis yang akan dibuat. Rancangan sistem dari Website Pengarsipan Tesis ini menggunakan Unified Model Language dimana terdapat 2 (dua) aktor yaitu normal user (pengguna) dan administrator. Administrator dapat melakukan manipulasi data dalam website seperti menambahkan data, mengubah data, atau menghapus data. Normal User hanya dapat melihat informasi dalam website dan menginput data judul laporan tesis.Adapun bahasa pemrograman yang digunakan dalam website ini yaitu bahasa pemrograman PHP dan basis data yang digunakan yaitu MySql. Dalam perancangan basis data, website ini menggunakan dua buah tabel yang memiliki fungsi masing-masing dan terelasi satu sama lain.

3.1Saran

Meskipun sudah dibuat secara detail, ada beberapa fasilitas yang perlu ditambahkan lagi diantaranya fasilitas untuk melihat event yang ada di restauran, setting akun untuk yang lebih baik serta penggunaan third party authentication dengan media social seperti Facebook dan Twitter.DAFTAR PUSTAKA

Fathansyah, Ir., Basis Data, Bandung: Informatika, 1999Arbie. 2004. Manajemen Database dengan MySQL. Yogyakarta: Andiyoga

Wardana, S. Hut, Menjadi Master PHP dengan Framework Codeigniter, Yogyakarta: Elex Media Komputindo, 2011

Anhar, PHP & MySQL Secara Otodidak, Surabaya: Agromedia Pustaka, 2004

Jovan, FN, Panduan Praktis Membuat WEB dengan PHP Untuk Pemula, Bandung: MediaKita, 2006

LAMPIRAN-LAMPIRAN

Header

FOOTER

CONTENT

Banner

Gambar 2.9 Rancangan halaman utama pengunjung

LOGIN Administrator

USERNAME

PASSWORD

LOGIN

Header

Footer

Banner

Gambar 2.10 halaman login administrator

Header

Banner

Content

Footer

Gambar 2.11 Rancangan halaman utama administrator

Header

Banner

FOOTER

Input Data :

Id

Nim

Nama

Judul

Tahun

Abstrak

Content

save

Banner

Gambar 2.12 Rancangan halaman Input Data

Header

Banner

FOOTER

Content

Gambar 2.13 Halaman list data

Gambar 2.14 Penggalan listing koneksi database

Gambar 2.15 Penggalan coding simpan data

Gambar 2.16 Penggalan coding ubah data

Gambar 2.17 Penggalan coding hapus data

Gambar 2.18 Penggalan coding tampil data

26

35

Gambar 1. Form login administrator

Gambar 2. Form input data Pengarsipan Tesis

Gambar 3. Tampilan List Data Pengarsipan Tesis

Gambar 4. Menulis Ulasan