PERANCANGAN SISTEM INFORMASI ANTARA WALI MAHASISWA …spmi.poltekba.ac.id/spmi/fileTA/Muhammad...
Transcript of PERANCANGAN SISTEM INFORMASI ANTARA WALI MAHASISWA …spmi.poltekba.ac.id/spmi/fileTA/Muhammad...
PERANCANGAN SISTEM INFORMASI ANTARA WALI
MAHASISWA DENGAN POLITEKNIK NEGERI BALIKPAPAN
BERBASIS ANDROID
TUGAS AKHIR
MUHAMMAD IQBAL
NIM : 140309253293
POLITEKNIK NEGERI BALIKPAPAN
JURUSAN TEKNIK ELEKTRONIKA
2017
LEPIIBAR PENGESAⅡ AN
PERANCANGAN SIS口 ElⅥ INFORDIASI ANTARA
WALIPり 旺國LSISWA DENGAN
POLITEKNIK NEGERI BALIKPAPAN BERBASIS ANDROID
Di susun Olch:
Muhammad lqbal
140309253293
NID■1 1101047701
PengtIJl l
M・―プMalia Ulfah S T,MTNIP 198107182014042001
Ram‖.SE¨ MMNIP 196512312007011627
PcngtlJ1 2
Pernbimbing 1
:::1會:'|])iζli::
11985031011
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
KEPENTINGAN AKADEMIS
Sebagai civitas akademik Politeknik Negeri Balikpapan, saya yang bertanda
tangan di bawah ini :
Nama
NIM
Program Studi
Judul TA
: Muhammad Iqbal
: 140309253293
: Teknik Elektronika
: Perancangan Sistem Infonnasi Antara Wali Mahasiswa
Dengan Politeknik Negeri Balikpapan berbasis
Android.
Derni pengembangan ilmu pengetahuan, saya menyetujui untuk
memberikan hak kepada Politeknik Negeri Balikpapan untuk menyimpan,
mengalih media atau format-kan, mengelola dalam bentuk pangkalan data
(database), merawat, dan mempublikasikan tugas akhir saya selama tetap
mencantumkan nama saya sebagai pencipta/penulis.
Demikian pernyataan ini saya buat dengan sebenar-benamya.
Dibuat di : Balikpapan
Pada tanggal : 5 Juli 2017
V!
v
LEMBAR PERSEMBAHAN
Karya ilmiah ini ku persembahkan kepada
Ayahanda dan Ibunda Tercinta
Ruslan Bin Harun dan Armini
Kepada Tutor Programming saya
Heru Joko Priyo Utomo & Kang Galih Arghubi
Yang selalu memberikan motivasi dan arahan
Triyas Afrilia
Keluarga Besar The Kost
Keluarga Besar Digital Lounge Balikpapan
Keluarga Besar Teknik Elektronika
Politeknik Negeri Balikpapan
Keluarga Besar Telekomunikasi Angkatan 2014 Politeknik Negeri Balikpapan
Serta teman-teman yang selalu menyemangati saya
v
SURAT PERNYATAAN
Yang bertanda tangan di bawah ini :
Nama : Muhammad Iqbal
Tempat/Tgl Lahir : Balikpapan, 5 November 1996
NIM : 140309253293
Menyatakan tugas akhir yang berjudul “Perancangan Sistem Informasi
Antara Wali Mahasiswa dengan Politeknik Negeri Balikpapan Berbasis Android”
adalah bukan hasil karya orang lain, baik sebagian maupun keseluruhan. Kecuali
dalam kutipan yang kami sebutkan sumbernya.
Dengan demikian pernyataan ini kami buat dengan sebenar-benarnya dan
apabila pernyataan ini tidak benar kami bersedia mendapat sanksi akademis.
Balikpapan, Juli 2017
Muhammad Iqbal
NIM : 140309253293
vii
ABSTRACT
The development of today's technology, especially Android increases
from year to year. Android is an open, free and free technology container that is
designed for beginners who want to learn as well as professional developers who
want to develop and process the program. On the other hand, monitoring of
children using the current application has not been widely developed in due to
inadequate human resources
The purpose of this study is to develop applications to monitor children
in academic terms using the android platform. The design is made very user
friendly. Users only need to login already made by admin. After that users can
access the application by monitoring the latest news about the relevant
institutions can also see the results of the child's value and attendance list during
on campus.
The method used in this application is the literature study about the
applications that are created and modified with the Ionic Framework application
and also Laravel. At the end of the study, this application has been tested on
several devices such as smartphones and emulator. This application can only be
used in Android OS 4.4 (Jelly Bean) and above. Also required enough
specification to open this application for the application can run smoothly and as
it should.
Keywords: Android, Ionic Framework, Laravel, Child Monitoring
viii
ABSTRAK
Perkembangan teknologi masa kini khususnya Android meningkat dari
tahun ke tahun. Android adalah sebuah wadah teknologi yang bersifat terbuka,
bebas dan juga gratis yang di peruntukkan untuk para pemula yang ingin belajar
sekaligus para pengembang professional yang ingin mengembangkan dan
mengolah program. Disisi lain, pemantauan anak dengan menggunakan aplikasi
saat ini belum banyak di kembangkan di karenakan sumber manusia yang belum
memadai
Tujuan dari penelitian ini adalah mengembangkan aplikasi untuk
memantau anak dalam segi akademik nya dengan menggunakan platform android.
Desain dibuat sangat ramah bagi pengguna. Pengguna hanya perlu melakukan
login yang sudah di buatkan oleh admin. Setelah itu pengguna bisa mengakses
aplikasi tersebut dengan memantau kabar-kabar terbaru tentang institusi terkait
juga dapat melihat hasil nilai anak dan daftar kehadiran selama di kampus.
Metode yang digunakan dalam aplikasi ini adalah studi literatur tentang
aplikasi yang di buat dan di modifikasi dengan aplikasi Ionic Framework dan juga
Laravel. Di akhir penelitian, aplikasi ini telah di ujicoba di beberapa perangkat
seperti smartphone danemulator. Aplikasi ini hanya bisa di gunakan di OS
Android 4.4(Jelly Bean) ke atas. Juga dibutuh spesifikasi yang cukup untuk
membuka aplikasi ini agar aplikasi dapat berjalan dengan lancar dan sebagaimana
mestinya.
Kata Kunci : Android, Ionic Framework, Laravel, Pemantauan Anak
ix
KATA PENGANTAR
Puji dan syukur penulis panjatkan kepada Allah SWT yang telah
melimpahkan rahmat, taufik, serta hidayah-Nya sehingga penulis dapat
menyelesaikan Proposal Tugas Akhir ini. Pembuatan Proposal Tugas Akhir ini
merupakan sebuah rencana atau sebuah pengajuan judul dari pembuatan Tugas
Akhir yang akan menjadi syarat kelulusan program D3.
Dalam penyelesaian Proposal Tugas Akhir ini, penulis banyak
mendapatkan bantuan dari berbagai pihak. Oleh sebab itu penulis mengucapkan
banyak terima kasih kepada :
1. Ramli, S.E., M.M. selaku Direktur Politeknik Negeri Balikpapan sekaligus
Dosen Pembimbing 2 atas bimbingan dan saran-sarannya.
2. Drs.Suhaedi, M.T. selaku Ketua Program Studi Teknik Elektronika.
3. Andi Sri Irtawaty, S.T., M.Eng. selaku Dosen Pembimbing 1 atas bimbingan
dan saran-sarannya.
4. Heru Joko Priyo Utomo, S.Kom selaku tutor yang membantu selama
pengerjaan Projek Tugas Akhir.
5. Seluruh Mahasiswa Politeknik Negeri Balikpapan terutama Jurusan Teknik
Elektronika.
6. Kedua Orang Tua & Saudara-saudara ku atas doa dan motivasinya.
7. Dan pihak lain yang tidak bisa penulis sebutkan satu persatu.
Penulis menyadari sepenuhnya bahwa Proposal Tugas Akhir ini memiliki
banyak kekurangan, baik dari materi maupun teknik penyajiaannya. Mengingat
kurangnya pengetahuan dan pengalaman penulis, Oleh karena itu, kritik dan saran
yang membangun sangat di harapkan oleh penulis.
Balikpapan, 5 Juli 2017
Penulis
x
DAFTAR ISI
JUDUL
LEMBAR SAMPUL 2 ............................................................................................ ii
LEMBAR PERSETUJUAN................................................................................... iii
SURAT PERNYATAAN....................................................................................... iv
LEMBAR PERSEMBAHAN ................................................................................. v
SURAT PERNYATAAN PUBLIKASI ................................................................. vi
ABSTRACT .......................................................................................................... vii
ABSTRAK ........................................................................................................... viii
KATA PENGANTAR ........................................................................................... xi
DAFTAR ISI ........................................................................................................... x
DAFTAR GAMBAR ............................................................................................ xii
DAFTAR TABEL ................................................................................................ xiv
BAB I PENDAHULUAN
1.1 Latar Belakang ...................................................................................................1
1.2 Rumusan Masalah ..............................................................................................2
1.3 Batasan Masalah.................................................................................................2
1.4 Tujuan Penenelitian ............................................................................................2
1.5 Manfaat Penelitian .............................................................................................2
BAB II LANDASAN TEORI
2.1 Android ...........................................................................................................3
2.1.1 Sejarah ...........................................................................................................4
2.1.2 Antarmuka .....................................................................................................7
2.1.3 Aplikasi .........................................................................................................9
2.1.4 Versi Android ..............................................................................................10
2.2 Ionic Framework ...........................................................................................12
2.3 MySQL ........................................................................................................14
2.3.1 Keistimewaan MySQL ................................................................................15
2.3.2 Kelebihan & Kekurangan MySQL................................................................16
2.4 Laravel...........................................................................................................17
xi
BAB III METODE PERANCANGAN
3.1 Tempat dan Waktu ...........................................................................................18
3.2 Peralatan dan Bahan yang Digunakan ................................................................. 18
3.3 Proses Perancangan ..........................................................................................19
3.4 Proses Aplikasi .................................................................................................21
3.4 Perancangan Tampilan Aplikasi ......................................................................22
3.4.1 Tampilan Login .............................................................................................22
3.4.2 Tampilan Display Data .................................................................................22
3.5 Perancangan Basis Data ................................................................................23
BAB IV PERENCANAAN KEGIATAN
4.1 Pembahasan Program ....................................................................................24
4.1 Persiapan Aplikasi Ionic Framework & Laravel ...........................................24
4.1.2 Membuat Project baru di Ionic Framework & Laravel .................................24
4.1.3 Membuat Program Back-End ........................................................................25
4.1.4 Membuat Program Front-End .......................................................................31
BAB V KESIMPULAN & SARAN
5.1 Kesimpulan ...................................................................................................38
5.2 Saran ..............................................................................................................38
DAFTAR PUSTAKA ............................................................................................39
LAMPIRAN ...........................................................................................................40
xii
DAFTAR GAMBAR
Gambar 2.1 Logo Android ...................................................................................... 7
Gambar 2.2 Antarmuka Android ............................................................................. 9
Gambar 2.3 Aplikasi Android ............................................................................... 10
Gambar 2.4 Ionic Framework ............................................................................... 13
Gambar 2.5 MySQL ............................................................................................... 15
Gambar 2.6 Laravel .............................................................................................. 17
Gambar 3.1 Flowchart Perencanaan Aplikasi ...................................................... 20
Gambar 3.2 Flowchart Perancangan Akhir ........................................................... 21
Gambar 3.3 Tampilan Login ................................................................................. 22
Gambar 3.4 Tampilan Aplikasi ............................................................................ 22
Gambar 4.1 Instalasi Project Ionic ........................................................................ 24
Gambar 4.2 Folder Project Ionic ........................................................................... 25
Gambar 4.3 Instalasi Project Laravel .................................................................... 25
Gambar 4.4 Folder Project Laravel ....................................................................... 25
Gambar 4.5 Membuat model Laravel ................................................................... 26
Gambar 4.6 Model News.php ................................................................................ 27
Gambar 4.7 Model User.php ................................................................................. 27
Gambar 4.8 Model Absen.php ............................................................................... 28
Gambar 4.9 Model Nilai.php ................................................................................ 28
Gambar 4.10 Membuat controller laravel ........................................................... 29
Gambar 4.11 Format Kode Auth Controller ......................................................... 29
Gambar 4.12 Format Kode User Controller ......................................................... 30
Gambar 4.13 Format Kode JWT Controller ......................................................... 31
Gambar 4.14 Tampilan login.html ........................................................................ 32
Gambar 4.15 Kode Program login.html ................................................................ 33
Gambar 4.16 tabs.html .......................................................................................... 34
Gambar 4.17 Kode Program tabs.html .................................................................. 34
Gambar 4.18 Tampilan Tab-Dash.html ............................................................... 35
Gambar 4.19 Kode Program Tab-Dash.html ........................................................ 35
xiii
Gambar 4.20 Tampilan Status Anak ..................................................................... 36
Gambar 4.21 Tampilan Chats-detail.html ............................................................. 37
Gambar 4.22 Chat.html ......................................................................................... 38
xiv
DAFTAR TABEL
Tabel 2.1 ................................................................................................................ 10
Tabel 3.1 ................................................................................................................ 18
Tabel 3.2 ................................................................................................................ 21
Tabel 4.1 ................................................................................................................ 22
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkuliahan adalah program akademik yang dilaksanakan sesuai dengan
kurikulum yang telah direncanakan. Program perkuliahan yang telah direncanakan
akan dilaksanakan untuk pencapaian yang maksimal untuk program itu sendiri.
Untuk itu dalam pencapaiannya, pelaksanaan perkuliahan perlu dimonitor oleh
orang tua.
Monitoring perkuliahan merupakan kegiatan untuk mengetahui pelaksanaan
program perkuliahan dan kesesuaian dengan program yang direncanakan. Hal-hal
yang menyangkut dengan program perkuliahan antara lain, mata kuliah, GBPP
(Garis-garis Besar Pokok Pengajaran), syllabus, SAP (Satuan Acara Pengajaran),
jadwal mengajar, dosen pengajar atau pembimbing, pertemuan/tatap muka,
penyusunan materi perkuliahan, kehadiran atau absensi, pelaksanaan perkuliahan
dan hasil dari perkuliahan. Dengan kegiatan ini nantinya orang tua dapat
mengetahui sejauh mana proses perkuliahan telah berlangsung dan kesesuaiannya
dengan program yang telah direncanakan.
Aplikasi android untuk orang tua merupakan solusi bagi orang tua untuk
memantau hasil dari perkuliahan anaknya. Aplikasi android ini mampu membuat
orang tua dapat melakukan pengawasan anaknya selama ada kegiatan akademik
maupun non akademik di Perguruan Tinggi.
1.2 Rumusan Masalah
Adapun rumusan masalah dalam pelaksanaan tugas akhir ini adalah
sebagai berikut :
2
1. Bagaimana merancang aplikasi dengan cara yang efektif ?
2. Bagaimana orang tua dapat memantau perkembangan akademik anak di
sekolah/perguruan tinggi ?
3. Bagaimana Pemecahan masalah yang berkaitan dengan upaya
peningkatan prestasi belajar?
1.3 Batasan Masalah
Adapun batasan masalah dalam tugas akhir ini adalah sebagai berikut:
1. Pembahasan tugas akhir ini ditujukan untuk perancangan berita, daftar
nilai, pesan dalam satu aplikasi untuk memantau perkembangan
akademik anak dari perguruan tinggi kepada para orang tua.
2. Perancangan berita, pesan & daftar Indeks Prestasi dalam satu aplikasi
dengan menggunakan Ionic Framework dan Laravel.
3. Daftar Indek Prestasi & Absensi yang di tampilkan hanya nilai semester
enam yang di ambil dari tiga sampel Mahasiswa Teknik Elektronika
Politeknik Negeri Balikpapan.
4. Daftar berita yang digunakan disesuaikan dengan kemauan perancang
aplikasi.
1.4 Tujuan Penenelitian
Tujuan dari penulisan tugas akhir ini adalah sebagai berikut:
1. Membuat user untuk orang tua agar bisa memantau pendidikan anak
lewat fitur aplikasi ini.
2. Mengetahui tentang perkembangan terbaru yang terjadi di Politeknik
Negeri Balikpapan Program Studi Teknik Elektronika.
1.5 Manfaat Penelitian
Manfaat dari penelitian tugas akhir ini adalah :
1. Dapat memonitoring anak dalam perkembangan akademik.
2. Mendapatkan informasi terbaru tentang perkembangan yang ada di
civitas akademika Politeknik Negeri Balikpapan Program Studi Teknik
Elektronika.
3
BAB II
LANDASAN TEORI
2.1 Android(Sistem Operasi)
Android adalah system operasi berbasis Linux yang dirancang untuk
perangkat bergerak layar sentuh seperti telepon pintar dan komputer tablet.
Android awalnya dikembangkan oleh Android, Inc., dengan dukungan finansial
dari Google, yang kemudian membelinya pada tahun 2005. Sistem operasi ini
dirilis secara resmi pada tahun 2007, bersamaan dengan didirikannya Open
Handset Alliance, konsorsium dari perusahaan-perusahaan perangkat keras,
perangkat lunak, dan telekomunikasi yang bertujuan untuk memajukan standar
terbuka perangkat seluler. Ponsel Android pertama mulai dijual pada bulan
Oktober 2008.
Antarmuka pengguna Android umumnya berupa manipulasi langsung,
menggunakan gerakan sentuh yang serupa dengan tindakan nyata, misalnya
menggeser, mengetuk, dan mencubit untuk memanipulasi objek di layar,
serta papan ketik virtual untuk menulis teks. Selain perangkat layar sentuh,
Google juga telah mengembangkan Android TV untuk televisi, Android
Auto untuk mobil, dan Android Wear untuk jam tangan, masing-masingnya
memiliki antarmuka pengguna yang berbeda. Varian Android juga digunakan
pada komputer jinjing, konsol permainan, kamera digital, dan peralatan elektronik
lainnya.
Android adalah sistem operasi dengan sumber terbuka, dan Google merilis
kodenya di bawah Lisensi Apache. Kode dengan sumber terbuka dan lisensi
perizinan pada Android memungkinkan perangkat lunak untuk dimodifikasi
secara bebas dan didistribusikan oleh para pembuat perangkat, operator nirkabel,
dan pengembang aplikasi. Selain itu, Android memiliki sejumlah besar komunitas
pengembang aplikasi (apps) yang memperluas fungsionalitas perangkat,
umumnya ditulis dalam versi kustomisasi bahasa pemrograman Java. Pada bulan
Oktober 2013, ada lebih dari satu juta aplikasi yang tersedia untuk Android, dan
sekitar 50 miliar aplikasi telah diunduh dari Google Play, toko aplikasi utama
4
Android. Sebuah survei pada bulan April-Mei 2013 menemukan bahwa Android
adalah platform paling populer bagi para pengembang, digunakan oleh 71%
pengembang aplikasi bergerak.Di Google I/O 2014, Google melaporkan terdapat
lebih dari satu miliar pengguna aktif bulanan Android, meningkat dari 583 juta
pada bulan Juni 2013.
Faktor-faktor di atas telah memberikan kontribusi terhadap perkembangan
Android, menjadikannya sebagai sistem operasi telepon pintar yang paling banyak
digunakan di dunia, mengalahkan Symbian pada tahun 2010.
Android juga
menjadi pilihan bagi perusahaan teknologi yang menginginkan sistem operasi
berbiaya rendah, bisa dikustomisasi, dan ringan untuk perangkat berteknologi
tinggi tanpa harus mengembangkannya dari awal. Sifat Android yang terbuka juga
telah mendorong munculnya sejumlah besar komunitas pengembang aplikasi
untuk menggunakan kode sumber terbuka sebagai dasar proyek pembuatan
aplikasi, dengan menambahkan fitur-fitur baru bagi pengguna tingkat lanjut atau
mengoperasikan Android pada perangkat yang secara resmi dirilis dengan
menggunakan sistem operasi lain.
Pada November 2013, Android menguasai pangsa pasar telepon pintar
global, yang dipimpin oleh produk-produk Samsung, dengan persentase 64% pada
bulan Maret 2013. Pada Juli 2013, terdapat 11.868 perangkat Android berbeda
dengan beragam versi. Keberhasilan sistem operasi ini juga menjadikannya
sebagai target ligitasi paten "perang telepon pintar" antar perusahaan-perusahaan
teknologi. Hingga bulan Mei 2013, total 900 juta perangkat Android telah
diaktifkan di seluruh dunia, dan 48 miliar aplikasi telah dipasang dari Google
Play.
2.1.1 Sejarah Android
Android, Inc. didirikan di Palo Alto, California, pada bulan Oktober 2003
oleh AndyaRubin (pendiri Danger), Rich00Miner (pendiri000Wildfire
Communications, Inc.), Nick Sears (mantan VP T-Mobile), dan Chris White
(kepala desain dan pengembangan antarmuka WebTV untuk mengembangkan
"perangkat seluler pintar yang lebih sadar akan lokasi dan preferensi
penggunanya".
Tujuan awal pengembangan Android adalah untuk
5
mengembangkan sebuah sistem operasi canggih yang diperuntukkan bagi kamera
digital, namun kemudian disadari bahwa pasar untuk perangkat tersebut tidak
cukup besar, dan pengembangan Android lalu dialihkan bagi pasar telepon pintar
untuk menyaingi Symbian dan Windows Mobile (iPhone Apple belum dirilis pada
saat itu). Meskipun para pengembang Android adalah pakar-pakar teknologi yang
berpengalaman, Android Inc. dioperasikan secara diam-diam, hanya diungkapkan
bahwa para pengembang sedang menciptakan sebuah perangkat lunak yang
diperuntukkan bagi telepon seluler. Masih pada tahun yang sama, Rubin
kehabisan uang. Steve Perlman, seorang teman dekat Rubin, meminjaminya
$10.000 tunai dan menolak tawaran saham di perusahaan.
Google mengakuisisi Android Inc. pada tanggal 17 Agustus 2005,
menjadikannya sebagai anak perusahaan yang sepenuhnya dimiliki oleh Google.
Pendiri Android Inc. seperti Rubin, Miner dan White tetap bekerja di perusahaan
setelah diakuisisi oleh Google. Setelah itu, tidak banyak yang diketahui tentang
perkembangan Android Inc., namun banyak anggapan yang menyatakan bahwa
Google berencana untuk memasuki pasar telepon seluler dengan tindakannya
ini. Di Google, tim yang dipimpin oleh Rubin mulai mengembangkan platform
perangkat seluler dengan menggunakan kernel Linux. Google memasarkan
platform tersebut kepada produsen perangkat seluler dan operator nirkabel,
dengan janji bahwa mereka menyediakan sistem yang fleksibel dan bisa
diperbarui. Google telah memilih beberapa mitra perusahaan perangkat lunak dan
perangkat keras, serta mengisyaratkan kepada operator seluler bahwa kerja sama
ini terbuka bagi siapapun yang ingin berpartisipasi.
Spekulasi tentang niat Google untuk memasuki pasar komunikasi seluler
terus berkembang hingga bulan Desember 2006. BBC dan Wall Street
Journal melaporkan bahwa Google sedang bekerja keras untuk menyertakan
aplikasi dan mesin pencarinya di perangkat seluler. Berbagai media cetak dan
media daring mengabarkan bahwa Google sedang mengembangkan perangkat
seluler dengan merek Google. Beberapa di antaranya berspekulasi bahwa Google
telah menentukan spesifikasi teknisnya, termasuk produsen telepon seluler dan
operator jaringan. Pada bulan Desember 2007, InformationWeek melaporkan
6
bahwa Google telah mengajukan beberapa aplikasi paten di bidang telepon
seluler.
Pada tanggal 5 November 2007, Open Handset Alliance (OHA) didirikan.
OHA adalah konsorsium dari perusahaan-perusahaan teknologi seperti Google,
produsen perangkat seluler seperti HTC, Sony dan Samsung, operator nirkabel
seperti Sprint Nextel dan T-Mobile, serta produsen chipset
seperti Qualcomm dan Texas Instruments. OHA sendiri bertujuan untuk
mengembangkan standar terbuka bagi perangkat seluler. Saat itu, Android
diresmikan sebagai produk pertamanya; sebuah platform perangkat seluler yang
menggunakan kernel Linux versi 2.6. Telepon seluler komersial pertama yang
menggunakan sistem operasi Android adalah HTC Dream, yang diluncurkan pada
22 Oktober 2008.
Pada tahun 2010, Google merilis seri Nexus; perangkat telepon pintar dan
tablet dengan sistem operasi Android yang diproduksi oleh mitra produsen telepon
seluler seperti HTC, LG, dan Samsung. HTC bekerja sama dengan Google dalam
merilis produk telepon pintar Nexus pertama, yakni Nexus One. Seri ini telah
diperbarui dengan perangkat yang lebih baru, misalnya telepon pintar Nexus 4 dan
tablet Nexus 10 yang diproduksi oleh LG dan Samsung. Pada 15 Oktober 2014,
Google mengumumkan Nexus 6 dan Nexus 9 yang diproduksi oleh Motorola dan
HTC. Pada 13 Maret 2013, Larry Page mengumumkan dalam postingan blognya
bahwa Andy Rubin telah pindah dari divisi Android untuk mengerjakan proyek-
proyek baru di Google. Ia digantikan oleh Sundar Pichai, yang sebelumnya
menjabat sebagai kepala divisi Google Chrome, yang mengembangkan Chrome
OS.
Sejak tahun 2008, Android secara bertahap telah melakukan sejumlah
pembaruan untuk meningkatkan kinerja sistem operasi, menambahkan fitur baru,
dan memperbaiki bug yang terdapat pada versi sebelumnya. Setiap versi utama
yang dirilis dinamakan secara alfabetis berdasarkan nama-nama makanan pencuci
mulut atau camilan bergula; misalnya, versi 1.5 bernama Cupcake, yang kemudian
diikuti oleh versi 1.6 Donut. Versi terbaru adalah 5.0 Lollipop, yang dirilis pada
7
15 Oktober 2014. Dan terbaru Android 6.0 Marshmellow yg dirilis pada tahun
2015.
Gambar 2.1 Logo Android
Sumber : https://www.giantbomb.com/android/3045-123/
2.1.2 Antarmuka
Antarmuka pengguna pada Android didasarkan pada manipulasi langsung,
menggunakan masukan sentuh yang serupa dengan tindakan di dunia nyata,
misalnya menggesek (swiping), mengetuk (tapping), dan mencubit (pinching),
untuk memanipulasi objek di layar. Masukan pengguna direspon dengan cepat dan
juga tersedia antarmuka sentuh layaknya permukaan air, seringkali menggunakan
kemampuan getaran perangkat untuk memberikan umpan balik haptik kepada
pengguna. Perangkat keras internal seperti akselerometer, giroskop, dan sensor
proksimitas digunakan oleh beberapa aplikasi untuk merespon tindakan pengguna,
misalnya untuk menyesuaikan posisi layar dari potret ke lanskap, tergantung pada
bagaimana perangkat diposisikan, atau memungkinkan pengguna untuk
mengarahkan kendaraan saat bermain balapan dengan memutar perangkat sebagai
simulasi kendali setir.
Ketika dihidupkan, perangkat Android akan memuat pada layar depan
(homescreen), yakni navigasi utama dan pusat informasi pada perangkat, serupa
8
dengan desktop pada komputer pribadi. Layar depan Android biasanya terdiri dari
ikon aplikasi dan widget; ikon aplikasi berfungsi untuk menjalankan aplikasi
terkait, sedangkan widget menampilkan konten secara langsung dan terbarui
otomatis, misalnya prakiraan cuaca, kotak masuk surel pengguna, atau
menampilkan tiker berita secara langsung dari layar depan. Layar depan bisa
terdiri dari beberapa halaman, pengguna dapat menggeser bolak balik antara satu
halaman ke halaman lainnya, yang memungkinkan pengguna Android untuk
mengatur tampilan perangkat sesuai dengan selera mereka. Beberapa aplikasi
pihak ketiga yang tersedia di Google Play dan di toko aplikasi lainnya secara
ekstensif mampu mengatur kembali tema layar depan Android, dan bahkan bisa
meniru tampilan sistem operasi lain, misalnya Windows Phone.
Kebanyakan
produsen telepon seluler dan operator nirkabel menyesuaikan tampilan perangkat
Android buatan mereka untuk membedakannya dari pesaing mereka.
Di bagian atas layar terdapat status bar, yang menampilkan informasi
tentang perangkat dan konektivitasnya. Status bar ini bisa "ditarik" ke bawah
untuk membuka layar notifikasi yang menampilkan informasi penting atau
pembaruan aplikasi, misalnya surel diterima atau SMS masuk, dengan cara tidak
mengganggu kegiatan pengguna pada perangkat. Pada versi awal Android, layar
notifikasi ini bisa digunakan untuk membuka aplikasi yang relevan, namun
setelah diperbarui, fungsi ini semakin disempurnakan, misalnya kemampuan
untuk memanggil kembali nomor telepon dari notifikasi panggilan tak terjawab
tanpa harus membuka aplikasi utama.
Notifikasi ini akan tetap ada sampai
pengguna melihatnya, atau dihapus dan di nonaktifkan oleh pengguna.
9
Gambar 2.2 Antarmuka Android
Sumber : https://developer.android.com/design/handhelds/index.html
2.1.3 Aplikasi
Android memungkinkan penggunanya untuk memasang aplikasi pihak
ketiga, baik yang diperoleh dari toko aplikasi seperti Google Play, Amazon
Appstore, ataupun dengan mengunduh dan memasang berkas APK dari situs
pihak ketiga. Di Google Play, pengguna bisa menjelajah, mengunduh, dan
memperbarui aplikasi yang diterbitkan oleh Google dan pengembang pihak
ketiga, sesuai dengan persyaratan kompatibilitas Google. Google Play akan
menyaring daftar aplikasi yang tersedia berdasarkan kompatibilitasnya dengan
perangkat pengguna, dan pengembang dapat membatasi aplikasi ciptaan mereka
bagi operator atau negara tertentu untuk alasan bisnis. Pembelian aplikasi yang
tidak sesuai dengan keinginan pengguna dapat dikembalikan dalam waktu 15
menit setelah pengunduhan. Beberapa operator seluler juga menawarkan tagihan
langsung untuk pembelian aplikasi di Google Play dengan cara menambahkan
harga pembelian aplikasi pada tagihan bulanan pengguna. Pada bulan September
2012, ada lebih dari 675.000 aplikasi yang tersedia untuk Android, dan perkiraan
jumlah aplikasi yang diunduh dari Play Store adalah 25 miliar.
10
Gambar 2.3 Aplikasi Android
Sumber : www.wikipedia.com
Aplikasi Android dikembangkan dalam bahasa pemrograman Java dengan
menggunakan kit pengembangan perangkat lunak Android (SDK). SDK ini terdiri
dari seperangkat perkakas pengembangan, termasuk debugger, perpustakaan
perangkat lunak, emulator handset yang berbasis QEMU, dokumentasi, kode
sampel, dan tutorial. Didukung secara resmi oleh lingkungan pengembangan
terpadu (IDE) Eclipse, yang menggunakan plugin Android Development Tools
(ADT). Perkakas pengembangan lain yang tersedia di antaranya adalah Native
Development Kit untuk aplikasi atau ekstensi dalam C atau C++, Google App
Inventor, lingkungan visual untuk pemrogram pemula, dan berbagai kerangka
kerja aplikasi web seluler lintas platform
2.1.4 Versi Android
Tabel di bawah ini akan menampilkan data mengenai jenis-jenis platform
android.
11
Tabel 2.1 Perkembangan Sistem Operasi Android
Versi Nama kode Tanggal rilis Level API Distribusi
7.0 Nougat 22 Agustus 2016 24 Kurang dari 0.1%
6.0 Marshmallow 19 Agustus 2015 23
5.x Lollipop 15 Oktober 2014 21
4.4.x KitKat[179] 31 Oktober 2013[180] 19 24,5%
4.3.x Jelly Bean 24 Juli 2013 18 8%
4.2.x Jelly Bean 13 November 2012 17 20,7%
4.1.x Jelly Bean 9 Juli 2012 16 25,1%
4.0.3–4.0.4 Ice Cream Sandwich 16 Desember 2011 15 9,6%
3.2 Honeycomb 15 Juli 2011 13
3.1 Honeycomb 10 Mei 2011 12
2.3.3–2.3.7 Gingerbread 9 Februari 2011 10 11,7%
2.3–2.3.2 Gingerbread 6 Desember 2010 9
2.2 Froyo 20 Mei 2010 8 0,7%
12
Versi Nama kode Tanggal rilis Level API Distribusi
2.0–2.1 Eclair 26 Oktober 2009 7
1.6 Donut 15 September 2009 4
1.5 Cupcake 30 April 2009 3
Sumber : www.wikipedia.com
Dari tabel diatas android Nougat adalah versi Android terbaru, sedangkan
Cupcake adalah versi Android pertama yang dirilis dan digunakan untuk system
operasi Mobile Phone.
2.2 Ionic Framework (Perangkat Lunak)
Ionic adalah platform yang mentargetkan Programer Web agar bisa
membuat aplikasi Mobile dengan Teknologi Web. Programmer web yang ingin
menjadi programer Mobile tidak perlu belajar Java atau Objective C atau C#
untuk membuat versi Aplikasi dari layanan webnya. Inilah pandangan dari pendiri
Ionic. Sebelumnya, pendiri ionic ingin membuat gebrakan revolusioner dengan
konsep mengubah konsep Write one Run Anywhere dengan satu base code
berbasis javascript.
Ternyata, ketika ide ini disampaikan ke para programer Android atau iOS,
ide ini tidak disambut hangat. Mengapa? karena tidak semua bisa dilakukan
dengan teknologi web. Salah satunya adalah pemrograman Game di Smartphone
yang memanfaatkan openGL ES atau aplikasi yang sangat tergantung Sensor. Dari
sinilah pengembang Ionic akhirnya mempivot targetnya adalah untuk para
programer web yang ingin membuat aplikasi mobile (biasanya aplikasi bisnis)
tanpa harus belajar bahasa pemrograman lain.
a. Kelebihan & Kekurangan Ionic Framework
13
- Ionic Menggunakan lisensi Opensource
Ionic platform menggunakan lisensi opensource, anda boleh membuat aplikasi
free ataupun comercial dengan Ionic.
- Menggunakan teknologi web terbaru
Ionic memanfaatkan AngularJS untuk implementasi logicnya. Mengapa tidak
memakai jQuery? karena jQuery terkenal lambat di mobile sedangkan Angular
menawarkan performa dan respon cepat serasa aplikasi native.
- Target Hanya untuk Android 4 dan ios 7 Keatas
Anda bisa melihat ini sebagai kelebihan ataupun kekurangan. Bagi yang suka
dengan hal baru dan ingin kode yang bersih tanpa memikirkan kompabilitas
dengan versi mobile OS lama, maka ionic adalah platform yang paling pas.
- Berbasis Apache Cordova /Phonegap
Perhatikan point ini. Ionic hanya menyediakan frameworknya, untuk
membungkusnya menjadi aplikasi Android atau iOS anda tetap pakai phonegap.
Artinya bagi para programer phonegap dengan platform lain, keahliannya tetap
bisa dipakai.
Gambar 2.4 Ionic Framework
Sumber : http://blog.ionic.io/announcing-ionic-lab-mix-it-up-with-our-new-gui
14
2.3 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis
data SQL (bahasa Inggris: database management system) atau DBMS
yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh
dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak
gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga
menjual dibawah lisensi komersial untuk kasus-kasus di mana penggunaannya
tidak cocok dengan penggunaan GPL.
Tidak sama dengan proyek-proyek seperti Apache, di mana perangkat lunak
dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki
oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah
perusahaan komersial SwediaMySQL AB, di mana memegang hak cipta hampir
atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang
mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael
"Monty" Widenius. Setiap pengguna dapat secara bebas menggunakan MySQL,
namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk
turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah
satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured
Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama
untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan
pengoperasian data dikerjakan dengan mudah secara otomatis.
Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja
pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat
oleh pengguna maupun program-program aplikasi yang memanfaatkannya.
Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional
maupun operasi basisdata non-transaksional. Pada modus operasi non-
transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja
dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun pada
modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang
tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi
15
yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web
(wordpress), CMS, dan sejenisnya.
Gambar 2.5 Logo MySQL
Sumber : https://www.otreva.com/blog/mysql-execute-immediate-solution/
2.3.1 Keistimewaan MySQL
MySQL memiliki beberapa keistimewaan antara lain, yaitu :
a. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi
seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan
masih banyak lagi.
b. Perangkat lunak sumber terbuka. MySQL didistribusikan
sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga
dapat digunakan secara gratis.
c. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam
waktu yang bersamaan tanpa mengalami masalah atau konflik.
d. 'Performance tuning', MySQL memiliki kecepatan yang menakjubkan
dalam menangani query sederhana, dengan kata lain dapat memproses
lebih banyak SQL per satuan waktu.
e. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya,
seperti signed / unsigned integer, float, double, char, text, date, timestamp,
dan lain-lain.
f. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh
yang mendukung perintah Select dan Where dalam perintah (query).
16
g. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti
level subnetmask, nama host, dan izin akses user dengan sistem perizinan
yang mendetail serta sandi terenkripsi.
h. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data
dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan
60 ribu tabel serta 5 miliar baris. Selain itu batas indeks yang dapat
ditampung mencapai 32 indeks pada tiap tabelnya.
i. Konektivitas. MySQL dapat melakukan koneksi dengan klien
menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named
Pipes (NT).
j. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan
menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa
Indonesia belum termasuk di dalamnya.
k. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai
aplikasi dan bahasa pemrograman dengan menggunakan
fungsi API (Application Programming Interface).
l. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan
(tool) yang dapat digunakan untuk administrasi basis data, dan pada setiap
peralatan yang ada disertakan petunjuk online.
m. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel
dalam menangani ALTER TABLE, dibandingkan basis data lainnya
semacam PostgreSQL ataupun Oracle.
2.3.2 Kelebihan dan Kekurangan MySQL
Kelebihan dari MySQL adalah sebagai berikut :
a. Berlisensi GPL dan Multi Platform.
b. Dapat diintegrasikan dengan beberapa bahasa Pemrograman seperti .Net,
Java, Python, Perl yang merupakan bahasa pemrograman yang paling
dominan di kalangan programmer.
17
c. Mendukung ODBC untuk sistem operasi Windows sehingga bisa
digunakan aplikasi yang berjalan diwindows.
d. Bisa dijalankan pada spesifikasi hardware yang rendah karena lebih hemat
resource memory (dibandingkan database lain) sehingga mudah digunakan
untuk bahan pembelajaran.
e. MySQL dapat mendeteksi pesan kesalahan pada klien dengan
menggunakan lebih dari 20 bahasa meskipun bahasa indonesia belum
termasuk didalamnya.
Kekurangan dari MySQL adalah sebagai berikut :
1. Banyak mengklaim kurang support terhadap pemrograman
Visual/Desktop, sehingga sedikit yang menggunakan untuk aplikasi
visual.
2. Karena berlisensi GPL sehingga sulit mendapatkan update
untuk problem yang urgent, sehingga perusahaan skala menengah keatas
lebih memilih RDBMS berlisensi dan disupport seperti Oracle dan MS
SQL Server
3. Sangat diragukan dalam menangani data skala besar, karena ada beberapa
opini yang pro dan kontra terhadap kemampuan MySQL terhadap
pengolahan data yang besar.
2.4 Laravel
Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT,
dibangun dengan konsep MVC (model view controller). Laravel adalah
pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang
untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya
pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan
pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang
ekspresif, jelas dan menghemat waktu.
18
MVC adalah sebuah pendekatan perangkat lunak yang memisahkan
aplikasi logika dari presentasi. MVC memisahkan aplikasi berdasarkan
komponen- komponen aplikasi, seperti : manipulasi data, controller, dan user
interface.Model, Model mewakili struktur data. Biasanya model berisi fungsi-
fungsi yang membantu seseorang dalam pengelolaan basis data seperti
memasukkan data ke basis data, pembaruan data dan lain-lain. View, View
adalah bagian yang mengatur tampilan ke pengguna. Bisa dikatakan berupa
halaman web. Controller, Controller merupakan bagian yang menjembatani
model dan view. Beberapa fitur yang terdapat di Laravel :
Bundles, yaitu sebuah fitur dengan sistem pengemasan modular dan
tersedia beragam di aplikasi. Eloquent ORM, merupakan penerapan PHP
lanjutan menyediakan metode internal dari pola “active record” yang
menagatasi masalah pada hubungan objek database. Application Logic,
merupakan bagian dari aplikasi, menggunakan controller atau bagian Route.
Reverse Routing, mendefinisikan relasi atau hubungan antara Link dan Route.
Restful controllers, memisahkan logika dalam melayani HTTP GET and
POST. Class Auto Loading, menyediakan loading otomatis untuk class PHP.
View Composer, adalah kode unit logikal yang dapat dieksekusi ketika view
sedang loading. IoC Container, memungkin obyek baru dihasilkan dengan
pembalikan controller. Migration, menyediakan sistem kontrol untuk skema
database. Unit Testing, banyak tes untuk mendeteksi dan mencegah regresi.
Automatic Pagination, menyederhanakan tugas dari penerapan halaman.
Gambar 2.6 Laravel
Sumber : https://www.sitepoint.com/crud-create-read-update-delete-laravel-app/
19
BAB III
METODE PERANCANGAN
3.1 Tempat dan Waktu
Tempat pelaksanaan tugas akhir di Rumah Penulis, Jalan Projakal KM.5,5
RT.64 Nomor 47 Kelurahan Graha Indah, Balikpapan Utara serta di gedung
Digital Lounge Telkom STO 3 Balikpapan Baru, Kalimantan Timur. Waktu
penelitian mulai April 2017 sampai dengan Sekarang.
3.2 Peralatan dan Bahan
Penelitian tentang Aplikasi berbasis Android ini menggunakan bahan-bahan
dan peralatan yg digunakan untuk penyelesaian tugas akhir ini.
1. Peralatan
Tabel 3. 1 Alat yang digunakan
Alat Jumlah
Laptop Asus
X4550C 1
Mouse 1
Keyboard 1
Android Device 1
Sumber : Penulis
2. Bahan
Software Ionic Framework
Editor Visual Studio
Software MySQL
Software Laravel
20
3.3 Proses Perancangan
YA
YA
Gambar 3.1 Flowchart Perencanaan Aplikasi
Sumber : Penulis
Mulai
Tampilan Menu - Beranda
- Daftar Nilai
- Pesan
Login : Username
& Password
Jumlah sample
data 3 orang
Persiapan alat & software
Proses perancangan aplikasi
android
Proses pengujian
Apakah aplikasi
dapat berjalan
dengan baik
Hasil Tampilan
Selesai
YA
TIDAK
21
3.4 Proses Perancangan Akhir
TIDAK
YA
TIDAK TIDAK TIDAK
YA YA YA
MULAI
Inisialisasi input email & Password
Aktifkan proses
Apakah email &
password
sudah benar ?
Masukkan
email &
password
Tampilkan
aplikasi
aktif
Pilih menu
Apakah
memilih
berita ?
Apakah
memilih
Chat ?
Apakah
memilih
status ?
Pilih
logout
Tampilkan
berita
Tampilkan
status
Tampilkan
chat SELESAI
22
Gambar 3.2 Proses Perancangan Akhir
3.4 Perancangan Tampilan Aplikasi
Perancangan aplikasi ini adalah konsep awal dari bentuk tampilan data yang
akan di buat.
3.4.1 Tampilan Login
Gambar 3.3 Tampilan Login
Sumber : Penulis
3.4.2 Tampilan Display Data
Gambar 3.4 Tampilan Aplikasi
Sumber : Penulis
USERNAME
PASSWORD
LOGO
Tampilan yg akan di tampilkan
Status
anak berita chat logout
23
3.5 Perancangan Basis Data
Perancangan basis data / database merupakan rancangan awal dalam
pembuatan aplikasi dan merupakan perancangan yang sesuai dengan kebutuhan.
Beberapa hal dapat berubah menyesuaikan dengan kebutuhan pengguna.
Tabel 3.2 Rancangan Basis Data
Sumber : Penulis
Nama kolom username Password Berita nilai pesan
Atribut Varchar(20) Varchar(20) Varchar(20) Varchar(20) Varchar(20)
24
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
4.1 Pembahasan Program
Aplikasi yg dinamakan PoltekbaApp adalah aplikasi yang dimana
orang dari wali mahasiswa dapat mengetahui tentang absensi anak dan juga
nilai akademik dari anak tersebut. Dan juga orang tua dapat mengawasi anak
dengan bisa menghubungi Admin secara langsung menggunakan chat dari
Aplikasi Poltekba App. Dalam pembahasan nanti akan di jelaskan langkah-
langkah untuk membuat aplikasi.
4.1.1 Persiapan Aplikasi Ionic Framework & Laravel
Untuk dapat membuat aplikasi android, diperlukan sebuat perangkat lunak
seperti Ionic Framework untuk Front-End & Laravel untuk Back-End nya.
Untuk Mendapat kan program tersebut, dapat di unduh di website
ionicframework.com & laravel.com.
4.1.2 Membuat Project baru di Ionic Framework & Laravel
Untuk membuat aplikasi android kita membutuhkan Ionic untuk Program
Front-End sedangkan Laravel kita gunakan untuk membuat Program Back-End
nya.
1. Cara untuk membuat Project Ionic ini dengan membuka cmd yang
sudah di tetapkan directory nya atau tempat di simpan project ionic tadi
lalu ketikkan perintah di cmd “ ionic start „nama aplikasi‟ tabs –type v1
”.
Gambar 4.1 Instalasi Project Ionic
Sumber : Penulis
25
Gambar 4.2 Folder Project Ionic
Sumber : Penulis
Kemudian selanjutnya kita akan membuat project di laravel yg
nanti akan di gunakan sebagai Back-End yaitu bagian pemanggilan data yg
akan di tanggapi oleh Front-End. Untuk membuat Project laravel sama
dengan cara kita membuat project ionic tadi dengan membuat directory
tempat penyimpanan project yang akan kita buat tadi lalu masuk ke dalam
cmd(command prompt) dengan memasukkan perintah berikut „laravel new
“nama project” „.
G
Gambar 4.3 Instalasi Project Laravel
Sumber : Penulis
Setelah selesai maka kita akan mendapatkan folder dari hasil project
yang sudah kita buat tadi.
26
Gambar 4.4 Folder Project Laravel
Sumber : Penulis
1.1.3 Membuat Program Back-End
Dalam pembuatan aplikasi Poltekba App terdapat data yg di
butuhkan. Data yg di butuhkan adalah sebagai berikut :
1. Berita.php 6. Api.php
2. News.php 7. UsersController.php
3. User.php 8. JWTMiddleware.php
4. Absen.php 9. NewsController.php
5. Nilai.php 10. .env
1. Membuat model Berita.php, News.php, Users.php, Absen.php &
Nilai.php
Model php ini nanti nya akan di gunakan untuk menyamakan file
yg ada di database agar nanti bisa di relasikan. Model merupakan salah
satu dari bagian MVC yang bertugas berhubungan langsung dengan
database. Bisa dikatakan juga bahwa Model adalah penghubung setiap
alur program yang berhubungan dengan data. Cara untuk membuat
model adalah dengan mengetikkan di cmd project laravel yg sudah kita
dengan mengetik php artisan make:model Nama Model.
Gambar 4.5 Membuat model Laravel
Sumber : Penulis
Untuk pertama kalinya kita akan membuat model dengan nama
News.php. Untuk model berita php ini isinya adalah judul, banner,
author dan isi berita. Nantinya isi yang ada di berita.php ini akan di
munculkan ke view aplikasi nanti.
27
Gambar 4.6 Model News.php
Sumber : Penulis
Setelah membuat news.php selanjutnya kita akan membuat model user ,
model user ini akan digunakan untuk membuat login yang akan
digunakan nanti untuk sebelum masuk aplikasi.
Gambar 4.7 Model User.php
Sumber : Penulis
28
Selanjutnya kita akan membuat model Absen dan model Nilai. Model
ini akan digunakan untuk menampilkan data/hasil yg ingin kan kedalam
aplikasi yang sudah di buat nantinya.
Gambar 4.8 Model Absen.php
Sumber : Penulis
Gambar 4.9 Model Nilai.php
Sumber : Penulis
2. Lalu yang kedua adalah kita akan mengatur controller nya.
Sebelum nya Controller adalah mengambil permintaan, memparsing
permintaan, menginisialisasi, memanggil model dan kemudian
29
mengambil responnya, dan mengirimkannya ke View. Cara untuk
membuat controller adalah dengan mengetikkan di cmd project laravel
yg sudah kita dengan mengetik php artisan make:controller
NamaController.
Gambar 4.10 Membuat controller Laravel
Sumber : Penulis
Controller yang dibuat adalah AuthController & UserController. Nanti
controller tersebut akan digunakan untuk koneksi dengan Front-End.
a. Auth Controller
Pengertian dari Auth sendiri disini adalah Auth dalam aplikasi adalah
digunakan untuk membatasi user tertentu dalam mengakses aplikasi
atau program bahkan menu tertentu. Dalam membuat auth kita biasanya
memerlukan form login yang berisi inputan username atau email dan
password. Format code inputan dari Auth controller akan di sinkronkan
dengan aplikasi contohnya seperti untuk memiliki sebuah akun kita
harus ada username dan password yg harus di isi lalu kemudian
controller akan mengecek apakah akun tersebut sudah terdaftar atau
belum. Untuk contoh kode format input auth controller seperti yg
terlihat pada gambar
Gambar 4.11 Format Kode Auth Controller
Sumber : Penulis
30
b. User Controller
User controller ini di gunakan nanti nya untuk pembedaan nilai user.
User Controller sendiri akan memilih dan memilih untuk nilai-nilai
yang sesuai pada saat penginputan user sendiri. Dalam hal ini User
Controller sangat berperan penting dalam kinerjanya. Apabila User
Controller yg di masukkan tidak benar maka user tidak akan
mendapatkan nilai yang sesuai dengan nilai yang sudah di tentukan.
Gambar 4.12 Format Kode User Controller
Sumber : Penulis
c. JWT Middleware
Sebelumnya yang di maksud dengan JWT(Jason Web Token) adalah
token dengan format JSON Object, yang berisi informasi-informasi
penting yang dikemas secara aman menggunakan algoritma tertentu.
JWT terdiri dari tiga buah bagian, yaitu header, payload dan signature
yang dipisahkan oleh titik. Header memiliki attribute alg (algoritma
31
yang digunakan untuk signature) dan "typ" (tipe token). Kode
pemrograman pada JWTMiddleware yang menyimpan data-data dalam
bentuk kode enkripsi yang nanti akan di dekripsi oleh program untuk
menampilkan semua data yang tersimpan. Berikut adalah kode program
yang ada pada JWTMiddleware.
4.13 Format Kode JWT Controller
Sumber : Penulis
1.1.4 Membuat Program Front-End
Dalam Front-End sebenarnya hanya mengatur view yang akan di
tampilkan di Aplikasi Poltekba App. Data Front-End yg di butuhkan untuk
aplikasi Poltekba App adalah sebagai berikut :
1. Login.html 7. Tab-Dash.html
2. Chat.html 8. Tabs.html
3. Detail-Chat.html 9. App.js
4. Controller.js 10. Nilai.js
5. Routes.js 11. Chat.js
6. Service.js
32
1. Membuat Halaman Login.html
Pada halaman berisi tampilan awal untuk pada saat membuka
aplikasi ini yang berisi di tampilan tersebut ada 2 kolom text dan 1
tombol login. Disinilah halaman tersebut di butuhkan untuk
membedakan user yang dengan user yang lainnya. Dengan
memasukkan Email dan Password yang telah di daftarkan sebelumnya.
Tampilan akan tampak terlihat seperti gambar di bawah ini.
Gambar 4.14 Tampilan login.html
Sumber : Penulis
33
Untuk di koding nya sendiri, masukkan kode pemrograman pada layout
Login.html seperti di bawah ini :
Gambar 4.15 Kode Program login.html
Sumber : Penulis
Dalam pemrograman kode untuk Login.html ini perlu di perhatikan
penulisannya apabila salah maka data yang di ingin di tampilkan tidak
akan tampil di karena kan kesalahan pada penulisan. Data yang di ambil
dari login.html ini adalah data email dan password. Maka dari itu sangat
perlu di perhatikan penulisan dari kode tersebut.
2. Setelah membuat halaman login maka selanjutnya kita akan
membuat halaman tabs.html, halaman tabs.html ini akan di tampilkan
setelah proses dari login berhasil. Berikut adalah gambar dari tampilan
tabs dan sekaligus kode pemrogramannya.
34
Gambar 4.16 tabs.html
Sumber : Penulis
Pada tabs.html ini menampil tombol-tombol seperti Status Anak, Berita,
Chats dan Logout. Button tersebut berperan penting dalam aplikasi
PoltekbaApp karna tombol-tombol tersebut yang akan menampilkan
hasil dari aplikasi. Dan berikut kode pemrograman dari tabs.html.
Gambar 4.17 Kode Program tabs.html
Sumber : Penulis
3. Setelah itu kita akan masuk ke halaman Tab-Dash.html terlebih
dahulu. Halaman Tab-Dash.html ini adalah halaman awal ketika proses
login berhasil. Kemudian akan muncul halaman berita yang dimana
halaman berita tersebut sesuai dengan berita yang ada di Politeknik
Negeri Balikpapan. Berita tersebut saya ambil dan saya pilih terdapat
berita dan sudah berintegrasi dengan basis data yang sudah buat
sebelumnya.
35
Gambar 4.18 Tampilan Tab-Dash.html
Sumber : Penulis
Gambar 4.19 Kode Program Tab-Dash.html
Sumber : Penulis
36
Pada kode pemrograman diatas dapat terlihat fungsi <div class=”list
card” ng-repeat=”b in news”> fungsi ini akan mengambil data dari
database yg sudah di atur sebelumnya di program Backend. Fungsi
tersebut mengurutkan berita yang di ambil sesuai dengan urutannya.
Urutan berita tersebut bisa saja dapat di ubah sesuai dengan keinginan.
Namun juga harus sesuai dengan perintah Program Backend yg di
berikan di awal. Lalu terlihat fungsi seperti ini {{b.author}},
{{b.judul}} dan {{b.berita}} fungsi ini adalah pemanggilan data yang
ada di dalam database menyesuaikan dengan kolom tabel database yang
ada sesuai dengan urutannya.
4. Lalu selanjutnya adalah tombol status anak. Tombol status anak ini
berisi data nilai & absen mahasiswa selama berkuliah di Politeknik
Negeri Balikpapan. Data tersebut diambil sesuai dengan basis data yang
telah di masukkan oleh admin. Dari basis data kemudian data tersebut
di olah lalu di tampilkan kedalam program. Disinilah program utama
dari PoltekbaApp yaitu menampilkan status/hasil dari pembelajaran
selama di kampus.
Gambar 4.20 Tampilan Status Anak
Sumber : Penulis
Halaman tersebut sudah tersambung dengan basis data yang digunakan.
Pada tampilan tersebut terlihat ada data nama, data nilai dan data absen
yang di tertera pada halaman tersebut. Nilai tersebut nanti nya akan
menyesuaikan dengan isi dari basis data yang telah di buat nanti nya.
Perintah dari SQL yaitu SQL SELECT*FROM juga di fungsikan untuk
37
mengambil atau memanggil data yang akan di panggil dalam tabel
tersebut lalu di muat di dalam tampilan tersebut.
5. Kemudian setelah itu kita akan ke halaman chats. Dalam halaman
chat ini kita bisa melakukan chatting kepada admin. Kegunaan dari chat
ini ialah agar orang tua dapat memantau perkembangan dari anak
selama berkuliah. Dan juga admin bisa mengirimkan kabar-kabar
terbaru tentang Politeknik Negeri Balikpapan. Tampilan dari halaman
chat adalah sebagai berikut.
Gambar 4.21 Tampilan Chats-detail.html
Sumber : Penulis
Setelah menekan user admin yang telah di tampilkan di atas maka kita
akan masuk ke room admin dapat mengirim pesan. Dalam chatting kita
38
hanya dapat mengirimkan tulisan & tidak dapat mengirimkan gambar.
Chatting ini berbasis privat. Yang maksudnya ialah hanya 2 user yg
dapat masuk kedalam room tersebut yaitu admin & user yang dimana
user yg lain tidak dapat masuk kedalam room tersebut. Jadi segala hal
yg di bicarakan kepada admin akan bersifat rahasia tanpa di ketahui
oleh orang lain.
Gambar 4.22 Chat.html
Sumber : Penulis
6. Untuk yang terakhir adalah tampilan logout.html untuk tampilan
ini akan mengembalikan tampilan anda ke halaman login kembali. Jadi
untuk kita bisa kembali masuk kita harus memasukkan kembali Email
& Password yang sesuai dengan basis data yang tersimpan.
39
BAB V
PENUTUP
5.1 Kesimpulan
Dalam penulisan tugas akhir ini telah diuraikan bagaimana cara
membangun sebuah aplikasi berbasis android yaiitu aplikasi PoltekbaApp
berbasis Android. Maka penulis dapat menyimpulkan :
1. Aplikasi PoltekbaApp berbasis Android bermanfaat bagi para orang tua
untuk memantau di bidang akademik mahasiswa dan data tersebut sangat
akurat karna sesuai dengan data yang di miliki oleh Politeknik Negeri
Balikpapan. Data tersebut dapat di buat data cadangan / backup data agar
data tersebut tidak hilang.
2. Aplikasi Ionic Framework & Laravel sangat berguna dalam membuat
aplikasi PoltekbaApp & Aplikasi-aplikasi lainnya yang sesuai dengan
kebutuhan pengguna.
5.2 Saran
Dalam pembuatan aplikasi PoltekbaApp berbasis Android ini tentu
memiliki kekurangan dan kelemahan. Maka dari itu penulis akan
mengembangkan aplikasi Poltekba App berbasis Android lebih jauh lagi
untuk menambah peminat para pemakai untuk pengguna aplikasi serta
menambahkan sistem registrasi & keamanan agar pengguna tetap merasa
aman dan nyaman dalam menggunakan aplikasi tersebut.
41
LAMPIRAN
Lampiran 1
Controller.js
42
Routes.js
43
App.js
44
Nilai.js
Chat.js
45
.env
46
Service.js
47
User Database
48
Absen Database
49
Database list_nilai
50
Database News