Analisis Kebutuhan Sistem - BAB III PERANCANGAN SISTEM

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

11 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

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

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

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.5.1Tampilan Sidebar Blade pada Login view

Gambar 3.3.5.2Tampilan hasil JSON View Object

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

17 3. Process Pembuatan Routes API TADJ

Gambar 4.1.3 Routes Controller

4. Process pembuatan sidebar pada view

Gambar 4.1.4 View Sidebar

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

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.

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

2. POST method pada API TADJ

POST

Gambar 4.4.1 contoh GET Method TADJ list jurusan

Database API TADJ (JSON)

Database

API TADJ (JSON)

1. Pemograman Untuk Post JSON ke Database

Gambar 4.4.2.1 contoh controller Post TA

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

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

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.

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

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-android-menggunakan-android-studio/ , diakses pada 7 November 2015

4. ________________________, XAMPP , 2015.

http://opraywinter.blogspot.co.id/2014/11/definisi-pengertian-dan-fungsi-xampp.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.

https://wiki.filezilla-project.org/Main_Page , diakses pada 8November 2015

Dalam dokumen CRAYONPEDIA EDUCATION ECOSYSTEM IMPLEMENTASI APPLICATION PROGRAMMING INTERFACE PADA TADJ MENGGUNAKAN FRAMEWORK LARAVEL TUGAS AKHIR (Halaman 19-0)