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