CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI FORM MANAJEMEN BIMBINGAN MAHASISWA PADA TADJ (TUGAS AKHIR DALAM JARINGAN) DENGAN ANDROID MOBILE
TUGAS AKHIR
Oleh
MUHAMMAD FAHMI NURFADILAH NIM : 03214074 PROGRAM STUDI DIPLOMA 4 TEKNIK ELEKTRO
SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG 2015
LEMBAR PENGESAHAN CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI FORM MANAJEMEN BIMBINGAN MAHASISWA PADA TADJ (TUGAS AKHIR DALAM JARINGAN) DENGAN ANDROID MOBILE
Oleh : MUHAMMAD FAHMI NURFADILAH NIM : 03214074
Tugas Akhir ini telah diterima dan disahkan sebagai persyaratan untuk memperoleh gelar SARJANA SAINS TERAPAN di PROGRAM DIPLOMA 4 TEKNIK ELEKTRO SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG
Bandung, Desember 2015
Disetujui oleh : Pembimbing I
Pembimbing II
Dr. techn. Ary Setijadi Prihatmanto, ST, MT.
Dr.Ir. Pranoto Hidaya Rusmin, MT.
NIP: 19720827 199702 1 003
NIP: 19720614 199802 1 001
ABSTRAK
CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI FORM MANAJEMEN BIMBINGAN MAHASISWA PADA TADJ (TUGAS AKHIR DALAM JARINGAN) DENGAN ANDROID MOBILE
Oleh
Muhammad Fahmi Nurfadilah NIM : 03214074
PROGRAM STUDI DIPLOMA 4 TEKNIK ELEKTRO
Efisiensi waktu dalam penyusunan tugas akhir bagi mahasiswa sangat dibutuhkan karena selain dapat menghemat waktu juga bisa membuat tugas akhir menjadi lebih berkualitas dari segi isi dan pengujiannya. Banyak mahasiswa tingkat akhir dari berbagai macam universitas / institusi yang tidak bisa mengatur waktu dalam penyusunan tugas akhir, akibatnya tugas akhir terbengkalai, waktu tidur berkurang, jarang bersosialisasi dengan teman, bahkan sampai menunda kelulusan. Selain penyusunan tugas akhir mahasiswa tingkat akhir juga dituntut untuk melakukan bimbingan tugas akhir dengan dosen pembimbing untuk mengetahui sejauh mana tugas akhir yang sudah dikerjakan oleh mahasiswa. Banyak mahasiswa yang sering kali terlambat untuk datang tepat waktu dengan dosen pembimbing dari waktu perjanjian yang sudah disepakati, akibatnya mahasiswa gagal bertemu dosen pembimbing untuk konsultasi masalah tugas akhir. Karena tidak semua dosen pembimbing punya banyak waktu untuk menunggu mahasiswa yang sering kali terlambat untuk datang bertemu dengan dosen yang bersangkutan. Akhirnya penyusunan tugas akhir menjadi terhambat dan waktu menjadi terbuang percuma. Dari masalah tersebut diatas, maka dirancang sebuah sistem yang dapat mengatasi dalam penyusunan tugas akhir yang efisien antara mahasiswa dengan dosen pembimbing. Sistem ini dapat membantu mahasiswa untuk bimbingan jarak jauh dengan dosen pembimbing secara online, penyusunan tugas akhir lebih efisien karena waktu yang sebelumnya digunakan untuk berkonsultasi secara langsung dengan dosen pembimbing menjadi lebih singkat dan berkualitas. Sistem ini dinamakan TADJ (Tugas Akhir Dalam Jaringan) berbasis mobile. Pada TADJ versi website dapat diartikan sebagai sebuah sistem Tugas Akhir yang terintegrasi dengan moodle, forum, community, wordpress, facebook, dan twitter. Pada TADJ versi mobile itu i
sendiri hanya terdiri dari informasi berita terbaru, list tugas akhir, dan pengumpulan berkas laporan, gambar, video tugas akhir. Perancangan dan pembuatan sistem TADJ ini menggunakan metode waterfall yaitu mandapatkan sumber bahan data melalui jurnal dan inernet kemudian diaplikasikan kedalam sistem TADJ ini. Jadi kesimpulannya, TADJ ini dibuat dan dirancang untuk mengatasi masalah yang sering terjadi pada mahasiswa tingkat akhir dan dosen, memudahkan mahasiswa dalam memberi laporan progress kepada dosen, dan memudahkan dosen untuk memantau perkembangan tugas akhir mahasiswa. Sistem TADJ ini sudah mulai diimplementasikan pada teman seangkatan Batch 9 guna menghasilkan pengujian dari sistem ini, dan sekaligus mencari kerusakan (error) pada sistem yang sedang dibangun ini. Kata kunci : Tugas Akhir Dalam Jaringan, mobile, website.
ii
ABSTRACT
CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTATION OF STUDENT FORM LEARNING MANAGEMENT ON TADJ (FINAL PROJECT IN NETWORK) WITH ANDROID MOBILE By
Muhammad Fahmi Nurfadilah NIM : 03214074
APPLIED SCIENCE IN ELECTRICAL ENGINEERING STUDY PROGRAM
Time efficiency in the preparation of the final project for the students is needed because in addition to saving time can also make the final project to be more qualified in terms of content and testing. Many final year students from various universities / institutions that are unable to set a time in the preparation of the final project, the final project consequently abandoned, reduced sleep time, rarely socializing with friends, and even to delay graduation. In addition to preparation of final project final year students are also required to undertake the guidance of thesis with the supervisor to determine the extent of the final project that has been done by the students. Many students are often late to arrive on time with the supervisor of the agreement that has been agreed upon, as a result of students fails to meet the supervisor to issue final consultation. Because not all lecturers have much time to wait for students who often come too late to meet with the lecturer concerned. Finally preparation of the final project to be blocked and time be wasted. From the aforementioned problems, then designed a system that can be overcome in the preparation of the final tasks efficiently between students and lecturers. This system can help students to guidance supervisor remotely online, preparation of final task more efficient because the time that was previously used to consult directly with the supervisor becomes shorter and quality. This system is called TADJ (Final Networking) based mobile. TADJ in website version can be interpreted as a final project system integrated with Moodle, forums, community, wordpress, facebook, and twitter. TADJ in mobile version consists of update news information, list final iii
project, submission final project topic, and uploading report final project file, uploading image, and uploading final project video documentation. Design and manufacture of TADJ system is using waterfall method is mandapatkan source of data through journals and inernet then applied to the system this TADJ. So in conclusion, this TADJ created and designed to overcome problems that often occur in the final year students and faculty, enabling students to give a progress report to the faculty, and facilitate faculty to monitor the development of students' final assignment. TADJ system is starting to be implemented in Batch 9 classmates in order to produce a test of the system, and also seek damages (error) on the system that is being built this. Keywords: Final Project In Networks, mobile, website.
iv
KATA PENGANTAR Syukur Alhamdulillah penulis panjatkan ke hadirat Allah SWT, atas rahmat dan karunia Nya penulis dapat menyelesaikan Tugas Akhir yang berjudul “Crayonpedia Education Ecosystem” ini sebagai salah satu syarat sidang Tugas Akhir pada program Diploma Empat (D4) Teknik Elektro Institut Teknologi Bandung.
Dalam pengerjaan tugas akhir ini, penulis mendapat bantuan dan dukungan dari berbagai pihak. Oleh sebab itu, penulis ingin mengungkapkan rasa terima kasih kepada: 1. bapak Dr. Ary Setijadi Prihatmanto, selaku dosen pembimbing I, yang di sela-sela kesibukan beliau bersedia meluangkan waktu untuk memberikan bimbingan dan masukan yang sangat bermanfaat dalam penyusunan tugas akhir ini; 2. bapak Dr. Pranoto Hidaya Rusmin, selaku dosen pembimbing II yang selalu mengevaluasi, memberikan pengarahan serta bantuan berupa bahan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini; 3. bapak Rifki Wijaya, MT., selaku asisten dosen pembimbing yang telah memberikan bantuan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini; 4. kedua orang tua, beserta seluruh keluarga yang senantiasa memberikan semangat dan doa; 5. teman-teman seangkatan D4 ITB Batch 9, sahabat-sahabat yang selalu memberi semangat dan dorongan; 6. seluruh staf dan karyawan JSCA Sabuga (Sasana Budaya Ganesha), yang telah memfasilitasi dalam pembuatan dan pengembagan dalam pengerjaan tugas akhir; 7. dan semua pihak yang membantu, yang tidak dapat penulis sebutkan satu persatu.
v
Penulis menyadari bahwa tugas akhir ini jauh dari kesempurnaan, mengingat berbagai keterbatasan yang ada. Untuk itu segala saran dan kritik demi kesempurnaan sangat penulis harapkan. Akhirnya, tak lupa pula penulis mengucapkan terima kasih kepada rekan-rekan seangkatan yang telah banyak memberikan dorongan kepada penulis untuk menyelesaikan Laporan Tugas Akhir ini.
Bandung, 03 Desember 2014 Penulis
vi
DAFTAR ISI
Halaman ABSTRAK ........................................................................................................... I ABSTRACT ......................................................................................................... III KATA PENGANTAR .......................................................................................... V DAFTAR ISI ......................................................................................................... VII DAFTAR GAMBAR ............................................................................................ IX DAFTAR TABEL ................................................................................................. X BAB I PENDAHULUAN ..................................................................................... 1 1.1
Latar Belakang ................................................................................... 1
1.2
Rumusan Masalah .............................................................................. 2
1.3. Tujuan................................................................................................. 2 1.4
Batasan Masalah ................................................................................. 2
1.5
Metoda Penelitian............................................................................... 3
1.6
Sistematika Penulisan......................................................................... 4
BAB II TINJAUAN PUSTAKA........................................................................... 5 2.1
Hypertext Preprocessor (PHP) ........................................................... 5
2.2
Filezilla ............................................................................................... 6
2.3
XAMPP .............................................................................................. 7
2.4
Android Studio ................................................................................... 7
2.5
Laravel Framework ............................................................................ 7
2.6
JSON .................................................................................................. 8
2.7
XML ................................................................................................... 9
2.8
Single Sign On ................................................................................... 10
BAB III ANALISIS DAN PERANCANGAN ..................................................... 11 3.1
Sistem Kerja Aplikasi Mobile TADJ (Tugas Akhir Dalam Jaringan) 11
3.2
Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak .............. 11 vii
3.3
Analisis dan Perancangan Sistem....................................................... 12
3.3.1 Analisis Kebutuhan Sistem ................................................................ 12 3.3.2 Analisis Sistem ................................................................................... 12 3.4
Kebutuhan Perangkat Lunak dan Keras ............................................. 14
3.4.1 Spesifikasi Perangkat Keras (Server) ................................................. 14 3.4.2 Spesifikasi Perangkat Lunak .............................................................. 15 3.5
Struktur Tabel Database(TADJ) ........................................................ 16
BAB IV IMPLEMENTASI DAN PENGUJIAN .................................................. 17 4.1
Implementasi Sistem .......................................................................... 17
4.2
Implementasi Sistem TADJ ............................................................... 18
4.2.1 Implementasi Tampilan Awal ............................................................ 18 4.2.2 Implementasi Login............................................................................ 19 4.2.3 Implementasi Menu Utama ................................................................ 19 4.2.4 Implementasi Menu Informasi Berita ................................................ 20 4.2.5 Implementasi Menu List Tugas Akhir ............................................... 21 4.2.6 Implementasi Menu Bimbingan Tugas Akhir .................................... 22 4.2.7 Implementasi Menu Pengumpulan Berkas Laporan Tugas Akhir ..... 24 4.3
Pengujian TADJ dan Crayonpedia Desktop....................................... 26
BAB V PENUTUP ................................................................................................ 27 5.1
Kesimpulan......................................................................................... 27
5.2
Saran ................................................................................................... 27
DAFTAR PUSTAKA ........................................................................................... 28
viii
DAFTAR GAMBAR
Halaman Gambar 1.1 Waterfall ................................................................................................... 3 Gambar 3.1 Flow Chart Login TADJ versi mobile ................................................... 13 Gambar 3.2 Flow Chart Login TADJ versi mobile ................................................... 14 Gambar 3.3 Struktur database TADJ. ........................................................................ 16 Gambar 4.1 Tampilan Awal TADJ versi mobile. ...................................................... 18 Gambar 4.2 Tampilan Menu Login. ........................................................................... 19 Gambar 4.3 Tampilan menu utama navigasi user mahasiswa. .................................. 20 Gambar 4.4 Tampilan menu informasi berita terbaru. ............................................... 21 Gambar 4.5 Tampilan menu list tugas akhir. ............................................................. 22 Gambar 4.6 Tampilan list bimbingan tugas akhir ...................................................... 23 Gambar 4.7 Tampilan menu proses bimbingan tugas akhir ....................................... 23 Gambar 4.8 Tampilan pilih menu manajemen bimbingan tugas akhir. ..................... 24 Gambar 4.9 Tampilan unggah gambar dan video tugas akhir ................................... 25 Gambar 4.10 Tampilan ubah deskripsi tugas akhir dan unggah berkas laporan tugas akhir............................................................................................................................ 25
ix
DAFTAR TABEL
Halaman Tabel 3.1 Spesifikasi perangkat keras. ....................................................................... 15 Tabel 3.2 Spesifikasi perangkat lunak. ...................................................................... 15 Tabel 4.1 Pengujian sistem. ....................................................................................... 26
x
1. BAB I PENDAHULUAN
1.1
Latar Belakang
Teknologi informasi merupakan salah satu teknologi yang sedang berkembang dengan pesat pada saat ini. Dengan kemajuan teknologi informasi, pengaksesan terhadap data atau informasi yang tersedia dapat berlangsung dengan cepat, efisien, dan akurat. Efisien dan keakuratan data informasi sangat dibutuhkan.
Efisiensi waktu dalam penyusunan tugas akhir bagi mahasiswa sangat dibutuhkan karena selain dapat menghemat waktu juga bisa membuat tugas akhir menjadi lebih berkualitas dari segi isi dan pengujiannya. Banyak mahasiswa tingkat akhir dari berbagai macam universitas / institusi yang tidak bisa mengatur waktu dalam penyusunan tugas akhir, akibatnya tugas akhir terbengkalai, waktu tidur berkurang, jarang bersosialisasi dengan teman, bahkan sampai menunda kelulusan.
Selain penyusunan tugas akhir mahasiswa tingkat akhir juga dituntut untuk melakukan bimbingan tugas akhir dengan dosen pembimbing untuk mengetahui sejauh mana tugas akhir yang sudah dikerjakan oleh mahasiswa. Banyak mahasiswa yang sering kali terlambat untuk datang tepat waktu dengan dosen pembimbing dari waktu perjanjian yang sudah disepakati, akibatnya mahasiswa gagal bertemu dosen pembimbing untuk konsultasi masalah tugas akhir. Karena tidak semua dosen pembimbing punya banyak waktu untuk menunggu mahasiswa yang sering kali terlambat untuk datang bertemu dengan dosen yang bersangkutan. Akhirnya penyusunan tugas akhir menjadi terhambat dan waktu menjadi terbuang percuma.
Dari masalah tersebut diatas, maka dirancang sebuah sistem yang dapat mengatasi dalam penyusunan tugas akhir yang efisien antara mahasiswa dengan dosen pembimbing. Yaitu sebuah aplikasi TADJ versi mobile untuk memudahkan user mengakses dari berbagai tempat yang membutuhkan koneksi internet. 1
1.2
Rumusan Masalah
Berdasarkan hasil analisis pada latar belakang masalah dapat digunakan sebagai dasar untuk merumuskan masalah yang akan digunakan sebagai fokus perbaikan pembelajaran sebagai berikut. 1. Bagaimana sistem kerja TADJ versi mobile ini? 2. Bagaimana cara membangun sistem informasi yang mempunyai mobilitas baik? 3. Bagaimana sistem ini agar terkoneksi antara TADJ versi mobile dengan database TADJ?
1.3. Tujuan Adapun tujuan dari pembuatan proposal tugas akhir ini sebagai berikut. 1. Mengolah data mahasiswa agar username dan password pada TADJ versi mobile sesuai dengan database yang tersedia pada database server TADJ versi website. 2. Mengolah data informasi berita terbaru yang di posting oleh Admin atau Dosen, dan menampilkan detail dari isi berita tersebut pada TADJ versi mobile. 3. Mengolah data pengumpulan berkas laporan tugas akhir, gambar dan video dokumentasi tugas akhir pada halaman bimbingan tugas akhir TADJ versi mobile. 1.4
Batasan Masalah
Untuk lebih memfokuskan pembahasan materi pada tugas akhir ini, maka diperlukan batasan-batasan dan ruang lingkup dalam penyusunan tugas akhir. Batasan dan ruang lingkup meliputi hal-hal sebagai berikut. 1. Bahasa pemrograman menggunakan bahasa php dan java. 2. Sistem yang dibuat adalah halaman login user. 3. Sistem yang dibuat adalah halaman informasi berita terbaru dan detail berita. 4. Sistem yang dibuat adalah form bimbingan untuk pengumpulan berkas laporan tugas akhir. 2
5. Database yang digunakan untuk menyimpan data adalah MySql dan LDAP untuk user login menggunakan JSON. 1.5
Metoda Penelitian
Metode pengerjaan yang digunakan dalam pembuatan tugas akhir ini adalah model Waterfall. Requirements analysis and definition System and software design Implementation and unit testing Integration and system testing Operation and instalation
Gambar 1.1 Waterfall
1. Requirements analysis and definition: Pada proses pengumpulan dan pendefenisian kebutuhan, dan dikumpulkan semua kebutuhan yang nantinya akan dipenuhi untuk pembangunan perangkat lunak. Semua daftar kebutuhan perangkat lunak selanjutnya akan dianalisis dan didefenisikan kebutuhannya, fungsi-fungsi yang dibutuhkan yang akan dibangun dan diterapkan pada TADJ. 2. System and software design: Pada tahap ini perencanaan sistem desain perangkat lunak dengan kebutuhan (requirements) yang telah disesuaikan dengan analisis kebutuhan sebelumnya. Pada tahap ini dilakukan pembuatan desain tampilan, flowmap, usecase, dan rancangan database. 3. Implementation and unit testing: Desain yang telah dikerjakan pada tahap ini diterjemahkan
kedalam
kode-kode
dengan
menggunakan
bahasa
pemograman Hypertext Preprocessor. Selain itu program yang dibangun 3
akan langsung diuji baik secara unit. Pengujian sistem dilakukan agar sistem yang dibuat telah sesuai dengan kebutuhan user dan memastikan input yang dimasukkan akan menghasilkan output sesuai. 4. Integration and system testing: Hasil proses pengkodean tadi digabungkan seluruh unit program kemudian dilakukan pengujian untuk menguji kesalahan-kesalahan program maupun fungsi dari sistem. 5. Operation and installation: Melakukan pengoperasian atau instalasi program. 1.6
Sistematika Penulisan
BAB I. PENDAHULUAN Menjelaskan latar belakang pengangkatan studi kasus, rumusan masalah, tujuan, batasan masalah, sistematika penulisan, dan metode pengerjaan. BAB II. TINJAUAN PUSTAKA Membahas mengenai landasan teori yang digunakan sebagai referensi dalam pembuatan laporan tugas akhir. BAB III. PERANCANGAN SISTEM Membahas mengenai desain dan perancangan aplikasi berdasarkan modul. BAB IV. IMPLEMENTASI DAN PENGUJIAN SISTEM Membahas tentang tata cara penggunaan produk sesuai dengan modul yang telah dibangun. BAB V. PENUTUP Mengemukakan kesimpulan yang didapatkan di dalam penelitian ini serta saran untuk perbaikan dan pengembangan lebih lanjut.
4
2. BAB II TINJAUAN PUSTAKA
2.1
Hypertext Preprocessor (PHP)
PHP merupakan bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artimya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Beberapa kelebihan PHP antara lain: 1. bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya, 2. web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah, 3. dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan, 4. dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak, 5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.
5
2.2
Filezilla
FileZilla adalah program aplikasi jaringan open source yang berguna untuk transfer file via protokol FTP di jaringan komputer atau internet. Software FileZilla dibuat dan dikembangkan oleh Tim Kosse. Perangkat lunak komputer ini memiliki kelebihan pada kecepatan dan kemudahannya dalam melakukan transfer file. Jendela aplikasi terbagi menjadi dua, satu untuk menampilkan file dan folder di komputer lokal, dan satu lagi untuk menampilkan file dan folder di komputer server. Melalui fitur Site Manager, user bisa menyimpan akun dan alamat beragam server FTP, dan menggunakannya secara cepat dan mudah. FileZilla juga memungkinkan user melakukan koneksi ulang ke server yang terakhir di akses, dengan menekan satu tombol. Fitur utama dari Filezilla adalah: 1. Site manager (Manajer situs) Mengizinkan pengguna untuk membuat daftar situs FTP beserta data koneksinya, seperti nomor port yang akan digunakan, protokol yang digunakan, dan apakah akan menggunakan log anonim atau normal. Untuk log normal, nama pengguna dan kata sandinya akan disimpan. Penyimpanan kata sandi adalah opsional. 2. Message log (Log pesan) Ditampilkan di bagian atas jendela. Fitur ini menampilkan output berjenis konsol (console-type) yang menunjukkan perintah yang dikirim oleh FileZilla dan respon yang diterima dari server. 3. File and folder view Ditampilkan di bawah pesan log (Message log), menyediakan sebuah tampilan grafis antarmuka untuk FTP. Pengguna dapat menavigasi folder serta melihat dan mengubah isinya pada komputer lokal dan server dengan menggunakan tampilan antarmuka gaya Explorer. Pengguna dapat men-drag dan drop file antara komputer lokal dan server.
6
4. Transfer queue (Transfer antrian) Ditampilkan di sepanjang bagian bawah jendela, menunjukkan status realtime setiap antrian atau transfer file yang aktif. 2.3
XAMPP
XAMPP adalah salah satu paket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instalasi ketiga produk tersebut, sama seperti PHPTriad. Dilengkapi dengan control panel berbasis GUI, phpMyAdmin, dan add-ons yang mendukung, XAMPP bisa dijadikan sebagai web server serta mendukung PHP. 2.4
Android Studio
Android Studio adalah suatu IDE yang sudah terkenal saat ini. Android Studio sendiri baru saja di rilis oleh Google, dan sudah menjadi IDE resmi untuk pembuatan aplikasi berbasis Android. Karena Android Studio ini adalah hasil pengembangan dari Eclipse, maka tentunya memiliki banyak fitur-fitur yang baru dibanding Eclipse. Perbedaannya dengan Eclipse, Android Studio memakai Gradle untuk build environmentnya. Berikut fitur-fitur yang ada di Android Studio: 1. Memakai Gradle-based build system yang fleksibel. 2. Dapat mem-build multiple APK. 3. Tersedianya template support untuk Google Services serta untuk tipe-tipe perangkat lainnya. 4. Tampilan editor yang lebih baik dan bagus. 5. Google Cloud Platform built-in support, maka akan memudah untuk diintegrasikan dengan Google. 6. Cloud Messaging dan App Engine.
2.5
Laravel Framework
Laravel merupakan web application framework berbasis PHP yang open source, menggunakan konsep model–view–controller (MVC). Laravel berada dibawah lisensi MIT License, dengan menggunakan GitHub sebagai tempat berbagi kode. 7
Framework ini membawa ideologi baru yang selama ini jarang diperhatikan, yaitu aspek “clean code” dan “expressiveness”. Framework ini mengaku “clean and classy”, kodenya lebih singkat, mudah dimengerti, dan ekspressif, jadi hanya dengan membaca sekilas kode yang ditulis sudah bisa menduga apa maksudnya tanpa perlu membaca dokumentasi. Keunggulan framework ini yaitu : 1. Expressif. Laravel adalah sebuah framework PHP yang expressif, artinya ketika melihat suatu syntax Laravel, seorang programmer “diharapkan” akan langsung tahu kegunaan dari syntax tersebut meskipun belum pernah mempelajarinya apalagi menggunakannya. 2. Simple. Salah satu yang membuat Laravel begitu simple adalah adanya Eloquent ORM. Misalkan, kita ingin mengambil semua data yang ada pada tabel users. Maka yang kita perlukan, hanya membuat sebuah class model bernama User : Kemudian kita tinggal memasukan semua data dari tabel users tersebut. Dengan begitu, semua data dari tabel users, akan dengan mudah diakses dengan melakukan looping terhadap variabel $all_user. 3. Accesible. CodeIgniter merupakan salah satu PHP Framework yang paling populer, meskipun sebenarnya ada suatu framework yang bisa dibilang lebih superior jika dibandingkan dengan CodeIgniter. Misalnya, saja Kohana. Kohana bisa dibilang memiliki fitur yang lebih bagus jika dibanding CodeIgniter. Namun demikian, CodeIgniter memiliki dokumentasi yang sangat lengkap sehingga framework ini menjadi lebih mudah digunakan. Nah, begitu pula dengan Laravel, Laravel-pun dibuat dengan dokumentasi yang selengkap mungkin. Core Developer dari laravel sendiri berkomitmen, untuk selalu menyertakan dokumentasi yang lengkap setiap kali melakukan rilis versi terbarunya. 2.6
JSON
Java Script Object Notation atau yang lebih dikenal dengan JSON adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Dalam konteks pertukaran data melalui HTTP, API yang terdapat deserver akan menjawab setiap permintaan data yang dikirimkan aplikasi dan mengembalikannya sesuai dengan permintaan yang 8
dikirimkan dengan format JSON. Data yang dihasilkan dari JSON merupakan pengambilan data pada database. Data tersebut akan diuraikan oleh aplikasi yang digunakan untuk mengambil dan mengirimkan data (Ecma, 2013). Kelebihan JSON antara lain: 1. JSON mempunyai tata bahasa yang jauh lebih kecil dan pemetaan lebih langsung ke dalam struktur data yang digunakan dalam bahasa pemrograman modern, 2. pemrosesan lebih mudah karena struktur yang sederhana, 3. JSON menentukan bagaimana untuk menggambarkan tipe data yang kompleks.
JSON memiliki 4 tipe data primitif (string, number, boolean, null) dan 2 tipe struktur (object dan array). Meskipun format penulisan JSON menyerupai format object literal pada JavaScript, JSON bukanlah JavaScript. JSON dapat digunakan pada platform apapun. 2.7
XML
XML terletak pada inti web service, yang digunakan untuk mendeskripsikan data. Fungsi utama dari XML adalah komunikasi antar aplikasi, integrasi data, dan komunikasi aplikasi eksternal dengan partner luaran. Dengan standarisasi XML, aplikasi-aplikasi yang berbeda dapat dengan mudah berkomunikasi antar satu dengan yang lain.
XML adalah singkatan dari eXtensible Markup Language. Bahasa markup adalah sekumpulan aturan-aturan yang mendefinisikan suatu sintaks yang digunakan untuk menjelaskan, dan mendeskripsikan teks atau data dalam sebuah dokumen melalui penggunaan tag. Bahasa markup lain yang populer seperti HTML, menggambarkan kepada browser web tentang bagaimana menampilkan format teks, data, dan grafik ke layar komputer ketika sedang mengunjungi sebuah situs web. XML adalah sebuah bahasa markup yang digunakan untuk mengolah meta data (informasi tentang data) yang menggambarkan struktur dan maksud/tujuan data yang terdapat dalam dokumen XML, namun bukan menggambarkan format tampilan data tersebut. XML adalah sebuah standar sederhana yang digunakan untuk medeskrippsikan data teks dengan cara self-describing (deskripsi diri). XML juga dapat digunakan untuk 9
mendefinisikan domain tertentu lainnya, seperti musik, matematika, keuangan dan lain-lain yang menggunakan bahasa markup terstruktur (Sriwijaya, 2012).
2.8
Single Sign On
Teknologi Single-sign-on (sering disingkat menjadi SSO) adalah teknologi yang mengizinkan pengguna jaringan agar dapat mengakses sumber daya dalam jaringan hanya dengan menggunakan satu akun pengguna saja. SSO adalah Sebuah sistem authentifikasi terhadap user, dengan sekali login seorang user akan bisa mengakses beberapa aplikasi tanpa harus login di masing-masing aplikasi. Memiliki 2 bagian yaitu Single Sign On (login satu aplikasi, maka aplikasi lain yang didefinisikan ikut dalam SSO secara otomatis akan bisa diakses) dan Single Sign Out (log out di satu aplikasi, maka semua aplikasi yang didefinisikan ikut dalam SSO juga akan ikut logout secara otomatis. Untuk menggabungkan beberapa aplikasinya maka dibutuhkan sebuah site yang dikenal dengan web portal. Dengan adanya Web Portal yang menggunakan metode Single Sign On (SSO) ini, berarti setiap user hanya perlu memiliki satu username, satu password. Dan bila ingin mendapatkan layanan atau fasilitas di Web Portal, user ini hanya perlu login satu kali saja bisa dapat menggunakan semua fasilitas atau layanan aplikasi yang ada di dalam Web Portal tersebut. Hal ini dapat mempermudah user dalam menggunakan aplikasi yang ada. User tidak perlu menghapal banyak account, hanya satu account dan tidak perlu berulang kali login, cukup dengan sekali login. Hal ini juga dapat mempermudah dalam pengorganisasian data user yang ada, sehingga keamanan data user lebih terjamin, karena menggunakan tempat penyimpanan data user yang terpusat (Raharja).
10
3. BAB III ANALISIS DAN PERANCANGAN
3.1
Sistem Kerja Aplikasi Mobile TADJ (Tugas Akhir Dalam Jaringan)
Tugas Akhir Dalam Jaringan merupakan sebuah sistem pendokumentasian hingga penilaian studi Tugas Akhir yang mengintegrasikan database dengan perangkat Android mobile. Pada TADJ (Tugas Akhir Dalam Jaringan) versi mobile selain terdapat fasilitas pendokumentasian juga terdapat halaman berita dan form bimbingan mahasiswa sebagai learning management system. Sistem TADJ ini diintegrasikan dengan Single Sign On. Pada bagian mobile disini berfokus pada bagian mahasiswa. Mahasiswa sebagai pengguna untuk mengelola form tugas akhir untuk melakukan bimbingan dengan dosen pembimbing. 3.2
Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak
Pada spesifikasi hardware dan software untuk tugas akhir ini, dibutuhkan beberapa perangkat yang memang dibutuhkan untuk menunjang proses perancangan sistem TADJ. 1.
Perangkat keras (Hardware)
Perangkat keras yang dibutuhkan untuk pengembangan aplikasi antara lain: Laptop dengan RAM 4 GB, Prosessor Core i3, VGA Card NVIDIA 1 GB. Smartphone Android sebagai testing hasil aplikasi. Server.
2.
Perangkat lunak (Software)
Berikut merupakan spesifikasi perangkat lunak yang dibutuhkan untuk pengembangan aplikasi: Sistem operasi Windows 7, Notepad ++, 11
FileZilla, XAMPP, Framework Laravel 4.2, Android Studio. 3.3
Analisis dan Perancangan Sistem
Pada perancangan sistem ini dibutuhkan analisa agar sistem berjalan dengan maksimal. 3.3.1 Analisis Kebutuhan Sistem Dengan melihat kembali deskripsi sistem yang akan dibuat, maka sistem yang dibutuhkan adalah sebagai berikut: 1. Dapat menyediakan fungsi agar user dapat melakukan login. 2. Dapat menghubungkan aktifitas user yang menggunakan aplikasi mobile TADJ dengan database TADJ. 3. Dapat menyediakan fungsi penyimpanan data tugas akhir berupa berkas laporan, gambar, dan video tugas akhir. 4. Dapat menampilkan daftar tugas akhir dan dosen pembimbing yang tersedia. 5. Dapat memberikan berita informasi terbaru yang berhubungan dengan tugas akhir. Dari sistem yang telah dijelaskan, maka aplikasi mobile TADJ mengambil dan mengirim data secara terus menerus dari database. Selanjutnya data akan ditampilkan berupa visual gambar ataupun berupa tabel, dan dapat melakukan proses upload atau download data pada database. 3.3.2 Analisis Sistem Analisis sistem pada aplikasi mobile TADJ digambarkan dalam bentuk flowchart. Alur aplikasi ini dirancang mulai dari awal user login hingga memilih menu yang disediakan seperti melihat informasi berita terbaru, list tugas akhir, form bimbingan 12
tugas akhir, dan meng-upload berkas laporan, gambar, dan video tugas akhir. Ketika user melakukan login menggunakan username dan password yang benar, maka akan muncul jendela menu utama aplikasi. Pada menu utama, user yang telah login dapat memilih dan menjalankan semua fungsi yang ada pada aplikasi mobile TADJ dengan memilih menu yang ada pada panel navigasi yang berada di bagian samping kiri dari halaman aplikasi. Berikut ini alur dari aplikasi TADJ :
Gambar 3.1 Flow Chart Login TADJ versi mobile
13
Setelah login berhasil, akan tampil panel navigasi yang dapat mengarah ke manajemen bimbingan dan detail bimbingan yang dapat mengunggah berkas laporan, gambar, dan video tugas akhir.
Gambar 3.2 Flow Chart Login TADJ versi mobile
3.4
Kebutuhan Perangkat Lunak dan Keras
Untuk membangun Sistem Aplikasi dibutuhkan perangkat keras dan perangkat lunak yang mendukung dalam kegiatan operasional dengan spesifikasi sebagai berikut. 3.4.1 Spesifikasi Perangkat Keras (Server) Untuk mendukung berjalannya aplikasi ini dengan baik, selain dibutuhkan spesifikasi perangkat keras minimal juga harus didukung dengan spesifikasi perangkat lunak 14
yang memadai. Spesifikasi perangkat keras dapat dilihat pada Tabel 3.1 spesifikasi perangkat keras. Tabel 3.1 Spesifikasi perangkat keras. Perangkat Keras Minimum
No
CPU Server 1.
Processor : Intel ® Core 2 Duo 2.4 Ghz
2.
Sistem Operasi : Windows Server 64-bti
3.
Memory : 4 GB RAM
4.
BIOS : Ver 04.06.05
5.
DirectX Version : DirectX 11
6.
DxDiag Version : 6.03.9600.17415 64 bit Unicode
7.
Harddisk : 500 GB
3.4.2 Spesifikasi Perangkat Lunak Untuk mendukung berjalannya aplikasi ini dengan baik, selain dibutuhkan spesifikasi perangkat lunak minimal juga harus didukung dengan spesifikasi perangkat keras yang memadai hal ini dilakukan untuk mengurangi tingkat kesalahan pada sistem. Spesifikasi perangkat lunak dapat dilihat pada Tabel 3.2 spesifikasi perangkat lunak.
Tabel 3.2 Spesifikasi perangkat lunak. No
Nama Program
1.
PHP 5.4.24
2.
Filezilla 3.13.1
15
3.5
3.
XAMPP v3.1.0
4.
Android Studio
5.
Laravel 4.2 Framework
6.
JSON
Struktur Tabel Database(TADJ)
Di bawah ini adalah struktur tabel yang digunakan untuk menyimpan data dari setiap input dan output.
Gambar 3.3 Struktur database TADJ.
16
4. BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1
Implementasi Sistem
Implementasi sistem adalah tahap pengujian kelayakan di sistem yang dibuat sehingga sistem TADJ (Tugas Akhir Dalam Jaringan) yang dibuat tidak menyimpang dari perancangan sistemnya. Sistem ini dibuat dengan menggunakan bahasa pemrograman php sebagai fungsi utama, json sebagai pengatur dan penghubung antara fungsi yang ada di TADJ dengan Android Mobile dan xml sebagai pengatur tampilan dari TADJ mobile. LDAP sebagai database digunakan untuk menyimpan data user berupa pendaftaran akun baru, MYSQL sebagai database digunakan untuk judul tugas akhir baru, pengumpulan berkas tugas akhir, dan perubahan status dari tugas akhir. Spesifikasi perangkat keras dan perangkat lunak untuk pengembangan sistem adalah sebagai berikut. a. Perangkat Keras (Server) 1.
Processor : Intel ® Core ™ i3-3210 CPU @ 3.20 GHz (4 CPUs), ~3.2 Ghz
2.
Sistem Operasi : Windows Server 2012 R2 Datacenter 64-bit
3.
Memory : 8192 MB RAM
4.
BIOS : Ver 04.06.05
5.
DirectX Version : DirectX 11
6.
DxDiag Version : 6.03.9600.17415 64 bit Unicode
7.
Harddisk : 1 TB
b. Perangkat Lunak 1. Notepad ++ sebagai IDE TADJ versi website. 2. XAMPP sebagai penyedia server local. 3. FileZilla sebagai layanan FTP Client. 4. Android Studio sebagai IDE TADJ versi mobile. 5. Laravel 4.2 Framework sebagai PHP Framework. 17
4.2
Implementasi Sistem TADJ
Sistem TADJ terdiri dari sebuah server, user (admin, dosen, mahasiswa) dan database. Server bertugas untuk menjalankan semua fungsi yang ada di TADJ dimana data (daftar id dan tugas akhir yang ada dan yang akan dimasukkan) dari user disimpan dalam database (MySQL) data tersebut dapat di lihat oleh user melalui akses web TADJ (tadj.lskk.ee.itb.ac.id). 4.2.1 Implementasi Tampilan Awal Tampilan awal TADJ terdiri dari menu Login, username dan password yang harus diisi, dan tombol sign in untuk mengeksekusi username dan password yang sudah diisi.
Gambar 4.1 Tampilan Awal TADJ versi mobile.
18
4.2.2 Implementasi Login Tampilan dari menu Login dimana terdapat Email dan Password yang digunakan oleh user untuk melakukan proses indentifikasi akun oleh TADJ dengan mengeceknya di dalam database.
Gambar 4.2 Tampilan Menu Login.
4.2.3 Implementasi Menu Utama Tampilan menu utama merupakan tampilan setelah user melakukan proses login, pada menu utama user dapat mengakses menu informasi berita terbaru, list tugas akhir (melihat daftar tugas akhir yang telah terdaftar di TADJ dan juga mengambil tugas akhir), form bimbingan tugas akhir (mengunggah berkas laporan, gambar, dan video tugas akhir) dan menu logout untuk mengakhiri aplikasi TADJ versi mobile.
19
Gambar 4.3 Tampilan menu utama navigasi user mahasiswa.
4.2.4 Implementasi Menu Informasi Berita Tampilan menu informasi berita ini merupakan tampilan untuk user
melihat
informasi terbaru yang diupdate oleh Admin maupun Dosen untuk memberikan informasi yang dapat dilihat oleh user melalui Android mobile.
20
Gambar 4.4 Tampilan menu informasi berita terbaru.
4.2.5 Implementasi Menu List Tugas Akhir Tampilan menu list tugas akhir ini merupakan tampilan untuk user melihat list tugas akhir yang sudah tersedia untuk dipilih sesuai keingingan mahasiswa.
21
Gambar 4.5 Tampilan menu list tugas akhir.
4.2.6 Implementasi Menu Bimbingan Tugas Akhir Tampilan menu bimbingan ini berisi list tahapan yang mahasiswa ajukan kepada dosen pembimbing, kemudian dosen pembimbing memberikan feedback dari laporan yang dikirim oleh mahasiswa. Terdiri dari 3 status yang diberikan dosen pembimbing, yaitu “Dalam Proses Verifikasi”, “Revisi”, dan “Selesai”. Jika status yang diberikan dosen pembimbing “Dalam Proses Verifikasi” mahasiswa harus menunggu sampai dosen pembimbing memeriksa laporan, jika “Revisi” mahasiswa harus mengunduh laporan yang sudah diperiksa untuk direvisi kembali oleh mahasiswa, dan jika “Selesai” maka mahasiswa dianjurkan ke tahapan selanjutnya untuk menyelesai bimbingan tugas akhir.
22
Gambar 4.6 Tampilan list bimbingan tugas akhir
Gambar 4.7 Tampilan menu proses bimbingan tugas akhir
23
4.2.7 Implementasi Menu Pengumpulan Berkas Laporan Tugas Akhir Tampilan menu deskripsi tugas akhir merupakan tampilan untuk user mahasiswa mendeskripsikan topik tugas akhir, terdapat menu untuk mengunggah gambar yang berhubungan dengan tugas akhir, mengunggah video kelompok tugas akhir, dan pengumpulan berkas laporan tugas akhir.
Gambar 4.8 Tampilan pilih menu manajemen bimbingan tugas akhir.
24
Gambar 4.9 Tampilan unggah gambar dan video tugas akhir
Gambar 4.10 Tampilan ubah deskripsi tugas akhir dan unggah berkas laporan tugas akhir. 25
4.3
Pengujian TADJ dan Crayonpedia Desktop
Pada sistem ini dilakukakn pengujian kepada teman seangkatan batch 9 TKJMD untuk menemukan kesalahan pada sistem yang dalam tahap pengerjaan.
Tabel 4.1 Pengujian sistem.
No.
Sesuai Kebutuhan
Pengujian
Ya
Implementasi
Tidak
Mobile TADJ 1
Login sebagai user Mahasiswa
√
√
2
Menampilkan Informasi Berita Terbaru
√
√
3
Menampilkan List Tugas Akhir
√
√
4
Mengambil Tugas Akhir dari List Tugas Akhir
√
√
5
Mengisi Deskripsi Tugas Akhir
√
√
6
Mengunggah Berkas Laporan Tugas Akhir
√
√
7
Mengunggah Gambar Tugas Akhir
√
√
8
Mengunggah Video Tugas Akhir
√
√
26
BAB V PENUTUP
5.1
Kesimpulan
Dapat disimpulkan bahwa rancangan dan implementasi sistem mobile TADJ telah berjalan dengan baik sesuai tujuan dari tugas akhir, yaitu: 1. Dapat login sesuai dengan yang didaftarkan pada website TADJ. 2. Dapat melihat informasi berita terbaru pada menu berita mobile TADJ. 3. Dapat mengunggah dan menyimpan data berkas laporan mahasiswa, gambar tugas akhir, dan video dokumentasi tugas akhir ke FTP melalui JSON. 5.2
Saran
Saran untuk pengembangan dan perbaikan aplikasi yang dikembangkan dalam tugas akhir ini adalah mengambangkan system maintenance yang lebih lengkap dan juga selalu dilakukan pengujian untuk mengetahui kesalahan pada sistem TADJ versi mobile.
27
DAFTAR PUSTAKA Awaludin, Rahmat, 2014. Manfaat Mempelajari Framework Laravel. https://medium.com/laravel-indonesia/manfaat-mempelajari-framework-laravelaa0029f2d291#.120gc38pp [diakses: 03 Desember 2015] Bryan, Oni, 2007. Pengenalan LDAP. https://kelasjarkom.wordpress.com/category/pengenalan-ldap-by-oni-brian/ [diakses: 10 November 2015] Budiarto, 2012. FileZilla. http://info-programkomputer.blogspot.co.id/2012/05/filezilla.html [diakses: 10 November 2015] Prakasa, Ikhsan, 2015. Perbedaan Android Studio dengan Eclipse. http://www.androidnajwa.net/2015/08/perbedaan-android-studio-dengan-eclipse.html [diakses: 03 Desember 2015] Wardana, S.Hut, M.Si, Menjadi Master PHP dengan Framework Codeigniter, Gramedia, 2014.
28
