PUBLIKASI ILMIAH TUGAS AKHIR DAN TESIS SEKOLAH TINGGI TEKNIK SURABAYA
May 11th, 2019 Sekolah Tinggi Teknik Surabaya Indra Maryati, Informatics Engineering Lecturer, Sekolah Tinggi Teknik
Bayu Syafrezal Izdham, Informatics Engineering, Sekolah Tinggi Teknik Surabaya, Surabaya, East Java, Indonesia (e-mail: maryati@stts.edu)
Surabaya, Surabaya, East Java, Indonesia (e-mail: bayusyafresalizd- Eka Rahayu Setyaningsih, Visual Communication Design Lecturer, Sekolah
ham@gmail.com) Tinggi Teknik Surabaya, Surabaya, East Java, Indonesia (e-mail: ika@stts.edu)
2
PUBLIKASI ILMIAH TUGAS AKHIR DAN TESIS SEKOLAH TINGGI TEKNIK SURABAYA
sebagai program komputer yang dibuat untuk menolong manu- messanging. Firebase Cloud Messaging / FCM, adalah layanan
sia dalam melaksanakan tugas tertentu. Aplikasi software yang yang diberikan oleh Firebase untuk menggantikan Google
dirancang untuk penggunaan praktisi khusus [1]. Cloud Messaging (GCM). Dengan FCM pengguna layanan
firebase bisa memberikan push notification dan membuat
komunikasi dua arah antara device.
B. CodeIgniter
CodeIgniter adalah sebuah web application network yang
bersifat open source yang digunakan untuk membangun ap- F. Bahasa Pemrograman Dart
likasi php dinamis. CodeIgniter menjadi sebuah framework Bahasa pemrograman Dart merupakan bahasa pemrograman
PHP dengan model MVC (Model, View, Controller) untuk general-purpose yang dirancang oleh Lars Bak dan Kasper
membangun website dinamis dengan menggunakan PHP yang Lund. Bahasa pemrograman ini dikembangkan sebagai bahasa
dapat mempercepat pengembang untuk membuat sebuah ap- pemrograman aplikasi yang dapat dengan mudah untuk dipela-
likasi web. Selain ringan dan cepat, CodeIgniter juga memiliki jari dan disebarkan. Bahasa pemrograman Google ini dapat
dokumentasi yang super lengkap disertai dengan contoh imple- digunakan untuk mengembangkan berbagai macam platform
mentasi kodenya. Dokumentasi yang lengkap inilah yang men- termasuk di dalamnya adalah web, aplikasi mobile, server, dan
jadi salah satu alasan kuat mengapa banyak orang memilih Co- perangkat yang mengusung teknologi Internet of Things.
deIgniter sebagai framework pilihannya.
G. Flutter Framework
C. FFEMPG Flutter adalah SDK untuk pengembangan aplikasi mobile
FFmpeg adalah program komputer yang dapat merekam, yang dikembangkan oleh Google. Sama seperti react native,
mengkonversikan dan streaming audio dan video digital dalam framework ini dapat digunakan untuk membuat atau mengem-
berbagai format. FFmpeg merupakan aplikasi command line bangkan aplikasi mobile yang dapat berjalan pada device iOS
yang terdiri dari kumpulan pustaka perangkat lunak bebas / dan Android [3].
open source. Termasuk libavcodec, library untuk audio codec / Flutter memiliki struktur project yang cukup unik dimana
video codec yang digunakan oleh beberapa proyek lain, dan li- pada setiap projek flutter didalamnya terdapat juga 2 project
bavformat, library untuk audio / video mux kontainer dan de- lain yaitu folder android untuk projek android dan folder ios
mux kontainer. Nama proyek yang berasal dari grup video untuk projek ios.
standar MPEG, di tambahkan "FF" untuk "fast forward".
FFmpeg dikembangkan pada Linux, tetapi dapat dikompilasi di
banyak sistem operasi, termasuk Apple Inc Mac OS X, Mi-
crosoft Windows dan AmigaOS. Sebagian besar platform kom-
putasi dan set instruksi arsitektur microprocessor juga di
dukung, seperti x86 (IA-32 dan x86-64), PPC (PowerPC),
ARM, DEC Alpha, SPARC, dan arsitektur MIPS.
D. MYSQL
MySQL adalah salah satu RDBMS (Relational Database
Management System). Maksud RDBMS adalah aplikasi data-
base yang menggunakan prinsip relasional / saling terhubung
satu sama lainnya. Alasan menggunakan database MySQL dari Gambar. 1. Struktur Folder Projek Flutter
pada RDBMS lainnya adalah Speed, Reliability, Skalability,
User friendly, Multiuser Support. Dalam relasional database Komponen design pada flutter disebut widget. flutter cukup
model, sebuah database merupakan kumpulan relasi yang sal- banyak memiliki widget, diantaranya adalah stateless widget,
ing terhubung satu sama lainnya. Relasi adalah istilah dalam re- stateful widget, text, image, textfield, icon, raised button, col-
lational database, atau sering disebut juga sebagai tabel. Se- umn, row, listview, dialog, scaffold dan container.
layaknya tabel yang memiliki kolom dan baris, dalam relational Selain memiliki widget yang cukup banyak, flutter juga
database, kolom (column) disebut attribute, sedangkan baris memiliki dukungan library external yang cukup banyak dan
(row) disebut tuple. sangat membantu dalam pengembangan. Beberapa library yang
cukup membantu dalam pengembangan adalah sqflite,
E. FIREBASE path_provider, http, image_picker, video_player, chewie dan
Firebase adalah BaaS (Backend as a Service) yang saat ini firebase_messanging.
dimiliki oleh Google. Firebase ini merupakan solusi yang dita-
warkan oleh Google untuk mempermudah pekerjaan Mobile III. METODE DAN INTI PENELITIAN
Apps Developer. Dengan adanya Firebase, apps developer bisa Pada bab ini akan dijelaskan tata cara pengerjaan sistem ini
fokus mengembangkan aplikasi tanpa harus memberikan effort mulai dari awal hingga akhir. Berikut ini adalah langkah-
yang besar untuk urusan backend [2]. Firebase memiliki banyak langkah pengerjaan sistem ini.
layanan salah satu layanan dari firebase adalah firebase cloud 1) Mencari dan membaca semua bahan bacaan tentang flutter
3
PUBLIKASI ILMIAH TUGAS AKHIR DAN TESIS SEKOLAH TINGGI TEKNIK SURABAYA
Pada gambar 3 terdapat 2 buah edit box atau isian yang harus
1) Sistem administrator dapat meliha data apa saja yang ada diisi oleh user. Data yang diperlukan oleh user untuk dapat
dalam database situs yaitu laporan user, berita pada aplikasi, login adalah data NRP dan password setelah itu user dapat
biro yang terdaftar, informasi biro dan informasi user. Sebe- menekan tombol masuk sekarang. Jika NRP dan password yang
lum administrator dapat melihat laporan-laporan tersebut, dimasukan benar maka user diarahkan kehalaman home.
administrator diharuskan melakukan proses login terlebih
dahulu.
4
PUBLIKASI ILMIAH TUGAS AKHIR DAN TESIS SEKOLAH TINGGI TEKNIK SURABAYA
C. Desain Prosedural
Pada subbab ini akan dibahas desain prosedural yang meru-
pakan algoritma yang digunakan pada aplikasi Tugas Akhir. Al-
goritma yang diberikan yaitu algoritma dalam membuat sebuah
laporan baru dan algoritma login. Berikut akan dibahas
prosedural untuk login pada algoritma 1.
Algoritma 1 Login
[Fungsi. : Proses Login]
[Input. : Data Login]
[Output. : User berhasil login]
1: [User mengisi data yang dibutuhkan]
2: User menekan tombol ‘Masuk Sekarang’
3: Mengirimkan data ke webservice, webservice
melakukan pengecekan
4: Mendapatkan hasil proses login dari webservice
Gambar. 4. Tampilan Halaman Home 5: IF status dari webservice bernilai 1 THEN
6: User berhasil login
7: Token User disimpan pada Database SQLITE
Pada gambar 4 menampilkan kumpulan laporan yang pernah Algoritma 5.1 Lanjutan
dilaporkan oleh para mahasiswa STTS dan laporan yang tampil 8: User diarahkan kehalaman home
9: ELSE
pada halaman tersebut ditampilkan secara descending yaitu dari 10: Muncul Pesan Error
laporan yang paling terbaru ke laporan yang terlama, selain itu 11: User mencoba login kembali
ada juga tombol search di pojok kanan digunakan ketika user 12: END IF
ingin melakukan search, ketik tombol itu ditekan akan
memunculkan popup pencarian. Lalu ada juga tombol plus apa- Selain algoritma login akan dijelaskan juga algoritma untuk
bila tombol tersebut ditekan, maka akan mengarahkan user ke- membuat laporan baru. Algoritma membuat laporan ini hanya
halaman membuat laporan baru. bisa dijalankan ketika user telah login. Berikut akan dibahas
prosedural untuk membuat laporan baru pada algoritma 2.
V. KESIMPULAN
Pada bab ini akan dijelaskan mengenai kesimpulan dari pem-
buatan aplikasi pada tugas akhir ini. Kesimpulan ini didapatkan
berdasarkan perkembangan selama proses pembuatan aplikasi.
Kesimpulan-kesimpulan tersebut antara lain.
1) Penggunaan flutter framework untuk mendevelop aplikasi
native pada device ios dan android sangatlah membantu, di-
mana dengan flutter tidak perlu lagi belajar secara penuh ba-
hasa untuk mendeveloper aplikasi ios dan android secara na-
tive seperti java dan swift karena dengan flutter cukup
ketika melalukan compile pada sistem yang dibuat dua Ba-
hasa tersebut akan tergenerate otomatis pada masing-mas-
ing projek yang ada pada flutter projek.
2) Fitur hot reaload yang ada pada flutter sangat membantu da-
lam pengembangan aplikasi, dimana sistem yang dibuat
tidak perlu decompile ulang, cukup disimpan saja maka pe-
rubahan yang dilakukan pada sistem akan otomatis muncul
pada device tempat melakukan compile sistem tersebut.
3) Untuk design flutter memiliki dua library bawaan yang san-
gat membantu yaitu cupertino dan material, dimana Cuper-
tino ini diperuntukan untuk membuat design dengan style
yang dimiliki oleh iOS sedangkan material diperuntukan
untuk membuat design dengan style yang dimiliki android
DAFTAR PUSTAKA
[1] Achmad Junafan. (2018, May 13). Geographic information sistem
pencarian lokasi rumah sakit dan kentor polisi berbasis android
[Online]. Available : http://eprints.umsida.ac.id/1803/1/Skripsi_Uni-
versitas%20Muhammadiyah%20Sidoarjo_2018.pdf
[2] Boni Octavianus. (2016, Sep 08). Apa itu Firebase ? [Online].
Available : https://coolnetkid.wordpress.com/2016/09/08/android-
apa-itu-firebase/
[3] Benny Liantriana. (2018, May 16). Pengenalan flutter.io bagi devel-
oper react [Online]. Available : https://medium.com/skyshidig-
ital/flutter-io-416c63020732
[4] Sukindar. (2016, Oct 15). Kelebihan bahasa pemrograman dart
[Online]. Available : https://teknojurnal.com/kelebihan-bahasa-pem-
rograman-dart/
[5] Julien Louage. (2018, May 21). Flutter row/column cheat sheet
[Online]. Available : https://medium.com/jlouage/flutter-row-col-
umn-cheat-sheet-78c38d242041
[6] Peter Birdsall. (2018, Sep 04). Enabling Firebase Cloud Messaging
Push Notifications with Flutter. [Online]. Available : https://me-
dium.com/flutterpub/enabling-firebase-cloud-messaging-push-noti-
fications-with-flutter-39b08f2ed723
[7] Indra Maryati. (2010, Jan). Penerapan algoritma forcedirected
graph untuk visualisasi musicmap.. [Online]. Available : https://in-
dramaryati.files.wordpress.com/2010/02/205115366.pdf