Aplikasi Bimbingan Skripsi Online Berbasis Website Dan Android Untuk Mahasiswa Departemen Teknik Elektro

SKRIPSI

APLIKASI BIMBINGAN SKRIPSI ONLINE BERBASIS WEBSITE DAN ANDROID UNTUK MAHASISWA DEPARTEMEN TEKNIK ELEKTRO

Diajukan untuk memenuhi persyaratan menyelesaikan Sarjana (S-1) pada Departemen Teknik Elektro Konsentrasi Teknik Komputer

Oleh :

FADHLI PRATAMA 110402022

KONSENTRASI TEKNIK KOMPUTER DEPARTEMEN TEKNIK ELEKTRO

FAKULTAS TEKNIK

UNIVERSITAS SUMATERA UTARA MEDAN

ABSTRAK

Kesulitan para dosen untuk membantu mahasiswa saat bimbingan adalah batasan waktu komunikasi yang terlalu sempit, dan perbedaan jadwal kesibukan antara mahasiswa dan dosen pembimbing. Tugas akhir ini di buat untuk mempermudah bagi para mahasiswa maupun dosen untuk berkomunikasi. Untuk mengatasi permasalahan tersebut, dirancang sistem pendukung bimbingan skripsi dengan memanfaatkan teknologi informasi sehingga dapat berfungsi seperti layaknya bimbingan skripsi secara tatap muka.

Sistem dirancang dan dibuat dalam ruang lingkup Departemen Teknik Elektro USU. Aplikasi dirancang dengan bahasa pemograman PHP, MySQL, HTML, dan Java. Aplikasi Bimbingan Skripsi Online ini dirancang berbasis website dan aplikasi android. Rancangan website digunakan untuk pihak jurusan mengolah data dari dosen dan mahasiswa. Sedangkan untuk rancangan android digunakan mahasiswa dan dosen untuk berkomunikasi dengan mudah.

KATA PENGANTAR

Puji syukur penulis hadiahkan kehadirat Allah S.W.T yang telah memberikan kemampuan dan kesehatan dalam menyelesaikan Tugas Akhir ini. Shalawat beserta salam semoga senantiasa terlimpah curahkan kepada Nabi Muhammad S.A.W, kepada keluarganya, para sahabatnya, hingga kepada umatnya hingga akhir zaman. Amin.

Tugas Akhir ini merupakan bagian dari kurikulum yang harus diselesaikan untuk memenuhi persyaratan menyelesaikan pendidikan Sarjana Strata Satu di Departemen Teknik Elektro, Fakultas Teknik, Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah :

“APLIKASI BIMBINGAN SKRIPSI ONLINE BERBASIS WEBSITE UNTUK MAHASISWA DEPARTEMEN TEKNIK ELEKTRO”

Tugas Akhir ini penulis persembahkan kepada yang teristimewa yaitu ayahanda Zulhendri, dan ibunda Eva Hasriani yang senantiasa memberikan perhatian dan kasih saying sejak penulis lahir hingga sekarang, serta adik-adik tercinta Fachri Zikrillah, Rafli Adzani dan Radzka Akbar yang senantiasa mendukung dan memberi semangat.

Selama penulis menjalani pendidikan di kampus hingga diselesaikannya Tugas Akhir ini, penulis banyak menerima bantuan, bimbingan dan dukungan dari berbagai pihak. Untuk itu dalam kesempatan ini penulis ingin mengucapkan terimakasih kepada :

1. Bapak Tigor Hamonangan Nasution, S.T, M.T selaku dosen Pembimbing Tugas Akhir, atas nasihat, bimbingan dan motivasi dalam menyelesaikan Tugas Akhir ini.

2. Ibu Ir. Windalina Syafiar selaku Penasehat Akademis penulis, atas bimbingan dan arahannya dalam melayani perkuliahan selama ini.

3. Bapak Dr Ir. Fahmi M.Sc dan Bapak Ir. Arman Sani M.T selaku Ketua dan Sekretaris Departemen Teknik Elektro Fakultas Teknik Universitas Sumatera Utara.

4. Bapak Dr Ir. Fahmi M.Sc, dan Ir. Kasmir Tanjung, M.T dan selaku dosen penguji Tugas Akhir, atas masukan dan bantuannya dalam penyempurnaan Tugas Akhir ini.

5. Seluruh staf pengajar yang telah memberi bekal ilmu kepada penulis dan seluruh pegawai Departemen Teknik Elektro, Fakultas Teknik, Universitas Sumatera Utara atas segala bantuannya.

6. Kedua orang tua penulis atas semangat dan doanya kepada penulis dengan segala pengorbanan dan kasih sayang yang tidak ternilai harganya.

7. Kepada adik-adik dari penulis Fachri Zikrillah, Rafli Adzani, dan Radzka Akbar, yang tidak henti-hentinya memberikan dukungan penuh, doa, dan nasihat bagi penulis.

8. Teman dan sahabat satu angkatan 2011 Teknik Elektro USU (Genk Kapak), Tegar, Wasfi, Mirza, Hery, Ferry, Winner, Harry, dan teman-teman lainnya yang sudah lulus duluan, abang-kakak senior serta adik-adik stambuk atas

9. Teman, sahabat, dan sekaligus adik Yolanda Indah Putri, yang senantiasa selalu memberi motivasi dan semangat setiap hari untuk penulis.

10.Semua pihak yang tidak sempat penulis sebutkan satu per satu.

Penulis menyadari bahwa Tugas Akhir ini masih banyak kekurangan baik dari segi materi maupun penyajiannya. Oleh karena itu saran dan kritik dengan tujuan menyempurnakan dan mengembangkan kajian dalam bidang ini sangat penulis harapkan.

Akhir kata penulis berserah diri pada Allah SWT, semoga Tugas Akhir ini bermanfaat bagi pembaca sekalian terutama bagi penulis pribadi.

Medan, April 2017

Penulis

Fadhli Pratama NIM. 110402022

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Saat ini perkembangan teknologi sangat pesat dan peranannya sangat penting untuk mendukung aktivitas manusia agar dapat mengoptimalkan waktu dengan lebih baik. Dalam perkembangan teknologi internet di dunia pendidikan masih belum maksimal. Khususnya untuk para civitas di dalam perkuliahan banyak penggunaan informasi yang masih manual. Kesulitan para dosen untuk membantu mahasiswa saat bimbingan adalah batasan waktu komunikasi yang terlalu sempit, dan perbedaan jadwal kesibukan antara mahasiswa dan dosen pembimbing. Untuk mengatasi masalah tersebut, perlu dirancang sistem pendukung bimbingan skripsi, yang dapat menyelesaikan permasalahan yang di hadapi dalam proses bimbingan skripsi.

Aplikasi ini diharapkan mempermudah bagi para mahasiswa maupun dosen pembimbing untuk melakukan bimbingan skripsi sehingga dapat meminimalisir proses pembuatan tugas akhir yang di akibatkan oleh kesibukan mahasiswa dan dosen pembimbing. Aplikasi ini juga di lengkapi dengan Website yang bisa di pantau oleh Kaprodi, bimbingan tugas akhir mana yang mengalami masalah atau waktu pengerjaan tugas akhir yang terlalu lama agar Kaprodi bisa mengevaluasi dosen pembimbing ataupun mahasiswa bersangkutan.

1.2 Rumusan Masalah

Berdasarkan latar belakang di atas, rumusan masalah dalam perancangan ini adalah sebagai berikut:

1. Bagaimana perancangan aplikasi bimbingan skripsi menggunakan Website dan Android?

2. Bagaimana membuat aplikasi yang dapat membantu pihak jurusan untuk melakukan pemantauan bimbingan skripsi yang sedang berjalan?

3. Bagaimana aplikasi yang sudah dibuat dapat membantu dosen dan mahasiswa berkomunikasi?

1.3 Batasan Masalah

1. Aplikasi Bimbingan Skripsi Berbasis Android dan Website dibuat hanya dalam ruang lingkup Departemen Teknik Elektro.

2. Tidak membahas Framework PHP yang digunakan. 3. Pengujian sistem hanya dilakukan oleh penulis.

1.4 Tujuan Penelitian

Tujuan dari penelitian ini adalah aplikasi yang dirancang dapat digunakan oleh pihak jurusan, untuk melihat proses dari bimbingan skripsi teknik elektro yang sedang berjalan dengan melihat timeline skripsi yang telah dibuat oleh mahasiswa dan dosen. Memberikan aplikasi khusus bimbingan skripsi yang dapat di gunakan oleh mahasiswa yang sedang menjalani tugas akhir.

1.5 Metodologi Penelitian

Untuk dapat menyelesaikan penelitian ini, maka penulis menerapkan beberapa metode penelitian diantaranya:

a. Studi Literatur

Studi literature dilakukan dengan mengumpulkan buku dan jurnal yang berhubungan dengan pemograman Android dengan bahasa java, pemograman PHP dan MySQL

b. Analisis Sistem

Tahap ini ditentukan kebutuhan apa saja yang harus dipenuhi sistem c. Perancangan Sistem

Dilakukan perancangan perangkat lunak pada smartphone android dengan bahasa pemograman java mobile, perancangan perangkat lunak berbasis web dinamis menggunakan PHP dan MySql serta dibuat flowchart-nya. d. Pengujian Sistem

Tahap ini dilakukan pengujian terhadap aplikasi bimbingan skripsi yang telah di rancang baik aplikasi pada smartphone android dan aplikasi berbasis website sebagai pendukung aplikasi android.

e. Penyusunan Tugas Akhir

Tahap ini dilakukan penulisan naskah, dimana didalamnya menjelaskan teori yang dipergunakan serta penyusunan laporan penelitian yang telah di lakukan

1.6 Sistematika Penulisan

Tugas akhir ini disusun berdasarkan sistematika penulisan sebagai berikut: BAB I Pendahuluan

Bab ini merupakan berisi tentang latar belakang masalah, tujuan dan manfaat penulisan, batasan masalah, metode penulisan, dan sistematika penulisan.

BAB II Dasar Teori

Bab ini membahas mengenai beberapa teori dari Android, Website Dinamis, PHP, MySQL beserta tools-nya.

BAB III Perancangan Sistem

Bab ini membahas perancangan perangkat lunak pada smarphone android dengan bahasa pemograman java mobile, perancangan perangkat lunak berbasis web dinamis menggunakan PHP dan MySql yang sesuai dengan metodologi penelitian.

BAB IV Pengujian dan Analisa

Bab ini membahas tentang pengujian dan analisa aplikasi yang dibuat dari hasil pemograman java mobile dan pemograman web. BAB V Kesimpulan dan Saran

Bab ini membahas tentang kesimpulan dan saran dari aplikasi yang telah dibuat.

BAB II DASAR TEORI 2.1 Sistem Informasi

Menurut Kenneth C Laudon dan Jane P Laudon Sistem informasi adalah sekumpulan komponen yang saling berhubungan, mengumpulkan (atau mendapatkan), memproses, menyimpan, dan mendistribusikan informasi untuk menunjang pengambilan keputusan dan pengawasan dalam suatu organisasi.[1] Menurut Aprillita Dwiyani sistem informasi adalah sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, membantu dan mendukung kegiatan operasi, bersifat manajerial dari suatu organisasi dan membantu mempermudah penyediaan laporan yang diperlukan.[2]

2.2 Android

Pengertian Android dari sudut pandang pemrograman. Android merupakan subset perangkat lunak untuk perangkat mobile yang meliputi sistem operasi, middleware dan aplikasi inti yang di release oleh Google, sedangkan Android SDK (Software Development Kit) menyediakan tools dan API yang diperlukan untuk mengembangkan aplikasi pada platform Android dengan menggunakan bahasa pemrograman Java[3]. Android awalnya dikembangkan oleh Android, Inc., dengan dukungan finansial dari Google, yang kemudian membelinya pada

tahun 2005. Sistem operasi ini dirilis secara resmi pada tahun 2007, bersamaan dengan didirikannya Open Handset Alliance, konsorsium dari perusahaan-perusahaan perangkat keras, perangkat lunak, dan telekomunikasi yang bertujuan untuk memajukan standar terbuka perangkat seluler. Ponsel Android pertama mulai dijual pada bulan Oktober 2008. Antarmuka pengguna Android umumnya berupa manipulasi langsung, menggunakan gerakan sentuh yang serupa dengan tindakan nyata, misalnya menggeser, mengetuk, dan mencubit untuk memanipulasi objek di layar, serta papan ketik virtual untuk menulis teks. Selain perangkat layar sentuh, Google juga telah mengembangkan Android TV untuk televisi, Android Auto untuk mobil, dan Android Wear untuk jam tangan, masing-masingnya memiliki antarmuka pengguna yang berbeda. Varian Android juga digunakan padakomputer jinjing, konsol permainan, kamera digital, dan peralatan elektronik lainnya.[4]

Android adalah sistem operasi dengan sumber terbuka, dan Google merilis kodenya di bawah Lisensi Apache[3]. Kode dengan sumber terbuka dan lisensi perizinan pada Android memungkinkan perangkat lunak untuk dimodifikasi secara bebas dan didistribusikan oleh para pembuat perangkat, operator nirkabel, dan pengembang aplikasi. Selain itu, Android memiliki sejumlah besar komunitas pengembang aplikasi (apps) yang memperluas fungsionalitas perangkat, umumnya ditulis dalam versi kustomisasi bahasa pemrograman Java.

2.3 Java Mobile

Java adalah teknologi pilihan untuk membangun aplikasi yang menggunakan kode dikelola yang dapat dijalankan pada perangkat mobile.

Android adalah platform perangkat lunak open source dan sistem operasi berbasis Linux untuk perangkat mobile. Platform Android memungkinkan pengembang untuk menulis kode dikelola menggunakan Java untuk mengelola dan mengontrol perangkat Android. aplikasi Android dapat dikembangkan dengan menggunakan bahasa pemrograman Java dan SDK Android. Jadi, keakraban dengan dasar-dasar bahasa pemrograman Java merupakan prasyarat untuk pemrograman pada platform Android.

Edisi mobile Java disebut Java ME. Java ME didasarkan pada Java SE dan didukung oleh sebagian besar smartphone dan tablet. Java Platform Micro Edition (Java ME) menyediakan yang fleksibel, mode yang aman untuk membangun dan mengeksekusi aplikasi yang ditujukan pada perangkat embedded dan mobile. Aplikasi yang dibangun menggunakan Java ME yang portabel, aman, dan dapat mengambil keuntungan dari kemampuan asli perangkat. Java ME membahas kendala-kendala yang terlibat dalam membangun aplikasi yang ditujukan pada perangkat mobile. Pada intinya, Java ME membahas tantangan mengeksekusi aplikasi pada perangkat yang rendah pada memori yang tersedia, display, dan kekuasaan.

Ada berbagai cara untuk membangun aplikasi untuk perangkat Android, namun pendekatan yang disarankan adalah dengan memanfaatkan bahasa pemrograman Java dan SDK Android

2.4 Wesbite

Website merupakan teknologi yang dibuat untuk memberikan informasi secara meluas, informasi tersebut dapat berupa text, gambar, video, dan

lain sebagainya. Selama website terkoneksi dengan internet, website bisa diakses oleh dunia luas tanpa dibatasi oleh ruang dan waktu.

Berdasarkan teknologinya website terbagi menjadi 2 yaitu:

 Web Statis (Diam).

 Web Dinamis (Tidak Diam).

Web Statis adalah website dimana informasi yang terkandung di dalamnya tidak bisa diupdate melalui aplikasi website tersebut melainkan harus merubah script yang ada di dalamnya. Sedangkan Web Dinamis adalah website dimana informasi yang terkandung di dalamnya dapat di update melalui aplikasi website tersebut.

2.4.1 Web Dinamis

Sebuah website dinamis umumnya dibuat menggunakan Compact Management System (CMS) tertentu dengan penyimpanan data di database (misalnya seperti MySQL) dan biasanya juga web ini tersusun dari bahasa pemerograman seperti HTML, CSS, PHP, JavaScript dan berhubungan dengan database MySQL.

Ciri ciri web dinamis :

 Menggunakan bahasa pemrograman web misalnya seperti PHP, HTML dan yang lainnya.

 Memiliki database.

 Lebih sering di-update.

2.4.1.1HTML (HyperText Markup Language)

HTML (Hypertext Markup Language) adalah sebuah protokol yang digunakan untuk membuat format suatu dokumen website yang mampu dibaca dalam browser dari berbagai platform komputer. Sifat bahasa HTML ini adalah client-script, dimana dokumen tersebut dapat dibuka dalam komputer stand alone yang tidak membutuhkan server untuk dapat menampilkannya pada browser namun bisajuga menampilkan dokumen HTML dengan terkoneksi ke server internet[5].

Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML. HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML).

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar. Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu : 1. Membuat halaman web.

2. Menampilkan berbagai informasi di dalam sebuah browser Internet.

3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

2.4.1.2CSS (Cascading Style Sheets)

CSS adalah singkatan dari Cascading Sytle Sheets. Berisi rangkaian instruksi yang menentukan bagaimana suatu text akan tertampil di halaman Web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf), colors (warna), margins (ukuran), latar belakang (background), ukuran huruf (font sizes), dan lain lain.

Elemen-elemen seperti colors (warna), fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut “styles”. Cascading Styles Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaiamana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Saat menggunakan CSS, anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah anda membuat sebuah style sheet, anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang dituliskan dengan menggunakan penanda (markup language). Biasanya CSS

digunakan untuk mendesain sebuah halaman HTML dan XTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumen XML, termasuk SVG dan XUL bahkan ANDROID.

CSS dibuat untuk memisahkan konten utama dengan tampilan dokumen yang meliputi layout, warna dan font. Pemisahan ini dapat meningkatkan daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi dari sebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.

Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu pembuatan ataupun pemograman ulang web akan lebig mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukuran, dan formating. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, pada akhirnya akan memangkas waktu pembuatan web.

Fungsi utama CSS adalah merancang, merubah, mendesain, membentuk halaman website, dan isi dari halaman website adalah tag-tag html, logikanya CSS itu dapat merubah tag-tag html sehingga menjadi lebih fungsional dan menarik.

2.4.1.3PHP

Di dunia ilmu komputer, PHP pada dasarnya merupakan singkatan dari PHP : Hypertext Prepocessor. PHP digunakan sebagai salah satu script untuk memperindah tampilan website. Dalam praktiknya PHP biasanya digunakan bersama dengan penggunaan bahasa pemrograman lainnya seperti bahasa pemrograman HTML dan bahasa pemrograman JAVA script. PHP merupakan bahasa webserver-side yang bersifat open source. Bahasa PHP menyatu dengan script HTML yang sepenuhnya dijalankan pada server[6].

Menurut Wikipedia sendiri, pengertian PHP adalah bahasa pemrograman script server – side yang didesain untuk pengembangan web. Selain itu, PHP juga dapat dipakai sebagai bahasa pemrograman umum.

Seperti yang telah dijelaskan di atas, dalam ilmu komputer, PHP berkaitan erat dengan dunia web desain. Dalam dunia web desain, PHP digunakan sebagai script pelengkap bahasa pemrograman lainnya yaitu bahasa pemrograman HTML dan CSS.

Bahasa pemrograman PHP pada dasarnya bukanlah sebuah bahasa pemrograman yang wajib digunakan untuk mendesain website. Bahasa pemrograman PHP hanya merupakan bahasa pemrograman pelengkap yang hanya digunakan pada website dinamis atau pun interaktif. Di website yang bersifat statis, bahasa pemrograman PHP tidak dibutuhkan sama sekali atau pun jika dibutuhkan hanya sebagai pelengkap tambahan saja.

Dalam website dinamis atau pun interaktif, bahasa pemrograman PHP dipakai sebagai media untuk mempersingkat tatanan bahasa pemrograman HTML

dan CSS. Dalam pembuatan website yang berisi data siswa misalnya. Dengan menggunakan bahasa pemrograman HTML dan CSS, maka dibutuhkan baris kode yang sangat panjang, sedangkan dengan menggunakan bahasa pemrograman PHP, baris kode yang dibutuhkan dapat dipersingkat hingga menjadi beberapa baris saja.

Selain dapat mempersingkat script bahasa pemrograman, PHP juga dapat digunakan untuk menginput data ke sistem database, mengkonversi halaman yang berisi text menjadi dokumen PDF, melaksanakan manajemen cookie dan session dalam berbagai macam aplikasi, menghasilkan gambar, dan berbagai macam kegunaan lainnya.

2.4.1.4MySql

MySQL adalah sebuah database server, dapat juga berperan sebagai client sehingga sering disebut database client/server, yang open source dengan kemampuan dapat berjalan baik di OS(Operation System) manapun, dengan platform windows manapun[7].

Ulf Micheal Widenius adalah penemu awal versi pertama MySQL yang kemudian pengembangan selanjutnya dilakukan oleh perusahaan MySQL AB. MySQL AB yang merupakan sebuah perusahaan komersial yang didirikan oleh para pengembang MySQL. MySQL sudah digunakan lebih dari 11 millar instalasi saat ini.

Berikut ini beberapa kelebihan MySQL sebagai database server antara lain:

1. Source MySQL dapat diperoleh dengan mudah dan gratis. 2. Sintaksnya lebih mudah dipahami dan tidak rumit.

3. Pengaksesan database dapat dilakukan dengan mudah.

4. MySQL merupakan program yang multi threaded, sehingga dapat dipasang pada server yang memiliki multiCPU.

5. Didukung programprogram umum seperti C, C++, Java, Perl, PHP, Python, dsb.

6. Bekerja pada berbagai platform. (tersedia berbagai versi untuk berbagai sistem operasi).

7. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi sistem database.

8. Memiliki sistem sekuriti yang cukup baik dengan verifikasi host. 9. Mendukung ODBC untuk sistem operasi Windows.

10. Mendukung record yang memiliki kolom dengan panjang tetap atau panjang bervariasi.

BAB III

PERANCANGAN SISTEM

3.1 Umum

Pada bab ini akan di bahas perancangan database, perancangan website, dan perancangan aliran data dari aplikasi bimbingan skripsi online berbasis website untuk mahasiswa teknik elektro Universitas Sumatera Utara.

3.2 Spesifikasi Perangkat Perancangan

Spesifikasi perangkat perancangan yang digunakan untuk melakukan perancangan aplikasi adalah:

3.2.1 Perangkat Keras

Perangkat keras yang digunakan untuk melakukan perancangan aplikasi adalah:

Laptop Lenovo G480, dengan spesifikasi sebagai berikut:

a) Processor Intel(R) Core (TM) i3-3210M CPU 2.50GHZ b) Memory 4.00GB

c) Harddisk 500GB 3.2.2 Perangkat Lunak

Spesifikasi perangkat lunak yang digunakan adalah: a. Sistem Operasi Windows 7 Ultimate

b. Notepad++ c. AppServ

e. Android Studio

3.3 Perancangan Sistem

Perancangan sistem yang di bangun dimulai setelah tahap analisis terhadap sistem yang berjalan selesai dilakukan. Perancangan dapat didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi.

3.3.1 Usecase Diagram

Usecase diagram digunakan untuk menggambarkan secara ringkas siapa yang menggunakan sistem dan apa saja yang bisa dilakukannya. Memberi gambaran singkat hubungan antara actor dan sistem. Melalui diagram usecase dapat diketahui fungsi-fungsi apa saja yang ada pada sistem.

3.3.1.1 Usecase Diagram Mahasiswa dan Dosen

Usecase diagram mahasiswa dan dosen menggambarkan hubungan sistem dan actor. Perbedaan fungsi dari mahasiswa dan dosen adalah mahasiswa dapat membuat timeline tugas akhir sedangkan dosen bisa mengubah action timeline yang sudah dibuat.

Gambar 3.3.2.1 Usecase Diagram Mahasiswa dan Dosen

3.3.1.2 Usecase Diagram Admin

Usecase diagram admin menggambarkan secara singkat apa saja fungsi dari admin. Admin bisa menambahkan data dari dosen dan mahasiswa, juga bisa melihat timeline bimbingan skripsi yang sedang berjalan.

3.3.2 Activity Diagram

Activity Diagram adalah diagram yang menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.

3.3.2.1 Activity Diagram Admin

Activity diagram admin menggambarkan aliran kerja dari sistem admin yang dimana admin bisa menambahkan data dosen, data mahasiswa dan melihat timeline bimbingan skripsi yang sedang berlangsung.

Website Server Admin Membuka Halaman Website Menampilkan Halaman Menu Tambah Data Dosen dan Mahasiswa

Data Dosen Data

Mahasiswa Simpan ke Database Lihat Timeline Bimbingan Skripsi Tampilkan Timeline Bimbingan Skripsi

3.3.2.2 Activity Diagram Mahasiswa dan Dosen

Activity diagram mahasiswa menggambarkan aliran kerja sistem pada aplikasi dimana mahasiswa dan dosen dapat mengirimkan pesan dan mendapatkan pesan dari dosen bimbingan skripsi. Mahasiswa dapat membuat timeline bimbingan, sedangkan dosen berfungsi merubah action dari timeline bimbingan

Aplikasi Server Dosen

Mahasiswa

Buka Aplikasi Tampilkan Aplikasi Buka Aplikasi

Buat Timeline

Tambahkan Timeline Action Timeline Tampilkan Pesan

Simpan Menyimpan ke Database

Buat Pesan Kirim Pesan Simpan Pesan Tampilkan Pesan Buka Pesan

Kirim Pesan

Ubah Keterangan Action Timeline

Ubah Keterangan Simpan

3.3.3 Diagram ER (Entity Relationship)

Diagram ER merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.

Gambar 3.3.1. Diagram ER (Entity Relationship)

3.3.4 Perancangan Basis Data

Perancangan basis data adalah proses perancangan data yang di butuhkan untuk mendukung rancangan sistem, yang bertujuan untuk memenuhi informasi yang berisi kebutuhan user dan aplikasi.

a. Struktur Tabel

Tabel-tabel yang digunakan dalam sistem bimbingan skripsi online terdiri dari:

1. Tabel Dosen

No Nama Field Tipe Data Ukuran

1 Id int 11

2 Nama varchar 100

3 Nip varchar 100

4 Email varchar 20

5 hp varchar 20

Tabel 3.3.4 (a.1). Struktur Tabel dosen

2. Tabel Pesan

Tabel pesan digunakan untuk menyimpan data percakapan yang ditampilkan pada menu.

No Nama Field Tipe Data Ukuran

1 Id int 11

2 Pesan_to int 11

3 Pesan_from int 11

4 pesan text -

5 dates date -

Tabel 3.3.4 (a.2). Tabel Pesan

3. Tabel Mahasiswa

Tabel Mahasiswa digunakan untuk menyimpan data mahasiswa yang telah memulai bimbingan.

No Nama Field Tipe Data Ukuran

1 Id int 11

2 nama varchar 100

3 NIM varchar 100

4 Email varchar 100

5 Jurusan varchar 20

6 Judul_skripsi varchar 100 Tabel 3.3.4 (a.3). Mahasiswa

4. Tabel Admin

Tabel admin digunakan untuk menyimpan data dari admin jurusan No Nama Field Tipe Data Ukuran

1 Id int 11

2 Username varchar 100

3 Password varchar 100

Tabel 3.3.4 (a.4). Tabel Admin 5. Tabel Timeline

Tabel timeline digunakan untuk menyimpan data dari timeline yang di buat.

No Nama Field Tipe Data Ukuran

Id nt 11

imeline_from archar 100 imeline_to archar 100

imeline ext

keterangan archar 20

3.3.5 Perancangan Aliran Data

Menggambarkan aliran data masuk dan keluar dari sistem yang di buat, dan dirancangan menggunakan Data Flow Diagram (DFD). Data Flow Diagram adalah alat pembuatan model yang menggambarkan pembagian sistem sebagai suatu jaringan proses fungsional yang di hubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi.

Sistem Informasi Aplikasi Bimbingan Skripsi Admin Mahasiswa Dosen Semua Data Perbaikan Data Semua Data

- Judul Skripsi - Data Dosen - Pesan Masuk - Mengirim Pesan - Keterangan Timeline

- Pesan Masuk - Judul Skripsi - Data Diri - Data Dosen - Keterangan Timeline

- Pesan Terkirim - Membuat Timeline

Gambar 3.3.5. Data Flow Diagram

3.3.6 Perancangan Interface

Interface atau antar muka dari sistem bimbingan skripsi online yang akan di bangun terdiri dari, interface admin, interface mahasiswa, dan interface dosen.

3.3.6.1 Interface admin a. Halaman Login Admin

Halaman login adalah tampilan awal yang disediakan untuk pengguna mengakses halaman menu admin.

b. Halaman Menu Admin

Tampilan perancangan antar muka Admin, terdapat beberapa menu antara lain adalah Student Management yang berfungsi sebagai menambah, mengubah, atau menghapus data mahasiswa bimbingan skripsi. Dan menu dosen management yang berfungsi menambah, mengubah atau menghapus data dosen.

Gambar b. Halaman Menu Admin

c. Tampilan Student Management

Menampilkan daftar mahasiswa yang sudah atau sedang menjalani bimbingan skripsi dan berfungsi untuk mendaftarkan bimbingan skripsi mahasiswa sekaligus menginput judul dan dosen bimbingan.

d. Tampilan Dosen Management

Dosen Management berfungsi untuk menginput data atau profil dari dosen agar id dosen bisa terdaftar di database dan bisa berkomunikasi dengan mahasiswa bimbingan.

Gambar d. Tampilan Dosen Management

e. Tampilan Timeline Bimbingan Skripsi

Tampilan timeline bimbingan skripsi berguna agar pihak jurusan dapat melihat perkembangan proses bimbingan skripsi mahasiswa, yang dapat dilihat dari timeline yang sedang berjalan, dan timeline tersebut di buat oleh pihak mahasiswa dan dosen pembimbing.

3.3.6.2 Interface Mahasiswa a. Halaman Login Mahasiswa

Halaman login pada mahasiswa disediakan agar mahasiswa dapat mengakses halaman menu agar dapat memulai bimbingan secara online.

Gambar a. Halaman Login Mahasiswa

b. Halaman Menu Mahasiswa

Halaman menu mahasiswa menampilkan 2 menu diantaranya adalah menu pesan yang berfungsi untuk berkomunikasi atau berinteraksi dengan dosen pembimbing, dan menu timeline yang menampilkan timeline bimbingan yang sudah di lewati.

Gambar b. Halaman Menu Mahasiswa c. Tampilan Pesan Mahasiswa

Pada menu pesan, mahasiswa dapat membuat pesan yang langsung ditujukan ke dosen pembimbing yang sudah ditentukan oleh admin sebelumnya.

d. Tampilan Timeline Bimbingan

Timeline bimbingan ini menampilkan proses pembuatan skrispi yang sudah di lewati yang di kontrol oleh dosen. Dan terdapat menu export yang berguna untuk menyimpan data timeline kedalam file excel.

Gambar d. Timeline Bimbingan Mahasiswa

3.3.6.3Interface Dosen a. Halaman Login Dosen

Halaman login pada dosen disediakan agar dosen dapat mengakses halaman menu agar dapat memulai bimbingan secara online.

Gambar a. Halaman Login Dosen b. Halaman Menu Dosen

Halaman menu dosen menyediakan daftar pesan dari mahasiswa bimbingannya, dan timeline kontrol yang dapat di akses oleh dosen bersangkutan untuk menentukan timeline mahasiswa tersebut selesai atau belum.

c. Halaman Timeline Dosen

Halaman timeline dosen berguna untuk membuat timeline mahasiswa bimbingan sekaligus member keterangan timeline tersebut selesai atau belum selesai.

BAB IV IMPLEMENTASI

4.1 Umum

Bab ini membahas tentang penerapan dari seluruh rancangan yang sudah dibuat sebelumnya dengan aplikasi program yang sudah ditentukan. Sistem dibuat berbasis website untuk pihak jurusan atau admin, dan android untuk mahasiswa dan dosen.

4.2 Implementasi Perangkat

Perangkat keras yang digunakan untuk melakukan perancangan aplikasi adalah:

Laptop Lenovo G480, dengan spesifikasi sebagai berikut: a. Processor Intel(R) Core (TM) i3-3210M CPU 2.50GHZ b. Memory 4.00GB

c. Harddisk 500GB

Spesifikasi perangkat lunak yang digunakan adalah: a. Sistem Operasi Windows 7 Ultimate

b. Notepad++ d. AppServ

e. Web Browser Google Crome f. Android Studio

4.3 Tampilan Antar Muka Website Admin

Berikut adalah tampilan antar muka website admin untuk Aplikasi Bimbingan Skripsi Online yang telah di buat:

4.3.1 Tampilan Website Halaman Login Admin

Halaman login adalah halaman pertama yang ditampilkan kepada pengguna ketika akan mengakses aplikasi bimbingan skripsi online.

Gambar 4.3.1. Tampilan Halaman Login Admin

4.3.2 Tampilan Halaman Website Admin

Halaman Admin terdapat beberapa menu di antaranya adalah menu Student Management, dan Dosen Management. Student Management, Dosen Management masing-masing berfungsi untuk menambah atau menghapus mahasiswa atau dosen yang akan menggunakan aplikasi bimbingan skripsi online.

Gambar 4.3.2. Tampilan Halaman Website Admin

4.3.3 Tampilan Website Student Management

Student management adalah menu yang menampilkan data dari mahasiswa,diantaranya nama, NIM, Email, Jurusan, Judul skripsi, status, dan action. Action ini berfungsi mengubah atau menghapus data dari mahasiswa.

4.3.3.1Tampilan Website Student Management (Tambah)

Tombol tambah berfungsi menambah kan data dari mahasiswa. Dapat menginput data diantaranya nama, NIM, email, jurusan, dan judul.

Gambar 4.3.3.1. Tampilan Website Student Management (Tambah)

4.3.4 Tampilan Website Dosen Management

Dosen management adalah menu yang menampilkan data dari dosen, diantaranya adalah nama, NIP, email, no hp, status dan action. Action ini berfungsi mengubah atau menghapus data dari dosen.

4.3.4.1 Tampilan Website Dosen Management (Tambah)

Tombol tambah berfungsi menambah kan data dari mahasiswa. Dapat menginput data diantaranya adalah nama, NIP, email, no hp.

Gambar 4.3.4.1. Tampilan Website Dosen Management (Tambah) 4.3.5 Tampilan Website Timeline Bimbingan Skripsi

Tabel Timeline bimbingan skripsi hanya menampilkan timeline yang sudah di buat oleh mahasiswa, dan dosen. Menampilkan tanggal yang telah di buat mahasiswa dan

“SELESAI” yang hanya bisa dibuat oleh dosen, ketika timeline

selesai dikerjakan.

4.4 Tampilan Antar Muka Android Mahasiswa

Berikut adalah tampilan antar muka android mahasiswa untuk Aplikasi Bimbingan Skripsi Online yang telah di buat:

4.4.1 Tampilan Halaman Login Mahasiswa

Halaman login adalah halaman pertama untuk mahasiswa yang ditampilkan ketika akan mengakses aplikasi bimbingan skripsi online. Dengan memasukan id dan password, mahasiswa dapat mengakses halaman menu yang tersedia.

4.4.2 Tampilan Halaman Menu Bimbingan Skripsi Mahasiswa Halaman menu ini menampilkan profil dari mahasiswa, pesan untuk berkomunikasi dengan dosen pembimbing, dan timeline bimbingan skripsi.

4.4.3 Tampilan Halaman Pesan Bimbingan Skripsi Mahasiswa Halaman pesan ini di fungsikan untuk berkomunikasi dengan dosen pembimbing skripsi, mengirimkan pesan untuk melakukan dan melanjutkan proses pengerjaan skripsi.

Gambar 4.4.3. Tampilan Halaman Pesan Bimbingan Skripsi Mahasiswa

4.4.3.1Tampilan Select Dosen Pesan Bimbingan Skripsi

Tampilan ini berfungsi untuk membantu mahasiswa memilih dosen mana yang akan di kirimkan pesan untuk melanjutkan bimbingan skripsi.

Gambar 4.4.3.1 Tampilan Select Dosen Pesan Bimbingan Skripsi

4.4.4 Tampilan Add Timeline Bimbingan Skripsi

Tampilan Add Timeline berfungsi untuk menambahkan atau membuat timeline bimbingan skripsi, mahasiswa membuat judul atau nama timeline dan membuat tanggal pengerjaan dari timeline tersebut.

Gambar 4.4.4. Tampilan Add Timeline Bimbingan Skripsi

4.4.5 Tampilan Export Timeline Bimbingan Skripsi

Tampilan Export dari timeline yang sudah di buat, bisa kita lihat dalam bentuk format excel. Yang menampilkan tabel-tabel dari tanggal, judul timeline, dan keterangan timeline.

4.5 Tampilan Antar Muka Android Dosen

Berikut adalah tampilan antar muka android mahasiswa untuk Aplikasi Bimbingan Skripsi Online yang telah di buat:

4.5.1 Tampilan Halaman Login Dosen

Halaman login adalah halaman pertama untuk dosen yang ditampilkan ketika akan mengakses aplikasi bimbingan skripsi online. Dengan memasukan id dan password, mahasiswa dapat mengakses halaman menu yang tersedia.

4.5.2 Tampilan Halaman Menu Bimbingan Skripsi Dosen

Halaman ini menampilkan beberapa menu yang diantaranya adalah table pesan untuk berkomunikasi dengan mahasiswa, dan timeline bimbingan skripsi yang telah di buat oleh mahasiswa.

Gambar 4.5.2. Tampilan Halaman Menu Bimbingan Skripsi Dosen

4.5.3 Tampilan Action Timeline Bimbingan Skripsi

Halaman Action timeline ini terdapat 2 pilihan yaitu edit yang berfungsi untuk mengubah timeline yang sudah di buat oleh mahasiswa, dan remove untuk menghapus timeline yang tidak sesuai.

Gambar 4.5.3. Tampilan Action Timeline Bimbingan Skripsi

4.5.3.1 Tampilan Edit Pada Menu Action Timeline

Pada halaman ini menu edit berfungsi merubah keterangan tanggal pada timeline menjadi “SELESAI”, saat timeline sudah selesai dikerjakan.

BAB V

KESIMPULAN DAN SARAN

3.4 Kesimpulan

Kesimpulan dari pembahasan pada Tugas Akhir ini adalah sebagai berikut : 1. Berdasarkan fitur-fitur aplikasi yang telah dirancang. Pada fitur timeline,

pihak Departemen Teknik Elektro dapat memantau bimbingan skripsi mahasiswa dengan melihat tabel timeline yang tersedia pada halaman utama website admin.

2. Pada aplikasi android yang dirancang, aplikasi dibuat dengan memanfaatkan aplikasi webview pada android studio, yang menyediakan aplikasi web browser. Aplikasi android ini berguna untuk mahasiswa ataupun dosen langsung mengakses website dari Bimbingan Skripsi Online dengan cara membuka aplikasi Bimbingan Skripsi Online.

3.5 Saran

Beberapa saran yang dapat diberikan sehubungan dengan penulisan Tugas Akhir ini ialah sebagai berikut:

1. Untuk selanjutnya format export yang terdapat di timeline bisa mengikuti format log book yang sudah ada, untuk di serahkan ke administrasi pihak jurusan.

2. Untuk selanjutnya di tambahkan sistem warning untuk timeline yang pengerjaan bimbingan skripsinya sudah terlalu lama.

Gambar 4.4.3.1 Tampilan Select Dosen Pesan Bimbingan Skripsi

4.4.4 Tampilan Add Timeline Bimbingan Skripsi

Tampilan Add Timeline berfungsi untuk menambahkan atau membuat timeline bimbingan skripsi, mahasiswa membuat judul atau nama timeline dan membuat tanggal pengerjaan dari timeline tersebut.

Gambar 4.4.4. Tampilan Add Timeline Bimbingan Skripsi

4.4.5 Tampilan Export Timeline Bimbingan Skripsi

Tampilan Export dari timeline yang sudah di buat, bisa kita lihat dalam bentuk format excel. Yang menampilkan tabel-tabel dari tanggal, judul timeline, dan keterangan timeline.

4.5 Tampilan Antar Muka Android Dosen

Berikut adalah tampilan antar muka android mahasiswa untuk Aplikasi Bimbingan Skripsi Online yang telah di buat:

4.5.1 Tampilan Halaman Login Dosen

Halaman login adalah halaman pertama untuk dosen yang ditampilkan ketika akan mengakses aplikasi bimbingan skripsi online. Dengan memasukan id dan password, mahasiswa dapat mengakses halaman menu yang tersedia.

4.5.2 Tampilan Halaman Menu Bimbingan Skripsi Dosen

Halaman ini menampilkan beberapa menu yang diantaranya adalah table pesan untuk berkomunikasi dengan mahasiswa, dan timeline bimbingan skripsi yang telah di buat oleh mahasiswa.

Gambar 4.5.2. Tampilan Halaman Menu Bimbingan Skripsi Dosen

4.5.3 Tampilan Action Timeline Bimbingan Skripsi

Halaman Action timeline ini terdapat 2 pilihan yaitu edit yang berfungsi untuk mengubah timeline yang sudah di buat oleh mahasiswa, dan remove untuk menghapus timeline yang tidak sesuai.

Gambar 4.5.3. Tampilan Action Timeline Bimbingan Skripsi

4.5.3.1 Tampilan Edit Pada Menu Action Timeline

Pada halaman ini menu edit berfungsi merubah keterangan tanggal pada timeline menjadi “SELESAI”, saat timeline sudah selesai dikerjakan.

BAB V

KESIMPULAN DAN SARAN

3.4 Kesimpulan

Kesimpulan dari pembahasan pada Tugas Akhir ini adalah sebagai berikut : 1. Berdasarkan fitur-fitur aplikasi yang telah dirancang. Pada fitur timeline,

pihak Departemen Teknik Elektro dapat memantau bimbingan skripsi mahasiswa dengan melihat tabel timeline yang tersedia pada halaman utama website admin.

2. Pada aplikasi android yang dirancang, aplikasi dibuat dengan memanfaatkan aplikasi webview pada android studio, yang menyediakan aplikasi web browser. Aplikasi android ini berguna untuk mahasiswa ataupun dosen langsung mengakses website dari Bimbingan Skripsi Online dengan cara membuka aplikasi Bimbingan Skripsi Online.

3.5 Saran

Beberapa saran yang dapat diberikan sehubungan dengan penulisan Tugas Akhir ini ialah sebagai berikut:

1. Untuk selanjutnya format export yang terdapat di timeline bisa mengikuti format log book yang sudah ada, untuk di serahkan ke administrasi pihak jurusan.

2. Untuk selanjutnya di tambahkan sistem warning untuk timeline yang pengerjaan bimbingan skripsinya sudah terlalu lama.