CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI APPLICATION PROGRAMMING INTERFACE PADA TADJ MENGGUNAKAN FRAMEWORK LARAVEL
TUGAS AKHIR
Oleh
MIFTAHUL AHYAR ARRIFAI NIM : 03214067 PROGRAM STUDI DIPLOMA 4 TEKNIK ELEKTRO
SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG 2015
LEMBAR PENGESAHAN CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI APPLICATION PROGRAMMING INTERFACE PADA TADJ MENGGUNAKAN FRAMEWORK LARAVEL
Oleh : MIFTAHUL AHYAR ARRIFAI NIM : 03214067
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
i
ABSTRAK CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI APPLICATION PROGRAMMING INTERFACE PADA TADJ MENGGUNAKAN FRAMEWORK LARAVEL
Oleh
Miftahul Ahyar Arrifai NIM : 03214067 PROGRAM STUDI DIPLOMA 4 TEKNIK ELEKTRO Pengolahan data yang ada pada Crayonpedia Education System terdiri dari mahasiswa dan dosen, dimana keefektifan waktu dan biaya akan menjadi tolak ukur penting. Sistem Informasi ini membantu aplikasi ini merubah format system yang sudah ada kedalam API yang mana terdiri dari kumpulan fungsi yang sangat berguna dalam mengintergrasi TADJ ke dalam system yang berbasis Mobile Apps dalam framework Laravel . Data yang diambil merupakan data yang sudah terformat kedalam JSON mengintegrasikan server, database dan pc. Pada sistem ini ikut andil di dalamnya dosen, dan mahasiswa.
Sistem dibuat dengan software Notepad++, bahasa pemrograman .php serta menggunakan database untukmenampilkan data, misalnya mahasiswa, dosen, universitas, jurusan, dan tugas akhir. Sistem informasi ini diharapkan membantu dalam keefektifan waktu client dan mendukung hukum global dunia saat ini “Go Green” dengan mengurangi mencetak lembaran-lembaran kertas.
Kata kunci :Notepad++, Php, framework Laravel
i
ABSTRACT
CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTATION OF APPLICATION PROGRAMMING INTERFACE ON TADJ USING FRAMEWORK LARAVEL
By
Miftahul Ahyar Arrifai NIM : 03214067 APPLIED SCIENCE IN ELECTRICAL ENGINEERING STUDY PROGRAM
Processing of existing data on Crayonpedia Education System consists of students and lecturers, where time and cost effectiveness will be an important. This information system helps this applicationto change the format of the existing system into API which are consists of a collection of very useful functions in intgrating TADJ into a system that is based on the Mobile Apps in laravel framework. The data taken is already formatted data into JSON wherer integratee to server, database and pc. In this system took part in them lecturers, and students.
The system is made by software Notepad ++, php programming language and uses a database to display data, such as students, faculties, universities, department s, and the title of final project. This information system is expected to help in the effectiveness of a client and to support global legal world today “Go Green “by reducing printing sheets of paper
Keywords: Notepad++, Php, framework Laravel
ii
KATA PENGANTAR Ahamdulillah, puji dan syukur penulis panjatkan kehadirat Allah SWT karena dengan
rahmatnya
penulis
berjudul”CRAYONPEDIA
dapat
menyelesaikan
EDUCATION
Tugas
ECOSYSTEM
Akhir
PANEL
yang
ADMIN
REGISTRASI JURUSAN, LIST JURUSAN DAN APLIKASI DESKTOP TADJ”. Tugas Akhir ini disusun sebagai salah satu syarat memperoleh gelar Sarjana Sains Terapan pada program studi D4 Teknik Komputer Jaringan dan Media Digital Institut Teknologi Bandung. Selama melaksanakan tugas akhir ini, penulis mendapat bantuan dan dukungan dari berbagai pihak. Untuk itu, penulis ingin mengucapkan terima kasih kepada: 1. bapakDr.techn. Ary Setijadi Prihatmantosekalu pembimbing 1 dan bapak Dr. Pranoto Hidaya Rusmin sekalu pembimbing2 yang telah memberikan bimbingan dan semangat dalam menyelesaikan ini, 2. bapak Rifki Wijaya, MT selaku asisten pembimbing, yang telah mencurahkan perhatian, bimbingan dan waktunya; 3. seluruh dosen, staf dan karyawan ITB dan SEAMOLEC yang telah memberikan ilmu dan pengalamannya selama penulis menuntut ilmu, 4. Tim Tugas Akhir Crayonpedia yang telah berkerjasama dan kompak dalam mengerjakan Tugas Akhir, 5. Teman-teman seperjuangan D4 TKJMD Batch 9 yang selalu memberikan kebahagian, canda tawa, dan ilmu untuk penulis selama perkuliahan di ITB. 6. Keluarga tercinta yang telah memberi semangat dan doa setiap hari. 7. Semua pihak yang baik secara langsung maupun tidak membantu penulis dalam menyelesaikan tugas akhir ini. Penulis menyadari bahwa tugas akhir ini masih terdapat kekurangan, untuk itu kritik dan saransangat diharapkan.Akhir kata, semoga tugas akhir ini dapat bermanfaat bagi seluruh pembaca. Bandung, 9 November 2015 Penulis
iii
DAFTAR ISI ABSTRAK .................................................................................................................... i ABSTRACT ................................................................................................................. ii KATA PENGANTAR ................................................................................................ iii DAFTAR ISI ............................................................................................................... iv DAFTAR GAMBAR .................................................................................................. vi DAFTAR TABEL .......................................................Error! Bookmark not defined. I.
BAB I PENDAHULUAN.................................................................................. 1 1.1
Latar Belakang .............................................................................................. 1
1.2
Rumusan Masalah ......................................................................................... 2
1.3
Tujuan.................... ........................................................................................ 2
1.4
Batasan Masalah ............................................................................................ 3
1.5
Metoda Penelitian .......................................................................................... 3
1.6
Sistematika Penulisan .................................................................................... 4
II.
BAB II TINJAUAN PUSTAKA ....................................................................... 5 2.1.
Android Studio .............................................................................................. 5
7.2
Hypertext Preprocessor (PHP) ..................................................................... 5
2.3
FileZilla......... ................................................................................................ 6
2.4
Notepad++ .....................................................................................................7
2.5
Framework Laravel ....................................................................................... 7
2.6
MySQL..... .....................................................................................................8
2.7
XAMPP..........................................................................................................8
2.8
JAVA...................... ....................................................................................... 9
III.
BAB III PERANCANGAN SISTEM ............................................................... 10
3.1
Analisis Kebutuhan Sistem ......................................................................... 10
3.2
Deskripsi Sistem .......................................................................................... 11
3.2
Rancangan Sistem ....................................................................................... 11 3.3.1
Flowchart TADJ ................................................................................. 12
3.3.2
Gambar Alur Proses API TADJ yang berbentuk JSON ..................... 13
3.3.3
Gambar Aur Process Framework Laravel .......................................... 13
iv
IV.
V.
3.3.4
Database TADJ ................................................................................... 14
3.3.5
Rancangan Antarmuka API TADJ ..................................................... 14
BAB IV IMPLEMENTASI DAN PENGUJIAN ............................................. 16
4.1
Pembuatan API TADJ kedalam JSON dalam Framework Laravel............ 16
4.2
Hasil Antarmuka API TADJ memuncul hasil JSON .................................. 18
4.3
Pengujian pembacaan JSON API TADJ ..................................................... 19
4.4
Pengujian GET POST Method .................................................................... 20
4.5
Hasil Pengujian API TADJ kedalam versi Mobile Apps (Dosen) .............. 23
4.6
Hasil Pengujian Program ............................................................................. 24 BAB V KESIMPULAN DAN SARAN .......................................................... 25
5.1.
Kesimpulan .................................................................................................. 25
5.2.
Saran.............................................................................................................25
DAFTAR PUSTAKA ................................................................................................ 26
v
DAFTAR GAMBAR Halaman Gambar 1.1 Waterfall............................................................................................. 3 Gambar 3.2 Relasi table pada Database TADJ.......................................................11 Gambar 3.3.1Flowchar alur sistem TADJ..............................................................12 Gambar 3.3.2 API TADJ..........................................................................................13 Gambar 3.3.3 Alur Framework Laravel...................................................................13 Gambar 3.3.4 Database TADJ yang diperlukan dalam pembuatan API TADJ .....14 Gambar 3.3.5Tampilan Index pada halaman API ..................................................14 Gambar 3.3.5.1Tampilan Sidebar Blade pada Login view......................................15 Gambar 3.3.5.2Tampilan hasil JSON View Object.................................................15 Gambar 4.1.1 Modeling laravel................................................................................16 Gambar 4.1.2 Controller Laravel .............................................................................16 Gambar 4.1.3 Routes Controller...............................................................................17 Gambar 4.1.4 View Sidebar......................................................................................17 Gambar 4.2.1tampilan Idex .....................................................................................18 Gambar 4.2.2 Panel sidebar TADJ............................................................................18 Gambar 4.2.3 Hasil JSON dari pemilihan Sidebar ..................................................19 Gambar 4.3.1 Contoh JSON dari API TADJ.............................................................19 Gambar 4.4.1 contoh GET Method TADJ list jurusan..............................................20 Gambar 4.4.2 contoh POST Method TADJ list jurusan............................................20 Gambar 4.4.2.1 contoh controller Post TA ...............................................................21 Gambar 4.4.2.2 Se header parameter url pada postman ...........................................22 Gambar 4.4.2.3 Code Pemograman Pada Main body postman.................................22 Gambar 4.4.2.4 Hasil Dari Prosess Post method melaui postman dan hasil pengajuan judul di TADJ......................................................................................................... 23 vi
Gambar 4.5.1Hasil Dari Prosess salah satu Get Method yang sudah di implementasikan kedalam versi mobile app..............................................................23 Gambar 4.5.2 Hasil Dari Prosess salah satu Get Method (List Jurusan) dan Post method (pengajuan judul TA) yang sudah di implementasikan kedalam versi mobile app.............................................................................................................................24
vii
I.
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.Berbagai aplikasi komputer saat ini bermunculan, mulai dari aplikasi yang mempermudah dalam perhitungan hingga aplikasi yang menyediakan sarana pengolahan data. Aplikasi-aplikasi ini memiliki tujuan yang sama yaitu ingin mempermudah pekerjaan unit kerja.
Dengan meninggalkan sistem pengolahan data secara manual dan menggantinya dengan sebuah sistem informasi maka pengolahan data yang diperlukan akan menjadi lebih cepat dan penggunaan waktu lebih efisien, serta dapat diperoleh hasil yang lebih memuaskan. Berdasarkan fenomena saat ini, penyimpanan data seharusnya diharapkan membantu pekerjaan, seperti halnya dalam mencari dan menyimpan sebuah data tugas akhir, tidak harus mencetak lembaran-lembaran file data secara manual.
Saat ini belum ada sistem informasi untuk pengolahan dan penyimpanan data tugas akhir mahasiswa, masih menggunakan cara manual untuk menyimpan hingga mencetak lembaran kertas. Hal itu dirasakan kurang efektif dan tidak efisien, karena jika terjadi perubahan data maka harus mencetak ulang data secara keseluruhan, sehingga memberikan ketidakefektifan di bidang sarana dalam pengolahan datanya. Dampak dari masalah tersebut, menghabiskan lembaran kertas dari waktu ke waktu akan meningkat, ini akan bertolak belakang dengan hukum global dunia saat ini yang sedang menjunjung Go Green. Juga mempersulit dalam mengganti data dengan yang baru. Untuk mengatasi masalah tersebut, maka dibutuhkan suatu bentuk aplikasi komputer yang dapat membantu dalam pekerjaan unit kerja yaitu mengolah dan menyimpan data, agar bisa 1
diperoleh data yang memuaskan. Aplikasi ini sangat mengefektifkan waktu, membutuhkan biaya yang lebih hemat bila dibandingkan dengan menggunakan cara lama berupa arsip. Berdasarkan permasalahan yang di atas, maka dibangun suatu aplikasi berbasis web yang dilanjutkan dengan pengembangan pada mobile apps. Dalam aplikasi ini memerlukan API yang berupa kumpulan fungsi dari system TADJ yang dapat proses memasukkan data mahasiswa, data tugas akhir, dan data dosen, yang secara keseluruhan akan ditinjau memalui admin. Aplikasi ini diharapkan dapat digunakan sehingga dapat menyelesaikan permasalahan yang sering dijumpai. 1.2 Rumusan 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 : A. Bahasa pemrograman menggunakan bahasa .php B. Pengunnan framework laravel mengatur API yang lebih tersturuktur C. Sistem informasi yang terhubung pada perangkat elektronik, database, dan jaringan LAN. D. Database yang digunakan untuk menyimpan data adalah MySql. E. Penyimpanan data pada database.
1.3 Tujuan Adapun tujuan dari pembuatan proposal tugas akhir ini sebagai berikut. 1. Sebagai jembatan perantara dalam mengembangkan aplikasi dalam versi mobile pada TADJ. 2. Membangun manajemen APITADJ memudahkan dalam pengelolaan data proses baik mahasiswa dan dosen menggunakan framework laravel.
2
1.4 Batasan Masalah Berdasarkan penjelasan diatas, adapun batasan masalah yang akan dikerjakan adalah sebagai berikut. 1. TADJ dalam Versi Mobile Apps 2. Pembangunan API TADJ dalam framework laravel 3. Implimentasi API pada TADJ versi mobile Apps 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 2.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
3
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 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 Adapun sistematika penulisan pada tugas akhir ini adalah sebagai berikut : BAB I
Menjelaskan
latar
belakang
pengangkatan
studi
kasus,
rumusanmasalah, tujuan, batasan masalah, sistematika penulisan, dan metode pengerjaan. BAB II
Membahas
mengenai
landasan
teori
yang
digunakan
sebagaireferensidalam pembuatan laporan tugas akhir. BAB III
Membahas mengenai desain dan perancangan aplikasi berdasarkan modul.
BAB IV
Membahas tentang tata cara penggunaan produk sesuai dengan modul yang telah dibangun.
BAB V
Berisi tentang penutup yang membahas kesimpulan dan saran.
4
II.
BAB II
TINJAUAN PUSTAKA 2.1. Android Studio Android Studio adalah sebuah IDE yang bisa digunakan untuk pengembangan aplikasi Android, dan dikembangkan oleh Google. Android Studio merupakan pengembangkan dari Eclipse IDE, dan dibuat berdasarkan IDE Java populer, yaitu IntelliJ IDEA.Android Studio direncanakan untuk menggantikan Eclipse ke depannya sebagai IDE resmi untuk pengembangan aplikasi Android. Sebagai pengembangan dari Eclipse, Android Studio mempunyai banyak fiturfitur baru dibandingkan dengan Eclipse IDE. Berbeda dengan Eclipse yang menggunakan Ant, Android Studio menggunakan Gradle sebagai build environment. Beberapa fitur lainnya adalah sebagai berikut : 2
Menggunakan Gradle-based build system yang fleksibel.
3
Bisa mem-build multiple APK .
4
Template support untuk Google Services dan berbagai macam tipe perangkat.
5
Layout editor yang lebih bagus.
6
Built-in support untuk Google Cloud Platform, sehingga mudah untuk integrasi dengan Google Cloud Messaging dan App Engine.
7 7.2
Import library langsung dari Maven repository Hypertext Preprocessor (PHP)
Dalam dunia pemrograman website ada banyak sekali bahasa pemrograman yang bias digunakan.Salah satu bahasa pemrograman yang sangat terkenal dan banyak sekali digunakan oleh para pembuat website adalah PHP, dengannya website menjadi dinamis karena kandungan website tersebut dapat berbasis database. PHP merupakan bahasa script yang menyatu dengan HTML dan dijalankan pada serverside. Artinya semua sintkas yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja[9]. Beberapa kelebihan PHP antara lain:
5
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. 2.3
FileZilla
FileZillaadalahprogram aplikasi jaringan open source yang berguna untuk transfer file via protokol FTP di jaringan komputer atau internet.Software FileZilla dibuat dan dikembangkan olehTimKosse. 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 dikomputer lokal, dan satu lagi untuk menampilkan file dan folder di komputer server. Anda cukup melakukan drag dan drop untuk mentransfer file dari komputer ke server jaringan/internet, atau sebaliknya. Melalui fitur Site Manager, Anda bisa menyimpan akun dan alamat beragam server FTP, dan menggunakannya secara cepat dan mudah.FileZilla juga memungkinkan Anda melakukan koneksi ulang ke server yang terakhir Anda akses sebelumnya, cukup dengan menekan satu tombol. Fitur utama dari Filezilla adalah:
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
6
normal. Untuk log normal, nama pengguna dan kata sandinya akan disimpan. Penyimpanan kata sandi adalah opsional.
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.
File and folder viewDitampilkan 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.
Transfer queue(Transfer antrian) Ditampilkan di sepanjang bagian bawah jendela, menunjukkan status real-time setiap antrian atau transfer file yang aktif.
2.4
Notepad++
Notepad++ adalah sebuah penyunting teks dan penyunting kode sumber yang berjalan di sistem operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat menampilkan dan menyuntingan teks dan berkas kode sumberberbagai bahasa pemrograman. Notepad++ didistribusikan sebagai perangkat lunak bebas. Proyek ini dilayani oleh Sourceforge.net dengan telah diunduh lebih dari 27 juta kalidan dua kali memenangkan penghargaan SourceForge Community Choice Award for Best Developer Tool 2.5
Framework Laravel
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
2.6
MySQL
MySQL adalah salah satu aplikasi database server yang sangat terkenal saat ini. Keunggulan lainnya dari MySQL adalah produk open source yang terus dikembangkan oleh MySQL AB. Namun ada juga produk yang enterprise. Dengan MySQL, pengguna dapat membuat tabel, sehingga data dapat disimpan lebih efisien dibandingkan menyimpan data dalam array. Untuk menggunakan MySQL ataupun database lain secara efektif, diperlukan pemahaman Structured Query Language (SQL). MySQL dibuat oleh TcX dan telah dipercaya mengelola sistem dengan 40 buah database berisi 10.000 tabel dan 500 diantaranya memiliki tujuh juta baris (kira-kira 100 gigabyte data). Database ini dibuat untuk keperluan sistem database yang cepat, handal dan mudah digunakan. Walaupun memiliki kemampuan yang cukup baik, MySQL untuk sistem operasi Unix bersifat freeware, dan terdapat versi shareware untuk sistem operasi Windows.
2.7
XAMPP XAMPP adalah salah satu paket software web server yang terdiri dari Apache,
MySQL, PHP, dan phpMyAdmin. Penggunaan XAMPP sangatlah mudah karena proses instalasinya tidak perlu melakukan konfigurasi Apache, PHP dan MySQL secara manual, XAMPP melakukan instalasi dan konfigurasi secara otomatis. PhpMyAdmin berfungsi sebagai alat bantu memanajemen database MySQL. XAMPP biasa digunakan developer web untuk servernya, karena xampp terdiri dari apache server untuk database webnya dan unntuk eksekusi PHP dan mysql sebagai server databasenya, disamping itu XAMPP juga dilengkapi dengan FTPD untuk memudahkan webmaster modifikasi folder webnya. Sifatnya yang GNU public license membuat aplikasi ini banyak peminatnya karena bisa digunkan untuk paltform Linux, Windows, dan MAC.
8
2.8
JAVA Java adalah bahasayangdapatdijalankandiberbagai komputer termasuk telepon
genggam.Bahasa ini awalnya dibuat oleh James Gosling saat masih bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun1995. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++ namun dengan sintaksis model objek yang lebih sederhana serta dukungan rutin-rutin aras bawah yang minimal. Aplikasi-aplikasi berbasis java umumnya dikompilasi ke dalam p-code (bytecode) dan dapat dijalankan pada berbagai Mesin Virtual Java (JVM).Java merupakan bahasa pemrograman yang bersifat umum/non-spesifik (general purpose), dan secara khusus didisain untuk memanfaatkan dependensi implementasi seminimal mungkin.Karena fungsionalitasnya yang memungkinkan aplikasi java mampu berjalan di beberapa platform sistem operasi yang berbeda, java dikenal pula dengan slogannya, "Tulis sekali, jalankan di mana pun".Saat ini java merupakan bahasa pemrograman yang paling populer digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.
9
III.
BAB III
PERANCANGAN SISTEM 3.1 Analisis Kebutuhan Sistem Analisis kebutuhan ini bertujuan agar hasil pengembangan sesuai dengan harapan, maka sistem yang dibutukan adalah sebagai berikut. a. Hasil format system yang sudah berupa JSON dengan Array list akan memudahkan pengembangan fitur TADJ dalam versi mobile. b. Proses API TADJ ini meliputi beberapa fitur mahasiswa dan dosen yang sudah ditinjau sebelumnya Dari sistem yang dijelaskan, maka Crayonpdia Education System dalam pengembangan fitur Tugas Akhir dalam jaringan di ITB Berbasis Aplikasi Android yang akan mengembangkanbeberapa fitur Tugas Akhir dalam Jaringan dari hasil analisa yang ada ditas. Berikut ini analisis kebutuhan perangkat keras dan perangkat lunak yang dibutuhkan untuk pengembangan Tugas Akhir dalam Jaringan berbasis Mobile Apps 1. Perangkat Keras yang digunakan adalah sebagai berikut. a. Mobile Phone (Android) 2. Perangkat Lunak yang digunakan dalam pembuatan palikasi ini adalah sebagai berikut. a. Microsoft Windows 7 /8.1/10 b. Integrated Development Environment : Microsoft Visual Studio 2012 c. Notepad++ d. XAMPP f. Android Studio g. Filezilla h. PostMan
10
3.2 Deskripsi Sistem Sistem informasi TADJ berbasis mobile apps dirancang mulai dari awal user login hingga memilih menu yang disediakan pada halaman awal TADJ, terdapat hak akses yang akan membatasi ruang user mengakses sistem informasi ini. Ada beberapa user yang memiliki hak akses berbeda, misalnya mahasiswa, dosen. Ketika user melakukan login menggunakan username dan password yang telah terdaftar, maka tampilan utama pada aplikasi mobile app ini akan muncul pada menu beranda berita. Ketika username dan password yang digunakan belulm terdaftar ke dalam database, maka akan muncul tampilan peringatan username
password salah atau
pop up bahwa user belum terdaftar, sehingga user harus melakukan registrasi atau sign up mereview kembali . proses semua yang ada berada pada mobile app ini tidak lepas dari hubungannya API TADJ yang menjalankan eksekusi pengambilan data melalui format JSON. 3.2 Rancangan Sistem
Gambar 3.2Relasi table pada Database TADJ
11
Pada tampilan yang baik, akan mudah dimengerti dengan outputan data yang tepat dan benar. Data-data ini telah disimpan dalam database. Di bawah ini adalah struktur tabel yang digunakan untuk menyimpan data dari setiap input dan outpt dalam proses TADJ.
3.3.1
Flowchart TADJ
Gambar 3.3.1Flowchar alur sistem TADJ 12
3.3.2
Gambar Alur Proses API TADJ yang berbentuk JSON
Gambar 3.3.2 API TADJ
3.3.3
Gambar Aur Process Framework Laravel
Gambar 3.3.3 Alur Framework Laravel
13
3.3.4
Database TADJ
Berikut struktur table dalam pengembangan yang dikerjakan dalam pembaharuan TADJ yang diperlukan dalam pembuatan API TADJ.
Gambar 3.3.4 Database TADJ yang diperlukan dalam pembuatan API TADJ
3.3.5
Rancangan Antarmuka API TADJ
Gambar 3.3.5Tampilan Index pada halaman API
14
Gambar 3.3.5.1Tampilan Sidebar Blade pada Login view
Gambar 3.3.5.2Tampilan hasil JSON View Object
15
IV.
BAB IV
IMPLEMENTASI DAN PENGUJIAN 4.1 Pembuatan API TADJ kedalam JSON dalam Framework Laravel 1. Model untuk mengakses database table TADJ
Gambar 4.1.1 modeling laravel 2. Controller untuk menjalankan process Query kedalam format JSON
Gambar 4.1.2 Controller Laravel
16
3. Process Pembuatan Routes API TADJ
Gambar 4.1.3 Routes Controller
4. Process pembuatan sidebar pada view
Gambar 4.1.4 View Sidebar
17
4.2 Hasil Antarmuka API TADJ memuncul hasil JSON Untuk melihat hasil akhir dari hasil format JSON dari TADJ. Adapun cara untuk melihatnya adalah sebagai berikut: 1. Akses http://tadj.lskk.ee.itb.ac.id/api/admin/index
Gambar 4.2.1tampilan Idex 2. Pilih menu panel Side bar ( List API yang sudah terberntuk user, news, TA)
Gambar 4.2.2 Panel sidebar TADJ
18
3. Klik Salah Satu isi dari sub menu (User, news , TA).
Gambar 4.2.3Hasil JSON dari pemilihan Sidebar
4.3 Pengujian pembacaan JSON API TADJ Pembacaan hasil format yang sudah dirubah kedalam format JSON akan ditangkap melalui parsing JSON yang ada pada aplikasi android dengam meletekan URL API mana yang ingin di akses. Berikut cara pembacaan JSON.
Gambar 4.3.1 Contoh JSON dari API TADJ a. Code = Angka yang diperlihatkan sebagai pembagian hasil proses perubahan Data ke JSON Code 1 : memnujukan Process Berhasil Code 2 : Process Gagal b. Msg : Pesan pemberitahuan dari hasil process yang menujukan hasil akhir JSON c. Data : bentuk Format JSON yang diperlukan dalam memproses TADJ dalam versi Android.
19
4.4 Pengujian GET POST Method Sebelum memulai megembangkan tadj dalam versi mobile Aplikasi android. Saya telah melakukan pengujian secara manual untuk melihat hasil kinerja apakah API ini berkerja dengan baik ataupun tidak. Berikut hasil pengujian tersebut terlampir dibawah ini. 1. GET method Pada API TADJ
GET Database
API TADJ (JSON)
Gambar 4.4.1 contoh GET Method TADJ list jurusan
2. POST method pada API TADJ
Database
POST API TADJ (JSON)
Gambar 4.4.2 contoh POST Method TADJ list jurusan 20
1. Pemograman Untuk Post JSON ke Database
Gambar 4.4.2.1 contoh controller Post TA
21
2. Untuk pengujian Data bisa diakses Melalui PostMan ekstensi dari google Chrome
gambar 4.4.2.2 Se header parameter url pada postman
3. Set paramater Ke POST 4. Isi URL untuk post kedalam URL JSON dengan benar 5. Set Header (Content Type) – Application/json 6. Pilih body dan lalu masukin Code
Gambar 4.4.2.3 Code Pemograman Pada Main body postman
22
7. Lalu Tekan Send dan Hasilnya Akan muncul Seperti Ini
Gambar 4.4.2.4 Hasil Dari Prosess Post method melaui postman dan hasil pengajuan judul di TADJ
4.5 Hasil Pengujian API TADJ kedalam versi Mobile Apps (Dosen)
Gambar 4.5.1Hasil Dari Prosess salah satu Get Method yang sudah di implementasikan kedalam versi mobile app
23
Gambar 4.5.2 Hasil Dari Prosess salah satu Get Method (List Jurusan) dan Post method (pengajuan judul TA) yang sudah di implementasikan kedalam versi mobile app
4.6 Hasil Pengujian Program Pada aplikasi android mobile app ini mempunyai fungsi yang berbeda beda dalam menjalankannya guna untuk melengkapi semua fitur yang ada dalam pengembangan Tugas Akhir Dalam Jaringan baik dalam semua firtur mobile TADJ yang sudah ditetapkan sebelumnya.
24
V.
BAB V
KESIMPULAN DAN SARAN 5.1. Kesimpulan Berdasarkan pengujian yang telah dilakukan, maka diambil kesimpulan sebagai berikut A. Database yang di gunakan merupakan hasil pengolahan data semua process TADJ ke MySql pada saat terkoneksi ke server. B. Merubah proses data pengambilan data melalui API dari Mobile ke database dengan mengubah format data tersebut kedalam JSON. C. Menajalankan funsgi GET and POST method dalam pembuatan API TADJ dengan baik. D. Sebagai jembatan perantara dalam mengembangkan aplikasi dalam versi mobile pada TADJ. E. Membangun manajemen APITADJ memudahkan dalam pengelolaan data proses baik mahasiswa dan dosen menggunakan framework laravel. F. Dengan Adanya API TADJ yang terstruktur memudahkan Developer berikutya dalam melakukan pengembangan terhadap aplikasi ini.
5.2. Saran Dari kesimpulan diatas, saran penulis untuk aplikasi mobile app ini masih banyak pemanbahan-penambaan fitur yang harus ada di aplikasi ini.
25
DAFTAR PUSTAKA
1.
_________________,Notepad Wikipedia,2016, https://id.wikipedia.org/wiki/ diakses pada 7 November 2015
2.
_________________, Java Wikiepedia, 2015 , id.wikipedia.org/wiki/Java. diakses pada 7 November 2015
3.
___________________________________________, Androidstudio, 2015. http://www.twoh.co/2014/09/belajar-membuat-aplikasi-androidmenggunakan-android-studio/ , diakses pada 7 November 2015
4.
________________________,
XAMPP
,
2015.
http://opraywinter.blogspot.co.id/2014/11/definisi-pengertian-dan-fungsixampp.html, diakses pada 7 November 2015. 5.
________________________,
MySQL,
2015.
https://id.wikipedia.org/wiki/MySQL , diakses pada 7 November 2015.
6.
_________________,
PHP:
Hypertext
Preprocessor,
2015.
https://secure.php.net/FAQ.php , diakses pada 7 November 2015 7.
Prasetio, A. (2012). Buku Pintar Pemrograman Web. Jakarta: Media Kita
8.
_________________,
Filezilla
2015.
project.org/Main_Page , diakses pada 8November 2015
26
https://wiki.filezilla-
