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).

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.

Perancangan website application ini memperhatikan berbagai hal, yaitu tata letak yang tidak banyak mengharuskan pengguna berpindah banyak laman dan pengguna dapat dengan mudah dan cepat membaca informasi yang tersedia, 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), font tulisan yang digunakan adalah open sans dengan tipe huruf sans serief karena mudah terbaca dan jelas, responsive website sehingga website ini dapat digunakan di berbagai perangkat (smartphone atau personal computer), dan website application ini dilengkapi dengan error handling website yang digunakan untuk penanganan kesalahan pada berbagai macam keadaan.

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 2.6 Pembuatan Website Menggunakan PHP dan MySQL ... 2-21

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 5.6.2 Hasil Kuesioner II Bagian 2 ... 5-16

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 7.2Saran Penelitian ... 7-2

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

xiv

DAFTAR GAMBAR

Gambar Judul Hal

2.1 Style Color 1 2-31

2.2 Style Color 2 2-31

2.3 Style Color 3 2-32

2.4 Style Color 4 2-32

3.1 Flowchart Penelititan 3-1

3.2 Flowchart Penelititan (lanjutan) 3-2

3.3 Flowchart Penelititan (lanjutan) 3-3

3.4 Flowchart Penelititan (lanjutan) 3-4

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

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.11 Pie Chart Hasil Kuesioner Bagian 1, Pertanyaan 2 5-15 5.12 Pie Chart Hasil Kuesioner Bagian 1, Pertanyaan 3 5-15 5.13 Pie Chart Hasil Kuesioner Bagian 1, Pertanyaan 4 5-16 5.14 Pie Chart Hasil Kuesioner Bagian 1, Pertanyaan 5 5-16 5.15 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 1 5-23 5.16 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 2 5-23 5.17 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 3 5-24 5.18 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 4 5-24 5.19 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 5 5-25 5.20 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 6 5-25 5.21 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 7 5-26 5.22 Pie Chart Hasil Kuesioner Bagian 2, Pertanyaan 8 5-26 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

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

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

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 membantu mahasiswa dalam memperbaiki nilai mata kuliah selama studinya.

BAB 1 - Pendahuluan 1 - 2

Universitas Kristen Maranatha

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 perhitungan tersebut.

BAB 1 - Pendahuluan 1 - 3

Universitas Kristen Maranatha

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 dan sulitnya menghitung prediksi nilai akhir

BAB 1 - Pendahuluan 1 - 4

Universitas Kristen Maranatha

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 konsultasi kepada dosen wali, bila diperlukan.

BAB 1 - Pendahuluan 1 - 5

Universitas Kristen Maranatha

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 yang dibuat dengan prosedur yang sudah ada sebelumnya.

BAB 1 - Pendahuluan 1 - 6

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 telah diuraikan, serta memberikan saran yang dapat diterapkan oleh perusahaan.

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 membaca informasi yang tersedia,

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.

 Untuk kedepannya, sebaiknya ditambahkan fitur instant message untuk lebih memudahkan komunikasi.

Universitas Kristen Maranatha

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:

BAB 1 - Pendahuluan 1 - 4

Universitas Kristen Maranatha

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 konsultasi kepada dosen wali, bila diperlukan.

BAB 1 - Pendahuluan 1 - 5

Universitas Kristen Maranatha

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 yang dibuat dengan prosedur yang sudah ada sebelumnya.

BAB 1 - Pendahuluan 1 - 6

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 telah diuraikan, serta memberikan saran yang dapat diterapkan oleh perusahaan.

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 membaca informasi yang tersedia,

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.

 Untuk kedepannya, sebaiknya ditambahkan fitur instant message untuk lebih memudahkan komunikasi.

Universitas Kristen Maranatha

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: