PRAKTEK KERJA LAPANGAN - jurusan.tik.pnj.ac.id
Transcript of PRAKTEK KERJA LAPANGAN - jurusan.tik.pnj.ac.id
LAPORAN
PRAKTEK KERJA LAPANGAN
PEMBUATAN APLIKASI MOKITA
(MONITORING KEGIATAN APTIKA)
BERBASIS ANDROID DI DIREKTORAT JENDRAL
APTIKA KEMKOMINFO
RIZQAN MUBARAK RAHMAN
4817080481
PROGRAM STUDI TEKNIK INFORMATIKA
JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER
DEPOK
2020
i
HALAMAN PENGESAHAN
LAPORAN PRAKTIK KERJA LAPANGAN
ii
KATA PENGANTAR
Puji dan syukur penulis sampaikan kepada Tuhan Yang Maha Esa yang telah
memberikan rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan
laporan Praktik Kerja Lapangan ini dengan tepat waktu. Penulisan Laporan Praktik
Kerja Lapangan ini merupakan salah satu kurikulum yang wajib ditempuh dalam
rangka memenuhi syarat untuk mencapai gelar Diploma Empat Politeknik Negeri
Jakarta. Penulis menyadari bahwa penyusunan laporan Praktik Kerja Lapangan ini
dapat diselesaikan tidak terlepas dari bantuan dan bimbingan dari berbagai pihak
yang telah memberikan masukan kepada penulis. Oleh karena itu, penulis
mengucapkan terima kasih kepada:
a. Ibu Dr. Dewi Yanti Liliana, S.Kom., M.Kom. selaku dosen pembimbing yang
telah meluangkan waktu, tenaga, dan pikiran untuk mengarahkan penulis
dalam penyusunan laporan Praktik Kerja Lapangan.
b. Pihak Direktorat Jendral Aplikasi Informatika yang telah memberikan izin dan
kebijakan kepada penulis untuk melaksanakan Praktik Kerja Lapangan.
c. Bapak Maykada Harjono Kurniawan, S.Kom., M.Kom. selaku pembimbing
industri yang telah mengarahkan penulis selama melaksanakan Praktik Kerja
Lapangan.
d. Orang tua dan keluarga penulis yang telah memberikan bantuan dan dukungan
material dan moral
e. Sahabat dan rekan Praktik Kerja Lapangan yang telah banyak membantu
penulis dalam menyelesaikan laporan Praktik Kerja Lapangan ini.
Akhir kata, penulis berharap Tuhan Yang Maha Esa dapat membalas segala
kebaikan semua pihak yang telah membantu penulis. Semoga laporan Praktik Kerja
Lapangan ini dapat membawa manfaat bagi pengembangan ilmu.
Depok, 17 Desember 2020
Rizqan Mubarak Rahman
iii
DAFTAR ISI
HALAMAN PENGESAHAN LAPORAN PRAKTIK KERJA LAPANGAN i
KATA PENGANTAR ........................................................................................... ii
DAFTAR ISI ......................................................................................................... iii
DAFTAR GAMBAR ............................................................................................. v
DAFTAR TABEL ................................................................................................ vi
DAFTAR LAMPIRAN ....................................................................................... vii
BAB I
PENDAHULUAN .................................................................................................. 1
1.1 Latar Belakang Kegiatan ....................................................................................... 1
1.2 Ruang Lingkup Kegiatan ...................................................................................... 2
1.3 Waktu dan Tempat Pelaksanaan .......................................................................... 2
1.4 Tujuan dan Kegunaan ............................................................................................ 2
BAB II
TINJAUAN PUSTAKA ........................................................................................ 4
2.1 Sistem Informasi .................................................................................................... 4
2.2 Sistem Monitoring ................................................................................................. 4
2.3 Android .................................................................................................................... 4
2.4 Java .......................................................................................................................... 4
2.5 Android Studio ....................................................................................................... 5
2.6 Retrofit ..................................................................................................................... 5
2.7 Application Programming Interface (API) ......................................................... 6
2.8 JSON ........................................................................................................................ 6
2.9 PHP .......................................................................................................................... 6
2.10 WordPress ............................................................................................................... 6
2.11 MySQL .................................................................................................................... 6
2.12 Extreme Programming (XP) ................................................................................. 7
2.13 Class Responsibility Collaborator (CRC) ........................................................... 9
2.14 Entity Relationship Diagram (ERD).................................................................... 9
2.15 Unified Modelling Language (UML) .................................................................. 9
2.16 Use Case Diagram ................................................................................................ 10
2.17 Activity Diagram .................................................................................................. 11
2.18 Class Diagram ...................................................................................................... 12
iv
BAB III
HASIL PELAKSANAAN PKL .......................................................................... 13
3.1 Unit Kerja PKL .................................................................................................... 13
3.2 Uraian Praktik Kerja Lapangan .......................................................................... 14
3.3 Pembahasan Hasil PKL ....................................................................................... 16
3.3.1. Planning (Perencanaan) ...................................................................................... 16
3.3.2. Design (Perancangan) .......................................................................................... 18
3.3.3. Coding (Pengkodean) .......................................................................................... 33
3.3.4. Testing (Pengujian) .............................................................................................. 36
3.4 Identifikasi Kendala yang dihadapi ................................................................... 59
3.4.1. Kendala Pelaksanaan Tugas ............................................................................... 59
3.4.2. Cara Mengatasi Masalah ..................................................................................... 59
BAB IV
PENUTUP ............................................................................................................ 60
4.1 Kesimpulan ........................................................................................................... 60
4.2 Saran ...................................................................................................................... 60
DAFTAR PUSTAKA .......................................................................................... 61
v
DAFTAR GAMBAR
Gambar 2.1 Metode Extreme Programming ........................................................... 7
Gambar 2.2 Kartu CRC ........................................................................................... 9
Gambar 2.3 Diagram UML ................................................................................... 10
Gambar 3.1 Struktur Sekretariat Direktorat Jendral ............................................. 14
Gambar 3.2 Diagram Use Case Aplikasi Mokita.................................................. 18
Gambar 3.3 Diagram Activity Login ..................................................................... 19
Gambar 3.4 Diagram Activity Melihat Agenda Hari Ini ....................................... 20
Gambar 3.5 Diagram Activity Melihat Agenda ..................................................... 20
Gambar 3.6 Diagram Activity Mencari Agenda .................................................... 21
Gambar 3.7 Diagram Activity Menginput Agenda ................................................ 22
Gambar 3.8 Diagram Activity Melihat Berita ....................................................... 23
Gambar 3.9 Diagram Activity Menonton Video ................................................... 23
Gambar 3.10 Diagram Class Aplikasi Mokita ...................................................... 24
Gambar 3.11 Perancangan Infrastruktur Aplikasi Mokita .................................... 26
Gambar 3.12 Diagram Entity Relationship Aplikasi Mokita ................................ 27
Gambar 3.13 Rancangan Tampilan Splash Screen ............................................... 30
Gambar 3.14 Rancangan Tampilan Login ............................................................ 30
Gambar 3.15 Rancangan Tampilan Beranda ........................................................ 31
Gambar 3.16 Rancangan Tampilan Agenda ......................................................... 31
Gambar 3.17 Rancangan Tampilan Informasi ...................................................... 32
Gambar 3.18 Rancangan Tampilan Sosial Media ................................................. 32
Gambar 3.19 Tampilan Modul Login.................................................................... 33
Gambar 3.20 Tampilan Modul Beranda................................................................ 34
Gambar 3.21 Tampilan Modul Agenda ................................................................ 34
Gambar 3.22 Tampilan Modul Informasi ............................................................. 35
Gambar 3.23 Tampilan Modul Sosial Media ........................................................ 36
vi
DAFTAR TABEL
Tabel 2.1 Simbol Use Case Diagram ................................................................... 10
Tabel 2.2 Simbol Activity Diagram ...................................................................... 12
Tabel 3.1 Kartu CRC User .................................................................................... 25
Tabel 3.2 Kartu CRC Agenda ............................................................................... 25
Tabel 3.3 Kartu CRC Berita .................................................................................. 25
Tabel 3.4 Kartu CRC Pengumuman...................................................................... 26
Tabel 3.5 Struktur Tabel agenda ........................................................................... 27
Tabel 3.6 Struktur Tabel wpay_users.................................................................... 28
Tabel 3.7 Struktur Tabel wpay_usermeta ............................................................. 28
Tabel 3.8 Struktur Tabel wpay_postmeta ............................................................. 28
Tabel 3.9 Struktur Tabel wpay_posts.................................................................... 29
Tabel 3.10 Hasil pengujian pertama sebagai Admin ............................................ 37
Tabel 3.11 Hasil pengujian kedua sebagai Admin ................................................ 40
Tabel 3.12 Hasil pengujian pertama sebagai Tata Usaha ..................................... 44
Tabel 3.13 Hasil pengujian kedua sebagai Tata Usaha ......................................... 48
Tabel 3.14 Hasil pengujian pertama sebagai User Publik .................................... 51
Tabel 3.15 Hasil pengujian kedua sebagai User Publik ........................................ 55
vii
DAFTAR LAMPIRAN
Lampiran 1 Surat Keterangan PKL ................................................................... L - 1
Lampiran 2 Logbook Aktifitas PKL ................................................................... L - 2
Lampiran 3 Gambaran Umum Perusahaan ........................................................ L - 6
Lampiran 4 Foto-foto selama PKL .................................................................... L - 7
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Kegiatan
Seiring dengan perkembangan zaman yang ditandai dengan semakin pesatnya
kemajuan teknologi. Saat ini dalam hal menyampaikan informasi dapat dilakukan
dengan berbagai cara melalui media teknologi, salah satunya perangkat seluler yang
menggunakan sistem operasi android. Android merupakan sebuah sistem operasi
yang bersifat open source. Artinya pengembang sistem operasi mengizinkan
programmer untuk membuat, mengubah, mengembangkan dan menyebarluaskan
aplikasi (Irsan, 2015).
Direktorat Jendral Aplikasi Informatika (Ditjen Aptika) merupakan salah satu unit
kerja dari Kementerian Komunikasi dan Informatika yang saat ini membutuhkan
Aplikasi Monitoring Kegiatan Aptika (Mokita). Sasaran pembuatan aplikasi adalah
memudahkan pemantauan berbagai kegiatan di Ditjen Aptika yang dapat diakses
oleh seluruh pegawai dan untuk kegiatan tertentu dapat diketahui oleh publik.
Pengerjaan Aplikasi Mokita memperhatikan kemudahan pemakaian bagi pengguna,
biaya pembuatan dan operasional yang rendah, dan keberlanjutan pengembangan
bagi Subbag Pengelolaan Data.
Aplikasi Mokita terbagi menjadi tiga jenis sesuai platform dan fungsinya, yaitu: (1)
Aplikasi desktop untuk input agenda kegiatan dan tampilan informasi di monitor
TV setiap direktorat. (2) Aplikasi mobile (android) untuk memudahkan
pemantauan melalui perangkat seluler/gawai/gadget. (3) Modul website
(Wordpress) untuk integrasi dengan website Direktorat Jendral Aplikasi
Informatika. Dalam penulisan laporan Praktik Kerja Lapangan ini, penulis
membahas bagaimana membuat aplikasi monitoring kegiatan Aptika berbasis
Android yang terintegrasi dengan platform desktop dan website.
2
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
1.2 Ruang Lingkup Kegiatan
Ruang lingkup dari pelaksanaan Praktik Kerja Lapangan ini dilakukan di Direktorat
Jendral Aplikasi Informatika. Adapun ruang lingkup dalam laporan Praktik Kerja
Lapangan sebagai mobile developer di Direktorat Jendral Aplikasi Informatika ini
sebagai berikut:
1. Membuat tampilan agenda kegiatan yang telah diinputkan dari platform
desktop dan website.
2. Membuat tampilan informasi / berita / ticker yang telah diinputkan dari
platform website.
3. Membuat tampilan pengumuman kegiatan (publikasi agenda) yang telah
diinputkan dari platform website.
4. Membuat tampilan sosial media (Twitter dan Youtube) dari akun Ditjen Aptika.
5. Membuat fitur login dengan 3 tipe pengguna, yaitu: admin, tata usaha dan user
yang memiliki hak akses masing-masing.
6. Membuat fitur input agenda untuk tipe pengguna admin dan tata usaha
1.3 Waktu dan Tempat Pelaksanaan
Waktu dan tempat secara keseluruhan pelaksanaan Praktik Kerja Lapangan adalah
sebagai berikut:
a. Waktu Pelaksanaan : 3 Agustus s.d 3 Desember 2020
b. Nama Perusahaan : Direktorat Jendral Aplikasi Informatika
c. Alamat Perusahaan : Jl. Medan Merdeka Barat No. 9 Jakarta Pusat
d. Keterangan : PKL dilaksanakan secara daring (Senin s.d Jumat)
1.4 Tujuan dan Kegunaan
Tujuan dari Praktik Kerja Lapangan ini adalah membuat aplikasi mokita berbasis
android untuk monitoring kegiatan aptika di lingkungan Direktorat Jendral Aplikasi
Informatika, Kementerian Komunikasi dan Informatika. Dan untuk memenuhi
salah satu syarat dalam penilaian Praktik Kerja Lapangan.
3
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Adapun kegunaan dari aplikasi mokita ini yaitu:
1. Memudahkan pemantauan berbagai kegiatan di Ditjen Aptika yang dapat
diakses oleh seluruh pegawai dan untuk kegiatan tertentu dapat diketahui oleh
publik.
2. Memudahkan tata usaha di setiap direktorat dalam menginput agenda kegiatan.
3. Memudahkan pengguna mendapatkan informasi berita atau pengumuman
mengenai Ditjen Aptika tanpa harus membuka website Ditjen Aptika.
4. Memudahkan pengguna mendapatkan informasi dari sosial media Ditjen
Aptika yaitu Twitter dan Youtube tanpa harus membuka dua aplikasi tersebut.
5. Projek ini dapat digunakan sebagai portofolio untuk penulis.
4
BAB II
TINJAUAN PUSTAKA
2.1 Sistem Informasi
Sistem Informasi adalah sistem yang mencakup sejumlah komponen seperti
manusia, komputer, teknologi informasi dan prosedur kerja yang digunakan untuk
memproses data menjadi informasi untuk mencapai suatu sasaran atau tujuan
(Ratnasari, Qur’ani and Apriani, 2018).
2.2 Sistem Monitoring
Monitoring menurut (Primazni, 2016) adalah sebagai suatu proses pengambilan
keputusan manajemen program / proyek melalui proses mengukur, mencatat,
mengumpulkan,, memproses dan mengkomunikasikan informasi. Sistem
monitoring merupakan suatu proses untuk mengumpulkan data dari berbagai
sumber daya. Pada umumnya data yang dikumpulkan merupakan data yang real
time.
Sedangkan menurut (Sanjaya, 2015) monitoring sendiri dapat diartikan sebagai
kegiatan mendengar, melihat, mengamati, mencatat keadaan serta perkembangan
suatu program agar dapat selalu mengikuti program tersebut yang dilakukan secara
mantap dan teratur serta terus menerus.
2.3 Android
Android merupakan sebuah sistem operasi berbasis linux. Linux sendiri merupakan
sistem operasi yang khusus dirancang untuk komputer, sedangkan android
dirancang khusus untuk dipasang pada perangkat mobile (smartphone dan tablet).
Android merupakan sistem operasi yang bersifat open source, sehingga
memperbolehkan banyak dari pengembang aplikasi dapat mengembangkan dan
memodifikasi sistem operasi tersebut (Listya Febri Fathoni et al., 2016).
2.4 Java
Menurut (Sallaby, Utami and Arliando, 2015), java adalah sebuah bahasa
pemrograman komputer kompilasi bytecode yang tidak bergantung pada sistem
5
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
operasi atau platform sehingga dapat dijalankan diberbagai perangkat komputer
termasuk telepon genggam. Java termasuk bahasa pemrograman yang berbasis
object-oriented programming (OOP) sehingga memungkinkan menyediakan akses
objek yang disisipkan di aplikasi lain. Di sistem operasi android, java berfungsi
sebagai untuk menjalankan fungsi logika dari aplikasi dan penambah tingkah laku
agar aplikasi dapat tampil lebih atraktif.
2.5 Android Studio
Android Studio adalah sebuah Integrated Development Environment (IDE) yang
diperkenalkan oleh google yang digunakan untuk pengembangan aplikasi android.
Android Studio merupakan pengembangan dari Eclipse IDE, dan dibuat
berdasarkan IDE Java popular, yaitu IntelliJ IDEA. Android studio sendiri
menggunakan gradle untuk manajemen proyeknya. Gradle adalah build
automation tool yang dapat dikonfigurasi melalui DSL berbasis Groovy. Ini yang
menyebabkan gradle lebih fleksibel dan dapat diprogram dengan mudah. Kelebihan
lain dari android studio adalah tersedianya template yang bisa diintegrasikan
dengan github, serta juga dapat membuat virtual device untuk semua size perangkat
yang ada. Di android studio memudahkan penggunanya untuk mengunduh android
sdk langsung di aplikasi android studio. Android SDK adalah alat pengembangan
aplikasi untuk software tertentu. Google telah menyiapkan sebuah SDK yang dapat
digunakan sebagai alat pengembangan aplikasi mobile berbasis sistem operasi
Android (Ratnasari, Qur’ani and Apriani, 2018).
2.6 Retrofit
Retrofit merupakan REST (Representational State Transfer) client library yang
digunakan sebagai penghubung atau komunikasi data antara android dengan web
service. Retrofit bekerja dengan REST API menggunakan implementasi java
interface, yang dapat dihasilkan dengan bantuan RestAdapter. Cara kerja Retrofit
mengambil data JSON atau XML dari web API dan saat data diterima akan
langsung diubah ke Plain Old Java Object (POJO). Sehingga harus ditentukan
setiap class yang akan dipakai saat respon diterima. Retrofit memungkinkan untuk
autentikasi dan interaksi dengan berbagai API lainnya dengan cara yang aman
(Ferryansyah, Ananta and Fanani, 2017).
6
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
2.7 Application Programming Interface (API)
API adalah singkatan dari Application Programming Interface, dan memungkinkan
pengembang untuk mengintegrasikan dua bagian dari aplikasi atau dengan aplikasi
yang berbeda secara bersamaan. API terdiri dari berbagai elemen seperti function,
protocols, dan tools lainnya yang memungkinkan pengembang untuk membuat
aplikasi.
2.8 JSON
JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan,
mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat
(generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa
Pemrograman JavaScript, Standar ECMA-262 Edisi ke-3 Desember 1999 (JSON,
2020).
2.9 PHP
PHP adalah singkatan dari "PHP: Hypertext Preprocessor". PHP adalah bahasa
skrip opensource yang banyak digunakan dan merupakan alat yang ampuh untuk
membuat halaman website yang dinamis dan interaktif. Kode PHP dijalankan di
server, dan hasilnya dikembalikan ke browser sebagai HTML biasa (W3schools,
2020).
2.10 WordPress
WordPress merupakan sebuah sistem manajemen konten yang dapat digunakan
untuk membuat artikel post, halaman statis, menu, tanpa perlu memikirkan bahasa
pemrograman yang rumit. WordPress memiliki beberapa keunggulan yang dimiliki
seperti gratis, kontrol penuh mulai dari keamanan web maupun tampilan dan file
editor semuanya ada dalam kontrol penuh, bebas mengupload dan menggunakan
plugin gratis untuk menunjang performa web meng-upload seperti SEO (Search
Engine Optimization), dan lain-lain (Aini and Pribadi, 2017).
2.11 MySQL
MySQL adalah singkatan dari My Structured Query Language yang merupakan
Relational Database Management System (RDBMS). MySQL bekerja dengan
7
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
arsitektur client server atau embedded systems dan memiliki kinerja sangat cepat,
reliable, mudah untuk digunakan dan bersifat open source (Yuliansyah et al.,
2014).
2.12 Extreme Programming (XP)
Extreme Programming merupakan salah satu metode pengembangan perangkat
lunak dari Agile Software Development Methodology. Menurut Kent Beck dalam
(Suryn, 2014) Extreme Programming menggunakan pendekatan berorientasi objek
sebagai paradigma pengembangan yang diprioritaskan dan mencakup seperangkat
aturan dan praktik yang terjadi dalam konteks empat aktifitas kerangka kerja:
perencanaan, desain, pengkodean, dan pengujian. Sedangkan menurut Prabowo
dalam (Carolina, Pardede and Supriyatna, 2019) Extreme Programming adalah
sebuah proses rekayasa perangkat lunak yang cenderung menggunakan pendekatan
berorientasi objek dan sasaran dari metode ini adalah tim yang dibentuk dalam skala
kecil sampai medium serta metode ini juga sesuai jika tim yang dihadapkan dengan
requirement yang tidak jelas maupun terjadi perubahan-perubahan requirement
yang sangat cepat.
Gambar 2.1 Metode Extreme Programming
8
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Pada Gambar 2.1 terdapat empat tahapan dalam extreme programming, yaitu:
1) Planning (Perencanaan)
Tahapan ini merupakan tahapan awal dalam pengembangan perangkat lunak
dengan listening atau biasa disebut dengan user story, yaitu aktifitas
mengumpulkan kebutuhan (requirement) suatu sistem untuk mendapatkan
gambaran yang jelas tentang fitur utama, fungsionalitas, dan keluaran (output)
sistem yang diinginkan untuk sistem yang ingin dibangun (Suryn, 2014).
2) Design (Perancangan)
XP Design mengikuti prinsip KIS (Keep It Simple) dan menyediakan panduan
implementasi untuk sebuah user story seperti yang telah diberikan sebelumnya. XP
mendorong penggunaan kartu CRC (Class-Responsibility-Collaborator), dimana
kartu CRC itu sendiri digunakan untuk mengidentifikasikan dan
mengorganisasikan object-oriented classes. Kartu CRC hanya men-design sistem
yang dihasilkan sebagai bagian dari proses XP (Suryn, 2014). Pada tahapan
perancangan ini kegiatan yang dilakukan yaitu perancagan model sistem dan model
basis data berdasarkan hasil analisa kebutuhan yang didapatkan di tahapan
perencanaan.
3) Coding (Pengkodean)
Tahapan ini merupakan implementasi dari tahap perancangan yang telah dibuat
kedalam kode program yang menghasilkan prototipe dari perangkat lunak. Konsep
kunci selama aktifitas Coding adalah pair programming. XP merekomendasikan
untuk bekerja 2 orang secara bersamaan untuk membuat code dalam sebuah satu
story. Konsep ini menyediakan sebuah mekanisme untuk pemecahan masalah
secara realtime (dua orang sering lebih baik daripada sendiri) dan jaminan kualitas
secara realtime (Suryn, 2014).
4) Testing (Pengujian)
Setelah tahapan pengkodean selesai, kemudian dilakukan tahapan pengujian sistem
yang berfokus di fitur dan fungsionalitas keseluruhan yang terlihat dan telah
direview oleh pengguna sistem tersebut untuk mengetahui kesalahan apa yang
9
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
timbul saat aplikasi sedang berjalan serta mengetahui apakah sistem yang dibangun
sudah sesuai dengan kebutuhan pengguna.
2.13 Class Responsibility Collaborator (CRC)
Class Responsibility Collaborator (CRC) Card merupakan alat yang digunakan
untuk mendefinisikan behavior dan responsibility dari masing-masing class dan
hubungan kolaborasi antara class-class tersebut. Kartu CRC dikembangkan dengan
interaksi antara analis dan pengguna. Masing-masing orang diminta untuk
mendeskripsikan logika yang diperlukan untuk memenuhi suatu responsibility, dan
informasi apa saja yang dibutuhkan tetapi tidak dimilikinya. Class lain yang
memiliki informasi yang dibutuhkan akan menjadi collaborator untuk behavior
tersebut. Pada Gambar 2.2 merupakan kartu CRC.
Gambar 2.2 Kartu CRC
2.14 Entity Relationship Diagram (ERD)
Entity Relationship Diagram adalah sebuah pemodelan basis data relasional yang
menggunakan beberapa notasi untuk menggambarkan data dalam konteks entitas
dan hubungan yang digambarkan oleh data tersebut. ERD ini cocok untuk
perangkat lunak yang memiliki data model berorientasi objek (Carolina, Pardede
and Supriyatna, 2019).
2.15 Unified Modelling Language (UML)
Unified Modelling Language (UML) adalah bahasa pemodelan untuk perangkat
lunak yang berparadigma berorientasi objek. Penggunaan UML digunakan untuk
penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa
sehingga lebih mudah dipelajari dan dipahami (Carolina, Pardede and Supriyatna,
2019). Sedangkan menurut (uml.org, 2020) UML memiiki 13 macam diagram yang
dikelompokkan dalam 3 kategori. Pembagian kategori dan macam-macam diagram
tersebut dapat dilihat pada Gambar 2.3.
10
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 2.3 Diagram UML
2.16 Use Case Diagram
Use case diagram merupakan metode untuk menggambarkan suatu kebutuhan
fungsionalitas sistem yang akan dibuat atau diubah (uml.org, 2020). Tabel 2.1
menjelaskan simbol-simbol yang digunakan dalam use case diagram.
Tabel 2.1 Simbol Use Case Diagram
Simbol Nama Deskripsi
Use case
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor, biasanya
dinyatakan dengan menggunakan kata
kerja di awal frase nama use case.
11
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Actor atau
Aktor
Orang, proses, atau sistem lain yang
berinteraksi dengan sistem yang akan
dibuat.
Association /
Asosiasi
Asosiasi antara aktor dengan use case yang
terjadi secara langsung dan bukan
merupakan aliran data.
Generalization
/ Generalisasi
Hubungan generalisasi dan spesialisasi
(umum – khusus) antara dua buah use case.
Include
Hubungan atau relasi use case tambahan
dari sebuah use case sebelumnya, dimana
use case tambahan ini memerlukan use
case sebelumnya untuk menjalankan
fungsinya atau sebagai syarat dijalankan
use case ini.
Extend
Relasi use case tambahan ke sebuah use
case dimana use case yang ditambahkan
dapat berdiri sendiri walau tanpa use case
tambahan itu, mirip dengan prinsip
inheritance pada pemrograman
berorientasi objek, biasanya use case
tambahan memiliki nama depan yang sama
dengan use case yang ditambahkan.
2.17 Activity Diagram
Activity diagram merupakan teknik untuk menggambarkan aliran aktivitas atau
proses bisnis dari sebuah sistem yang sedang dirancang, mulai dari bagaimana
aliran berawal, decision yang mungkin terjadi, dan bagaimana aliran tersebut
berakhir (uml.org, 2020). Tabel 2.2 menjelaskan simbol-simbol yang digunakan
dalam activity diagram.
12
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Tabel 2.2 Simbol Activity Diagram
Gambar Nama Keterangan
Start Point
Tanda awal atau dimulainya aktivitas.
End Point Tanda akhir atau berakhirnya aktivitas.
Activity Aktivitas yang dilakukan sistem. Activity
biasanya menggunakan kata kerja.
Decision
Menggambarkan pilihan dalam pengambilan
keputusan
Fork
Disebut juga percabangan. Fork digunakan
untuk membuat kegiatan atau activity yang
dilakukan secara paralel
Join
Disebut juga penggabungan. Join digunakan
untuk menunjukan adanya dekomposisi atau
untuk menggabungkan Kembali activity atau
action yang paralel
Gambar Nama Keterangan
Swimline
Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas yang
terjadi
2.18 Class Diagram
Class diagram merupakan diagram yang bersifat statis. Class diagram
memperlihatkan himpunan antar kelas-kelas, serta relasi-realasi. Diagram ini umum
dijumpai pada pemodelan berorientasi objek (uml.org, 2020)
Class diagram juga merupakan diagram yann merepresentasikan kelas, komponen-
komponen kelas dan hubungan antara masing-masing kelas. Diagram ini
menunjukkan property dan operasi sebuah kelas setara batasan yang terdapat dalam
hubungan itu (Irsan, 2015).
13
BAB III
HASIL PELAKSANAAN PKL
3.1 Unit Kerja PKL
Ditjen Aplikasi Informatika merupakan salah satu unit kerja dari Kementerian
Komunikasi dan Informatika. Ditjen Aptika sendiri mempunyai unit kerja yang
terdiri dari 1 Sekretariat dan 5 Direktorat, yaitu:
a. Sekretariat Direktorat Jendral (SetDJ)
b. Direktorat Tata Kelola Aplikasi Informatika (TKAI)
c. Direktorat Layanan Aplikasi Informatika Pemerintah (LAIP)
d. Direktorat Ekonomi Digital (ED)
e. Direktorat Pemberdayaan Informatika (PI)
f. Direktorat Pengendalian Aplikasi Informatika (PAI)
Pada Gambar 3.1 merupakan struktur dari sekretariat Ditjen Aptika. Pada struktur
tersebut terdapat border merah yaitu Bagian Perencanaan Program dan Pelaporan
yang merupakan tempat penulis melaksanakan PKL sebagai Mobile Developer.
14
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.1 Struktur Sekretariat Direktorat Jendral
3.2 Uraian Praktik Kerja Lapangan
Praktik Kerja Lapangan di Direktorat Jendral Aplikasi Informatika dari tanggal 3
Agustus hingga 3 Desember 2020 sebagai Mobile Developer yang ditugaskan untuk
membuat Aplikasi Monitoring Kegiatan Aptika (Mokita) berbasis Android. Proses
pembuatan Aplikasi Mokita berbasis Android yang menggunakan Bahasa
pemrograman Java. Proses komunikasi data ke server dilakukan dengan dua acara,
yang pertama dilakukan membuat API dengan bahasa pemrograman PHP yang
berguna untuk komunikasi data yang terkait dengan agenda. Dan yang kedua
dilakukan menarik API langsung dari Wordpress, Twitter dan Youtube yang
berguna untuk komunikasi data yang terkait dengan autentikasi login pengguna dan
15
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
mengambil informasi berita, pengumuman dan sosial media Ditjen Aptika. Dalam
4 bulan melaksanakan Praktik Kerja Lapangan penulis dibimbing oleh Bapak
Maykada Harjono Kurniawan.
Berikut ini penjelasan kegiatan berdasarkan logbook di Direktorat Jendral Aplikasi
Informatika setiap pekannya:
a. Pekan Pertama
Karena kegiatan Praktik Kerja Lapangan dilakukan secara daring, pada pekan
pertama Praktik Kerja Lapangan penulis diminta untuk mempelajari aplikasi mokita
yang sudah berjalan dan hasil dari rapat-rapat sebelumnya yang dilakukan pihak
Ditjen Aptika dengan mahasiswa PKL dari Universitas Brawijaya. Hari berikutnya
pada rapat daring pertama penulis berkenalan dengan rekan dan lingkungan kerja
yang ada di Bagian Perencanaan Program dan Pelaporan. Kemudian pembimbing
industri menjelaskan perkembangan aplikasi mokita yang sedang berjalan yaitu
mokita desktop, dilanjutkan menjelaskan apa saja kebutuhan aplikasi mokita web
dan mokita mobile seperti fitur-fitur apa saja yang akan ada pada aplikasi,
bagaimana komunikasi data antar aplikasi, struktur basis data dan yang terakhir
yaitu pembagian tugas pada masing-masing peserta PKL sesuai keahlian yang
dimiliki.
b. Pekan Kedua
Pada pekan kedua, penulis membuat rancangan mockup mokita mobile bersama
rekan satu tim mokita mobile. Hari berikutnya, penulis mengimplementasikan
rancangan mockup yang sudah dibuat yaitu membuat tampilan awal atau splash
screen, menu navigasi, tampilan halaman beranda, tampilan halaman kegiatan yang
terdapat dua tab layout yaitu halaman agenda dan pengumuman yang dibuat dengan
viewpager. Kemudian penulis mengerjakan halaman berita, mengerjakan tampilan
data agenda dan membuat isi dari tampilan agenda dengan data statis dan
menampilkannya dalam bentuk list.
c. Pekan Ketiga s.d Pekan Keenambelas
Dari pekan ketiga sampai dengan pekan keenambelas, penulis dan rekan satu tim
dalam mengerjakan modul-modul aplikasi saling berkolaborasi untuk pemecahan
masalah secara realtime. Di setiap selesai mengerjakan satu modul selalu
16
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
melakukan blackbox testing serta mengerjakan revisi pada perubahan yang ada
pada pekan ketiga sampai pekan keenambelas.
d. Pekan Ketujuhbelas
Di pekan ketujuhbelas atau pekan terakhir penulis memperbaiki salah fitur
pencarian agenda yang mengalami crash ketika dijalankan. Setelah semua modul
selesai dikembangkan, kemudian melakukan User Acceptence Testing untuk
menentukan apakah sistem yang dikembangkan telah memenuhi kebutuhan
pengguna dan untuk mengetahui bug atau kesalahan dalam aplikasi. Setelah semua
modul aplikasi berhasil dilakukan pengujian, penulis melakukan deploy aplikasi di
website sementara ditjen aptika yaitu https://mokita.pw/ agar pengguna dapat
mengunduh file apk dan memasangnya di smartphone masing-masing.
3.3 Pembahasan Hasil PKL
3.3.1. Planning (Perencanaan)
A. Identifikasi Masalah
Berdasarkan hasil penjelasan sistem yang sudah berjalan di Ditjen Aptika oleh
pembimbing industri, maka dapat diidentifikasi permasalahan yang saat ini
dihadapi sebagai berikut:
1) Setiap direktorat dalam menginput agenda kegiatan untuk tampil di monitor TV
masih menggunakan Excel.
2) Pegawai Ditjen Aptika dalam pemantauan kegiatan masih dilakukan secara
manual yaitu melihat ke monitor TV.
B. Analisis Kebutuhan Sistem
Analisis kebutuhan dilakukan untuk menentukan batasan dari aplikasi dan
menjabarkan fungsi / fitur yang terdapat di aplikasi. Kebutuhan aplikasi dibagi
menjadi dua yaitu kebutuhan fungsional dan kebutuhan non-fungsional.
Kebutuhan fungsional berisis proses-proses apa saja yang nantinya dilakukan oleh
sistem. Berikut ini merupakan kebutuhan fungsional aplikasi mokita mobile:
17
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
1) Login. Merupakan fitur yang berfungsi untuk membagi hak akses pengguna
sesuai dengan username dan password yang dimiliki.
2) Aplikasi dapat menampilkan data agenda hari ini beserta detail
3) Aplikasi dapat menampilkan data agenda lengkap beserta detail
4) Aplikasi dapat menyimpan agenda ke google calendar
5) Aplikasi dapat menginput agenda
6) Aplikasi dapat mencari agenda dengan kata kunci yang dimasukkan
7) Aplikasi dapat memfilter agenda dengan durasi tanggal yang ditentukan
8) Aplikasi dapat menampilkan berita mengenai Ditjen Aptika
9) Aplikasi dapat menampilkan pengumuman mengenai Ditjen Aptika
10) Aplikasi dapat menampilkan tweet dari akun twitter Ditjen Aptika
11) Aplikasi dapat memutar video-video dari kanal youtube Ditjen Aptika
Sedangkan kebutuhan non-fungsional dilakukan untuk mengetahui spesifikasi
kebutuhan sistem untuk menjalankan aplikasi mokita mobile. Maka spesifikasi
kebutuhan non-fungsional yang dibutuhkan adalah sebagai berikut:
1) Kebutuhan Perangkat Keras (Hardware)
Perangkat seluler yang mempunyai layar minimal 5 inch (540 x 960).
Processor Dual Core 1.1 GHz. Memori 1 GB RAM, 8 GB ROM.
2) Kebutuhan Perangkat Lunak (Software)
Aplikasi dapat dijalankan pada perangkat lunak berbasis android minimal
Android 5.1 - Lollipop (API level 22) dan maksimal Android 10 – Q (API level
29).
3) Tampilan Antarmuka
Aplikasi yang mempunyai tampilan antarmuka yang sederhana dan user
friendly agar pengguna dapat menggunakan aplikasi dengan mudah dan
nyaman
4) Kehandalan
Aplikasi dapat berjalan atau tidak force close ketika tidak ada koneksi internet.
5) Kontrol
Aplikasi dapat mengontrol dan mengenali antara pengguna tipe admin, tata
usaha dan user publik.
18
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3.3.2. Design (Perancangan)
Pada tahap perancangan ini dikelompokkan menjadi 3 perancangan, yaitu:
Perancangan Sistem, Perancangan Infrastruktur, dan Perancangan Basis Data.
Perancangan aplikasi mokita mobile menggunakan kartu CRC (Class
Responsibility Collaborator) dan diagram Unified Modelling Language (UML)
yang terdiri dari beberapa diagram antara lain use case diagram, activity diagram,
dan class diagram. Sedangkan perancangan basis data menggunakan Entity
Relationship Diagram (ERD).
Berikut ini adalah perancangan sistem aplikasi mokita mobile:
a. Perancangan Sistem
1) Diagram use case
Diagram use case pada Gambar 3.2 merupakan diagram untuk menggambarkan
aktor-aktor yang dapat melakukan aktifitas di aplikasi.
Gambar 3.2 Diagram Use Case Aplikasi Mokita
19
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Setiap aktor memiliki batasan aktifitas yang berbeda. Admin dan Tata usaha dapat
melakukan semua aktifitas di aplikasi, namun untuk User tidak dapat login dan
meng-input agenda.
2) Diagram Activity
a) Login
Aktifitas diagram pada Gambar 3.3 yaitu proses login hanya dapat dilakukan oleh
pengguna dengan tipe Admin dan Tata Usaha yang sudah didaftarkan sebelumnya
oleh Admin melalui WordPress. Sedangkan User langsung dapat klik tombol login
sebagai publik untuk memasuki halaman beranda.
Gambar 3.3 Diagram Activity Login
b) Melihat agenda hari ini
Aktifitas diagram pada Gambar 3.4 yaitu melihat agenda hari ini dapat dilakukan
oleh semua tipe pengguna yaitu Admin, Tata Usaha dan User. Pengguna harus
memasuki halaman beranda untuk melihat agenda hari ini dan memilih salah satu
agenda untuk melihat detail agenda.
20
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.4 Diagram Activity Melihat Agenda Hari Ini
c) Melihat agenda
Aktifitas diagram pada Gambar 3.5 melihat agenda dapat dilakukan oleh semua tipe
pengguna yaitu Admin, Tata Usaha dan User. Pengguna harus memasuki halaman
agenda untuk melihat agenda dan memilih salah satu agenda untuk melihat detail
agenda.
Gambar 3.5 Diagram Activity Melihat Agenda
21
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
d) Mencari Agenda
Aktifitas diagram pada Gambar 3.6 mencari agenda dapat dilakukan oleh semua
tipe pengguna yaitu Admin, Tata Usaha dan User. Pengguna harus memasuki
halaman agenda, kemudian meng-klik ikon cari di bagian atas yang dilanjutkan
dengan mengetikan kata kunci yang ingin dicari. Jika kata kunci yang dimasukkan
sesuai maka akan menampilkan list agenda, jika tidak akan menampilkan pesan
tidak ditemukan.
Gambar 3.6 Diagram Activity Mencari Agenda
e) Menginput Agenda
Pada Gambar 3.7 merupakan aktifitas menginput agenda. Aktifitas ini hanya dapat
dilakukan oleh pengguna dengan tipe Admin dan Tata Usaha. Jika User biasa
mencoba untuk mengakses halaman tambah agenda maka akan muncul alert dialog
untuk login terlebih dahulu.
22
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.7 Diagram Activity Menginput Agenda
f) Melihat berita
Aktifitas diagram pada Gambar 3.8 melihat berita dapat dilakukan oleh semua tipe
pengguna yaitu Admin, Tata Usaha dan User. Pengguna harus memasuki halaman
informasi dan berada di tab berita untuk melihat berita dan memilih salah satu berita
untuk melihat detail berita.
23
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.8 Diagram Activity Melihat Berita
g) Menonton video
Aktifitas diagram pada Gambar 3.9 menonton video dapat dilakukan oleh semua
tipe pengguna yaitu Admin, Tata Usaha dan User. Pengguna harus memasuki
halaman media sosial dan berada di tab youtube untuk melihat daftar video youtube
Ditjen Aptika dan memilih salah satu video untuk menonton video.
Gambar 3.9 Diagram Activity Menonton Video
24
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3) Diagram Class
Gambar 3.10 merupakan diagram class yang menggambarkan antar kelas-kelas atau
objek yang menjadi skema Object Oriented Programming (OOP). Dapat dilihat
bahwa kelas berita dan pengumuman bergantung pada kelas wpay_post. Kelas-
kelas ini tidak akan terbentuk jika user (admin) belum melakukan operasi create
pada kelas wpay_post.
Gambar 3.10 Diagram Class Aplikasi Mokita
4) Kartu CRC (Class Responsibility Collaborator)
Setelah class diagram berhasil dibuat, selanjutnya diterapkan untuk membuat kartu
CRC aplikasi mokita. Berikut ini merupakan kartu CRC masing-masing kelas:
25
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
• Kartu CRC User
Tabel 3.1 merupakan kartu CRC dari kelas wpay_users yang berkolaborasi dengan
kelas agenda.
Tabel 3.1 Kartu CRC User
User
Responsibilities Collaborator
Melakukan input agenda Agenda
Melakukan pencarian agenda Agenda
Melakukan filter agenda Agenda
Menyimpan agenda ke calendar Agenda
Melakukan proses CRUD berita dan
pengumuman di website
• Kartu CRC Agenda
Tabel 3.2 merupakan kartu CRC dari kelas agenda yang berkolaborasi dengan kelas
user.
Tabel 3.2 Kartu CRC Agenda
Agenda
Responsibilities Collaborator
Menampilkan agenda hari ini User
Menampilkan agenda User
Menampilkan hasil pencarian agenda User
Menampilkan hasil filter agenda User
Menyimpan agenda ke database
Menyimpan agenda ke calendar
• Kartu CRC Berita
Tabel 3.3 merupakan kartu CRC dari kelas berita yang berkolaborasi dengan kelas
user.
Tabel 3.3 Kartu CRC Berita
Berita
Responsibilities Collaborator
Menampilkan berita User
26
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
• Kartu CRC Pengumuman
Tabel 3.4 merupakan kartu CRC dari kelas pengumuman yang berkolaborasi
dengan kelas user.
Tabel 3.4 Kartu CRC Pengumuman
Pengumuman
Responsibilities Collaborator
Menampilkan pengumuman User
b. Perancangan Infrastruktur
Pada perancangan infratruktur aplikasi mokita, seluruh koneksi ke basis data
menggunakan web service, yaitu REST (Representational State Transfer). Setiap
validasi koneksi menggunakan token atau hash-key dinamis. Pada Gambar 3.11
merupakan rancangan infrasturktur aplikasi mokita.
Gambar 3.11 Perancangan Infrastruktur Aplikasi Mokita
c. Perancangan Basis Data
1) Diagram Entity Relationship
Gambar 3.12 merupakan Diagram ER untuk perancangan basis data aplikasi mokita
yang dimana setiap entitas memiliki relasi dengan entitas yang lainnya.
27
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.12 Diagram Entity Relationship Aplikasi Mokita
2) Kamus Data
• Tabel agenda
Tabel 3.5 Struktur Tabel agenda
Field Data Type Length Null Keterangan
agenda_id int 11 tidak Primary Key (auto increment)
acara varchar 400 tidak Nama acara
tempat varchar 200 tidak Lokasi acara, bisa url
mulai datetime tidak Mulai acara (tgl, jam)
selesai datetime tidak Selesai acara (tgl, jam)
disposisi varchar 200 ya Siapa menghadiri, ket lain-lain
satker varchar 10 ya Satker asal agenda
jenis enum ya Jenis acara (int, pub, und, bat)
user_id varchar 40 tidak User penginput
28
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
• Tabel wpay_users
Tabel 3.6 Struktur Tabel wpay_users
Field Data
Type
Length Null Keterangan
ID bigint 20 tidak Primary Key (auto
increment)
user_login varchar 60 tidak nama pengguna (unique)
user_pass varchar 255 tidak password pengguna
user_nicename varchar 50 tidak nama pengguna (unique)
user_email varchar 100 tidak email pengguna (unique)
user_url varchar 100 tidak url pengguna
user_registered datetime tidak tgl pengguna terdaftar
user_activation_key varchar 255 tidak kode aktivasi pengguna
user_status int 11 tidak status pengguna
display_name varchar 250 tidak nama tampilan
• Tabel wpay_usermeta
Tabel 3.7 Struktur Tabel wpay_usermeta
Field Data
Type
Length Null Keterangan
unmeta_id bigint 20 tidak Primary Key (auto
increment)
user_id bigint 20 tidak id pengguna (foreign key)
meta_key varchar 255 ya kunci meta (unique)
meta_value longtext 50 ya nilai meta
• Tabel wpay_postmeta
Tabel 3.8 Struktur Tabel wpay_postmeta
Field Data
Type
Length Null Keterangan
meta_id bigint 20 tidak Primary Key (auto
increment)
post_id bigint 20 tidak id pos (foreign key)
meta_key varchar 255 ya kunci meta (unique)
meta_value longtext 50 ya nilai meta
29
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
• Tabel wpay_posts
Tabel 3.9 Struktur Tabel wpay_posts
Field Data
Type
Length Null Keterangan
ID bigint 20 tidak Primary Key (auto
increment)
post_author bigint 20 tidak pembuat pos (unique)
post_date datetime 255 tidak tanggal pos
post_date_gmt datetime 50 tidak tanggal pos gmt
post_content longtext 100 tidak konten
post_title text 100 tidak judul pos
post_excerpt text tidak tgl pengguna terdaftar
post_status varchar 20 tidak status pos
comment_status varchar 20 tidak status komentar
ping_status varchar 20 tidak status ping
post_password varchar 255 tidak password pos
post_name varchar 200 tidak nama pos
to_ping text tidak
pinged text tidak
post_modified datetime tidak tgl ubah pos
post_modified_gmt datetime tidak tgl ubah pos gmt
post_content_filtered longtext tidak
post_parent bigint 20 tidak hirarki pos
guid varchar 255 tidak sejenis url
menu_order int 11 tidak
post_type varchar 20 tidak jenis pos
post_mime_type varchar 100 tidak mengandung gambar
comment_count bigint 20 tidak jumlah komentar
30
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
d. Perancangan Tampilan Antarmuka
1) Tampilan Splash Screen
Pada Gambar 3.13 merupakan rancangan tampilan splash screen, di tampilan
tersebut hanya terdapat logo perusahaan.
Gambar 3.13 Rancangan Tampilan Splash Screen
2) Tampilan login
Pada Gambar 3.14 merupakan rancangan tampilan login yang terdapat form
pengisian username, password dan dua tombol masuk.,
Gambar 3.14 Rancangan Tampilan Login
31
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3) Tampilan beranda
Pada Gambar 3.15 merupakan rancangan tampilan beranda untuk menampilkan list
berita dan agenda kegiatan hari ini.
Gambar 3.15 Rancangan Tampilan Beranda
4) Tampilan agenda
Pada Gambar 3.16 merupakan rancangan tampilan agenda, (kiri) rancangan
tampilan utama agenda, (tengah) rancangan tampilan detail agenda, (kiri)
rancangan tampilan tambah agenda.
Gambar 3.16 Rancangan Tampilan Agenda
32
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
5) Tampilan informasi
Pada Gambar 3.17 (kiri) merupakan rancangan tampilan halaman informasi berita
maupun pengumuman, sedangkan (kanan) merupakan rancangan tampilan
detailnya.
Gambar 3.17 Rancangan Tampilan Informasi
6) Tampilan sosial media
Pada Gambar 3.18 merupakan rancangan tampilan sosial media, (kiri) rancangan
tampilan twitter, (kanan) rancangan tampilan youtube.
Gambar 3.18 Rancangan Tampilan Sosial Media
33
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3.3.3. Coding (Pengkodean)
1. Modul Login
Modul login ini berguna untuk membatasi fitur aplikasi untuk pengguna yang tidak
memiliki akun dengan pengguna yang memiliki akun, jadi hanya pengguna tertentu
yang diberikan akun oleh admin seperti tipe pengguna tata usaha di sekretariat dan
di setiap direktorat. Pada gambar 3.19 merupakan halaman login, untuk pengguna
yang memiliki akun dapat memasukkan username dan password lalu menekan
tombol masuk, jika pengguna tidak memiliki akun dapat langsung menekan tombol
masuk sebagai publik.
Gambar 3.19 Tampilan Modul Login
2. Modul Beranda
Modul beranda merupakan modul yang berisikan halaman awal ketika pengguna
membuka aplikasi. Di modul beranda terdapat konten yang menampilkan berita
terkini yang diambil dari website Ditjen Aptika, ada juga konten yang menampilkan
agenda kegiatan hari ini. Gambar 3.20 merupakan tampilan dari halaman beranda.
34
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.20 Tampilan Modul Beranda
3. Modul Agenda
Modul agenda merupakan modul yang berisikan fungsi untuk menampilkan agenda
yang dibatasi 20 item perhalaman. Di dalam modul ini juga terdapat fitur pencarian,
filter tanggal dan input agenda. Gambar 3.21 merupakan tampilan halaman agenda,
pencarian agenda dan input agenda.
Gambar 3.21 Tampilan Modul Agenda
35
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
4. Modul Informasi
Modul informasi merupakan modul yang berisikan halaman untuk menampilkan
berita dan pengumuman yang diambil dari website Ditjen Aptika. Gambar 3.22
merupakan tampilan halaman berita dan pengumuman.
Gambar 3.22 Tampilan Modul Informasi
5. Modul Sosial Media
Modul sosial media merupakan modul yang berisikan halaman untuk menampilkan
tweet dan video yang diambil dari akun twitter dan youtube Ditjen Aptika. Gambar
3.23 merupakan tampilan halaman twitter dan youtube.
36
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Gambar 3.23 Tampilan Modul Sosial Media
3.3.4. Testing (Pengujian)
Pada tahap User Acceptence Testing (UAT) atau pengujian aplikasi dilakukan
dengan black box. Pengujian ini dilakukan oleh tim developer mokita dalam dua
kali pengujian agar dapat menentukan apakah sistem yang dikembangkan telah
memenuhi kebutuhan pengguna dan untuk mengetahui bug atau kesalahan dalam
aplikasi.
Sebelum dilakukan pengujian aplikasi, dibuat skenario terlebih dahulu sesuai tipe
pengguna yang diberikan. Pengujian black box ini dilakukan dengan dua kondisi,
yaitu positive case dan negative case dengan menguji seluruh modul yang ada
dalam aplikasi.
Pada kondisi positive case, penguji melakukan pengujian aplikasi dengan benar
atau sesuai dengan panduan penggunaan aplikasi. Sedangkan pada negative case,
penguji melakukan pengujian aplikasi dengan sembarang atau tidak sesuai dengan
panduan. Hal ini dilakukan untuk mengidentifikasi kesalahan dalam berbagai
kondisi. Bug atau kesalahan dapat teridentifikasi jika kesalahan tersebut dapat
dibuat ulang, dengan mengulangi skenario tersebut apakah kesalahan muncul
37
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
kembali atau tidak. Kesalahan-kesalahan yang teridentifikasi ditulis dalam isian
keterangan dengan menceritakan kesalahan yang terjadi dan efek yang terjadi pada
aplikasi.
a) Hasil pengujian pertama sebagai admin
Tabel 3.10 Hasil pengujian pertama sebagai Admin
No Modul Tes skenario Hasil yang
diharapkan
Hasil
pengujian Penguji
1 Login
sebagai
admin
Positive case:
username benar,
password benar
Negative case:
username benar,
password salah /
username salah,
password benar /
username salah,
password salah
Masuk ke halaman
beranda, muncul
toast Login sebagai
admin
Tidak dapat masuk
ke halaman beranda,
muncul toast
username atau
password salah
Berhasil
Berhasil Rizqan
2 Beranda Klik menu
beranda
Menampilkan list
berita dengan
thumbnail dan dapat
bergulir otomatis
secara horizontal
Menampilkan list
agenda hari ini
(semua jenis
agenda)
Jika tidak ada data
dihari itu, maka
akan menampilkan
teks tidak ada
agenda kegiatan hari
ini
Berhasil
Berhasil
Berhasil
Rizqan
Klik salah satu
agenda hari ini Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Rizqan
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
38
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3 Agenda Klik menu
agenda
Menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil Rizqan
Menggulirkan
list agenda
keatas ketika
sudah sampai
bawah
Menampilkan
proses loading
untuk menampilkan
20 agenda baru
(pagination)
Dapat menampilkan
sampai 10 halaman
(10 kali load)
Berhasil
Berhasil
Rizqan
Mencari agenda
Positive case:
menuliskan kata
kunci sesuai data
yang ada
kemudian klik
submit
Negative case:
menuliskan kata
kunci sembarang
Menampilkan list
agenda sesuai kata
kunci yang dicari
Menampilkan
halaman kosong dan
aplikasi tidak crash
Berhasil
Berhasil
Rizqan
Klik reset
pencarian
Mereset list agenda
hasil pencarian dan
menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil
Rizqan
Memfilter
agenda
Positive case:
memasukkan
tanggal mulai
dan tanggal akhir
kemudian klik
submit
Negative case:
memasukkan
tanggal mulai
saja kemudian
klik submit
Menampilkan
agenda sesuai durasi
yang dimasukkan
dan terdapat
pagination jika data
lebih dari 20 agenda
Menampilkan pesan
error jika tanggal
akhir tidak diisi
Dapat
menampilkan
20 data tapi
tidak
terdapat
pagination
Gagal
Rizqan
39
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
memasukkan
tanggal akhir
saja kemudian
klik submit
tidak
memasukkan
tanggal mulai
dan akhir
Menampilkan pesan
error jika tanggal
mulai tidak diisi
Menampilkan pesan
error jika tanggal
mulai dan akhir
tidak diisi
Gagal
Gagal
Klik reset filter Mereset list agenda
hasil filter dan
menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil
Rizqan
Klik salah satu
agenda
Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Rizqan
Klik button
tambah ke
kalender di
halaman detail
agenda
Beralih ke google
calendar dengan
membawa data
detail agenda
Berhasil
Rizqan
Klik ikon
tambah
Menampilkan
halaman tambah
agenda dan dapat
menampilkan semua
satker pada pilihan
satuan kerja
Berhasil
Rizqan
Klik button
submit pada
halaman tambah
agenda setelah
mengisi semua
isian
Menampilkan pesan
berhasil input
agenda dan
menyimpan data
pada database
Berhasil
Rizqan
Logout Menampilkan pesan
berhasil logout dan
beralih ke halaman
beranda
Berhasil
Rizqan
4 Informasi Klik menu
informasi
Menampilkan tab
berita dan tab
pengumuman
Menampilkan list
berita dengan
thumbnail
Berhasil
Berhasil
Rizqan
40
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Klik tab
pengumuman
Menampilkan list
pengumuman
dengan thumbnail
Berhasil Rizqan
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
Klik salah satu
pengumuman
Menampilkan detail
pengumuman serta
dapat menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
5 Media
Sosial
Klik menu media
sosial
Menampilkan tab
twitter dan tab
youtube
Menampilkan
cuitan-cuitan dari
akun twitter Ditjen
Aptika
Berhasil
Berhasil
Rizqan
Klik tab youtube Menampilkan
video-video dari
kanal youtube
Ditjen Aptika
beserta thumbnail-
nya diurutkan dari
tanggal upload
terbaru
Berhasil
Rizqan
Klik button
watch salah satu
video
Memutarkan video
sesuai apa yang
dipilih
Berhasil Rizqan
b) Hasil pengujian kedua sebagai admin
Tabel 3.11 Hasil pengujian kedua sebagai Admin
No Modul Tes skenario Hasil yang
diharapkan
Hasil
pengujian Penguji
1 Login
sebagai
admin
Positive case:
username benar,
password benar
Negative case:
username benar,
password salah /
username salah,
Masuk ke halaman
beranda, muncul
toast Login sebagai
admin
Tidak dapat masuk
ke halaman beranda,
muncul toast
Berhasil
Berhasil
Mahdi
41
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
password benar /
username salah,
password salah
username atau
password salah
2 Beranda Klik menu
beranda
Menampilkan list
berita dengan
thumbnail dan dapat
bergulir otomatis
secara horizontal
Menampilkan list
agenda hari ini
(semua jenis
agenda)
Jika tidak ada data
dihari itu, maka
akan menampilkan
teks tidak ada
agenda kegiatan hari
ini
Berhasil
Berhasil
Berhasil
Mahdi
Klik salah satu
agenda hari ini Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Mahdi
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
3 Agenda Klik menu
agenda
Menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil Mahdi
Menggulirkan
list agenda
keatas ketika
sudah sampai
bawah
Menampilkan
proses loading
untuk menampilkan
20 agenda baru
(pagination)
Dapat menampilkan
sampai 10 halaman
(10 kali load)
Berhasil
Berhasil
Mahdi
42
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Mencari agenda
Positive case:
menuliskan kata
kunci sesuai data
yang ada
kemudian klik
submit
Negative case:
menuliskan kata
kunci sembarang
Menampilkan list
agenda sesuai kata
kunci yang dicari
Menampilkan
halaman kosong dan
aplikasi tidak crash
Berhasil
Berhasil
Mahdi
Klik reset
pencarian
Mereset list agenda
hasil pencarian dan
menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil
Mahdi
Memfilter
agenda
Positive case:
memasukkan
tanggal mulai
dan tanggal akhir
kemudian klik
submit
Negative case:
memasukkan
tanggal mulai
saja kemudian
klik submit
memasukkan
tanggal akhir
saja kemudian
klik submit
tidak
memasukkan
tanggal mulai
dan akhir
Menampilkan
agenda sesuai durasi
yang dimasukkan
dan terdapat
pagination jika data
lebih dari 20 agenda
Menampilkan pesan
error jika tanggal
akhir tidak diisi
Menampilkan pesan
error jika tanggal
mulai tidak diisi
Menampilkan pesan
error jika tanggal
mulai dan akhir
tidak diisi
Dapat
menampilkan
20 data tapi
tidak
terdapat
pagination
Gagal
Gagal
Gagal
Mahdi
Klik reset filter Mereset list agenda
hasil filter dan
menampilkan 20
agenda (semua jenis
Berhasil
Mahdi
43
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
agenda) diurutkan
dari yang terbaru
Klik salah satu
agenda
Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Mahdi
Klik button
tambah ke
kalender di
halaman detail
agenda
Beralih ke google
calendar dengan
membawa data
detail agenda
Berhasil
Mahdi
Klik ikon
tambah
Menampilkan
halaman tambah
agenda dan dapat
menampilkan semua
satker pada pilihan
satuan kerja
Berhasil
Mahdi
Klik button
submit pada
halaman tambah
agenda setelah
mengisi semua
isian
Menampilkan pesan
berhasil input
agenda dan
menyimpan data
pada database
Berhasil
Mahdi
Logout Menampilkan pesan
berhasil logout dan
beralih ke halaman
beranda
Berhasil
Mahdi
4 Informasi Klik menu
informasi
Menampilkan tab
berita dan tab
pengumuman
Menampilkan list
berita dengan
thumbnail
Berhasil
Berhasil
Mahdi
Klik tab
pengumuman
Menampilkan list
pengumuman
dengan thumbnail
Berhasil Mahdi
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
Klik salah satu
pengumuman
Menampilkan detail
pengumuman serta
dapat menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
44
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
5 Media
Sosial
Klik menu media
sosial
Menampilkan tab
twitter dan tab
youtube
Menampilkan
cuitan-cuitan dari
akun twitter Ditjen
Aptika
Berhasil
Berhasil
Mahdi
Klik tab youtube Menampilkan
video-video dari
kanal youtube
Ditjen Aptika
beserta thumbnail-
nya diurutkan dari
tanggal upload
terbaru
Berhasil
Mahdi
Klik button
watch salah satu
video
Memutarkan video
sesuai apa yang
dipilih
Berhasil Mahdi
c) Hasil pengujian pertama sebagai tata usaha
Tabel 3.12 Hasil pengujian pertama sebagai Tata Usaha
No Modul Tes skenario Hasil yang
diharapkan
Hasil
pengujian Penguji
1 Login
sebagai
tata usaha
Positive case:
username benar,
password benar
Negative case:
username benar,
password salah /
username salah,
password benar /
username salah,
password salah
Masuk ke halaman
beranda, muncul
toast Login sebagai
tata usaha (sesuai
satker)
Tidak dapat masuk
ke halaman beranda,
muncul toast
username atau
password salah
Berhasil
Berhasil Rizqan
2 Beranda Klik menu
beranda
Menampilkan list
berita dengan
thumbnail dan dapat
bergulir otomatis
secara horizontal
Menampilkan list
agenda hari ini
Berhasil
Berhasil
Rizqan
45
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
(semua jenis
agenda)
Jika tidak ada data
dihari itu, maka
akan menampilkan
teks tidak ada
agenda kegiatan hari
ini
Berhasil
Klik salah satu
agenda hari ini Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Rizqan
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
3 Agenda Klik menu
agenda
Menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil Rizqan
Menggulirkan
list agenda
keatas ketika
sudah sampai
bawah
Menampilkan
proses loading
untuk menampilkan
20 agenda baru
(pagination)
Dapat menampilkan
sampai 10 halaman
(10 kali load)
Berhasil
Berhasil
Rizqan
Mencari agenda
Positive case:
menuliskan kata
kunci sesuai data
yang ada
kemudian klik
submit
Negative case:
menuliskan kata
kunci sembarang
Menampilkan list
agenda sesuai kata
kunci yang dicari
Menampilkan
halaman kosong dan
aplikasi tidak crash
Berhasil
Berhasil
Rizqan
Klik reset
pencarian
Mereset list agenda
hasil pencarian dan
menampilkan 20
agenda (semua jenis
Berhasil Rizqan
46
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
agenda) diurutkan
dari yang terbaru
Memfilter
agenda
Positive case:
memasukkan
tanggal mulai
dan tanggal akhir
kemudian klik
submit
Negative case:
memasukkan
tanggal mulai
saja kemudian
klik submit
memasukkan
tanggal akhir
saja kemudian
klik submit
tidak
memasukkan
tanggal mulai
dan akhir
Menampilkan
agenda sesuai durasi
yang dimasukkan
dan terdapat
pagination jika data
lebih dari 20 agenda
Menampilkan pesan
error jika tanggal
akhir tidak diisi
Menampilkan pesan
error jika tanggal
mulai tidak diisi
Menampilkan pesan
error jika tanggal
mulai dan akhir
tidak diisi
Dapat
menampilkan
20 data tapi
tidak
terdapat
pagination
Gagal
Gagal
Gagal
Rizqan
Klik reset filter Mereset list agenda
hasil filter dan
menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil
Rizqan
Klik salah satu
agenda
Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Rizqan
Klik button
tambah ke
kalender di
halaman detail
agenda
Beralih ke google
calendar dengan
membawa data
detail agenda
Berhasil
Rizqan
Klik ikon
tambah
Menampilkan
halaman tambah
agenda dan dapat
menampilkan satker
Berhasil Rizqan
47
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
sesuai akun pada
pilihan satuan kerja
Klik submit pada
halaman tambah
agenda setelah
mengisi semua
isian
Menampilkan pesan
berhasil input
agenda dan
menyimpan data
pada database
Berhasil
Rizqan
Logout Menampilkan pesan
berhasil logout dan
beralih ke halaman
beranda
Berhasil
Rizqan
4 Informasi Klik menu
informasi
Menampilkan tab
berita dan tab
pengumuman
Menampilkan list
berita dengan
thumbnail
Berhasil
Berhasil
Rizqan
Klik tab
pengumuman
Menampilkan list
pengumuman
dengan thumbnail
Berhasil Rizqan
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
Klik salah satu
pengumuman
Menampilkan detail
pengumuman serta
dapat menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
5 Media
Sosial
Klik menu media
sosial
Menampilkan tab
twitter dan tab
youtube
Menampilkan
cuitan-cuitan dari
akun twitter Ditjen
Aptika
Berhasil
Berhasil
Rizqan
Klik tab youtube Menampilkan
video-video dari
kanal youtube
Ditjen Aptika
beserta thumbnail-
nya diurutkan dari
tanggal upload
terbaru
Berhasil
Rizqan
48
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Klik button
watch salah satu
video
Memutarkan video
sesuai apa yang
dipilih
Berhasil Rizqan
d) Hasil pengujian kedua sebagai tata usaha
Tabel 3.13 Hasil pengujian kedua sebagai Tata Usaha
No Modul Tes skenario Hasil yang
diharapkan
Hasil
pengujian Penguji
1 Login
sebagai
tata usaha
Positive case:
username benar,
password benar
Negative case:
username benar,
password salah /
username salah,
password benar /
username salah,
password salah
Masuk ke halaman
beranda, muncul
toast Login sebagai
tata usaha (sesuai
satker)
Tidak dapat masuk
ke halaman beranda,
muncul toast
username atau
password salah
Berhasil
Berhasil Mahdi
2 Beranda Klik menu
beranda
Menampilkan list
berita dengan
thumbnail dan dapat
bergulir otomatis
secara horizontal
Menampilkan list
agenda hari ini
(semua jenis
agenda)
Jika tidak ada data
dihari itu, maka
akan menampilkan
teks tidak ada
agenda kegiatan hari
ini
Berhasil
Berhasil
Berhasil
Mahdi
Klik salah satu
agenda hari ini Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Mahdi
Klik salah satu
berita Menampilkan detail
berita serta dapat
menampilkan
Berhasil Mahdi
49
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
gambar sesuai
thumbnail
3 Agenda Klik menu
agenda
Menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil Mahdi
Menggulirkan
list agenda
keatas ketika
sudah sampai
bawah
Menampilkan
proses loading
untuk menampilkan
20 agenda baru
(pagination)
Dapat menampilkan
sampai 10 halaman
(10 kali load)
Berhasil
Berhasil
Mahdi
Mencari agenda
Positive case:
menuliskan kata
kunci sesuai data
yang ada
kemudian klik
submit
Negative case:
menuliskan kata
kunci sembarang
Menampilkan list
agenda sesuai kata
kunci yang dicari
Menampilkan
halaman kosong dan
aplikasi tidak crash
Berhasil
Berhasil
Mahdi
Klik reset
pencarian
Mereset list agenda
hasil pencarian dan
menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil
Mahdi
Memfilter
agenda
Positive case:
memasukkan
tanggal mulai
dan tanggal akhir
kemudian klik
submit
Negative case:
memasukkan
Menampilkan
agenda sesuai durasi
yang dimasukkan
dan terdapat
pagination jika data
lebih dari 20 agenda
Dapat
menampilkan
20 data tapi
tidak
terdapat
pagination
Gagal
Mahdi
50
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
tanggal mulai
saja kemudian
klik submit
memasukkan
tanggal akhir
saja kemudian
klik submit
tidak
memasukkan
tanggal mulai
dan akhir
Menampilkan pesan
error jika tanggal
akhir tidak diisi
Menampilkan pesan
error jika tanggal
mulai tidak diisi
Menampilkan pesan
error jika tanggal
mulai dan akhir
tidak diisi
Gagal
Gagal
Klik reset filter Mereset list agenda
hasil filter dan
menampilkan 20
agenda (semua jenis
agenda) diurutkan
dari yang terbaru
Berhasil
Mahdi
Klik salah satu
agenda
Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Mahdi
Klik button
tambah ke
kalender di
halaman detail
agenda
Beralih ke google
calendar dengan
membawa data
detail agenda
Berhasil
Mahdi
Klik ikon
tambah
Menampilkan
halaman tambah
agenda dan dapat
menampilkan satker
sesuai akun pada
pilihan satuan kerja
Berhasil
Mahdi
Klik submit pada
halaman tambah
agenda setelah
mengisi semua
isian
Menampilkan pesan
berhasil input
agenda dan
menyimpan data
pada database
Berhasil
Mahdi
Logout Menampilkan pesan
berhasil logout dan
beralih ke halaman
beranda
Berhasil
Mahdi
4 Informasi Klik menu
informasi
Menampilkan tab
berita dan tab
pengumuman
Berhasil
Mahdi
51
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Menampilkan list
berita dengan
thumbnail
Berhasil
Klik tab
pengumuman
Menampilkan list
pengumuman
dengan thumbnail
Berhasil Mahdi
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
Klik salah satu
pengumuman
Menampilkan detail
pengumuman serta
dapat menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
5 Media
Sosial
Klik menu media
sosial
Menampilkan tab
twitter dan tab
youtube
Menampilkan
cuitan-cuitan dari
akun twitter Ditjen
Aptika
Berhasil
Berhasil
Mahdi
Klik tab youtube Menampilkan
video-video dari
kanal youtube
Ditjen Aptika
beserta thumbnail-
nya diurutkan dari
tanggal upload
terbaru
Berhasil
Mahdi
Klik button
watch salah satu
video
Memutarkan video
sesuai apa yang
dipilih
Berhasil Mahdi
e) Hasil pengujian pertama sebagai user publik
Tabel 3.14 Hasil pengujian pertama sebagai User Publik
No Modul Tes skenario Hasil yang
diharapkan
Hasil
pengujian Penguji
1 Login
sebagai
user
publik
Positive case:
Klik button
masuk sebagai
publik
Masuk ke halaman
beranda
Berhasil
Rizqan
52
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Negative case:
username benar,
password salah /
username salah,
password benar /
username salah,
password salah
Tidak dapat masuk
ke halaman beranda,
muncul toast
username atau
password salah
Berhasil
2 Beranda Klik menu
beranda
Menampilkan list
berita dengan
thumbnail dan dapat
bergulir otomatis
secara horizontal
Menampilkan list
agenda hari ini
(hanya agenda
dengan jenis publik)
Jika tidak ada data
dihari itu, maka
akan menampilkan
teks tidak ada
agenda kegiatan hari
ini
Berhasil
Berhasil
Berhasil
Rizqan
Klik salah satu
agenda hari ini Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Rizqan
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
3 Agenda Klik menu
agenda
Menampilkan 20
agenda (hanya
agenda dengan jenis
publik) diurutkan
dari yang terbaru
Berhasil
Rizqan
Menggulirkan
list agenda
keatas ketika
sudah sampai
bawah
Menampilkan
proses loading
untuk menampilkan
20 agenda baru
(pagination)
Dapat menampilkan
sampai 10 halaman
(10 kali load)
Berhasil
Berhasil
Rizqan
53
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Mencari agenda
Positive case:
menuliskan kata
kunci sesuai data
yang ada
kemudian klik
submit
Negative case:
menuliskan kata
kunci sembarang
Menampilkan list
agenda (hanya
agenda dengan jenis
publik) sesuai kata
kunci yang dicari
Menampilkan
halaman kosong dan
aplikasi tidak crash
Berhasil
Berhasil
Rizqan
Klik reset
pencarian
Mereset list agenda
hasil pencarian dan
menampilkan 20
agenda (hanya
agenda dengan jenis
publik) diurutkan
dari yang terbaru
Berhasil
Rizqan
Memfilter
agenda
Positive case:
memasukkan
tanggal mulai
dan tanggal akhir
kemudian klik
submit
Negative case:
memasukkan
tanggal mulai
saja kemudian
klik submit
memasukkan
tanggal akhir
saja kemudian
klik submit
tidak
memasukkan
Menampilkan
agenda (hanya
agenda dengan jenis
publik) sesuai durasi
yang dimasukkan
dan terdapat
pagination jika data
lebih dari 20 agenda
Menampilkan pesan
error jika tanggal
akhir tidak diisi
Menampilkan pesan
error jika tanggal
mulai tidak diisi
Menampilkan pesan
error jika tanggal
Dapat
menampilkan
20 data tapi
tidak
terdapat
pagination
Gagal
Gagal
Gagal
Rizqan
54
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
tanggal mulai
dan akhir
mulai dan akhir
tidak diisi
Klik reset filter Mereset list agenda
hasil filter dan
menampilkan 20
agenda (hanya
agenda dengan jenis
publik) diurutkan
dari yang terbaru
Berhasil
Rizqan
Klik salah satu
agenda
Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Rizqan
Klik button
tambah ke
kalender di
halaman detail
agenda
Beralih ke google
calendar dengan
membawa data
detail agenda
Berhasil
Rizqan
Klik ikon
tambah
Menampilkan
dialog untuk login
terlebih dahulu
Berhasil Rizqan
4 Informasi Klik menu
informasi
Menampilkan tab
berita dan tab
pengumuman
Menampilkan list
berita dengan
thumbnail
Berhasil
Berhasil
Rizqan
Klik tab
pengumuman
Menampilkan list
pengumuman
dengan thumbnail
Berhasil Rizqan
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
Klik salah satu
pengumuman
Menampilkan detail
pengumuman serta
dapat menampilkan
gambar sesuai
thumbnail
Berhasil
Rizqan
5 Media
Sosial
Klik menu media
sosial
Menampilkan tab
twitter dan tab
youtube
Menampilkan
cuitan-cuitan dari
Berhasil
Berhasil
Rizqan
55
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
akun twitter Ditjen
Aptika
Klik tab youtube Menampilkan
video-video dari
kanal youtube
Ditjen Aptika
beserta thumbnail-
nya diurutkan dari
tanggal upload
terbaru
Berhasil
Rizqan
Klik button
watch salah satu
video
Memutarkan video
sesuai apa yang
dipilih
Berhasil Rizqan
f) Hasil pengujian kedua sebagai user publik
Tabel 3.15 Hasil pengujian kedua sebagai User Publik
No Modul Tes skenario Hasil yang
diharapkan
Hasil
pengujian Penguji
1 Login
sebagai
user
publik
Positive case:
Klik button
masuk sebagai
publik
Negative case:
username benar,
password salah /
username salah,
password benar /
username salah,
password salah
Masuk ke halaman
beranda
Tidak dapat masuk
ke halaman beranda,
muncul toast
username atau
password salah
Berhasil
Berhasil
Mahdi
2 Beranda Klik menu
beranda
Menampilkan list
berita dengan
thumbnail dan dapat
bergulir otomatis
secara horizontal
Menampilkan list
agenda hari ini
(hanya agenda
dengan jenis publik)
Berhasil
Berhasil
Mahdi
56
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Jika tidak ada data
dihari itu, maka
akan menampilkan
teks tidak ada
agenda kegiatan hari
ini
Berhasil
Klik salah satu
agenda hari ini Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Mahdi
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
3 Agenda Klik menu
agenda
Menampilkan 20
agenda (hanya
agenda dengan jenis
publik) diurutkan
dari yang terbaru
Berhasil
Mahdi
Menggulirkan
list agenda
keatas ketika
sudah sampai
bawah
Menampilkan
proses loading
untuk menampilkan
20 agenda baru
(pagination)
Dapat menampilkan
sampai 10 halaman
(10 kali load)
Berhasil
Berhasil
Mahdi
Mencari agenda
Positive case:
menuliskan kata
kunci sesuai data
yang ada
kemudian klik
submit
Negative case:
menuliskan kata
kunci sembarang
Menampilkan list
agenda (hanya
agenda dengan jenis
publik) sesuai kata
kunci yang dicari
Menampilkan
halaman kosong dan
aplikasi tidak crash
Berhasil
Berhasil
Mahdi
Klik reset
pencarian
Mereset list agenda
hasil pencarian dan
menampilkan 20
agenda (hanya
agenda dengan jenis
Berhasil
Mahdi
57
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
publik) diurutkan
dari yang terbaru
Memfilter
agenda
Positive case:
memasukkan
tanggal mulai
dan tanggal akhir
kemudian klik
submit
Negative case:
memasukkan
tanggal mulai
saja kemudian
klik submit
memasukkan
tanggal akhir
saja kemudian
klik submit
tidak
memasukkan
tanggal mulai
dan akhir
Menampilkan
agenda (hanya
agenda dengan jenis
publik) sesuai durasi
yang dimasukkan
dan terdapat
pagination jika data
lebih dari 20 agenda
Menampilkan pesan
error jika tanggal
akhir tidak diisi
Menampilkan pesan
error jika tanggal
mulai tidak diisi
Menampilkan pesan
error jika tanggal
mulai dan akhir
tidak diisi
Dapat
menampilkan
20 data tapi
tidak
terdapat
pagination
Gagal
Gagal
Gagal
Mahdi
Klik reset filter Mereset list agenda
hasil filter dan
menampilkan 20
agenda (hanya
agenda dengan jenis
publik) diurutkan
dari yang terbaru
Berhasil
Mahdi
Klik salah satu
agenda
Menampilkan detail
agenda sesuai apa
yang dipilih
Berhasil Mahdi
Klik button
tambah ke
kalender di
halaman detail
agenda
Beralih ke google
calendar dengan
membawa data
detail agenda
Berhasil
Mahdi
58
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
Klik ikon
tambah
Menampilkan
dialog untuk login
terlebih dahulu
Berhasil Mahdi
4 Informasi Klik menu
informasi
Menampilkan tab
berita dan tab
pengumuman
Menampilkan list
berita dengan
thumbnail
Berhasil
Berhasil
Mahdi
Klik tab
pengumuman
Menampilkan list
pengumuman
dengan thumbnail
Berhasil Mahdi
Klik salah satu
berita
Menampilkan detail
berita serta dapat
menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
Klik salah satu
pengumuman
Menampilkan detail
pengumuman serta
dapat menampilkan
gambar sesuai
thumbnail
Berhasil
Mahdi
5 Media
Sosial
Klik menu media
sosial
Menampilkan tab
twitter dan tab
youtube
Menampilkan
cuitan-cuitan dari
akun twitter Ditjen
Aptika
Berhasil
Berhasil
Mahdi
Klik tab youtube Menampilkan
video-video dari
kanal youtube
Ditjen Aptika
beserta thumbnail-
nya diurutkan dari
tanggal upload
terbaru
Berhasil
Mahdi
Klik button
watch salah satu
video
Memutarkan video
sesuai apa yang
dipilih
Berhasil Mahdi
59
Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta
3.4 Identifikasi Kendala yang dihadapi
Pada sub ini menjelaskan mengenai kendala-kendala yang dihadapi selama Praktik
Kerja Lapangan serta cara mengatasi kendala tersebut.
3.4.1. Kendala Pelaksanaan Tugas
Kendala yang dihadapi selama melaksanakan Praktik Kerja Lapangan yaitu:
a. Kesulitan dalam mengidentifikasi kebutuhan pengguna yang disebabkan karena
dokumen kebutuhan pengguna yang diberikan sangat terbatas.
b. Tidak adanya fasilitator yang berpengalaman dalam pengembangan aplikasi
android sehingga penulis kesulitan dalam konsultasi mengenai hal-hal teknis
dalam membuat aplikasi.
3.4.2. Cara Mengatasi Masalah
Berikut cara penulis dalam mengatasi kendala-kendala yang dihadapi:
a. Berdiskusi dengan rekan satu tim dan pembimbing indsutri untuk menentukan
kebutuhan pengguna yang paling mendekati.
b. Berdiskusi dengan rekan satu tim, mencari referensi dari internet dan konsultasi
dengan teman penulis yang memiliki pengalaman dalam pengembangan aplikasi
android.
60
BAB IV
PENUTUP
4.1 Kesimpulan
Praktik Kerja Lapangan di Direktorat Jendral Aplikasi Informatika, Kementerian
Komunikasi dan Informatika sebagai mobile developer selama 4 bulan yang
terhitung dari tanggal 3 Agustus 2020 sampai 27 November 2020 untuk
mengembangkan aplikasi monitoring kegiatan aptika (mokita) dengan metode
pengembangan Extreme Programming.
Fitur-fitur yang penulis berhasil kembangkan:
a) Fitur Login, sesuai dengan hak akses masing-masing pengguna.
b) Fitur Melihat Agenda Hari Ini, dapat menampilkan agenda kegiatan hari ini di
halaman beranda yang dapat melihat detail agenda sesuai hak akses pengguna.
c) Fitur Melihat Agenda, dapat menampilkan semua agenda kegiatan di halaman
agenda yang dapat melihat detail agenda sesuai hak akses pengguna.
d) Fitur Mencari Agenda, dapat menampilkan hasil pencarian agenda sesuai hak
akses pengguna dan dapat melihat detail agenda yang dipilih.
e) Fitur Menginput Agenda, hanya pengguna dengan tipe admin dan tata usaha
yang dapat menginputkan agenda kegiatan.
f) Melihat berita, dapat menampilkan berita-berita Ditjen Aptika di halaman
informasi.
g) Menonton Video, dapat menampilkan daftar video dari kanal youtube Ditjen
Aptika yang dapat diputar langsung dari aplikasi mokita.
4.2 Saran
Saran untuk pengembangan aplikasi mokita kedepannya berdasarkan Praktik Kerja
Lapangan yang telah dilakukan yaitu melakukan perancangan antarmuka dan basis
data setelah proses analisa kebutuhan dilakukan secara matang dan mendefinisikan
semua kebutuhan, supaya memudahkan programmer dalam mengimplementasikan
kebutuhan pengguna yang sudah didefinisikan maupun yang ingin ditambahkan
kedepannya.
61
DAFTAR PUSTAKA
Aini, A. Q. and Pribadi, J. D. (2017) ‘Pembuatan Website Menggunakan Cms
Wordpress’, Jurnal Aplikasi Bisnis, 3, pp. 287–292. Available at:
http://jab.polinema.ac.id/index.php/jab/article/view/92/pdf.
Carolina, I., Pardede, A. M. H. and Supriyatna, A. (2019) ‘Penerapan Metode
Extreme Programming Dalam Perancangan Aplikasi Perhitungan Kuota Sks
Mengajar Dosen’, 3(1), pp. 106–113. doi: 10.31227/osf.io/se6f9.
Ferryansyah, M. S., Ananta, M. T. and Fanani, L. (2017) ‘Analisis Performansi
HTTP Networking Library pada Android ( Studi Kasus : Portal Berita )’,
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 2(5), pp.
2025–2033.
Irsan, M. (2015) ‘Rancang Bangun Aplikasi Mobile Notifikasi Berbasis Android
Untuk Mendukung Kinerja Di Instansi Pemerintahan’, Jurnal Penelitian
Teknik Informatika, 1(1), pp. 115–120. Available at:
http://jurnal.untan.ac.id/index.php/justin/article/view/9984/9752.
JSON (2020) Introducing JSON, https://www.json.org/. Available at:
https://www.json.org/.
Listya Febri Fathoni et al. (2016) ‘Application Information System Based Health
Services Android’, Jurnal Ilmu Teknik Elektro Komputer dan Informatika
(JITEKI), 2(1), pp. 37–46.
Primazni, W. Z. (2016) ‘Sistem Pelaporan Dan Monitoring Kegiatan Pusat
Informasi Dan Konseling Remaja (Pik-R)’, Jurnal Rekayasa Dan Manajemen
Sistem Informasi, 2(2), pp. 119–126.
Ratnasari, D., Qur’ani, D. B. and Apriani, A. (2018) ‘Sistem Informasi Pencarian
Tempat Kos Berbasis Android’, Jurnal INFORM, 3(1), pp. 32–45. doi:
10.25139/ojsinf.v3i1.657.
Sallaby, A. F., Utami, F. H. and Arliando, Y. (2015) ‘Aplikasi Widget Berbasis
Java’, Jurnal Media Infotama, 11(2), pp. 171–180. Available at: http://j-
ptiik.ub.ac.id/index.php/j-ptiik/article/download/530/217/.
Sanjaya, D. (2015) ‘Aplikasi Monitoring Kegiatan Mahasiswa Berbasis Android
dan WEb’, Jurnal Teknik Informatika, 5(MYsql), pp. 479–484.
Suryn, W. (2014) Software Quality Engineering: A Practitioner’s Approach,
Software Quality Engineering: A Practitioner’s Approach. doi:
10.1002/9781118830208.
uml.org (2020) What is UML?, https://www.uml.org/. Available at:
https://www.uml.org/.
62
W3schools (2020) PHP Introduction,
https://www.w3schools.com/php/php_intro.asp. Available at:
https://www.w3schools.com/php/php_intro.asp.
Yuliansyah, H. et al. (2014) ‘Perancangan Replikasi Basis Data Mysql Dengan
Mekanisme Pengamanan Menggunakan Ssl Encryption’, Jurnal Informatika
Ahmad Dahlan, 8(1), p. 102982. doi: 10.12928/jifo.v8i1.a2081.
L - 1
DAFTAR LAMPIRAN
Lampiran 1 Surat Keterangan PKL
L - 2
Lampiran 2 Logbook Aktifitas PKL
L - 3
L - 4
L - 5
L - 6
Lampiran 3 Gambaran Umum Perusahaan
Direktorat Jendral Aplikasi Informatika merupakan salah satu unit kerja dari
Kementerian Komunikasi dan Informatika. Direktorat Jenderal Aplikasi
Informatika memiliki tugas pokok menyelenggarakan perumusan dan pelaksanaan
kebijakan di bidang penatakelolaan aplikasi informatika
Direktorat Jendral Aplikasi Informatika sendiri mempunyai unit kerja yang terdiri
dari 1 Sekretariat dan 5 Direktorat, yaitu:
a. Sekretariat Direktorat Jendral (SetDJ)
b. Direktorat Tata Kelola Aplikasi Informatika (TKAI)
c. Direktorat Layanan Aplikasi Informatika Pemerintah (LAIP)
d. Direktorat Ekonomi Digital (ED)
e. Direktorat Pemberdayaan Informatika (PI)
f. Direktorat Pengendalian Aplikasi Informatika (PAI)
L - 7
Lampiran 4 Foto-foto selama PKL
Foto rapat pertama
Foto rapat keempat progress PKL
L - 8
Foto rapat terakhir demo aplikasi