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


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


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


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


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


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


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


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


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


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


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


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


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:

https://mokita.pw/

17


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


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


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


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


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


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


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


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


• 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


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


Menampilkan berita User

26


• Kartu CRC Pengumuman

Tabel 3.4 merupakan kartu CRC dari kelas pengumuman yang berkolaborasi

dengan kelas user.

Tabel 3.4 Kartu CRC Pengumuman

Pengumuman


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


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


• 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


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


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


• Tabel wpay_posts

Tabel 3.9 Struktur Tabel wpay_posts

Field Data

Type


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


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


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


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


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


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


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


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


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


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


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


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


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


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


ini

Berhasil

Berhasil

Berhasil

Mahdi

Klik salah satu


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


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


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


yang dimasukkan

dan terdapat



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


hasil filter dan

menampilkan 20

agenda (semua jenis

Berhasil

Mahdi

43


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


berhasil logout dan

beralih ke halaman

beranda

Berhasil

Mahdi


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


5 Media

Sosial

Klik menu media

sosial

Menampilkan tab

twitter dan tab

youtube

Menampilkan

cuitan-cuitan dari

akun twitter Ditjen

Aptika

Berhasil

Berhasil

Mahdi


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


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


(semua jenis

agenda)

Jika tidak ada data

dihari itu, maka

akan menampilkan

teks tidak ada


ini

Berhasil

Klik salah satu


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


Berhasil

Berhasil

Rizqan

Klik reset

pencarian

Mereset list agenda

hasil pencarian dan

menampilkan 20

agenda (semua jenis

Berhasil Rizqan

46


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


yang dimasukkan

dan terdapat



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


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


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


berhasil logout dan

beralih ke halaman

beranda

Berhasil

Rizqan


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


video-video dari

kanal youtube

Ditjen Aptika

beserta thumbnail-

nya diurutkan dari

tanggal upload

terbaru

Berhasil

Rizqan

48


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


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


ini

Berhasil

Berhasil

Berhasil

Mahdi

Klik salah satu


agenda sesuai apa

yang dipilih

Berhasil Mahdi

Klik salah satu

berita Menampilkan detail

berita serta dapat

menampilkan

Berhasil Mahdi

49


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


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


yang dimasukkan

dan terdapat



Dapat

menampilkan

20 data tapi

tidak

terdapat

pagination

Gagal

Mahdi

50


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


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


berhasil logout dan

beralih ke halaman

beranda

Berhasil

Mahdi


informasi

Menampilkan tab

berita dan tab

pengumuman

Berhasil

Mahdi

51


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


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


diharapkan

Hasil

pengujian Penguji

1 Login

sebagai

user

publik

Positive case:

Klik button

masuk sebagai

publik

Masuk ke halaman

beranda

Berhasil

Rizqan

52


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


ini

Berhasil

Berhasil

Berhasil

Rizqan

Klik salah satu


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


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


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



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


tanggal mulai

dan akhir

mulai dan akhir

tidak diisi


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


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


akun twitter Ditjen

Aptika


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


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


Jika tidak ada data

dihari itu, maka

akan menampilkan

teks tidak ada


ini

Berhasil

Klik salah satu


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


Berhasil

Berhasil

Mahdi

Klik reset

pencarian

Mereset list agenda

hasil pencarian dan

menampilkan 20

agenda (hanya

agenda dengan jenis

Berhasil

Mahdi

57


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



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


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


Klik ikon

tambah

Menampilkan

dialog untuk login

terlebih dahulu

Berhasil Mahdi


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


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


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 - 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

praktek kerja lapangan - jurusan.tik.pnj.ac.id

Documents