“REFERENCE ENGINE” VISUALISASI TUGAS
AKHIR MAHASISWA JURUSAN TEKNIK
INFORMATIKA POLITEKNIK NEGERI BATAM
TUGAS AKHIR
Oleh:
Fadel Satriawan 4311301010
Disusun Untuk Memenuhi Syarat Kelulusan Program Diploma IV
PROGRAM STUDI TEKNIK MULTIMEDIA DAN JARINGAN POLITEKNIK NEGERI BATAM
BATAM 2016
ii
HALAMAN PENGESAHAN
“REFERENCE ENGINE” VISUALISASI & ANALISIS TUGAS AKHIR MAHASISWA JURUSAN TEKNIK INFORMATIKA POLITEKNIK
NEGERI BATAM
Oleh :
Fadel Satriawan 4311301010
Tugas Akhir ini telah diterima dan disahkan Sebagai persyaratan untuk memperoleh gelar
Sarjana Sains Terapan di
PROGRAM STUDI DIPLOMA IV TEKNIK MULTIMEDIA & JARINGAN POLITEKNIK NEGERI BATAM
Batam, 15 Desember 2016 Disetujui oleh;
Pembimbing
Mir’atul Khusna Mufida, S.ST., M.Sc. NIK. 109057
iii
HALAMAN PERNYATAAN
Dengan ini, saya :
NIM : 4311301010 Nama : Fadel Satriawan
Adalah mahasiswa Teknik Multimedia dan Jaringan Politeknik Negeri Batam yang menyatakan bahwa tugas akhir dengan judul :
“REFERENCE ENGINE” VISUALISASI TUGAS AKHIR MAHASISWA JURUSAN TEKNIK INFORMATIKA POLITEKNIK NEGERI BATAM Disusun dengan :
1. Tidak melakukan plagiat terhadap naskah karya orang lain 2. Tidak melakukan pemalsuan data
3. Tidak menggunakan karya orang lain tanpa menyebut sumber asli atau tanpa ijin pemilik
Jika kemudian terbukti terjadi pelanggaran terhadap pernyataan diatas, maka saya bersedia menerima sanksi apapun termasuk pencabutan gelar akademik.
Lembar pernyataan ini juga memberikan hak kepada Politeknik Negeri Batam untuk mempergunakan, mendistribusikan ataupun memproduksi ulang seluruh hasil Tugas Akhir ini.
Batam, 15 Desember 2016
Fadel Satriawan 4311301010
iv
KATA PENGANTAR
Dengan menghaturkan Alhamdulillah, penulis ucapkan kehadirat ALLAH SWT., karena atas rahmat dan karunianya penulis dapat menyelesaikan Tugas Akhir yang berjudul “Reference Engine” Visualisasi Tugas Akhir Mahasiswa Jurusan Teknik Informatika Politeknik Negeri Batam. Dalam kesempatan ini penulis mengucapkan terima kasih kepada:
1. Kedua Orang tua dan seluruh keluarga besar tercinta yang memberikan dukungan, semangat dan doa.
2. Ibu Mir’atul Khusna Mufida, S.ST., M.Sc. sebagai dosen pembimbing yang telah bersedia meluangkan waktu untuk membimbing, memeriksa, serta memberikan petunjuk serta solusi dalam pengerjaan Tugas Akhir.
3. Bapak dan Ibu Dosen Penguji atas saran dan kritikannya dalam proses perkembangan Tugas Akhir ini.
4. Seluruh pihak yang tidak dapat disebutkan satu persatu, yang telah banyak membantu selama ini.
Dalam penyususan Tugas Akhir ini, penulis mengakui bahwa masih terdapat kekurangan dalam penyusunannya. Oleh karena itu, penulis sangat mengharapkan bantuan dari berbagai pihak berupa kritik maupun saran guna penyempurnaan selanjutnya. Akhir kata semoga Allah SWT senantiasa melimpahkan karunia-Nya dan membalas segala amal budi serta kebaikan pihak-pihak yang telah membantu penulis dalam penyusunan laporan ini dan semoga tulisan ini dapat memberikan manfaat bagi pihak-pihak yang membutuhkan.
Batam, 15 Desember 2016
v ABSTRAK
Tugas Akhir (TA) adalah mata kuliah yang harus ditempuh oleh seorang mahasiswa menjelang akhir studinya. Mata kuliah ini berbentuk seperti proyek mandiri yang dikerjakan oleh mahasiswa di bawah bimbingan dosen pembimbing. Selama ini mahasiswa sebelum mengambil topik untuk tugas akhir mereka melakukan survey tugas akhir alumni yang dikumpulkan di dalam perpustakaan dalam bentuk hardcopy. Dengan sistem yang dibuat menarik dalam pengelompokkan topik tugas akhir ini mahasiswa tidak perlu ke perpustakaan untuk membuka satu persatu tugas akhir alumni. Salah satu metode yang digunakan yaitu Interactive Visualization. Pada metode Interactive Visualization pengguna dapat memindahkan, mengingat gambar dengan cepat dan dapat mendeteksi perubahan dalam ukuran, warna, bentuk, gerakan dan tekstur. Pixel yang dihasilkan oleh gambar secara visual terdiri dari satu pixel sampai tampilan megapixel dan dapat menarik satu objek untuk melakukan tindakan. Visualisasi ini dibuat agar dapat memudahkan mahasiswa dalam proses eksplorasi topik tugas akhir yang berdasarkan parameter jurusan, tahun, kategori, topik dan pembimbing sehingga mahasiswa dapat mendapatkan informasi gambaran topik tugas akhir dengan mudah.
vi ABSTRACT
Final assignment is a course that must be taken by a student towards the end of his studies. This subject is shaped like a project undertaken by students under the guide of a lecture. During this time students before taking their final assignment of topics to do survey final project alumni in the library in hardcopy form. With the system that made interesting in this final project topics in which students do not need to go to the library to open one by one final project. One of the methods used, namely Interactive Visualization. On the methods of Interactive Visualization users can move, given the images quickly and can detect changes in the size, color, shape, movement and texture. Pixel image produced by visually consists of one pixel to display megapixel and can attract one object to perform an action. Visualization was created in order to facilitate students in the process of exploration of the topic of the final project based on the parameters of the majors, year, category, topic and supervisor so that students can get information description of the topic of the final tasks with easy.
vii DAFTAR ISI
COVER ... i
HALAMAN PENGESAHAN ... ii
HALAMAN PERNYATAAN ... iii
KATA PENGANTAR ... iv
ABSTRAK ... v
ABSTRACT ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
BAB I ... 1 PENDAHULUAN ... 1 1.1Latar Belakang ...1 1.2 Rumusan Masalah ...3 1.3 Batasan Masalah ...3 1.4 Tujuan Penelitian ...3 1.5 Manfaat Penelitian ...4 1.6 Tinjauan Pustaka ...4 1.7 Sistematika Penulisan ...5 BAB II ... 6 LANDASAN TEORI ... 6 2.1 Dasar Teori ...6 2.1.1 Visualisasi ...6
2.1.2 Metode Interactive Visualization ...8
2.1.3 D3JS ...9
viii
2.1.5 jQuery ...10
2.1.6 JSON ...11
2.1.7 SVG (Scalable Vector Graphics) ...12
2.1.8 Tugas Akhir Mahasiswa ...13
2.1.9 Preprocessing Data ...13
BAB III ... 15
ANALISIS DAN PERANCANGAN ... 15
3.1 Deskripsi Umum Sistem ...15
3.2 Metodologi Penelitian ...16
3.3 Rancangan Sistem ...17
3.3.1 Proses Preprocessing ...18
3.4 Flowchart Desain Sistem ...19
3.5 Batasan Spesifikasi Sistem ...20
3.6 Rancangan Visualisasi ...20
3.7 Rancangan Antar Muka Sistem ...24
3.8 Hak Akses User ...27
3.8 Kebutuhan Fungsional ...27
3.9 Pemetaan Kebutuhan Fungsional Terhadap User ...27
3.10 Kebutuhan Non-Fungsional ...28
BAB IV ... 29
IMPLEMENTASI DAN PENGUJIAN ... 29
4.1 Implementasi Daftar File ...29
4.2 Implementasi Basis Data ...29
4.3 Implementasi Antar Muka ...30
4.3.1 Implementasi Menu Utama (Untuk Mahasiswa)...30
ix
4.3.3 Implementasi Tampilan Visualisasi Dosen Pembimbing ...31
4.3.4 Implementasi Tampilan Visualisasi Topik ...32
4.3.5 Implementasi Proses Registrasi (Untuk Dosen) ...33
4.3.6 Implementasi Proses Login ...34
4.3.7 Implementasi Menu Upload ...35
4.3.8 Implementasi Tampilan Menu Log Out ...36
4.4 Hasil Pengujian ...37
4.4.1 Pengujian Dosen ...37
4.4.2 Pengujian Mahasiswa ...41
4.5 Analisis Hasil Pengujian ...43
4.5.1 Analisis Berdasarkan Hasil Pengujian Aplikasi ...43
4.5.2 Analisis Berdasarkan Hasil Kuisioner ...43
BAB V ... 48
KESIMPULAN DAN SARAN ... 48
5.1 Kesimpulan ...48
5.2 Saran ...48
DAFTAR PUSTAKA ... 49
x
DAFTAR GAMBAR
Gambar 1 Contoh Visualisasi Data ...6
Gambar 2 Library D3JS ...9
Gambar 3 Logo JavaScript ...10
Gambar 4 Logo jQuery “write less, do more” ...11
Gambar 5 Contoh File JSON ...12
Gambar 6 Logo SVG ...13
Gambar 7 Tahap Preprocessing Data ...13
Gambar 8 Deskripsi Umum Sistem ...15
Gambar 9 Metodologi Penelitian ...16
Gambar 10 Rancangan Sistem ...17
Gambar 11 Flowchart Desain Sistem...19
Gambar 12 Layout Tampilan Interface Overview ...20
Gambar 13 Interaksi User ...21
Gambar 14 Diagram ERD (Entity Relationship Diagram) ...21
Gambar 15 Perancangan Data ...22
Gambar 16 Struktur File dalan JSON ...22
Gambar 17 Tampilan Antarmuka Halaman Utama Mahasiswa ...24
Gambar 18 Tampilan Antar Muka Registrasi ...24
Gambar 19 Tampilan Antarmuka Login ...25
Gambar 20 Tampilan Antarmuka halaman utama dosen ...25
Gambar 21 Tampilan Antarmuka Upload ...26
Gambar 22 Tampilan Antarmuka Layout Visualisasi...26
Gambar 23 Tampilan Menu Utama ...30
Gambar 24 Source Code Menu Utama ...30
Gambar 25 Tampilan Visualisasi Kategori ...31
Gambar 26 Source Code JSON dari tampilan Visualisasi Kategori ...31
Gambar 27 Tampilan Visualisasi Dosen Pembimbing ...31
Gambar 28 Source Code JSON dari tampilan visualisasi dosen pembimbing ...32
Gambar 29 Tampilan Visualisasi dari Topik Animasi...32
Gambar 30 Source Code dari visualisasi topik animasi ...32
Gambar 31 Tampilan Halaman Registrasi ...33
Gambar 32 Source Code Halaman Registrasi ...34
Gambar 33 Tampilan Halaman Login ...34
Gambar 34 Source Code Halaman Login ...35
Gambar 35 Tampilan Menu Upload ...35
Gambar 36 Tampilan Source Code dari Menu Upload...36
Gambar 37 Tampilan Menu Log Out ...36
xi
Gambar 39 Contoh Kuisioner ...43
Gambar 40 Grafik Kemudahan Navigasi ...46
Gambar 41 Grafik Muatan Kognitif...46
Gambar 42 Grafik Ruang Pengetahuan dan Presentasi Informasi ...47
xii
DAFTAR TABEL
Tabel 1 Tinjauan Pustaka ...4
Tabel 2 Proses Preprocessing ...18
Tabel 3 Spesifikasi Batasan Sistem Pada Komputer ...20
Tabel 4 Hak Akses User...27
Tabel 5 Pemetaan Kebutuhan Fungsional Terhadap User ...27
Tabel 6 Daftar File Impelemntasi ...29
Tabel 7 Implementasi Tabel Login ...29
Tabel 8 Implementasi Tabel Upload ...29
Tabel 9 Deskripsi Tampilan Halaman Registrasi ...33
Tabel 10 Deskripsi Tampilan Halaman Login ...35
Tabel 11 Hasil Pengujian ...37
Tabel 12 Hasil Pengujian ...41
Tabel 13 Penilaian Hasil Kuisioner ...44
1 BAB I
PENDAHULUAN
1.1 Latar Belakang
Tugas Akhir (TA) adalah mata kuliah yang harus ditempuh oleh seorang mahasiswa menjelang akhir studinya. Mata kuliah ini berbentuk seperti proyek mandiri yang dikerjakan oleh mahasiswa di bawah bimbingan dosen pembimbing (Anonim, 2010). Karena itu tugas akhir merupakan unsur yang penting bagi mahasiswa untuk menyelesaikan studi akhir di sebuah perguruan tinggi. Tugas akhir memiliki persyaratan yaitu tugas akhir tidak boleh sama dengan tahun-tahun sebelumnya tetapi tugas akhir dijadikan sebagai acuan dan referensi untuk mahasiswa dalam mengerjakan tugas akhir tersebut. Pada Teknik Informatika Politeknik Negeri Batam terbagi menjadi dua program studi. Untuk program studi D3 Teknik Informatika melaksanakan tugas akhir pada semester 5 sedangkan program studi D4 Multimedia & Jaringan melaksanakan tugas akhir pada semester 7.
Selama ini mahasiswa sebelum mengambil topik untuk tugas akhir mereka melakukan survey tugas akhir alumni yang dikumpulkan di dalam perpustakaan dalam bentuk hardcopy. Tugas akhir alumni dibaca dan pahami oleh mahasiswa. Selain di perpustakaan mahasiswa juga dapat mengakses pada perpustakaan online yang dimiliki oleh Politeknik Negeri Batam yaitu digilib.polibatam.ac.id, tetapi data yang dimiliki oleh perpustakaan online kurang up to date yaitu hanya data tugas akhir dari alumni tahun 2007 – 2014 saja, oleh karena itu mahasiswa masih kesulitan dalam memilih judul tugas akhir terbaru. Setiap mahasiswa dapat mengembangkan tugas akhir alumni menjadi judul tugas akhir mereka dengan metode yang berbeda. Pemilihan topik tugas akhir menimbulkan dilema yang dirasakan oleh setiap mahasiswa. Bahkan apabila mereka memilih topik yang tidak sesuai dengan kemampuan yang mereka miliki akan menimbulkan dampak dari hasil tugas akhir mahasiswa yang pengerjaannya tidak maksimal atau mahasiswa lulus tidak tepat waktu. Selain mahasiswa, dosen juga berkepentingan untuk menawarkan
2 judul terbaru untuk mahasiswa sesuai bidang penilitian dosen. Oleh sebab itu adanya sebuah sistem yang mampu memfasilitasi berdasarkan parameter jurusan, tahun, kategori, topik dan pembimbing yang digunakan yang dapat dipahami oleh mahasiswa dan dosen untuk mempermudah penentuan judul tugas akhir mereka.
Masalah yang dipaparkan melalui sebuah sistem yang dapat menampung beberapa topik tugas akhir alumni untuk memberikan kemudahan mahasiswa dalam memilih judul. Dengan sistem yang dibuat menarik dalam pengelompokkan topik tugas akhir ini mahasiswa tidak perlu ke perpustakaan untuk membuka satu persatu tugas akhir alumni. Salah satu metode yang digunakan yaitu Interactive Visualization. Dengan metode ini mahasiswa dapat bereksplorasi dalam memilih data judul tugas akhir alumni yang dibuat secara menarik melalui media gambar, grafik, warna, ukuran bentuk dan interaksi variable visual yang mewakili beberapa aspek eksplorasi terhadap topik tugas akhir mahasiswa.
Berdasarkan paparan diatas maka penulis mencoba membuat sebuah sistem yang mampu memfasilitasi ekplorasi tugas akhir yang dinamakan Reference Engine dan menganalisis distribusi topik tugas akhir mahasiswa jurusan Teknik Informatika Politeknik Negeri Batam dengan metode Interactive Visualization. Sehingga nantinya akan memberikan dampak dan hasil yang baik untuk mahasiswa dalam memilih topik tugas akhir dan dosen untuk menawarkan judul sesuai topik penelitian yang dilaksanakan.
3 1.2 Rumusan Masalah
Adapun rumusan masalah pada penelitian ini adalah sebagai berikut:
1. Bagaimana menyediakan informasi Tugas Akhir mahasiswa agar mudah di eksplorasi dan dipelajari.
2. Bagaimana metode Interactive Visualization dapat mendukung proses pencarian atau eksplorasi Tugas Akhir untuk mahasiswa dan distribusi judul Tugas Akhir untuk dosen.
1.3 Batasan Masalah
Adapun batasan masalah dalam penelitian ini agar lebih terfokus sesuai tujuan yang dicapai adalah sebagai berikut:
1. Data Tugas Akhir yang digunakan hanya pada tahun 2015 dan 2016. 2. Data yang digunakan merupakan data sampling berdasarkan parameter
tahun.
3. Visualisasi dikembangkan dalam bentuk Web berdasarkan parameter jurusan, tahun, kategori, topik dan pembimbing.
1.4 Tujuan Penelitian
Adapun tujuan penelitian pada laporan ini adalah sebagai adalah:
1. Merancang dan mengembangkan visualisasi distribusi topik tugas akhir mahasiswa jurusan Teknik Informatika Politeknik Negeri Batam menggunakan metode Interactive Visualization
2. Menganalisis visualisasi dan implementasi metode Interactive Visualization melalui penggunaan parameter Overview, Zoom, Filter, Details-on-demand, Relate, History, Extract untuk mempermudah eksplorasi data tugas akhir.
4 1.5 Manfaat Penelitian
Visualisasi ini dibuat agar dapat memudahkan mahasiswa dalam proses eksplorasi topik tugas akhir yang berdasarkan parameter jurusan, tahun, kategori, topik dan pembimbing sehingga mahasiswa dapat mendapatkan informasi gambaran topik tugas akhir dengan mudah.
1.6 Tinjauan Pustaka
Visualisasi adalah konversi data ke dalam format visual atau tabel sehingga karakteristik dari data dan relasi diantara item data atau atribut dapat di analisis atau dilaporkan. Visualisasi data adalah salah satu dari yang teknik paling baik dan menarik untuk eksplorasi data. Penelitian yang telah dilakukan sebelumnya mengenai visualisasi data salah satunya dibuat oleh Tati Ernawati (2012) berjudul “Analisis Visualisasi Data Keamanan Jaringan” agar pengguna lebih mudah mengetahui bagaimana celah keamanan yang ada dalam suatu jaringan. Selanjutnya pada tugas akhir yang dibuat oleh Danang Saputro (2016) yang berjudul “Kategorisasi Tugas Akhir Mahasiswa Politeknik Negeri Batam dengan Metode Naive Bayes” untuk mempermudah dalam mengelompokkan tugas akhir Mahasiswa Politeknik Negeri Batam berdasarkan ketegori yang sudah ditentukan secara otomatis. Detail penelitian dan Tugas akhir ada pada tabel 1.
Tabel 1 Tinjauan Pustaka
No Pengarang
(Tahun)
Judul Metode Hasil Data
1. Tati Ernawati (2012) Analisis Visualisasi Data Keamanan Jaringan
-Visualisasi Mengamati lalu lintas yang ada pada suatu
jaringan dan
mengetahui celah keamanan yang ada pada suatu jaringan.
Keamanan Jaringan 2. Danang Saputro (2016) Kategorisasi Tugas Akhir Mahasiswa Politeknik Negeri Batam dengan Metode Naive Bayes -Text Mining -Naive Bayes Mengelompokkan tugas akhir Mahasiswa Politeknik Negeri Batam berdasarkan kategori yang sudah ditentukan secara otomatis. Tugas Akhir Mahasiswa 3. Fadel Satriawan (2016) “Reference Engine” Visualisasi Tugas Akhir Mahasiswa -Visualisasi -Interactive Visualization Mengelompokkan dan memvisualisasikan tugas akhir Tugas Akhir Mahasiswa
5 Jurusan Teknik Informatika Politeknik Negeri Batam mahasiswa berdasarkan parameter jurusan, tahun, kategori, topik dan pembimbing lalu menampilkan dalam bentuk visual yang di kembangkan dalam bentuk Web.
1.7 Sistematika Penulisan
Sistematika penulisan yang diterapkan untuk menyajikan gambaran singkat mengenaipermasalahan yang akan dibahas dalam penulisan ini, sehingga akan memperoleh gambaran yang jelas tentang isi dari penulisan ini terdiri dari 5 bab diantaranya:
BAB I PENDAHULUAN
Berisi latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, tinjauan pustaka dan sistematika penulisan.
BAB II LANDASAN TEORI
Berisi tentang dasar teori sebagai dasar pengertian visualisasi, metode Interactive Visualization, D3JS, JavaScript, JQuery, JSON, data tugas akhir mahasiswa dan Preprocessing data.
BAB III METODOLOGI PENELITIAN
Berisi tentang deskripsi umum sistem, metodologi penelitian, perancangan, dan desain aplikasi.
BAB IV IMPLEMENTASI DAN PENGUJIAN
Berisi tentang implementasi dan hasil pengujian aplikasi yang dibuat. BAB V KESIMPULAN DAN SARAN
Berisi tentang kesimpulan dan saran dari pembuatan Tugas Akhir sampai ke pengembangan aplikasi kedepannya.
6 BAB II
LANDASAN TEORI
2.1 Dasar Teori
Pada penelitian tugas akhir ini, adapun beberapa dasar teori yang dijadikan panduan adalah sebagai berikut.
2.1.1 Visualisasi
Menurut (Card, Mackinlay Shneiderman 1998) definisi visualisasi adalah menggunakan teknologi komputer sebagai pendukung untuk melakukan penggambaran data visual yang interaktif untuk memperkuat pengamatan. Menurut (Mc Cormick 1987) definisi visualisasi adalah metode penggunakan komputer untuk mentransformasikan simbol menjadi geometrik dan memungkinkan peneliti dalam hal mengamati sumulasi komputasi yang dapat memperkaya proses penemuan ilmiah sehingga dapat mengembangkan pemahaman yang lebih dalam dan tak terduga.
Berdasarkan definisi diatas dapat disimpulakan bahwa visualisasi adalah suatu teknik penggunaan komputer untuk menemukan metode terbaik dalam menampilkan data. Dengan menggunakan visualisasi, data yang ditampilkan dapat mempermudah peneliti untuk melihat data yang sulit dilihat dengan pemikiran sehingga peneliti bisa mengamati simulasi dan komputasi, juga memperkaya proses penemuan ilmiah dan mengembangkan pemahaman yang lebih dalam dan tak diduka, salah satu contohnya adalah dengan menampilkan data atau informasi dalam bentuk gambar, contoh : grafik, struktur tree, pola, warna disajikan pada Gambar 1.
7 Menurut Olivera (2003), terdapat dua konsep visualisasi, yaitu scientific visualisation dan information visualization. Keduanya membuat model grafis dan menyajikan data secara visual yang berinteraksi langsung dengan pengguna untuk melakukan eksplorasi dan memperoleh informasi yang terdapat dalam data. Pada scientific visualization, model grafis biasanya dibangun dari pengukuran atau simulasi data yang mewakili objek atau konsep yang terkait dengan fenomena yang sebenarnya. Pada information visualization, model grafis menyatakan konsep abstrak dan hubungan yang tidak selalu memiliki keterkaitan di dunia nyata.
Beberapa tujuan dari visualisasi adalah : a. Mengeksplor
Kegiatan eksplor dapat disebut juga penjelajahan atau pencarian, adalah tindakan mencari atau melakukan penjelajahan dengan tujuan menemukan sesuatu yang baru. Dalam hal visualisasi, mengeksplor bisa dalam bentuk eksploarasi terhadap data atau informasi yang ada yang dapat digunakan sebagai salah satu bagian dari elemen pengambilan keputusan.
b. Menghitung
Menghitung adalah kegiatan yang bertujuan untuk mendapat gambaran tentang dimensi/bentuk suatu objek. Dalam hubungannya dengan visualisasi, menghitung dapat diartikan sebagai kegiatan melakukan analisa terhadap data yang ada dalam bentuk gambar seperti grafik dan tabel yang sudah terhitung sehingga manajemen hanya perlu melakukan pengambilan keputusan dari data yang sudah terhitung.
c. Menyampaikan
Data mentah yang diolah lalu ditampilan dalam bentuk seperti grafik merupakan bentuk penyampaian dengan cara pendekatan visual yang mana dapat membuat orang yang melihat gambar tersebut dapat dengan mudah menyimpulkan arti dalam gambar tersebut karena secara umum data yang diolah dalam bentuk grafik lebih mudah dipahami.
8 2.1.2 Metode Interactive Visualization
Pada metode Interactive Visualization pengguna dapat memindahkan, mengingat gambar dengan cepat dan dapat mendeteksi perubahan dalam ukuran, warna, bentuk, gerakan dan tekstur. Pixel yang dihasilkan oleh gambar secara visual terdiri dari satu pixel sampai tampilan megapixel dan dapat menarik satu objek untuk melakukan tindakan. Ada banyak pedoman dalam mendesain informasi visual tetapi prinsip dasar interactive visualization terdiri dari beberapa paremeter diantara nya yaitu:
1. Overview First
Pada overview first, user dapat melihat seluruh gambaran dari seluruh koleksi data yang berisi kotak kotak field-of-view yang bergerak untuk mengontrol isi tampilan.
2. Zoom
Pada zoom, user dapat melakukan memberi perhatian lebih pada item yang dituju. Lalu user diberikan kesempatan untuk melihat lebih detail data yang telah ditampilkan di overview first.
3. Filter
Filter dapat memudahkan user dalam menyaring data yang tidak mereka inginkan. Dengan memungkinkan pengguna untuk mengontrol isi layar, pengguna dapat dengan cepat fokus dengan apa yang mereka inginkan. 4. Details on Demand
Details on Demand dapat memudahkan user dalam memilih item dari seluruh data lalu melihatnya secara detail informasi apa saja yang ada di dalam data tersebut.
5. Relate
User dapat membuat relasi atau hubungan dari data satu dengan yang lain. 6. History
Dalam history user dapat menyimpan history untuk memudahkan undo, replay, dan progressive refinement. History disimpan secara berurutan yang memudahkan pengguna untuk melihat kembali urutan data yang pernah mereka buka.
9 7. Extract
User dapat mengekstrak data dari sub koleksi dengan menggunakan
parameter pada query. 2.1.3 D3JS
D3.js adalah sebuah library JavaScript untuk memanipulasi dokumen berdasarkan beberapa data yang ada. D3 membantu pengguna membawa data untuk hidup dengan menggunakan HTML, SVG dan CSS. D3’s pada penekanan nya pada web standar yang memberikan kemampuan penuh pada browser yang digunakan tanpa menggabungkan komponen visualisasi yang kuat dan pendekatan data-driven. Contoh tampilan library pada https://d3js.org/ dapat dilihat pada gambar 2.
Gambar 2 Library D3JS 2.1.4 JavaScript
Perkembangan JavaScript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Bahasa yang sekarang dikenal dengan nama JavaScript ini sebelumnya bernama LiveScript dan berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 (browser yang sangat populer saat itu). Javascript merupakan bahasa yang berbentuk kumpulan skrip yang berfungsi untuk memberikan tampilan yang tampak lebih interaktif pada dokumen web. Dengan kata lain, bahasa ini adalah bahasa pemograman untuk memberikan kemampuan tambahan ke dalam bahasa pemograman HTML (Hypertext Markup Language) dengan mengijinkan pengeksekusian perintah-perintah
10 pada sisi client, dan bukan sisi server dokumen web. Pada hakikatnya, bahasa pemograman JavaScript berisi skrip yang pemasangannya terselip disebuah dokumen HTML. Sehingga bahasa JavaScipt ini tidaklah memerlukan sebuah kompilator atau penerjemah khusus untuk mengeksekusinya. Hal tersebut juga bergantung pada navigator yang terdapat disetiap browser.
Menurut Deitel (2012) Javascript adalah bahasa naskah yang sering digunakan terutama untuk menambah program pada halaman web sebagai contoh animasi dan interaksi dengan pengguna serta didukung oleh hampir seluruh web browser.
Berdasarkan definisi-definisi dari para pakar dapat disimpulkan bahwa Javascript adalah bahasa naskah berorientasi objek pada web browser untuk menambahkan fungsi interaktif yang membuat aplikasi web bersifat dinamis.
Gambar 3 Logo JavaScript 2.1.5 jQuery
jQuery adalah javascript library, jQuery mempunyai semboyan “write less, do more”. jQuery dirancang untuk memperingkas kode-kode javascript. jQuery adalah javascript library yang cepat dan ringan untuk menangani dokumen HTML, menangani event, membuat animasi dan interakasi ajax. jQuery dirancang untuk mengubah cara anda menulis javascript.
Digunakan oleh 60 persen dari 10000 situs web paling banyak dikunjungi di dunia, jQuery adalah library javascript yang paling populer saat ini. jQuery merupakan sebuah perangkat lunak bebas sumber terbuka yang berada di bawah lisensi MIT.
11 Sintaks jQuery dirancang sedemikian rupa untuk memudahkan pengembang website dalam menavigasi dokumen, menyeleksi elemen-elemen DOM, menerapkan animasi, mengaplikasikan events, serta membangun aplikasi AJAX.
jQuery juga memampukan developer menciptakan berbagai plugin berbasis library JavaScript. Dengan plugin-plugin tersebut, pengembang situs web mampu menyusun sejumlah abstraksi untuk interaksi dan animasi sederhana, juga beberapa efek yang cukup kompleks dan berbagai widget yang dapat dikonfigurasikan.
Gambar 4 Logo jQuery “write less, do more” 2.1.6 JSON
JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999. JSON merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data. Beberapa orang lebih suka JSON, karena paling mudah untuk mem-parse-nya, hanya menempatkan sebuah evalevalevaleval dan selesai sudah. JSON terbuat dari dua struktur:
12 Kumpulan pasangan nama/nilai. Pada beberapa bahasa, hal ini dinyatakan sebagai objek (object), rekaman (record), struktur (struct), kamus (dictionary), tabel hash (hash table), daftar berkunci (keyed list), atau associative array.
Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal ini dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan (sequence).
Struktur-struktur data ini disebut sebagai struktur data universal. Pada dasarnya, semua bahasa pemprograman moderen mendukung struktur data ini dalam bentuk yang sama maupun berlainan. Hal ini pantas disebut demikian karena format data mudah dipertukarkan dengan bahasa-bahasa pemprograman yang juga berdasarkan pada struktur data ini. Adapun contoh file JSON dapat dilihat ada gambar 5.
Gambar 5 Contoh File JSON 2.1.7 SVG (Scalable Vector Graphics)
SVG adalah singkatan dari Scalable Vector Graphics dan merupakan format file baru dalam web graphic yang telah direkomendasikan oleh World Wide Web Consortium (W3C) untuk menampilkan grafik serta mendeskripsikan gambar 2 dimensi dalam pengembangan web yang berbasis XML (eXtensible Markup Language).Penyimpanan file SVG dilakukan dengan cara memberi nama ekstensinya dengan “.svg” (memakai huruf kecil semua), dan untuk menyimpan file SVG yang terkompresi memakai ekstensi “.svgz” (semua memakai huruf kecil).
13 Gambar 6 Logo SVG
2.1.8 Tugas Akhir Mahasiswa
Tugas Akhir (TA) adalah karya ilmiah yang disusun menurut kaidah keilmuan dan ditulis berdasarkan kaidah Bahasa Indonesia, di bawah pengawasan atau pengarahan dosen pembimbing, untuk memenuhi kriteria-kriteria kualitas yang telah ditetapkan sesuai keilmuannya masing-masing (Anonim, 2008). Tugas Akhir dibuat sebagai salah satu persyaratan untuk menyelesaikan suatu program studi. Tugas Akhir yang dimaksud dalam pedoman ini mencakupi, tetapi tidak terbatas pada, skripsi, tesis dan disertasi. 2.1.9 Preprocessing Data
Data Prepocessing menerangkan tipe-tipe proses yang melaksanakan data mentah untuk mempersiapkan proses prosedur yang lainnya. Tujuan dilakukan preprocessing adalah memilih setiap kata dari dokumen dan berubahnya menjadi kata dasar yang memiliki arti sempit (Susanto, 2012). Tahap preprocessing dapat dilihat pada Gambar 7.
14 1. Data Cleaning
Proses cleaning dilakukan dengan tujuan untuk membuang duplikasi data, memeriksa data yang inkonsisten, dan memperbaiki kesalahan pada data, seperti kesalahan cetak (tipografi). Juga dilakukan proses enrichment, yaitu proses “memperkaya” data yang sudah ada dengan data atau informasi lain yang relevan.
2. Data Integration
Proses data integration dilakukan dengan tujuan untuk menggabungkan berbagai macam sumber data menjadi satu data.
3. Data Transformation
Proses data transformation dilakukan dengan tujuan transformasi atau konsolidasi data ke dalam bentuk yang lebih baik untuk mining, dengan mewujudkan operasi-operasi summary dan aggregation.
4. Data Reduction
Proses data reduction dilakukan dengan tujuan untuk mentransformasikan numerik atau informasi digistal abjad secara eksperimental ke bentuk yang disederhanakan.
15 BAB III
ANALISIS DAN PERANCANGAN
3.1 Deskripsi Umum Sistem
Pada gambar 8 dibawah ini merupakan deskripsi umum sistem
Gambar 8 Deskripsi Umum Sistem
Pada gambar 8 menjelaskan sistem ini digunakan untuk eksplorasi judul tugas akhir berdasarkan judul tugas akhir. Pada tahap pertama mahasiswa mengakses web dimana terdapat kumpulan judul tugas akhir yang ditampilan dalam bentuk visual untuk memudahkan mahasiswa dalam eksplorasi judul tugas akhir. Dalam visualisasi judul tugas akhir akan di proses dengan cara preprocessing terdapat beberapa proses yaitu data cleaning, data integration, data transformation, data reduction. Pada proses data cleaning dilakukan untuk membuang duplikasi data, memeriksa data yang inkonsisten dan memperbaiki kesalahan data seperti tiporgrafi, pada proses ini kumpulan dari beberapa judul tugas akhir diperiksa agar kata-kata ataupun setiap kalimat tidak terjadi kesalahan ataupun duplikasi. Selanjutnya data data integration dilakukan dengan tujuan untuk menggabungkan berbagai macam sumber data menjadi satu data, pada proses ini kumpulan dari beberapa tugas akhir dari tahun 2015
16 dan 2016 digabungkan menjadi satu data agar lebih mudah untuk memasukkan dalam bentuk visual. Pada proses data transformation dilakukan dengan tujuan transformasi atau konsolidasi data ke dalam bentuk yang lebih baik untuk mining, dengan mewujudkan operasi-operasi summary dan aggregation, pada proses ini data yang sudah dikumpulkan dalam bentuk excel di convert ke json. Dan yang terakhir yaitu proses data reduction dilakukan dengan tujuan untuk mentransformasikan numerik atau informasi digistal abjad secara eksperimental ke bentuk yang disederhanakan, pada proses ini data yang sudah dikumpulkan dikelompokkan dengan parameter seperti topik, kategori, pembimbing dan tahun.
3.2 Metodologi Penelitian
17 Dalam tahapan metodologi penelitian saya ini ada beberapa tahap diantara nya rancangan, implementasi, pengujian dan selanjutnya integrasi sistem & visualisasi.
a. Rancangan Sistem dan Rancangan Visualisasi
Tahap rancangan merupakan tahapan awal untuk menyusun sebuah sistem bagaimana membentuk sistem tersebut dan bagaimana membentuk sebuah visualisasi yang akan dibuat untuk kedepannya dengan mempertimbangkan beberapa informasi yang ada.
b. Implementasi Sistem dan Implementasi Visualisasi
Tahap implementasi adalah tahap penerapan sekaligus pengujian dari tahapan perancangan untuk mengetahui apakah tahapan rancangan sudah berhasil atau belum. Pada tahap implementasi, ada 2 tahapan yaitu implementasi sistem dimana sistem yang sudah di rancang, di implementasikan ke dalam bentuk coding/program, implementasi visualisasi dimana visualisasi yang sudah di rancang di implementasikan ke dalam bentuk visual sesuai desain yang sudah di buat.
c. Pengujian Sistem dan Pengujian Visualisasi
Tahap pengujian merupakan tahap untuk menguji apakah sistem dan visualisasi yang sudah dibuat layak atau tidak berdasarkan metode yang dipakai yaitu interactive visualization.
d. Integrasi Sistem dan Visualisasi
Tahap integrasi merupakan konsep dimana sebuah sistem dan visualisasi dapat saling berhubungan satu sama lain.
3.3 Rancangan Sistem
18 Rancangan sistem merupakan tahap awal sebelum pembuatan aplikasi dilakukan, tahapan awal yaitu data yang dikumpulkan direkap didalam excel kemudian di convert ke bentuk json. Tahapan kedua yaitu data yang sudah di convert ke bentuk json dapat diproses untuk dipersiapkan sebelum di visualisasikan dengan D3JS, javascript dan jQuery kemudian di dapatkan format svg. Tahapan yang terakhir data dapat di visualisasikan dengan force layout.
3.3.1 Proses Preprocessing
Proses preprocessing terdapat beberapa proses yaitu data cleaning, data integration, data transformation, data reduction. Proses awal yaitu proses data cleaning, pada proses ini kumpulan dari beberapa judul tugas akhir diperiksa agar kata-kata ataupun setiap kalimat tidak terjadi kesalahan ataupun duplikasi. Selanjutnya proses data integration, pada proses ini kumpulan dari beberapa tugas akhir dari tahun 2015 dan 2016 digabungkan menjadi satu data agar lebih mudah untuk memasukkan dalam bentuk visual. Selanjutnya data transformation dilakukan untuk mentransformasikan tahun angkatan masuk dengan tahun mereka lulus. Data reduction dilakukan agar seluruh data yang banyak di kelompokkan menjadi beberapa dengan semua parameter terwakili.
Tabel 2 Proses Preprocessing
N o Proses Preprocessing Hasil Proses Sebelum Sesudah
1 Data Cleaning Aplikasi Batam Lvie Transport Berbasis Android
Aplikasi Batam Live Berbasis Android 2 Data Integration 3 Data Transformatio n
4 Data Reduction Mir’atul Khusna Mufida Evaliata Sembiring
FD EV
19 3.4 Flowchart Desain Sistem
Gambar 11 Flowchart Desain Sistem
Gambar 11 menjelaskan alur dari proses visualisasi TA, yaitu data tugas akhir yang direkap dalam bentuk excel akan di proses dengan cara preprocessing berdasarkan beberapa parameter, beberapa proses preprocessing data terbagi menjadi beberapa proses yaitu data cleaning, data integration, data transformation dan data reduction. Proses awal yaitu proses data cleaning, pada proses ini kumpulan dari beberapa judul tugas akhir diperiksa agar kata-kata ataupun setiap kalimat tidak terjadi kesalahan ataupun duplikasi. Selanjutnya proses data integration, pada proses ini kumpulan dari beberapa tugas akhir dari tahun 2015 dan 2016 digabungkan menjadi satu data agar lebih mudah untuk memasukkan dalam bentuk visual. Selanjutnya data transformation dilakukan untuk mentransformasikan tahun angkatan masuk dengan tahun mereka lulus. Data reduction dilakukan agar seluruh data yang
20 banyak di kelompokkan menjadi beberapa dengan semua parameter terwakili. Setelah mendapatkan hasil proses dari preprocessing dalam bentuk JSON dilanjutkan proses metode interactive visualization yaitu dengan beberapa parameter seperti: overview first, zoom and filter, detail on demand, relate, extract dan history. Metode interactive visualization akan mendapatkan hasil output untuk menampilkan tugas akhir dalam bentuk visualisasi.
3.5 Batasan Spesifikasi Sistem
Dalam pembuatan tugas akhir ini memiliki batasan sistem, dimana beberapa software yang dipakai memiliki spesifikasi sendiri. Adapun batasan spesifikasi pada sistem ini yaitu:
Tabel 3 Spesifikasi Batasan Sistem Pada Komputer
Perangkat Hardware Software
Laptop/komputer Kapasitas memory 1 Gb
Processor minimal core i3
Hardisk minimal 80 GB
Operating System Windows
7,8 atau 10, Xampp control panel v3.2.1, Browser Google Chrome.
3.6 Rancangan Visualisasi
Pada tahapan rancangan visualisasi terdiri dari layout, interaksi, perancangan data dan bahasa pemograman JSON.
a. Layout
21 b. Interaksi
Gambar 13 Interaksi User
Gambar 13 menunjukkan untuk mengetahui interaksi user terhadap layout rancangan yang sudah dibuat.
c. Diagram ERD (Entity Relationship Diagram)
Gambar 14 Diagram ERD (Entity Relationship Diagram)
Double click, drag, move, hover and zoom
22 d. JSON Nodes Gambar 15 Nodes Links Gambar 16 Links
24 3.7 Rancangan Antar Muka Sistem
Gambar 17 Tampilan Antarmuka Halaman Utama Mahasiswa
Terdapat tombol pilihan pada menu utama yaitu visualisasi topik tugas akhir, home, visualisasi dan login. Setiap tombol memiliki kegunaan yang berbeda-beda. Pada antarmuka menu utama ini terdapat logo visualisasi dan penjelasan visualisasi sebagai pengenalan sistem.
Gambar 18 Tampilan Antar Muka Registrasi
Antarmuka registrasi merupakan tampilan pertama dari sistem untuk dosen. Pada tampilan ini dosen harus melakukan registrasi agar terdaftar sebagai pengguna dan dapat melakukan login sehingga dapat melakukan upload topik tugas akhir terbaru sesuai penelitian mereka. Registrasi dilakukan dengan mengisi username, email, password dan confirm password yang akan digunakan untuk login.
25 Gambar 19 Tampilan Antarmuka Login
Antarmuka login merupakan tampilan penghubung untuk masuk ke sistem. Pada tampilan ini pengguna harus memasukkan username dan password yang sesuai agar dapat menggunakan sistem tersebut dengan baik dan benar.
Gambar 20 Tampilan Antarmuka halaman utama dosen
Terdapat tombol pilihan menu utama yaitu visualisasi topik tugas akhir, home, upload, visualisasi dan logout. Setiap tombol memiliki kegunaan yang berbeda-beda. Pada antarmuka menu utama ini terdapat logo visualisasi dan penjelasan visualisasi sebagai pengenalan sisteml
26 Gambar 21 Tampilan Antarmuka Upload
Tampilan antarmuka halama upload ini digunakan untuk mengunduh format file yang akan menjadi format pengisian data baru, kemudian memasukan file baru dalam bentuk excel. Tombol upload digunakan untuk mengimport data ke database.
Gambar 22Tampilan Antarmuka Layout Visualisasi
Tampilan antarmuka halaman visualisasi ini digunakan untuk menampilkan visualisasi distribusi topik tugas akhir dengan fitur overview, zoom, detail on demand untuk memudahkan user dalam mengeksplorasi data.
27 3.8 Hak Akses User
Tabel 4 Hak Akses User
No User Sistem Hak Akses
1. User Pencarian
Visualisasi
Mendapatkan judul TA
2. Dosen Input Judul TA terbaru
Tabel 4 menjelaskan hak akses user terhadap aplikasi yaitu terdapat 2 user akses yaitu hak akses sebagai user dan hak akses sebagai dosen. User dapat melakukan pencarian judul, visualisasi judul kemudian mendapatkan judul tugas akhir. Sedangkan dosen dapat melakukan input judul tugas akhir terbaru sesuai penelitian terbaru mereka.
3.9 Kebutuhan Fungsional
Adapun kebutuhan fungsional dari sistem, antara lain:
F-01 Sistem dapat menampilkan judul dan visualisasi TA
F-02 Sistem dapat mencari judul TA berdasarkan topik, pembimbing, tahun, metode, jurusan.
F-03 Sistem dapat mengupload judul TA terbaru F-04 Sistem dapat mengconvert file excel – json F-05 Sistem dapat memfasilitasi login
F-06 Sistem dapat memfasilitasi registrasi 3.10 Pemetaan Kebutuhan Fungsional Terhadap User
Tabel 5 Pemetaan Kebutuhan Fungsional Terhadap User
Kebutuhan User Dosen Sistem
F-01 F-02 F-03 x F-04 x x F-05 F-06
Tabel 5 menjelaskan tentang pemetaan kebutuhan fungsional terhadap user yaitu dengan melihat kebutuhan fungsional pada sub bab 3.5
28 3.11 Kebutuhan Non-Fungsional
Adapun kebutuhan non-fungsional dari sistem, antara lain: NF-01 Aplikasi yang dibuat berbahasa indonesia NF-02 Pengguna 2 hak akses
29 BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Daftar File
Tabel 6 Daftar File Impelemntasi No Fungsional Nama file Data Path 1. Registrasi register.php login.php conn.php Database http:// localhost/visualisasisite/login/login.php 2 . Login login.php loginsubmit.php conn.php Database http:// localhost/visualisasisite/login/login.php 3. Visualisasi baru.php baru.php Database Json http:// localhost/visualisasisite/apps/baru.php 4. Upload baru.php cobajson.php conn.php Database Json http:// localhost/visualisasisite/apps/baru.php 5. Logout index.php logout.php login.php Database Json http:// localhost/visualisasisite/login/login.php
4.2 Implementasi Basis Data
Tabel 7 Implementasi Tabel Login
Nama Field Tipe Panjang Default
Username Varchar 50 None
Password Varchar 50 None
Email Varchar 50 None
Tabel 8 Implementasi Tabel Upload
Nama Field Tipe Panjang Default
Topik Varchar 100 Primary Key
30 4.3 Implementasi Antar Muka
4.3.1 Implementasi Menu Utama (Untuk Mahasiswa)
Gambar 23 Tampilan Menu Utama
Pada halaman menu utama ini merupakan halaman menu awal setelah masuk dari proses login. Terdapat 5 tombol menu utama yaitu home, visualisasi dan logout.
Gambar 24 Source Code Menu Utama
Gambar 24 menjelaskan beberapa source code untuk menampilkan menu utama yang terdiri dari beberapa tombol seperti home, visualisasi dan logout.
31 4.3.2 Implementasi Tampilan Visualisasi Kategori
Gambar 25 Tampilan Visualisasi Kategori
Gambar 25 menjelaskan bentuk tampilan visualisasi dari beberapa kategori tugas akhir seperti aplikasi, sistem informasi, game, website dll. Terdapat dari beberapa warna yang membedakan kategori masing-masing.
Gambar 26 Source Code JSON dari tampilan Visualisasi Kategori
Gambar 26 menjelaskan beberapa source code dari tampilan visualisasi kategori yang terdiri dari beberapa kategori seperti aplikasi, sistem informasi, game, website dll.
4.3.3 Implementasi Tampilan Visualisasi Dosen Pembimbing
Gambar 27 Tampilan Visualisasi Dosen Pembimbing
Gambar 27 menjelaskan bentuk tampilan visualisasi dosen pembimbing yang terdiri dari beberapa dosen pembimbing dibedakan dengan warna masing-masing.
32 Gambar 28 Source Code JSON dari tampilan visualisasi dosen pembimbing
Gambar 28 menjelaskan source code JSON dari tampilan visualisasi dosen pembimbing yang terdiri dari 4 data dosen pembimbing.
4.3.4 Implementasi Tampilan Visualisasi Topik
Gambar 29 Tampilan Visualisasi dari Topik Animasi
Gambar 29 menjelaskan dari tampilan visualisasi dari kumpulan topik kategori animasi yang di bimbing oleh dosen pembimbing pak riwinoto yang terdiri dari 10 topik.
Gambar 30 Source Code dari visualisasi topik animasi
Gambar 30 menjelaskan source code dari visualisasi topik animasi yang terdiri dari 10 topik.
33 4.3.5 Implementasi Proses Registrasi (Untuk Dosen)
Gambar 31 Tampilan Halaman Registrasi
Pada gambar 31 menjelaskan bahwa user seperti dosen harus melakukan proses login dengan mengisi username, email address, password dan confirm password untuk mendaftar sebagai pengguna baru. Setelah itu click Register Now agar bisa melanjutkan proses login.
Tabel 9 Deskripsi Tampilan Halaman Registrasi Nama File register.php
Deskripsi
ID_Objek Jenis Nama Keterangan
Username Textfield Username Diisi sesuai dengan Username Email Textfield Email Address Diisi sesuai dengan email Pass Textfield Password Diisi sesuai dengan password Conpas Textfield Password Diisi sesuai dengan password Submit Button Register Now Masuk ke login
34 Gambar 32 Source Code Halaman Registrasi
Pada gambar 32 menjelaskan bahwa form registrasi yang terdapat dalam sistem membaca masukan dari user seperti username, email, passwrod dan confirm password kemudian program akan otomatis memasukkan data yang di input oleh user untuk masuk ke database. Apabila data yang dimasukkan tidak sesuai maka akan muncul peringatan “data gagal ditambahkan”.
4.3.6 Implementasi Proses Login
Gambar 33 Tampilan Halaman Login
Pada gambar 33 menjelaskan bahwa pengguna sistem seperti dosen harus memasukkan username dan password sesuai yang telah didaftarkan pada halaman registrasi sebagai hak akses agar dapat menggunakan sistem tersebut, setelah itu dapat masuk ke proses login.
35 Tabel 10 Deskripsi Tampilan Halaman Login
Nama File loginsubmit.php
Deskripsi
ID_Objek Jenis Nama Keterangan
Username Textfield Username Diisi sesuai dengan Username Pass Textfield Password Diisi sesuai dengan password Login Button Get Started Masuk ke sistem
Gambar 34 Source Code Halaman Login
Pada gambar 34 menjelaskan bahwa form login akan membaca dari masukan username dan password kemudian program akan mencocokkan dengan databse agar apa yang user isi telah sama dengan format yang ada pada di database untuk selanjutnya bisa masuk ke proses login. Tetapi jika data yang di masukan salah akan muncul peringatan “Id atau password anda salah” 4.3.7 Implementasi Menu Upload
Gambar 35 Tampilan Menu Upload
Pada halaman menu upload terdiri dari file upload dan button submit, file yang di upload dengan syarat file excel 2007 agar bisa di upload dan di proses ke database.
36 Gambar 36 Tampilan Source Code dari Menu Upload
Gambar 36 menjelaskan source code dari tampilan menu upload untuk file excel yang selanjutnya di proses ke database.
4.3.8 Implementasi Tampilan Menu Log Out
Gambar 37 Tampilan Menu Log Out
Gambar 37 menjelaskan tampilan menu log out untuk keluar dari aplikasi.
Gambar 38 Source Code Menu Log Out
Gambar 38 menjelaskan source code dari menu log out apabila ingin keluar dari aplikasi.
43 4.5 Analisis Hasil Pengujian
Hasil pengujian dianalisis dengan dua cara yaitu pengujian (aplha) terhadap aplikasi “reference engine” dan pengujian (beta) yang dilakukan langsung kepada target utama aplikasi “reference engine” membantu terhadap eksplorasi pencarian topik tugas akhir yaitu pada mahasiswa yang ingin mengikuti tugas akhir maupun mahasiswa yang sedang menjalani tugas akhir. 4.5.1 Analisis Berdasarkan Hasil Pengujian Aplikasi “Reference Engine”
Terdapat metode interactive visualization yang berhasil ditampilkan yaitu overview, zoom, filter dan detail on demand. Metode interactive visualization diterapkan sangat membantu dalam ekplorasi topik tugas akhir bagi mahasiswa.
4.5.2 Analisis Berdasarkan Hasil Kuisioner
Pengujian kuisioner diujikan langsung kepada pengguna yaitu dosen dan mahasiswa yang akan mengikuti tugas akhir maupun mahasiswa yang sedang menjalani tugas akhir di Politeknik Negeri Batam.
Gambar 39 Contoh Kuisioner
Pengumpulan data dilakukan untuk mengetahui tingkat keberhasilan aplikasi “reference engine” dengan melihat hasil kuisioner penilaian dengan jumlah responden sebanyak 30 orang disajikan pada tabel 13.
44 Tabel 13 Penilaian Hasil Kuisioner
Daftar Pertanyaan
Keterangan Penilaian
SS S KS TS STS
Kemudahan Navigasi
1. Apakah aplikasi reference engine yang telah dibuat ini mudah digunakan oleh pengguna(user)?
11 15 4 0 0
Muatan Kognitif
2. Apakah aplikasi reference engine ini dapat membantu user dalam explorasi pencarian tugas akhir?
10 17 1 0 0
Ruang Pengetahuan dan Presentasi Informasi
3. Apakah aplikasi reference engine ini dapat menampilkan visualisasi topik tugas akhir dengan baik ?
4 26 0 0 0
Estetika
4. Apakah warna visualisasi dalam aplikasi reference engine ini dapat mewakilkan topik tugas akhir dengan baik?
9 20 0 1 0
Perhitungan presentase hasil kuisioner dilakukan berdasarkan setiap pertanyaan dan setial parameter penilaian aplikasi ini seperti berikut:
1. Setiap pertanyaan dihitung dengan formula = Jumlah Responden/total responden x 100%. Salah satu contohnya adalah:
Pada pertanyaan pertama yang mewakili kemudahan navigasi yang menjawab ss(sangat setuju) berjumlah 11 orang dengan perhitungan 11/30 x 100% = 37%. Hasil responden yang menjawab s(setuju) berjumlah 15 orang dengan presentase 15/30 x 100% = 50% dan hasil responden yang menyatakan ks(kurang setuju) berjumlah 4 orang dengan presentase 4/30 x
45 100% = 13%. Sehingga dapat ditarik kesimpulan bahwa aplikasi “reference engine” ini mudah digunakan. Presentase setiap pertanyaan dan jawaban dari kuisioner responden disajikan pada tabel 14.
Tabel 14 Hasil Presentase setiap pertanyaan dari responden
Daftar Pertanyaan
Jumlah Presentase
SS S KS TS STS
Kemudahan Navigasi
1. Apakah aplikasi reference engine yang telah dibuat ini mudah digunakan oleh pengguna(user)?
37% 50% 13% 0% 0%
Muatan Kognitif
2. Apakah aplikasi reference engine ini dapat membantu user dalam explorasi pencarian tugas akhir?
40% 57% 3% 0 0
Ruang Pengetahuan dan Presentasi Informasi
3. Apakah aplikasi reference engine ini dapat menampilkan visualisasi topik tugas akhir dengan baik ?
13% 87% 0% 0% 0%
Estetika
4. Apakah warna visualisasi dalam aplikasi reference engine ini dapat mewakilkan topik tugas akhir dengan baik?
30% 67% 0% 3% 0%
Diagram hasil dari perbandingan presentase dari setiap pertanyaan penilaian dapat ditunjukkan beberapa gambar grafik berikut:
46 Gambar 40 Grafik Kemudahan Navigasi
Dari grafik kemudahan navigasi pada pertanyaan pertama di atas dapat ditarik kesimpulan bahwa 50% responden menjawab setuju dan 13% responden menjawab kurang setuju maka dapat disimpulkan bahwa aplikasi “reference engine" ini mudah digunakan.
Gambar 41 Grafik Muatan Kognitif
Dari grafik muatan kognitif pada pertanyaan kedua dapat ditarik kesimpulan bahwa 57% responden menjawab setuju dan 3% responden menjawab kurang setuju maka dapat disimpulkan bahwa aplikasi “reference engine” ini dapat membantu dalam eksplorasi pencarian tugas akhir.
Kemudahan Navigasi
ss s ks ts sts
Muatan Kognitif
47 Gambar 42 Grafik Ruang Pengetahuan dan Presentasi Informasi
Dari grafik ruang pengetahuan dan presentasi informasi pada pertanyaan ketiga dapat ditarik kesimpulan bahwa 87% responden menjawab setuju dan 0% menjawab kurang setuju sehingga dapat disimpulkan bahwa aplikasi “reference engine” ini dapat menampilkan visualisasi dengan baik.
Gambar 43 Grafik Estetika
Dari grafik estetika pada pertanyaan keempat dapat ditarik kesimpulan bahwa 67% responden menjawab setuju dan 3% menjawab tidak setuju sehingga dapat disimpulkan bahwa warna visualisasi yang ada pada aplikasi “reference engine” ini dapat mewakilkan topik tugas akhir dengan baik.
Ruang Pengetahuan dan Presentasi Informasi
ss s ks ts sts
Estetika
48
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan hasil pengujian visualisasi distribusi topik tugas akhir jurusan teknik informatika politeknik negeri batam, maka diperoleh kesimpulan sebagai berikut: 1. Pengembangan visualisasi distribusi topik tugas akhir menggunakan metode
interactive visualization sesuai perancangan yang dilakukan.
2. Analisis hasil implementasi visualisasi mencakup parameter overview, zoom, filter, detail on demand untuk mempermudah eksplorasi data tugas akhir. 3. Hasil Analisis terhadap aplikasi yang telah di uji sebanyak 30 responden dapat
menjawab menyelesaikan task dengan benar. Hal ini menandakan bahwa aplikasi ini mudah digunakan dan dapat mendukung proses eksplorasi pencarian topik tugas akhir berdasarkan beberapa parameter yaitu kategori, pembimbing dan jumlah mahasiswa yang mengambil topik tersebut.
4. Analisis dilakukan berdasarkan nilai variable kemudahan navigasi sebanyak 50% menjawab setuju, muatan kognitif sebanyak 57% menjawab setuju, ruang pengetahuan dan presentasi informasi sebanyak 87% menjawab setuju dan estetika sebanyak 67% menjawab setuju.
5.2 Saran
Dalam pengembangan selanjutnya, maka saran yang dapat diberikan adalah: 1. Teknik visualisasi yang di pilih saat ini adalah metode interactive visualization.
Kemungkinan penggunaan metode lain bisa meningkatkan dukungan eksplorasi data.
2. Penggunaan teknik visualisasi tidak hanya dapat di terapkan pada data tugas akhir saja melainkan teknik ini juga bisa diimplementasikan dalam berbagai data seperti data pasien rumah sakit dan data prestasi club bola pertahun. Jika metode interactive visualization diterapkan pada sebuah aplikasi generik setiap permasalahan analisis data yang berjumlah banyak (big data) dapat memanfaatkan metode ini dan dapat diselesaikan dengan baik.
49
DAFTAR PUSTAKA
Andi., 2010, Panduan Praktis Menguasai Pemrograman Web dengan JavaScript 2009, Wahana Komputer, Semarang.
Angga Ginanjar Mabrur, Riani Lubis. "Penerapan Data Mining Untuk Memprediksi Kriteria Nasabah Kredit." Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia, Bandung (2012).
Anonim., 2010, Pengertian Tugas Akhir, Universitas Sriwijaya.
Budi Susanto., 2013, Data Preprocessing, Memahami data sangat penting untuk tahap Data Mining, (3), 1-18.
Craft, Brock, and Paul Cairns. "Beyond guidelines: what can we learn from the visual information seeking mantra?." Ninth International Conference on Information Visualisation (IV'05). IEEE, 2005.
Desrizal., 2013, Panduan Lengkap Php Ajax jQuery, Coding Wear Programmer in Style, Indonesia.
Ghiyats Syafiq Abriansyah. "Tugas Data Mining dan Knowledge Dicovery in Data Base." Institut Sains Terapan dan Teknologi, Surabaya (2010).
Prigandini, Endang Lusiana., 2012, Aplikasi Perpustakaan Online, Politeknik Negeri Batam.
50 Shneiderman, Ben. "The eyes have it: A task by data type taxonomy for information visualizations." Visual Languages, 1996. Proceedings., IEEE Symposium on. IEEE, 1996.
Widiatmoko, Yudha, and Fathul Wahid. "Aplikasi Web Data Spasial Kependudukan Indonesia dengan Scalable Vector Graphics (SVG)." Universitas Islam Indonesia, Yogyakarta (2006).