EKSPLORASI TOOLS

PENGENALAN WAJAH BERBASIS PLATFORM ANDROID

DENGAN METODE CONVOLUTIONAL NEURAL NETWORK
UNTUK ABSENSI MAHASISWA

Diajukan untuk memenuhi salah satu tugas Mata Kuliah Metodologi Penelitian
Teknologi Informasi

disusun oleh :
Ibnu Nur Khawarizmi
163112706450070

INFORMATIKA
FAKULTAS TEKNOLOGI KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS NASIONAL
2019

1
 DAFTAR ISI
DAFTAR ISI ___________________________________________________________ i
BAB I PENDAHULUAN ________________________________________________ 1
1.1. Latar Belakang ______________________________________________________ 1
1.2. Rumusan Masalah____________________________________________________ 1
1.3. Tujuan dan Manfaat __________________________________________________ 1
BAB II PEMBAHASAN _________________________________________________ 2
2.1. Eksplorasi Tools Android Studio ________________________________________ 2
2.1.1. Android Studio ___________________________________________________________ 2
2.1.2. Memasang Android Studio __________________________________________________ 2
2.1.3. Create Project ____________________________________________________________ 3
2.1.4. Struktur Proyek ___________________________________________________________ 4
2.1.5. User Interface ____________________________________________________________ 6
2.1.6. Navigasi _________________________________________________________________ 7
2.1.7. Pemeriksaan kode _________________________________________________________ 8
2.2. Ekplorasi Tools OpenCV ______________________________________________ 8
2.2.1. OpenCV _________________________________________________________________ 8
2.2.2. Memasang OpenCV________________________________________________________ 8
2.2.3. OpenCV Path _____________________________________________________________ 9
2.3. Ekplorasi Tools XAMPP _____________________________________________ 10
2.3.1. XAMPP ________________________________________________________________ 10
2.3.2. Menjalankan XAMPP _____________________________________________________ 10
2.3.3. MySQL ________________________________________________________________ 12
2.3.4. Apache _________________________________________________________________ 14
2.3.5. Membuat Database _______________________________________________________ 14
BAB III PENUTUP ____________________________________________________ 15
3.1. Kesimpulan ________________________________________________________ 15
DAFTAR PUSTAKA __________________________________________________ 16

i
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Di era globalisasi ini peran teknologi komunikasi dan informasi mempunyai

peranan yang sangat penting. Teknologi komunikasi dan informasi yang terus
berkembang cenderung akan mempengaruhi segenap bidang kehidupan. Dengan
berkembangnya teknologi komunikasi dan informasi yang sangat cepat, dapat
membantu menyelesaikan suatu permasalahan yang sering terjadi.

Informasi merupakan aset yang sangat berharga bagi kelangsungan hidup

sebuah organisasi, instansi, pertahanan keamanan dan keutuhan Negara, sehingga
harus dijaga ketersediaan, ketepatan, dan keutuhannya. Keamanan informasi
menjadi sangat penting di era modern saat ini, dimana saat ini dengan
perkembangan zaman memudahkan orang dalam memperoleh informasi.

Sebuah sistem adalah suatu rangkaian kesatuan yang terdiri dari bagian-
bagian yang saling terkait dan mempengaruhi (biasa disebut dengan subsistem),
yang diarahkan untuk tujuan tertentu. Suatu sistem memiliki lingkungan.
Lingkungan mengandung arti universal, yaitu tempat suatu sistem berada. (Halim,
1995: 27).

1.2. Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan diatas maka permasalahan

yang akan diteliti dalam penelitian ini adalah sebagai berikut:
1.2.1. Bagaimana cara menggunakan aplikasi Android Studio
1.2.2. Bagaimana cara menggunakan aplikasi Open CV
1.2.3. Bagaimana cara mengunakan aplikasi XAMPP

1.3. Tujuan dan Manfaat

Berdasarkan dari latar belakang dan perumusan masalah yang telah

dirumuskan diatas, maka tujuan dan manfaat penelitian ini adalah:
1.3.1. Dapat memahami fungsi dari aplikasi teks Android Studio
1.3.2. Dapat memahami fungsi dari aplikasi teks editor Atom
1.3.3. Dapat memahami fungsi dari aplikasi XAMPP

1
 BAB II
PEMBAHASAN

2.1. Eksplorasi Tools Android Studio

2.1.1. Android Studio

Android Studio adalah Lingkungan Pengembangan Terpadu -

Integrated Development Environment (IDE) untuk pengembangan aplikasi
Android, berdasarkan IntelliJ IDEA. Selain merupakan editor kode IntelliJ
dan alat pengembang yang berdaya guna, Android Studio menawarkan fitur
lebih banyak untuk meningkatkan produktivitas Anda saat membuat
aplikasi Android[1], misalnya:

• Sistem versi berbasis Gradle yang fleksibel

• Emulator yang cepat dan kaya fitur
• Lingkungan yang menyatu untuk pengembangan bagi semua
perangkat Android
• Instant Run untuk mendorong perubahan ke aplikasi yang berjalan
tanpa membuat APK baru
• Template kode dan integrasi GitHub untuk membuat fitur aplikasi
yang sama dan mengimpor kode contoh
• Alat pengujian dan kerangka kerja yang ekstensif
• Alat Lint untuk meningkatkan kinerja, kegunaan, kompatibilitas
versi, dan masalah-masalah lain
• Dukungan C++ dan NDK
• Dukungan bawaan untuk Google Cloud Platform, mempermudah
pengintegrasian Google Cloud Messaging dan App Engine
2.1.2. Memasang Android Studio

Android Studio dapat diunduh di website officialnya yaitu di

https://developer.android.com/studio

Gambar 1 Official Website Android studio

2
 Pada gambar 6 yaitu tampilan official website Android Studio, yang
terdapat informasi Download, dan User Guide.

Setelah selesai mengunduh program Android Studio 3.4.1 pengguna

dapat menginstallnya dengan cara double klik pada android-studio-ide-
182.5314842-windows.exe

Gambar 2 Hasil Unduhan Android Studio

Kemudian ikuti langkah-langkah untuk memasang Android Studio.

Gambar 3 Welcome Guide Android Studio

Pada gambar 8 adalah tampilan program aplikasi Android Studio setelah
proses instalasi selesai, terdapat menu utama untuk membuat sebuah project
berbasis android.

2.1.3. Create Project

Untuk membuat project di aplikasi Android Studio dapat

menggunakan menu Create a new Android Studio project.

3
 Gambar 4 Create New Project pada Android Studio

Pada gambar 8 adalah tampilan awal untuk membuat project baru

pada android studio, di tampilkan beberapa layout acuan Activity yang
kemungkinan kita akan gunakan.
2.1.4. Struktur Proyek

Setiap proyek di Android

Studio berisi satu atau beberapa
modul dengan file kode sumber
dan file sumber daya. Jenis-jenis
modul mencakup:

• Modul aplikasi Android

• Modul Pustaka
• Modul Google App Engine

Gambar 5 File proyek di tampilan Android.

Secara default, Android Studio akan menampilkan file proyek Anda

dalam tampilan proyek Android, seperti yang ditampilkan dalam gambar 1.
Tampilan disusun berdasarkan modul untuk memberikan akses cepat ke file
sumber utama proyek Anda.

4
 Semua file versi terlihat di bagian atas di bawah Gradle Scripts dan
masing-masing modul aplikasi berisi folder berikut:

• manifests: Berisi file AndroidManifest.xml.

• java: Berisi file kode sumber Java, termasuk kode pengujian JUnit.
• res: Berisi semua sumber daya bukan kode, seperti tata letak XML,
string UI, dan gambar bitmap.

Struktur proyek Android pada disk berbeda dari representasi rata ini.
Untuk melihat struktur file sebenarnya dari proyek ini, pilih Project dari
menu tarik turun Project (dalam gambar 1, struktur ditampilkan
sebagaiAndroid).

Anda juga bisa menyesuaikan tampilan file proyek untuk berfokus

pada aspek tertentu dari pengembangan aplikasi Anda. Misalnya, memilih
tampilan Problems dari tampilan proyek Anda akan menampilkan tautan ke
file sumber yang berisi kesalahan pengkodean dan sintaks yang dikenal,
misalnya tag penutup elemen XML tidak ada dalam file tata letak.

Gambar 6 File proyek dalam tampilan Problems,

menampilkan file tata letak yang bermasalah.

5
2.1.5. User Interface

Jendela utama Android Studio terdiri dari beberapa bidang logika yang
diidentifikasi dalam gambar 7.

Gambar 7 Jendela utama Android

Studio.menampilkan file tata letak yang
1. Bilah alat memungkinkan Anda untuk melakukan berbagai jenis
bermasalah.
tindakan, termasuk menjalankan aplikasi dan meluncurkan alat
Android.
2. Bilah navigasi membantu Anda bernavigasi di antara proyek dan
membuka file untuk diedit. Bilah ini memberikan tampilan struktur
yang terlihat lebih ringkas dalam jendela Project.
3. Jendela editor adalah tempat Anda membuat dan memodifikasi kode.
Bergantung pada jenis file saat ini, editor dapat berubah. Misalnya,
ketika melihat file tata letak, editor menampilkan Layout Editor.
4. Bilah jendela alat muncul di luar jendela IDE dan berisi tombol yang
memungkinkan Anda meluaskan atau menciutkan jendela alat
individual.
5. Jendela alat memberi Anda akses ke tugas tertentu seperti
pengelolaan proyek, penelusuran, kontrol versi, dan banyak lagi. Anda
bisa meluaskan dan juga menciutkannya.

6
 6. Bilah status menampilkan status proyek Anda dan IDE itu sendiri,
serta setiap peringatan atau pesan.
2.1.6. Navigasi

Berikut beberapa tip untuk membantu kita menjelajahi di dalam Android

Studio.

• Beralih antar file yang baru saja diakses menggunakan

tindakan Recent Files. Tekan Control+E (Command+E pada Mac)
untuk memunculkan tindakan Recent Files. Secara default, akses yang
terakhir dipilih. Anda juga bisa mengakses jendela alat mana saja
melalui kolom kiri dalam tindakan ini.
• Tampilkan struktur file saat ini menggunakan tindakan File Structure.
Munculkan tindakan File Structure dengan
menekan Control+F12 (Command+F12 pada Mac). Menggunakan
tindakan ini, Anda bisa menavigasi dengan cepat ke bagian mana pun
dari file Anda saat ini.
• Telusuri dan masuk ke kelas tertentu di proyek menggunakan
tindakan Navigate to Class. Munculkan tindakan dengan
menekan Control+N (Command+O pada Mac). Navigasikan ke
Kelas yang mendukung ekspresi canggih, termasuk CamelHumps,
jalur, baris menavigasi ke, nama tengah pencocokan, dan banyak lagi.
Jika Anda memanggilnya dua kali berturut-turut, hasil dari kelas
proyek akan
ditampilkan.
• Masuk ke file atau folder menggunakan tindakan "Navigate to File*.
Munculkan tindakan Navigate to File dengan
menekan Control+Shift+N (Command+Shift+Opada Mac). Untuk
menelusuri folder dan bukan file, tambahkan / di akhir ekspresi Anda.
• Masuk ke metode atau bidang menurut nama menggunakan
tindakan Navigate to Symbol. Munculkan tindakan Navigate to
Symbol dengan
menekan Control+Shift+Alt+N (Command+Shift+Alt+O pada
Mac).
• Temukan semua bagian kode yang merujuk kelas, metode, bidang,
parameter, atau pernyataan di posisi kursor saat ini dengan
menekan Alt+F7.

7
 2.1.7. Pemeriksaan kode

Alat Lint memeriksa file sumber proyek Android Anda dari

kemungkinan bug dan perbaikan optimalisasi untuk keakuratan,
keamanan, kinerja, kegunaan, aksesibilitas, dan internasionalisasi.

Gambar 7 Jendela utama Android

Studio.menampilkan file tata letak yang
bermasalah.
Selain pemeriksaan Lint, Android Studio juga dan melakukan
pemeriksaan kode IntelliJ dan memvalidasi anotasi untuk
merampingkan alur kerja pengkodean Anda.

2.2. Ekplorasi Tools OpenCV

2.2.1. OpenCV

OpenCV (Open Source Computer Vision Library) adalah sebuah pustaka

perangkat lunak yang ditujukan untuk pengolahan citradinamis secara real-time,
yang dibuat oleh Intel, dan sekarang didukung oleh Willow Garage dan
Itseez. Program ini bebas dan berada dalam naungan sumber terbuka dari lisensi
BSD. Pustaka ini merupakan pustaka lintas platform. Program ini didedikasikan
sebagaian besar untuk pengolahan citra secara real-time. Jika pustaka ini
menemukan pustaka Integrated Performance Primitives dari intel dalam sistem
komputer, maka program ini akan menggunakan rutin ini untuk mempercepat
proses kerja program ini secara otomatis.[2]
2.2.2. Memasang OpenCV

OpenCV dapat diunduh di website officialnya yaitu di

https://opencv.org/releases/

8
 Gambar 8 Website Official OpenCV.

Gambar 9 Installasi OpenCV

2.2.3. OpenCV Path

Gambar 10 OpenCV path

9
2.3. Ekplorasi Tools XAMPP

2.3.1. XAMPP

Xampp adalah perangkat lunak open source yang tersedia pada

sistem operasi windows, linux, dan os x. Yang berfungsi sebagai server
yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP
Server, MariaDB database, dan penerjemah bahasa yang ditulis dengan
bahasa pemrograman PHP dan Perl[3] . Program aplikasi xampp tersedia
pada website resminya di https://www.apachefriends.org/index.html

Gambar 11 Website Resmi XAMPP

Pada Gambar 11 adalah tampilan website resmi apachefriends, yang
terdapat link download program aplikasi xampp dan keterangan sistem
operasi serta versi dari aplikasi xampp nya.
2.3.2. Menjalankan XAMPP

Setelah proses instalasi selesai, kemudian buka aplikasi xamppnya lalu klik
action start untuk memulai module. Warna backgroud dari Module akan
beralih menjadi kuning yang menandakan proses sedang dimulai.
Tunggulah beberapa saat sampai warna background text Module menjadi
hijau yang menandakan Service tersebut telah berjalan di latar belakang[4].

10
 Gambar 11 Interface XAMPP

Gambar 12 Interface XAMPP setelah di start

Pada gambar 12 adalah tampilan aplikasi xampp ketika distart

dengan cara menekan tombol start pada actions sehingga tombol tersebut
berubah menjadi stop, dengan mengeklik tombol tersebut itu artinya module
Apache dan MySQL sedang dijalankan.

11
 Gambar 13 Dashboard XAMPP
Pada gambar 13 adalah tampilan aplikasi xaampp pengguna dapat
mengaksesnya di browser dengan mengetikkan url
http://localhost/dashboard/
2.3.3. MySQL

MySQL merupakan aplikasi database server. Perkembangannya

disebut SQL (Structured Query Language). SQL merupakan bahasa
terstruktur yang digunakan untuk mengolah database. MySQL dapat
digunakan untuk membuat dan mengelola database beserta isinya. Kita
dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan
menghapus data yang berada dalam database.

Gambar 14 Dashboard phpMyAdmin

12
 Pada gambar 14 adalah tampilan phpmyadmin ketika pengguna
menjalankan service MySQL dengan tampilan halaman web, dengan cara
mengetikkan url http://localhost/phpmyadmin/ di browser.
Berikut ini adalah penjelasan menu pada halaman phpmyadmin :
1. Database
Basis Data kumpulan dari database Mysql. Pada halaman ini
anda bisa membuat database, melihat data statistik seperti jumlah
tabel, ukuran size database yang sedang digunakan dan terdapat
tombol drop yang berfungsi sebagai menghapus database.
2. SQL
Pada halaman SQL digunakan untuk menjalankan query atau kueri
pada database. Terdapat beberapa button pada halaman SQL
diantaranya seperti clear yang berfungsi sebagai menghapus
command pada form query, dan Go berfungsi sebagai menyimpan
atau menjalankan query.
3. Status
Halaman status menampilkan informasi lalulintas jaringan
dan statistik penggunaan. Di halaman ini akan mengetahui lalulintas
berdasarkan statistik penggunaan database Mysql.
4. User Accounts
Halaman user accounts berfungsi mengatur username dan
password untuk mengakses masuk halaman PhpmyAdmin.
5. Export
Halaman Export digunakan untuk backup database MySQL
dari server ke perangkat lain atau ke perangkat penyimpanan
lainnya. Dengan cara pilih database kemudian ke menu export lalu
pilih Go.
6. Import
Pada Halaman import digunakan untuk mengembalikan
kembali database yang sudah dibackup dari perangkat lain ke server.
7. Settings
Halaman setting digunakan untuk pengaturan beberapa fitur
yang tersedia pada phpmyadmin seperti navigation panel, sql
queries, dan main panel.

13
2.3.4. Apache

Apache merupakan aplikasi web server. Tugas utama Apache

adalah menghasilkan halaman web yang benar kepada user berdasarkan
kode bahasa pemrograman PHP yang dituliskan oleh pembuat halaman
web.
2.3.5. Membuat Database

Untuk membuat database MySQL dapat memulai dengan

mengaktifkan service apache dan mysql pada program aplikasi xampp.
Kemudian buka browser lalu ketikan http://localhost/phpmyadmin
kemudian masuk ke menu database lalu ketikkan nama database yang akan
dibuat kemudian klik button create untuk membuat database.

Gambar 15 Tampilan Membuat Database MySQL

14
 BAB III
PENUTUP
3.1. Kesimpulan
Untuk pembuatan sistem aplikasi berbasis android dapat menggunakan
sistem aplikasi android studio untuk menjunjang pembuatan front end beserta back
end aplikasi karena android studio merupakan tools terbaik saat ini untuk membuat
aplikasi berbasis mobile terdapat banyak fitur-fitur yang mendukung programmer
untuk melakukan pembuatan program, dan dalam pembuatan databasenya dapat
menggunakan program aplikasi xampp yang didalamnya sudah tersedia service
MySQL, kemudian di dukung dengan library OpenCV untuk pembuatan proses
back end menggunakan metode Covulotional Neural Nertwork.

15
 DAFTAR PUSTAKA

[1] Google. “Mengenal Android Studio”. https://developer.android.com/studio/

intro?hl=ID , (dikutip pada 10 Mei 2019).
[2] Wikipedia. “OpenCV”. https://id.wikipedia.org/wiki/OpenCV , (dikutip pada 10
Mei 2019).
[3] Waryanto. 2018. Cara Menggunakan XAMPP untuk Menjalankan PHP & MySQL.
https://www.niagahoster.co.id/blog/cara-menggunakan-xampp/ , (dikutip pada 10
Mei 2019).
[4] Pratama, Andre. 2017. Panduan Belajar MySQL & MariaDB untuk Pemula.
Duniailkom.

16