Perancangan Web Application untuk Menghitung Nilai Mata Kuliah dan Memantau Hasil Studi Mahasiswa Secara Online dengan Pendekatan Human Computer Interaction (Studi Kasus di Prodi Teknik Industri, Universitas Kristen Maranatha, Bandung).

(1)

Universitas Kristen Maranatha

ABSTRAK

Pencapaian mahasiswa dilihat berdasarkan nilai akhir mata kuliah yang diperolehnya. Kebutuhan untuk menghitung nilai suatu mata kuliah dirasakan perlu untuk mengetahui nilai pencapaian yang telah ditargetkan sebelumnya oleh mahasiswa, tetapi dalam kenyataannya untuk melakukan perhitungan tersebut dirasa sulit khususnya oleh mahasiswa Prodi Teknik Industri, Universitas Kristen Maranatha. Sedangkan untuk mendukung mahasiswa dalam kegiatan studinya, dosen wali masih belum memiliki sarana yang dapat memantau perkembangan belajar mahasiswa tersebut, maka dari itu peneliti melakukan penelitian tentang

“Perancangan Website Application untuk Menghitung Nilai Mata Kuliah dan Memantau Studi Mahasiswa Secara Online dengan Pendekatan Human Computer Interaction” yang bertujuan untuk membantu mahasiswa dan dosen wali untuk mendukung kegiatan studi yang dapat dilakukan kapan dan dimana saja dengan mudah, cepat, dan aman menggunakan smartphone atau personal computer.

Kuesioner disebarkan kepada mahasiswa Prodi Teknik Industri Angkatan 2012, 2013, dan 2014 untuk mengetahui kebutuhan akan website application yang akan dirancang. Setelah melakukan perancangan, peneliti kembali melakukan penyebaran kuesioner untuk memastikan web application sudah sesuai dengan yang diharapkan user. Berdasarkan hasil kuesioner tersebut web application yang dirancang akan menampilkan target dan hasil studi yang dilakukan oleh mahasiswa serta pemantauan hasil studi yang dilakukan dosen wali.

Website Application yang dirancang, terdapat kalkulator studi yang dapat membantu mahasiswa dalam menghitung dan memprediksi nilai yang kemudian tersimpan pada database. Data mahasiswa tersebut akan langsung terhubung ke database dosen wali, sehingga dosen wali dapat memantau dari perangkat yang sedang digunakan dengan menggunakan web browser yang terpasang pada perangkat tersebut.

(2)

ix

DAFTAR ISI

LEMBAR PENGESAHAN ... ii

LEMBAR ORISINILITAS ... iii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iv

ABSTRAK ... v

KATA PENGANTAR ... vi

DAFTAR ISI ... ix

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xiv

DAFTAR LAMPIRAN ... xvii

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah ... 1-1

1.2 Identifikasi Masalah ... 1-3

1.3 Batasan dan Asumsi ... 1-4

1.4 Perumusan Masalah ... 1-4

1.5 Tujuan Penelitian ... 1-5

1.6 Sistematika Penelitian ... 1-5

BAB 2 TINJAUAN PUSTAKA

2.1 Ergonomi ... 2-1

2.1.1 Ilmu Ergonomi ... 2-1

2.1.2 Usabilitas ... 2-2

2.2 Human Computer Interaction ... 2-6

2.3 Website Design ... 2-12

2.3.1 PHP (Hypertext Preprocesor atau Personal Home Page) . 2-13

2.3.2 MySQL ... 2-15

2.4 Statistika Deskriptip ... 2-17

2.5 Metodologi Kualitatif ... 2-20

2.5.1 Sistematika Penelitian Kualitatif ... 2-21

(3)

x

2.7 Metode PIECES (Sistem Analisis) ... 2-25

2.8 Cross Functional Diagram ... 2-29

2.9 Flat Design ... 2-29

BAB 3 METODOLOGI PENELITIAN

3.1 Kerangka Penelitian ... 3-1

3.2 Keterangan Flowchart ... 3-5

BAB 4 PENGUMPULAN DATA

4.1 Sejarah Universitas Kristen Maranatha ... 4-1

4.1.1 Sejarah Teknik Industri Maranatha ... 4-2

4.2 Penelitian Pendahuluan ... 4-3

4.3 Hasil Kuesioner I (Pra-Prototype) ... 4-10

BAB 5 PENGOLAHAN DATA DAN ANALISIS

5.1Rangkuman Hasil Kuesioner I (Pra-Prototype) ... 5-1

5.2Kelebihan dan Kekurangan Sistem Perwalian Sekarang ... 5-2

5.3Perancangan Prototype ... 5-3

5.4Proses Perancangan Prototype Website ... 5-3

5.5Prototype Website Kalkulator Studi ... 5-6

5.5.1 Layout (Tata Letak) ... 5-6

5.5.1.1 Prototype A ... 5-6

5.5.1.2 Prototype B ... 5-8

5.5.2 Warna ... 5-9

5.5.2.1 Prototype A ... 5-10

5.5.2.2 Prototype B ... 5-11

5.5.3 Font (Teks) ... 5-12

5.5.4 Responsive Prototype Website ... 5-12

5.5.5 Error Handling Website ... 5-13

5.6Hasil Kuesioner II (Pengujian Prototype Website) –

Mahasiswa ... 5-13

5.6.1 Hasil Kuesinoer II Bagian 1 ... 5-14

(4)

xi

5.6.2.1 Pengujian Variabel ... 5-18

5.6.2.2 Analisis Penilaian Hasil Kuesioner Bagian 2 ... 5-21

5.6.3 Hasil Kuesioner II Bagian 3 ... 5-26

5.7Hasil Kuesioner II (Pengujian Prototype Website) –

Dosen Wali ... 5-27

BAB 6PERANCANGAN DAN ANALISIS

6.1Rangkuman Kuesioner 2 ... 6-1

6.2Perancangan Website Terpilih ... 6-2

6.2.1 Pembuatan Laman Admin (Laman Dosen Wali) ... 6-2

6.2.2 Pembuatan Laman User (Mahasiswa) ... 6-6

6.2.3 Perhitungan Rumus Kalkulator ... 6-10

6.2.4 Database Relation ... 6-21

6.3Analisis Penggunaan Website Application ... 6-22

6.3.1 Penggunaan Website Application Member ... 6-22

6.3.2 Penggunaan Website Application Admin ... 6-28

6.4Analisis Perancangan Website ... 6-33

6.4.1 Tata Letak (Layout) ... 6-33

6.4.2 Warna ... 6-33

6.4.3 Font ... 6-34

6.4.4 Responsive Website Design ... 6-34

6.4.5 Error Handling Website ... 6-37

6.5Analisis Konten yang Tidak Disajikan ... 6-39

6.6Cross Functional Diagram Website ... 6-39

6.7Kelebihan dan Kelemahan Perancangan Website ... 6-41

6.8Analisis Umum Website Application ... 6-43

BAB 7 KESIMPULAN DAN SARAN

7.1Simpulan Penelitian ... 7-1

(5)

xiii

DAFTAR TABEL

Tabel Judul Hal

4.1 Rangkuman Kendala dalam Prosedur Perwalian 4-3

4.2 Rangkuman Strategi dalam Pencapaian Target 4-6

4.3 Rangkuman Informasi yang Disediakan dalam Aplikasi 4-9

5.1 Kebutuhan Informasi pada Prototype Webiste 5-1

5.2 Hasil Kuesioner 2 Bagian 2 Prototype A 5-17

5.3 Hasil Kuesioner 2 Bagian 2 Prototype B 5-17

5.4 Hasil SPSS Uji Validitas Kuesioner Prototype A 5-18

5.5 Hasil SPSS Uji Validitas Kuesioner Prototype B 5-19

5.6 Hasil Uji Reliabilitas Kuesioner Prototype A 5-21

5.7 Hasil Uji Reliabilitas Kuesioner Prototype B 5-21

5.8 Index Persentase Skala Likert Prototype Webiste A 5-21

5.9 Index Persentase Skala Likert Prototype Webiste B 5-21

6.1 Rangkuman Hasil Kuesioner Bagian I 6-1

6.2 Rangkuman Hasil Kuesioner Bagian II 6-2

(6)

xiv

DAFTAR GAMBAR

Gambar Judul Hal

2.1 Style Color 1 2-31

3.1 Flowchart Penelititan 3-1

3.2 Flowchart Penelititan (lanjutan) 3-2

3.5 Pertanyaan Kuesioner 1 3-7

3.6 Pertanyaan Kuesioner 1 (lanjutan) 3-8

3.7 Pertanyaan Kuesioner 2 3-11

3.8 Pertanyaan Kuesioner 2 (lanjutan) 3-12

4.1 Prosedur Perwalian 4-10

4.2 Kendala Pada Perwalian Manual 4-10

4.3 Fungsi Dosen Wali 4-10

4.4 Solusi Masalah Studi 4-10

4.5 Waktu Konsultasi 4-11

4.6 Kemudahan dalam Konsultasi 4-11

4.7 Target Nilai yang Diharapkan 4-11

4.8 Target Minimal MK yang Dianggap Sulit 4-11

4.9 Target Nilai Minimal MK yang Dianggap Mudah 4-12

4.10 Pengaruh MK terhadap Target Nilai 4-12

4.11 Pembobotan Nilai 4-12

4.12 Perhitungan Nilai Mutu 4-13

4.13 Menghitung Nilai Akhir 4-13

4.14 Pembuatan Sarana Pendukung 4-13

(7)

xv

4.16 Keandalan Sarana Pendukung 4-14

4.17 Akses Sarana Pendukung 4-14

4.18 Tampilan Sarana Pendukung 4-14

4.19 Penggunaan Sarana Pendukung 4-15

5.1 Struktur Database dan Relasinya 5-4

5.2 Salah Satu Laman User Tampilan Desktop A 5-7

5.3 Salah Satu Laman Admin Tampilan Desktop A 5-7

5.4 Salah Satu Laman User Tampilan Desktop B 5-8

5.5 Salah Satu Laman Admin Tampilan Desktop B 5-9

5.6 Salah Satu Laman User Tampilan Desktop A 5-10

5.7 Salah Satu Laman Admin Tampilan Desktop A 5-11

5.8 Salah Satu Laman User Tampilan Desktop B 5-11

5.9 Salah Satu Laman Admin Tampilan Desktop B 5-12

5.10 Pie Chart Hasil Kuesioner Bagian 1, Pertanyaan 1 5-14

5.23 Pie Chart Pertanyaan Bagian 3, Pemilihan Alternatif 5-27

6.1 Pengenalan Laman Admin, Tampilan Desktop 6-3

6.2 Pengenalan Laman Home Admin, Tampilan Desktop 6-3

6.3 Laman Awal User, Tampilan Desktop 6-4

(8)

xvi

6.5 Laman User/Member Admin, Tampilan Desktop (lanjutan) 6-5

6.6 Laman User/Member Admin, Tampilan Desktop (lanjutan) 6-6

6.7 Pengenalan Laman Awal User, Tampilan Desktop 6-7

6.8 Laman Lanjutan User, Tampilan Desktop 6-7

6.9 Laman Pembuatan Sesi, Tampilan Desktop 6-8

6.10 Laman Kalkulator, Tampilan Desktop 6-9

6.11 Laman Sesi, Tampilan Desktop 6-10

6.12 Struktur Database dan Relasinya 6-22

6.13 Laman Login 6-23

6.14 Laman Pilihan 6-24

6.15 Laman Sesi 6-25

6.16 Laman Kalkulator 6-26

6.17 Laman Awal Member 6-27

6.18 Laman Awal 6-29

6.19 Laman Dasbor 6-29

6.20 Laman Data Siswa 6-30

6.21 Laman Detail Data Siswa 6-30

6.22 Laman Detail Data Siswa (lanjutan) 6-31

6.23 Laman Profil Admin 6-32

6.24 Tampilan Website Admin pada Desktop 6-35

6.25 Tampilan Website Admin pada mobile phone 6-35

6.26 Tampilan Admin Website pada Tablet 6-35

6.27 Tampilan Website User pada Desktop 6-36

6.28 Tampilan Website User pada mobile phone 6-36

6.29 Tampilan Website User pada Tablet 6-37

6.30 Cross Function Diagram – Proses Web Application 6-39

6.31 Cross Function Diagram – Konfigurasi Web App 6-39

6.32 Diagram Alur Penggunaan Website User 6-40

(9)

xvii

DAFTAR LAMPIRAN

Lampiran Judul Hal

L.1 Jurnal ICET 2015 L-1

L.2 Surat Keterangan Tugas Akhir L-5

L.3 Form Komentar Sidang dan Saran Sidang Tugas Akhir L-6

L.4 Catatan Bimbingan Tugas Akhir L-9

(10)

1 - 1

BAB 1

PENDAHULUAN

1.1Latar Belakang

Era globalisasi ini perkembangan informasi sudah sangat cepat karena

munculnya banyak teknologi, khususnya di bidang telekomunikasi. Menurut

penelitian awal tahun 2015 yang dilakukan oleh Pusat Kajian Komunikasi

(PUSKAKOM) UI dari 252,4 juta penduduk Indonesia sebanyak 88,1 juta

adalah pengguna internet, dan sebanyak 85% diantaranya mengakses internet

dengan menggunakan telepon selular, 32% menggunakan laptop/netbook, 14%

menggunakan PC/komputer, dan 13% menggunakan tablet. Sehingga,

teknologi telekomunikasi saat ini yang paling banyak digandrungi oleh

masyarakat adalah penggunaan telepon seluler. Dengan teknologi yang ada

digenggaman akan memudahkan dalam kelancaran informasi dan kemudahan

dalam penunjang kegiatan.

Dalam sistem pendidikan, pelayanan pendidikan yang baik tidak hanya

berdasarkan cara suatu civitas atau kelompok pengajar menyajikan dan

mengantarkan ilmu kepada mahasiswanya, tetapi juga kecepatan informasi

administratif dan sistem penunjang yang berjalan untuk membantu mahasiswa

dalam menyelesaikan studinya.

Universitas Kristen Maranatha merupakan perguruan tinggi swasta yang

berada di Jl. Surya Sumantri, Bandung. Universitas Maranatha memiliki

beberapa prodi atau program studi dalam rentang pendidikan yang berbeda –

beda disesuaikan dengan program studi yang diambil oleh calon mahasiswanya.

Fakultas Teknik Industri merupakan salah satu prodi atau program studi yang

ada di Universitas Kristen Maranatha yang memiliki rentang waktu pendidikan

ditempuh umunya adalah empat tahun atau delapan semester. Prodi ini rutin

melaksanakan program semester pendek pada masa libur semester demi

kelancaran dalam pemangkasan waktu pendidikan mahasiswanya dan

(11)

BAB 1 - Pendahuluan 1 - 2

Sedangkan, untuk menempuh perkuliahan semester pendek ataupun perkuliah

reguler, mahasiswanya dituntut untuk melakukan perwalian terlebih dahulu.

Perwalian yang dilakukan mahasiswa Teknik Industri, Universitas

Kristen Maranatha diawali dengan melakukan perwalian dengan dosen wali

untuk melakukan kontrak studi dan berkonsultasi terkait permasalahan studi

yang dihadapinya nanti, kemudian mahasiswa meng-input mata kuliah yang

telah dikonsultasikan pada saat perwalian online dengan hasil berupa printout

rencana studi. Printout ini akan dicocokan dengan DKBS (Dokumen Beban

Kontrak Studi) sebagai identitas studi selama satu semester. Saat menjalani

studinya, pencapaian mahasiswa dilihat berdasarkan nilai akhir yang diperoleh.

Perolehan nilai akhir merupakan akumulasi dari tiga nilai, yaitu nilai Ujian

Tengah Semester (UTS), tugas perkuliahan dan quiz (KAT), dan Ujian Akhir

Semester (UAS). Dari ketiga nilai tersebut memiliki bobot tersendiri untuk

setiap mata kuliah, sehingga bobot untuk setiap mata kuliah tidak selalu sama.

Bobot untuk mata kuliah terbagi menjadi tiga, yaitu Responsi dengan bobot

UTS: 35%, UAS: 45%, KAT: 20%; Non-Responsi dengan bobot UTS: 35%,

UAS: 40%, KAT: 25%; Mata Kuliah Umum dengan bobot UTS: 20%, UAS:

30%, KAT: 50%.

Biasanya untuk melakukan perhitungan nilai, mahasiswa akan memakai

cara konvensional dengan menggunakan kalkulator dan membuat catatan pada

selembar kertas. Perhitungan akumulasi nilai akhir menggunakan rumus

matematika biasa. Pada umumnya mahasiswa menghitung nilai akhir jika

semua nilai telah keluar, namun ada beberapa mahasiswa yang berusaha

memprediksi nilai akhir yang perlu dicapai jika salah satu nilai telah keluar

dengan mengasumsikan salah satu nilai lain sehingga seluruh nilai dapat

terkalkulasi. Cara tersebut tentunya kurang efektif dan efisein dikarenakan

mahasiswa harus mengetahui setiap bobot mata kuliah yang dikontraknya dan

melakukan perhitungan tersebut berulang kali menggunakan kalkulator. Hal

tersebut menyebabkan mahasiswa perlu meluangkan waktu tersendiri untuk

melakukan perhitungan tersebut dan kebanyakan mahasiswa enggan melakukan

(12)

Hal demikian akan mempengaruhi strategi belajar mahasiswa. Strategi

belajar yang dimiliki mahasiswa sebelumnya mungkin akan dikesampingkan

dan bila hal tersebut terjadi kemungkinan menyebabkan target yang diinginkan

mahasiswa sebelumnya tidak dapat tercapai. Selain itu, kesulitan mahasiswa

dalam memprediksi nilai akhir ini akan cukup berpengaruh bagi mahasiswa

yang ingin lulus kurang dari empat tahun. Padatnya jadwal yang dimiliki dosen

wali juga dapat mengakibatkan kurangnya pemantauan terhadap pencapaian

studi mahasiswa, sedangkan konsultasi hanya akan dilakukan mahasiswa pada

saat perwalian berlangsung, yaitu awal semester.

Website Application yang dirancang akan digunakan untuk membantu

mahasiswa menghitung dan menggambarkan prediksi nilai yang diinginkan

untuk semua mata kuliah yang sedang ditempuh. Selain itu, web application ini

juga membantu dosen wali dalam memantau langsung studi mahasiswa, baik

itu target yang diharapkan ataupun pencapaian yang didapat mahasiswa

bersangkutan. Dengan dirancangnya web application ini diharapkan

komunikasi yang terjadi dapat dilakukan secara mudah, cepat, dan aman.

Penggunaan web application ini memanfaatkan teknologi smartphone atau

personal computer yang terhubung dengan internet menggunakan web browser.

Dengan menggunakan pendekatan ilmu ergonomi dan

memperhitungkan permasalah interface diharapkan sistem ini dapat digunakan

dengan mudah atau user-friendly. Berdasarkan permasalahan tersebut, maka

dilakukan penelitian dengan judul “Perancangan Website Application untuk Menghitung Nilai Mata Kuliah dan Memantau Studi Mahasiswa secara

Online dengan Pendekatan Human Computer Interaction”.

1.2Identifikasi Masalah

Berdasarkan permasalahan yang telah diuraikan sebelumnya, masalah

yang menjadi dasar penelitian ini adalah sebagai berikut :

1. Mahasiswa kurang mengetahui pembobotan nilai dari setiap mata kuliah

(13)

2. Mahasiswa kurang dapat mengatur strategi belajar untuk mencapai target

nilai yang diinginkan.

3. Mahasiswa perlu memiliki alat bantu yang cepat dan akurat untuk

menghitung nilai.

4. Kurangnya fasilitas yang dimiliki dosen wali untuk memantau hasil studi

mahasiswanya.

1.3Batasan dan Asumsi

Pembatasan masalah dalam penelitian ini adalah sebagai berikut :

1. Website Application yang dirancang hanya untuk mahasiswa dengan dosen

walinya.

2. Perancangan website application ini menggunakan XAMPP Versi 3.2.1

dengan penulisan script PHP menggunakan Adobe Dreamweaver CS6.

Sedangkan, untuk penyedia jasa hosting menggunakan Hawkhost dan

Namecheap untuk penyedia jasa domain.

3. Responden untuk kuesioner 1 (pra-prototype) adalah mahasiswa angkatan

2012, 2013, dan 2014.

4. Responden untuk kuesioner 2 (pengujian prototype) adalah mahasiswa

angkatan 2012, 2013, 2014, dan dosen wali.

5. Website Application ini hanya digunakan oleh mahasiswa dan dosen wali

Prodi Teknik Industri, Fakultas Teknik, Universitas Kristen Maranatha,

yang dapat digunakan untuk:

a. Kalkulator yang digunakan untuk menghitung dan memprediksi

nilai untuk mahasiswa,

b. Menampilkan target studi yang dapat dilihat oleh mahasiswa dan

dosen wali,

c. Dapat mencetak hasil perhitungan mahasiswa yang digunakan untuk

(14)

Adapun asumsi yang digunakan dalam penelitian ini sebagai berikut :

1. Mahasiswa memiliki perangkat berupa personal computer atau

smartphone dan dapat mengakases internet,

2. Dalam perangkat yang digunakan, terpasang web browser,

3. Dosen mampu menggunakan perangkat berupa personal computer atau

smartphone dan internet.

1.4Perumusan Masalah

Perumusan masalah yang dilakukan dalam penelitian ini adalah sebagai

berikut:

1. Bagaimana sistem informasi yang dapat digunakan oleh mahasiswa untuk

merencanakan studi dan menghitung nilai?

2. Bagaimana sistem informasi dirancang sehingga dapat digunakan oleh

dosen wali untuk memantau hasil studi mahasiswa?

3. Bagaimana perancangan antarmuka yang ergonomis dan user-friendly?

4. Apakah kelebihan dan kekurangan prosedur perwalian saat ini

dibandingkan dengan perancangan sistem informasi yang dilakukan?

1.5Tujuan Penelitian

Tujuan dari penelitian ini adalah sebagai berikut :

1. Memberikan alternatif cara kepada mahasiswa untuk mengatasi gap yang

terjadi antara mahasiswa dan dosen walinya.

2. Merancang suatu sistem informasi yang dapat agar mempercepat

komunikasi dan mempermudah pemantauan hasil studi mahasiswa.

3. Merancang suatu sistem informasi yang memiliki antarmuka yang

ergonomis dan user-friendly.

4. Menganalisis dan mengevaluasi perbandingan rancangan sistem informasi

(15)

Universitas Kristen Maranatha 1.6Sistematika Penelitian

Sistematika penelitian dalam Tugas Akhir ini adalah sebagai berikut:

BAB 1 - PENDAHULUAN

Pada bab ini diuraikan secara garis besar mengenai latar belakang

penelitian ini dibuat, identifikasi masalah dari penelitian, asumsi dan

pembatasan masalah, perumusan masalah, dan tujuan manfaat dari penelitian.

BAB 2 - TINJAUAN PUSTAKA

Bab ini berisi teori-teori yang berhubungan dengan penelitian ini

sebagai dasar dan acuan penelitian.

BAB 3 - METODOLOGI PENELITIAN

Pada bab ini diuraikan langkah-langkah proses penelitian, mulai dari

penelitian pendahuluan, pengumpulan data, pengolahan data dan analisis,

hingga kesimpulan yang dibuat dalam bentuk flowchart penelitian.

BAB 4 - PENGUMPULAN DATA

Pada bab ini diuraikan mengenai data-data yang dikumpulkan untuk

membantu dalam melakukan pengolahan data yang menunjang penelitian

berdasarkan topik yang dipilih.

BAB 5 - PENGOLAHAN DATA DAN ANALISIS

Pada bab ini diuraikan pengolahan data dari penelitian yang selanjutnya

dianalisis sesuai dengan penelitian tugas akhir yang dilakukan.

BAB 6 – PERANCANGAN DAN ANALISIS

Bab ini berisi tentang perancangan sistem baru dan analisis dari sistem

tersebut untuk memberikan solusi berdasarkan permasalahan yang timbul dari

topik yang diangkat peneliti.

BAB 7 - KESIMPULAN DAN SARAN

Pada bab ini diuraikan kesimpulan hasil dari penelitian yang diperoleh

dari pengolahan data dan analisis dengan menjawab rumusan masalah yang

(16)

7 - 1

BAB 7

SIMPULAN DAN SARAN

7.1 Simpulan Penelitian

Dalam melakukan penelitian ini, dimulai dari penjabaran latar

belakang, yaitu kurangnya komunikasi antara mahasiswa dan dosen walinya

yang mengakibatkan mahasiswa kesulitan dalam memprediksi nilai akhir yang

telah ditargetkan. Berdasarkan data – data yang diolah sebelumnya maka dapat

diambil kesimpulan sebagai berikut:

 Perancangan yang dilakukan bertujuan untuk mendukung studi bagi mahasiswa dan kemudahan pemantauan studi bagi dosen wali.

 Sebelum perancangan dilakukan peneliti menyebarkan kuesioner pra-prototype untuk mengetahui kebutuhan sarana pendukung studi bagi

mahasiswa dan dosen wali. hasil yang diperoleh adalah pada BAB 5

halaman 1.

 Perancangan dilanjutkan untuk membuat website application dengan memperhatikan dari segi ilmu ergonomi dan human computer

interaction. Untuk memastikan perancangan telah sesuai dengan yang

diharapkan pengguna, peneliti menyebarkan kembali kuesioner kedua

dengan hasil pada BAB 5 poin 6 dan 7 atau BAB 6 halaman 1 kemudian

peneliti kembangkan perancangan tersebut.

 Perancangan yang dilakukan peneliti berdasarkan ilmu ergonomi dan Human Computer Interaction untuk menjadikan website ini user-friendly

pada saat penggunaannya, dapat dilihat pada diagram pie chart pada

BAB 5 dalam analisis hasil kuesioner halaman 1.

 Perancangan website application ini memperhatikan:

o _{Tata letak yang tidak banyak mengharuskan pengguna berpindah}

banyak laman dan pengguna dapat dengan mudah dan cepat

(17)

BAB 7 - Kesimpulan dan Saran 7 - 2

Universitas Kristen Maranatha o _{Warna yang digunakan tidak membuat pedih dimata yaitu warna}

biru indigo (#3F51B5) untuk toolbar dan untuk background

menggunakan putih keabu-abuan (#eeeeee) dan putih (#ffffff),

o _{Font tulisan yang digunakan adalah open sans dengan tipe huruf}

sans serief karena mudah terbaca dan jelas,

o _{Responsive website sehingga website ini dapat digunakan diberbagai}

perangkat (smartphone atau personal computer), dan

o _{Website application ini dilengkapi dengan error handling website}

yang digunakan untuk penanganan kesalahan pada berbagai macam

keadaan.

 Kelebihan utama dari website application yang peneliti rancang adalah dapat diakses tanpa harus menginstal terlebih dahulu dan dilakukan

dimana dan kapan saja pada semua perangkat seperti Smartphone atau

Personal Computer yang tersedia web browser.

7.2 Saran Penelitian

Saran yang diberikan oleh peneliti untuk penelitian ini yaitu:

 Sebaiknya website application ini dapat langsung diimplementasikan untuk membantu permasalahan yang terjadi saat ini. Selain itu, dengan

penggunaan yang terus berlanjut maka akan diketahui banyak bug / error

yang terjadi pada website application. Hal tersebut dapat dijadikan

perbaikan di masa yang akan datang atau menjadi perbaikan secara berkala.

(18)

DAFTAR PUSTAKA

Abdulloh, R. (2015). Web Programming is Easy. Jakarta: Gramedia.

Anderson, S. (2015, Juni 15). What's The Best Font & Font Size to Use in Website Design? Diambil kembali dari hobo: http://www.hobo-web.co.uk/

Andrijanto. (2015). Designing a Closed Loop Tutelage System to Support Student in Preparing and Executing the Study Plan. International Conference on Engineering of Tarumanagara (ICET 2015), 4.

Dix, A., Finlay, J., Abowd, G. D., & Beale, R. (2004). Human Computer Interaction, Third edition. England: Pearson, Prentice Hall.

EMS, T. (2015). Belajar Pemograman Android Berbasis Web untuk Semua Orang. Jakarta: Elex Media Komputindo.

Enterprise, J. (2014). HTML 5 Manual Book. Jakarta: Elex Media Computindo.

Faulknner, C. (1998). The Essence of Human Computer Interaction. England: Prentice Hall.

google. (2015). Style. Diambil kembali dari google.com/style/color

Hakim, L. (2015). Rahasia Inti Master PHP dan MySQL (improve). Yogyakarta: CV. Lokomedia.

Krug, S. (2013). Don't Make Me Think! Jakarta: Prigel Books.

Maranatha, U. K. (2008). Buku Panduan Teknik Industri 2008. Bandung: Universitas Kristen Maranatha.

Maulana, A. (2015, Maret 26). Jumlah Pengguna Internet di Indonesia Capai 88,1 Juta. Diambil kembali dari Liputan6.com: http://tekno.liputan6.com/

Sadeli, M. (2014). Toko Buku Online dengan Android. Palembang: Maxikom.

Tennant, D. B. (2011, Oktober 7). 16 Pixels: For Body Copy. Anything Less is A Costly Mistake. Diambil kembali dari Smashing Magazine:

https://www.smashingmagazine.com

Wijaya, K. K. (2015, Januari 21). Berapa jumlah pengguna website, mobile, dan media sosial di Indonesia? Diambil kembali dari Techinasia: