Desain Produk Proses Pengembangan Produk

50 3. Desain Database Desain database merupakan hal yang penting dalam pengembangan suatu aplikasi. Dalam desain database ini dibuat Tabel-tabel yang digunakan untuk menyimpan data, hubungan antar tabel dan flowchart sistem. a Struktur Tabel Tabel berfungsi untuk menyimpan data yang diperlukan untuk kebutuhan sistem. Dibawah ini akan dijelaskan beberapa tabel-tabel yang digunakan dalam sistem informasi akademik tugas akhir skripsi. Keseluruhan tabel yang digunakan dapat dilihat pada lembar Lampiran 2. 1 Tabel Mahasiswa Tabel mahasiswa digunakan untuk menyimpan data mahasiswa yang sedang mengerjakan tugas akhir skripsi di jurusan Pendidikan Teknik Elektro terdapat pada Lampiran 2.d. 2 Tabel Dosen Tabel dosen digunakan untuk menyimpan data dosen yang sedang membimbing tugas akhir skripsi mahasiswa di jurusan Pendidikan Teknik Elektro terdapat pada Lampiran 2.d. 3 Tabel Pra Proposal Tabel Pra Proposal digunakan untuk menyimpan data Pra Proposal yang diunggah oleh mahasiswa yang sedang mengerjakan tugas akhir skripsi mahasiswa di jurusan Pendidikan Teknik Elektro terdpat pada Lampiran 2.d. 51 b Relasi Antar Tabel Hubungan antar tabel berfungsi untuk menghubungkan tabel-tabel yang saling terkait untuk kebutuhan sistem. Tabel-tabel yang terhubung dengan benar menghasilkan informasi yang benar sesuai yang diharapkan terdapat pada lampiran 2.c. c Flowchart Flowchart sistem berfungsi untuk menggmbarkan proses yang dilakukan oleh pengguna dalam menjalankan sistem informasi akademik tugas akhir skripsi. Flowchart sistem ditunjukkan pada Lampiran 2.b. 4. Desain Tampilan dan Desain I si Desain tampilan layar berfungsi untuk mempermudah interaksi antara pengguna dengan sistem. Tampilan yang baik memudahkan pengguna dalam mengoperasikan sistem. Berikut ini akan ditampilkan beberapa desain tampilan layar yang telah dirancang. Untuk seluruh gambar desain tampilan layar dapat dilihat pada Lampiran 5. a Perancangan Tampilan Halaman Login Perancangan halaman login menggunakan bahasa HTMLHyper Text Markup Language ditambah dengan PHP Hypertext Processor untuk mengeksekusi setiap fungsi-fungsi input data. Gambar 7 menunjukkan desain tampilan halaman login. 52

c. Pengembangan Produk

Pengembangan produk merupakan bagian terakhir pada produk awal. Pada tahap pengembangan ini dirangkai bagian-bagian yang telah dihasilkan pada tahap desain menjadi suatu produk. Langkah dalam pengembangan ini diantaranya memilih dan mengatur software framework yaitu Code I gniter sesuai kebutuhan, menyiapkan fitur-fitur yang terdatap pada sistem, dan mengunggah produk ke internet. Pemilihan software framework untuk sistem informasi akademik ini menggunakan Code I gniter. Software diinstall di laptop untuk kemudian diatur sesuai kebutuhan. Pengaturan dilakukan menggunakan software Dreamwaver CS5 dan ditampilkan menggunakan browser Mozilla Firefox yang diberi nama SI ATAS. Untuk mengatur Code I gniter digunakan local address, yaitu http: localhost siatas . Pada pelaksanaan uji coba address tersebut diganti Gambar 7. Perancangan Desain Tampilan Halaman Login 53 menjadi http: siatas.tk , karena sistem telah dilakukan pengunggahan ke internet agar dapat diakses lebih luas.

2. Model dan I si Spesifik Produk Pengembangan