LAPORAN TUGAS AKHIR PRAKTIKUM PERANCANGAN BERBASIS WEB

TOKO BUKU ONLINE

DISUSUN OLEH : Rosti Masriyah Irenne Dwi Ayu Mardiasih Ikka Medikawati Lika Reni R J3D109019 J3D109068 J3D109070 J3D109071

KELAS TEK B/P1

PROGRAM KEAHLIAN TEKNIK KOMPUTER DIREKTORAT PROGRAM DIPLOMA INSTITUT PERTANIAN BOGOR 2011

DAFTAR ANGGOTA KELOMPOK

ROSTI MASRIYAH Penulis lahir tanggal 1 Januari 1992 di Jakarta. Penulis bersaudara. TK SD => TK Qudsi => SD Yasporbi II Jakarta merupakan anak ke empat dari 4

SMP => SMP 265 Jakarta SMA => SMA Insan Kamil Bogor Sekarang sedang menyelesaikan studi di Institut Pertanian Bogor.

IRENNE DWI AYU MARDIASIH Penulis lahir tanggal 6 Desember 1991 di Jakarta. Penulis merupakan anak pertama dari 2 bersaudara. TK => TK Muarawarta SD => SD Pondok Kelapa 05 Jakarta SMP => SMP 199 Jakarta SMA => SMA 59 Jakarta Sekarang sedang menyelesaikan studi di Institut Pertanian Bogor.

IKKA MEDIKAWATI Penulis lahir tanggal 2 November 1991 di Jakarta. Penulis merupakan pertama dari 2 bersaudara. TK => TK Permata Sari SD => SD Telanjung Bogor SMP => SMP 3 Karawang SMA => SMA 5 Karawang Sekarang sedang menyelesaikan studi di Institut Pertanian Bogor.

LIKA RENI R Penulis lahir tanggal 25 Februari 1991 di Kebumen. Penulis merupakan anak pertama dari 2 bersaudara. TK => TK Harapan 5 Bekasi SD => SD Harapan Jaya 5 Bekasi SMP => SMP 5 Bekasi SMA=> SMA Negri 1 Babelan Bekasi Sekarang sedang menyelesaikan studi di Institut Pertanian Bogor.

KATA PENGANTAR Puji syukur kepada Tuhan Yang Maha Esa yang telah memberikan rahmat dan hidayah-Nya, sehingga laporan ini bisa diselesaikan. Laporan ini dibuat berdasarkan hasil dari tugas akhir kami. Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada: 1. Orang tua kami tercinta, sahabat-sahabat kami atas segala dukungan dan doanya. 2. Ibu Sofiyanti Indriasari,S.Kom, sebagai kordinator mata kuliah. Serta kepada Bapak Andika Sundawidjaya, S.T dan Bryan Nurjayanti, S.Kom, selaku dosen mata praktikum TEK B. Dan tak lupa kepada Kak Aditya Wicaksono dan Kak Syahrani Kurniawati sebagai kakak asdos yang selalu membantu kita selama praktikum. 3. Kamar Ika , kamar Irenn, kamar Lika, kamar oti yang setia selalu menemani kami dalam dalam mengerjakan tugas proyek akhir ini hingga selesai. 4. Netbook dan notebook kami yang 24 jam siap menghibur kami. 5. Teman-teman seperjuangan di Teknik Komputer 46 terima kasih atas kebersamaan, persahabatan serta dukungannya. Penulis menyadari bahwa tulisan ini belum sempurna, oleh karena itu penulis sangat mengharapkan kritik dan saran yang membangun penulis. Semoga tulisan ini dapat bermanfaat bagi pembaca.

Bogor, 06 Desember 2011

Penulis

DAFTAR ISIKATA PENGANTAR .................................................................................................... iv 1. PENDAHULUAN .................................................................................................. xi 1.1. 1.2. 1.3. 1.4. 1.5. 2. Latar Belakang ................................................................................................ xi Tujuan ............................................................................................................ xi Perumusan Masalah ........................................................................................ xi Batasan Masalah ............................................................................................ xii Manfaat Bidang Kajian .................................................................................. xii

METODE BIDANG KAJIAN .............................................................................. xiii 2.1. 2.2. 2.3. Waktu dan Tempat PKL ................................................................................ xiii Metode Kerja ................................................................................................ xiii Tinjauan Pustaka ........................................................................................... xiii Basis Data ............................................................................................. xiii Data Flow Diagram ............................................................................... xiii Metode Pengujian Black Box ................................................................. xiii Sistem ................................................................................................... xvi Database Management System\ ............................................................. xvi Browser................................................................................................. xvi Captcha ................................................................................................. xvi Cascading Aala Sheet ........................................................................... xvii Email ................................................................................................... xvii Hypertext Markup Language ................................................................ xvii Internet ................................................................................................. xvii Kamus Data.......................................................................................... xvii PHP..................................................................................................... xviii URL (Uniform Resource Location)...................................................... xviii World Wide Web ................................................................................ xviii Online ................................................................................................. xviii

2.3.1. 2.3.2. 2.3.3. 2.3.4. 2.3.5. 2.3.6. 2.3.7. 2.3.8. 2.3.9. 2.3.10. 2.3.11. 2.3.12. 2.3.13. 2.3.14. 2.3.15. 2.3.16. 3.

PEMBAHASAN .................................................................................................. xix 3.1. 3.2. 3.3. 3.4. Analisis dan Definisi Kebutuhan ................................................................... xix Analisis Masalah ........................................................................................... xix Analisis Kebutuhan Fungsional ...................................................................... xx Analisis Kebutuhan Non-Fungsional ............................................................. xxi

3.5. 3.6.

Karakteristik Pengguna ................................................................................ xxii Metode Tahapan Kerja ................................................................................ xxiii Perancangan Sistem dan Perangkat Lunak ........................................... xxiii Perancangan Antar Muka sistem .............................................................. xxiv Perancangan Menu .......................................................................... xxiv Perancangan Halaman Web ............................................................. xxiv Implementasi dan Pengujian Unit ........................................................ xxvi Implementasi Antarmuka ................................................................xxviii Integrasi dan Pengujian Sistem ........................................................... xxxiii

3.6.1. 3.6.2.

3.6.2.1. 3.6.2.2. 3.6.3. 3.6.3.2. 3.6.4.

Daftar Isi TabelTabel 1. Analisis Kebutuhan Fungsional ........................................................................ xx Tabel 2. Karakteristik Pengguna .................................................................................. xxii Tabel 3. Deskripsi implementasi input Website Evaluasi Proses Belajar Mengajar ...... xxix Tabel 4. Implementasi Output ................................................................................... xxxii Tabel 5. Proses Pengujian Login User........................................................................ xxxiii

Daftar Isi GambarGambar 1. Model Waterfall .......................................................................................... xiv Gambar 2. Perancangan basis data secara fisik ........................................................... xxiv Gambar 3. Gambar perancangan antar muka halaman login ......................................... xxv Gambar 4. Gambar Table Login ................................................................................. xxvi Gambar 5. Gambar Table Login_Admin ..................................................................... xxvi Gambar 6. Gambar Tbl_Daftar_Mata_Kuliah ............................................................. xxvi Gambar 7. Gambar Tbl_Dosen .................................................................................. xxvii Gambar 8. Gambar Tbl_Evaluasi ............................................................................... xxvii Gambar 9. Gambar Tbl_Mahasiswa ........................................................................... xxvii Gambar 10. Gambar Tbl_Pertanyaan ......................................................................... xxvii Gambar 11. Gambar Implementasi Halaman Login ...................................................... xxx Gambar 12. Gambar Gagal Login ................................................................................ xxx Gambar 13. Gambar query pengecekan validasi username dan password saat login..... xxxi Gambar 14. Perancangan Input username dan password ...........................................xxxv Gambar 15. Pernacangan Input Evaluasi Belajar Mengajar Dosen ...............................xxxv Gambar 16. Gambar Perancangan Output Beranda ................................................... xxxvi Gambar 17. Gambar Perancangan Output Hasil EBM Dosen ...................................... xxxvi Gambar 18. Perancangan Output Tentang EBM ........................................................ xxxvii Gambar 19. Gambar Perancangan Output Kontak .................................................... xxxvii Gambar 20. Implementasi Halaman Beranda ........................................................... xxxviii Gambar 21. Implementasi Halaman Tentang EBM ................................................... xxxviii Gambar 22. Implementasi Evaluasi Belajar Mengajar ................................................ xxxix Gambar 23. Implementasi Form Registrasi Mahasiswa .............................................. xxxix Gambar 24. Implementasi Form Registrasi Dosen ........................................................... xl Gambar 25. Implementasi Form Tambah User ................................................................ xl Gambar 26. Gambar Pemberitahuan Mahasisswa ......................................................... xli

I. PENDAHULUAN 1.1. Latar Belakang Pelaksanaan tugas akhir mata kuliah Pemprograman Berbasis WEB dimaksudkan agar mahasiswa lebih memahami materi-materi yang telah didapat dan menerapkannya dalam kasus-kasus tertentu. Pada kesempatan ini kami akan membahas sebuah studi kasus tentang Evaluasi Proses Belajar Mengajar. Evaluasi Proses Belajar Mengajar digunakan untuk mempermudah penilaian terhadap perkuliahan dan penilaian terhadap dosen yang dilakukan secara objketif oleh mahasiswa. Saat ini website menjadi pilihan kami untuk mempublikasikan dan berinteraksi secara online kepada mahasiswa Diploma IPB terutama mahasiswa Teknik Komputer. Website menjadi pilihan kami karena informasi akan lebih mudah cepat didapat. Website ini akan menampilkan data dosen, data mahasiswa, data matakuliah, dan evaluasi proses belajar mengajar.

1.2. Tujuan Mempermudah mahasiswa Diploma Institut Pertanian Bogor dalam pengisian borang evaluasi proses belajar mengajar dosen secara online tanpa harus capai mengisi borang dengan menyilang ataupun membulatkan dengan menggunakan pensil 2B seperti zaman dahulu.

1.3. Perumusan Masalah Rumusan masalah yang akan dibahas dalam laporan ini adalah tahap pembuatan Website Evaluasi Proses Belajar Mengajar Direktorat Program Diploma Institut Pertanian Bogor yang mulai berkembang sesuai dengan perkembangan teknologi yang semakin canggih sehingga menjadikan website ini sebagai wadah yang dapat membuat mahasiswa menjadi lebih mudah dalam menggunakan sistem evaluasi belajar mengajar yang telah berubah menjadi sistem online tersebut.

1.4. Batasan Masalah Dalam hal pembuatan website ini, kami hanya mengambil ruang lingkup dari program keahlian Teknik Komputer saja untuk dilakukan evaluasi belajar mengajar yang dilakukan secara online.

1.5. Manfaat Bidang Kajian Manfaat yang kami dapatkan setelah membuat Website Evaluasi Proses Belajar Mengajar adalah mendapatkan pengetahuan baru mengenai pemakaian aplikasi PHP MySQL, CSS serta mempermudah dalam proses pengevaluasian yang dilakukan secara online.

2. METODE BIDANG KAJIAN 2.1. Waktu dan Tempat PKL Kampus Diploma IPB 2.2. Metode Kerja Dalam pelaksanaan kegiatan kami mengambil data dari Akademik kampus Diploma IPB. 2.3. Tinjauan Pustaka 2.3.1. Basis Data Basis data adalah sekumpulan data yang berhubungan secara logis (dan deskripsi data), dirancang untuk memenuhi kebutuhan informasi dari organisasi (connolly & Begg, 1999).

2.3.2. Data Flow Diagram Diagram Aliran Data atau Data Flow Diagram (DFD) adalah sebuah teknis grafis yang menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat data bergerak dari input menjadi output (Pressman, 19997).

2.3.3. Metode Pengujian Black Box Pengujian Black Box berfokus pada persyartan fungsional perangkat lunak. Dengan demikian, pengujian Black Box memungkinkan perekayasaan perangkat lunak, mendapatkan

serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program (pressman, 1997). Pengujian Black Box bertujuan untuk menunjukan fungsi perangkat lunak tentang cara beroperasinya, apakah pemasukan data keluaran telah berjalan sebagaimana yang diharapkan. Dengan melihat cara perangkat lunak beroperasi, maka dengan secara langsung Black Box akan berusaha menemukan kesalahan diantaranya yaitu :

Fungsi yang salah atau yang hilang Kesalahan pada interface, Kesalahan pada struktur data atau akses basis data, Kesalahan performasi Kesalahan inisialisasi dan tujuan akhir

2.3.3.1.Metode Waterfall Model proses perangkat lunak merupakan representasi dari proses perangkat lunak. Model waterfall mengambil kegiatan proses dasar seperti spesifikasi, pengembangan, dan evaluasi, dan mempresentasikannya sebagai fase-fase proses yang berbeda seperti spesifikasi persyaratan, perancangan perangkat lunak, inplementasi, pengujian dan seterusnya. Contoh fase dari model waterfall yaitu tampak seperti Gambar diatas (sommerville, 2003).Gambar 1. Model Waterfall

Tahap-tahap utama dari model ini memetakan kegiatankegiatan pengembangan dasar, yaitu: 1. Tahap analisis dan definisi kebutuhan. Pada tahap ini dilakukan analisis dan penentuan definisi dari sistem

yang yang diperlukan. Penjelasan, batasan dan tujuan dari sistem dapat diperoleh melalui konsultasi dengan pengunaan sistem. Hasil konsultasi tersebut kemudian didefinisikan ke dalam rincian. 2. Tahap desain sistem dan perangkat lunak. Proses desain sistem membagi kebutuhan baik pada perangkat keras maupun perangkat lunak. Hal tersebut dapat

menentukan arsitektur sistem secara keseluruhan. Desain perangkat lunak melibatkan identifikasi dan deskripsi abstraksi dari sistem perangkat lunak yang mendasar dan relasinya. 3. Tahap implementasi dan pengujian unit. Pada tahap ini, desain dari perangkat lunak dibuat dalam suatu program atau unit-unit dari program. Pengujian unit mencakup verifikasi setiap unit yang dibuat memenuhi spesifikasi yang dibutuhkan. 4. Tahap intergrasi dan pengujian sistem. Unit program diintergrasikan dan diuji sebagai salah satu sistem untuk memastikan bahwa seluruh kebutuhan perangkat lunak terpenuhi. Setelah pengujian sistem, perangkat lunak dikirim kepada pengguna. 5. Pengoperasian dan pemeliharaan. Tahap ini biasanya (walau tidak seharusnya) merupakan fase siklus yang paling panjang. Sistem di-install dan siap digunakan. Pemeliharaan dilakukan pada saat kebutuhan baru ditemuakn, meliputi koreksi kesalahan yang tidak ditemukan dalam tahap sebelumnya, meningkatkan implementasi unit sistem dan meningkatkan layanan sistem.

2.3.4. Sistem Sistem adalah sekumpulan dari komponen-komponen yang berhubungan yang saling berinteraksi untuk melakukan suatu tugas untuk mencapai suatu tujuan (wiliams & Sawyer, 2007).

2.3.5. Database Management System\ Database Management Sistem adalah perangkat lunak sistem yang digunakan untuk membuat, mempertahankan, dan memberikan akses kepada pengguna database. DBMS juga menyediakan metode sistematis untuk membuat, memperbaharui, menyimpan, dan mengambil data dalam database (Jeffrey A.Hoffer, Marry B.Presscott & Fred R.Mcfadden, 2007).

2.3.6. Browser Browser

adalah

sebuah

program

yang

digunakan

untuk

menampilakan halaman web. Browser berkomunikasi dengan web Browser melalui protokol HTTP, yang membaca menerjemahkan bahasa HTML dan data gambar untuk ditampilkan secara visual sehingga informasi yang ada dapat dibaca (Hengky Prihatna, 2005).

2.3.7. Captcha Captcha merupakan akronim dari Completely Automated Public Turing test to tell Computers and human Apart. Dengan captcha, dimungkinkan untuk meminimalisir spam yang mungkin terjadi pada form-form website. Captcha adalah sebuah permintaan jawaban yang digunakan untuk meyangkinkan bahwa jawaban tersebut tidak digenerate otomatis oleh mesin. Artinya, sebuah form berisi captcha telah berasil dilewati, maka sudah dapat dipastikan bahwa form berisi captcha telah berhasil dilewati, maka sudah dapat dipastikan bahwa form tersebut diisi manusia (wikipedia,2009).

2.3.8. Cascading Aala Sheet Cascading style sheet (CSS) adalah serangkaian aturan yang digunakan untuk menentukan tampilan dari sebuah elemen pada halaman web dana dapat mengubah karakteristik seperti jenis huruf,ukuran jenis,margin dan rincian link (shelly Cashman,2004).

2.3.9. Email Email singkatan dari electronik mail atau surat elektronik, yaitu pesan/surat yang dikirimkan melalui jaringan komputer, terutama via internet (william &sawyer,2004).

2.3.10. Hypertext Markup Language Hypertext Markup Language (HTML) merupakan suatu bahasa yang digunakan untuk menciptakan dokumen-dokumen dihalaman web. HTML menggunakan satu rangkaian instruksi khusus yang disebut tags atau markup (shelly Cashman,2004).

2.3.11. Internet Internet adalah kumpulan jaringan komputer di seluruh dunia yang menghubungkan jutaan komputer yang digunakan untuk bisnis atau perorangan dengan menggunakan modem, saluran telepon dan media komunikasi lainnya (shelly Cashman,2004).

2.3.12. Kamus Data Kamus data merupakan sebuah daftar yang terorganisir dari elemen data yang berhubungan dengan sistem (Pressman,1997).

2.3.13. PHP PHP (Personal Home Page) merupakan pemograman berbasis web yang dijalankan pada sisi server. PHP digunakan untuk membuat halaman menjadi dinamis, berinteraksi dengan user, menyimpan informasi, membuat web-based email dan masih banyak lagi (Hengky Prihatna, 2005).

2.3.14. URL (Uniform Resource Location) URL digunakan sebagai penunjuk lokasi pada internet dan menjadi alamat absolut suatu situs yang dikunjungi (Hengky Prihatna, 2005).

2.3.15. World Wide Web World Wide Web yang juga disebut web, adalah bagian dari internet yang mendukung multimedia dan terdari dari kumpulan dokumen-dokumen terkait (shelly Cashman,2004).

2.3.16. Online Menggunakan komputer atau sumber lain yang terhubung kejaringan untuk mengakses informasi dan layanan dari komputer lain atau sumber informasi lainnya.

3. PEMBAHASAN

Website Evaluasi Proses Belajar mengajar adalah sebuah website yang memberikan kemudahan untuk mengisi borang mengenai Evaluasi belajar mengajar. Metode yang digunakan untuk mengembangkan perangkat lunak ini adalah motode waterfall. Pada metode ini terdapat liama tahap yaitu analisis dan definisi kebutuhan, desain sistem dan perangkat lunak, implementasi dan pengujian unit , integrasi dan pengujian oleh website dan pengguna website.

3.1. Analisis dan Definisi Kebutuhan Fase ini merupakan fase awal dari model pengembangan waterfall, pada fase ini dilakukan terhadap analisa untuk mengetahui kebutuhan apa saja yang diperluakn oleh website dan pengguna website.

3.2. Analisis Masalah Banyak sekali kegiatan-kegiatan yang dilaksanakan oleh kampus Diploma IPB terkait dengan masalah yang dihadapi oleh Kampus Diploma IPB sehingga memerlukan media yang dapat mempermudah mahasiswa Diploma IPB khususnya mahasiswa Teknik Komputer. Masalah yang dihadapi adalah bagaimana mahasiswa dapat dengan mudah mengisi Evaluasi Proses Belajar Mengajar sehingga mempermudah mahasiswa untuk mengisi Borang Evaluasi Belajar Mengajar. Permasalahan yang ada dibatasi dengan pembuatan website dinamis yang dapat ditampilakan: 1. Dikhususkan untuk mahasiswa Teknik Komputer. 2. Pengisian Borang Evaluasi Proses Belajar Mengajar secara online. 3. Data Dosen, Mahasiswa, dan data Mata Kuliah yang dapat berubah secara sekala. Implementasi dari web Evaluasi Proses Belajar Mengajar ini dibangun menggunakan bahasa pemograman PHO dan MYSQL sebagai database Management System.

3.3. Analisis Kebutuhan Fungsional Tahap analisis kebutuhan berfungsi untuk mendapatkan kebutuhan fungsional website yang dikembangkan. Hasil analisa kebutuhan fungsional dapat dilihat di tabel. Penamaan kode fungsional kebutuhan Website Evaluasi Belajar Mengajar memiliki keterangan sebagai berikut: y WEBM_X merupakan kode yang digunakan untuk merepresentasikan kebutuhan fungsional. y WEBM_X.X merupakan kode yang digunakan untuk mempresentasiakan kebutuhan subfungsional.

Tabel 1. Analisis Kebutuhan Fungsional

Kode Fungsional

Fungsional

Deskripsi

WEPBM_1

Verifikasi login admin

Verifikasi login sebagai admin.

WEPBM_2

Manipulasi data

Melakukan

manipulasi

data, yaitu: input, edit dan delete (hanya dilakukan admistator). WEPBM_2.1 Input data Masukan data yang akan diproses oleh sistem. WEPBM_2.2 Edit data Mengubah terjadi data. WEPBM_2.3 Delete data Mengapus data yang data jika

kesalahan input

sudah tidak diperlukan. WEPBM_2.4 Input reservation Memasukan reservation data (hanya

dilakukan pengunjung website). WEPBM_2.5 Tampil data

oleh

Menampilakan informasi.

3.4. Analisis Kebutuhan Non-Fungsional Kebutuhan non fungsional pada website ini adalah : a. Kebutuhan minimum perangkat keras : y y y y y Processor intel core i3 1.33 MHz Kapasitas free scape hard disk 6.5 Gb Kapasitas memori 51.6 GB Keyboard dan mouse Optimal pada resolusi 1024x768 pixels

b. Kebutuhan Perangkat Lunak : y y y y Operating System DBMS : Windows 7 Ultimate : Mysql

Bahasa Pemograman : PHP Adobe Dreamwaver CS5

3.5.

Karakteristik Pengguna Penggunaan Website Evaluasi Proses Belajar Mengajar dibagi menjadi dua kategori, yaitu admin dan user. Keterangan dapat dilihat pada Tabel 2.Tabel 2. Karakteristik Pengguna

Kategori pengguna Admin

Hak Akses WEPBM_1

Kebutuhan Pengguna Melakukan login verifikasi

WEPBM_2 WEPBM_2 WEPBM_2

Manipulasi Data Dosen Manipulasi Mata kuliah Manipulasi pertanyaan Data

WEPBM_2 WEPBM_1

Manipulasi data evaluasi Melakukan loguot verifikasi

User

WEPBM_1

Melakukan login

verifikasi

WEPBM_3 WEPBM_3 WEPBM_3

Menampilkan Home Menampilkan Data Dosen Menampilkan Data Mahasiswa

WEPBM_3

Menampilkan Data Mata kuliah

WEPBM_3

Menampilkan form evaluasi

WEPBM_1

Melakukan verifikasi loguot

3.6.

Metode Tahapan Kerja 3.6.1. Perancangan Sistem dan Perangkat Lunak Fase perencanaan ini merupakan suatu tahapan yang mengacu pada tahap analisis, tetapi fase ini dilakukan setelah tahap analisis selesai. Fase ini memperoses bagianbagian dari kebutuhan kedalam suatu perangkat keras dan perngkat lunak yang dibutuhkan suatu sistem. Fase perencanaan proses, perencanaan output dan antermuka. Perancangan basis data, perancangan basis data sangat diperluakan dalam membangun sistem da menyimpan data yang efisien. Perancangan ini dibuat untuk mencegah terjadinya pengulangan data yang tidak dibutuhkan. y Perancangan Konseptual, Basis data konseptual

merupakan gambaran umum basis data yang akan dibangun. Hal ini dilakukan untuk mempermudah merancang basis data secara logis. y Perancangan logis, basis data ini digunakan untuk menyimpan data yang sesuai dengan kebutuhan sistem. Pada perancangannya basis data harus memperhatikan proses penyimpananya, baik secara fisik maupun logis. Hal ini dilakukan supaya waktu pencarian minimal, basis data tidak bekerja terlalu besar dan dapat menyimpan sehemat mungkin. y Perancangan fisik, setelah dilakukan perancangan basis data secara logis, selanjutnya akan dilakukan

perancangan basis data secara fisik.

Gambar 2. Perancangan basis data secara fisik

3.6.2.

Perancangan Antar Muka sistem 3.6.2.1. Perancangan Menu Perancangan menu dengan menggunakan tampilan menumenu pilihan pada web dapat mempermudah

pengimplementasian perangkat lunak. Rancangan bentuk susunan menu utama web ditunjukan pada gambar. 3.6.2.2. Perancangan Halaman Web Perancangan halaman antarmuka Website Evaluasi Proses Belajar Mengajar ini berupa panduan antara teks dan gambar dengan menggunakan Cascading Style Sheet (CSS). Perancangan antar muka ini bertujuan untuk memberikan gambaran antarmuka dari Website Evaluasi Proses Belajar Mengajar dalam bentuk model layout. Perancangan halaman antarmuka Website Evaluasi Proses Belajar Mengajar terdiri atas:

a. Perancangan antar muka halaman login Halaman Login hanya dapat digunakan oleh administrator pada saat melakukan proses verifikasi Login gamabar dibawah akan

menampilkan rancangan antar muka halaman login.Gambar 3. Gambar perancangan antar muka halaman login

b. Perancangan antar mukan halaman admin Halaman administrator hanya dapat

digunakan oleh administator untuk manipulasi data pada Website evaluasi Proses Belajar Mengajar. Perancangan muka halaman ini sama dengan tampilan gambar login user. Terdapat tujuh menu utama yang terletak pada panel menu navigasi, yaitu : home, data dosen, data mata kuliah, data pertanyaan, hasil evaluasi dan logout.

3.6.3. Implementasi dan Pengujian Unit Fase implementasi merupakan fase pembuatan program sesuai dengan hasil-hasil yang telah didapat dalam proses sebelumnya. Website Evaluasi Proses Belajar Mengajar adalah website yang

diimplementasikan dengan menggunakan css dan html sebagai kerangka desain web, Mysql sebagai DBMS, php sebagai bahasa pemogramannya. 3.6.3.1. Implementasi Basisdata Berdasarkan rancangan basis data

yang dibuat pada subbab

sebelumnya, terdapat tabel yang diimplementasikan, hasil dari tahap yang sebelumnya. Perangkat lunak basis data yang digunakan dalam Website Evaluasi Proses Belajar Mengajar, dengan nama basis data db_evaluasi. Berikut adalah tampilan dari masing-masing tabel.Gambar 4. Gambar Table Login

Gambar 5. Gambar Table Login_Admin

Gambar 6. Gambar Tbl_Daftar_Mata_Kuliah

Gambar 7. Gambar Tbl_Dosen

Gambar 8. Gambar Tbl_Evaluasi

Gambar 9. Gambar Tbl_Mahasiswa

Gambar 10. Gambar Tbl_Pertanyaan

3.6.3.2.

Implementasi Antarmuka Implementasi antar muka bertujuan

untuk

mempermudah

pengguna dalam mengakses website WEPBM. Pembuatan antar muka dibangun menggunakan CSS. File kode program css diletakan disebuah file terpisah, sehingga setiap halaman web yang dibangun hanya perlu memenggil file CSS tersebut untuk pemodelan tampilan desain yang sesuai dengan halaman-halaman sebelumnya. Implementasi antar muka halaman login admin dan user terdapat pada lampiran.

3.6.2.1. Implementasi Input Setelah melakukan tahap perancangan input terhadap WEPBM, selanjutnya akan dilakukan tahap implementasi input terhadap WEPBM. Kode II_WEB_WEPBM-XX merupakan kode yang digunakan untuk merepresentasikan masukan website WEPBM. Tabel dibawah menjelaskan tentang deskripsi

implementasi input WEPBM.Tabel 3. Deskripsi implementasi input Website Evaluasi Proses Belajar Mengajar

Kode input II_WEPBM_01

Keterangan input Halaman untuk login admin

Tampilan

II_WEPBM_02

Halaman untuk input data dosen

II_WEPBM_03

Halaman untuk input data mahasiswa

II_WEPBM_04

Halaman untuk input data mata kuliah

II_WEPBM_05

Halaman untuk input data pertanyaan

II_WEPBM_06

Halaman untuk input data hasil evaluasi

II_WEPBM_07

Halaman untuk logout admin

3.6.2.2. Implementasi Proses Implementasi proses merupakan suatu tahapan lanjut dari perancangan proses yang mersepresentasikan proses perancangan menjadi bahasa pemograman. Implementasi proses pada pembuatan website WEPBM antara lain: 1. Implementasi proses login Proses login, admin diharuskan memasukan username dan password. Website Evaluasi Proses belajar mengajar akan memeriksa username dan password admin. Apabila masuknya kosong maka akan keluar pesan pada tampilan halaman login seperti gambar.Gambar 11. Gambar Implementasi Halaman Login

Apabila masuk nya tidak sesuai maka akan keluar tampilan seperti dibawah ini.

Gambar 12. Gambar Gagal Login

Kode yang berfungsi untuk melakukan pengecekan username dan password yang dimasukan admin jika admin benar sebagai berikut.