LAPORAN KERJA PRAKTIK

PEMBUATAN PROGRAM APLIKASI PENGOLAHAN DATA

DI SUBDIREKTORAT INTEGRASI PENGOLAHAN DATA (IPD)
BADAN PUSAT STATISTIK JAKARTA

Periode 5 Juni – 28 Juli, 2017

Oleh :
KUNCORO TRIANDONO MUKTI

NIM : 1103144126

Dosen Pembimbing Akademik

ROSWAN LATUCONSINA, S.T., M.T.
NIP : 14781523-1

PRODI SISTEM KOMPUTER

FAKULTAS TEKNIK ELEKTRO
UNIVERSITAS TELKOM
2017

i
 LEMBAR PENGESAHAN

LAPORAN KERJA PRAKTIK

PEMBUATAN PROGRAM APLIKASI PENGOLAHAN DATA

DI SUBDIREKTORAT INTEGRASI PENGOLAHAN DATA (IPD)
BADAN PUSAT STATISTIK JAKARTA

Periode 5 Juni – 28 Juli, 2017

Oleh :

KUNCORO TRIANDONO MUKTI

NIM : 1103144126

Mengetahui,

Pembimbing Akademik Pembimbing Lapangan

Roswan Latuconsina, S.T., M.T. Ndaru Nuswantari, M.T.I.

NIP : 14781523-1 NIP : 19860406200902200

ii
 ABSTRAK

Sektor konstruksi adalah salah satu sektor yang sangat penting dalam suatu
negara yang memegang peranan penting dalam perekonomian serta pembangunan
konstruksi suatu negara. Upaya pemantauan dan pengelolaan sektor konstruksi
tersebut membutuhkan adanya suatu sistem yang dapat mendata seluruh sektor
konstruksi di Indonesia. Oleh Karena itu penulis mengembangankan suatu aplikasi
SKTR (Survei Perusahaan Konstruksi Triwulan) untuk memudahkan proses
pendataan perusahaan konstruksi di Indonesia.

Aplikasi SKTR adalah aplikasi berbasis web yang menggunakan Bahasa

HTML, PHP, JAVASCRIPT , serta CSS. Tools/Editor yang digunakan dalam
pembuatan aplikasi ini adalah Atom dan Web Browser. Sedangkan Plugin yang
digunakan adalah Jquery dan library AJAX. Adapun framework yang digunakan
dalam pembuatan aplikasi mengguanakan YII & Bootstrap. Fitur utama yang
dikerjakan oleh penulis dalam pembuatan aplikasi SKTR adalah membuat formulir
sesuai dengan lembar survei yang diberikan dan dapat menyimpan data yang telah
diisi pada formulir kedalam database. Tampilan yang digunakan dalam aplikasi
berupa admin panel. Dalam pengembangan aplikasi SKTR ini, penulis
mengharapkan aplikasi dapat digunakan dengan semaksimal mungkin bagi pihak
Badan Pusat Statistik.

iii
 KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah memberikan nikmat yang
berlimpah terlebih lagi nikmat kesehatan dan kesempatan sehingga penulis dapat
menyelesaikan laporan kerja praktik ini dengan semaksimal mungkin untuk
memenuhi SKS pada semester 6 Prodi S1 Sistem Komputer Fakultas Teknik Elektro
Universitas Telkom . Tidak lupa saya sampaikan shalawat beserta salam kepada
baginda Nabi besar Muhammad SAW yang telah membimbing kita dan memberikan
pedoman hidup berupa Alquran yang suci serta sunnahnya untuk keselamatan
seluruh umat islam.

Dalam pelaksanaan dan pengerjaan proyek perancangan database SKTR,

penulis mengucapkan terima kasih yang sebesar-besarnya khususnya kepada:

1. Bapak Roswan Latuconsina, S.T., M.T sebagai pembimbing akademik

dalam program Kerja praktik.
2. Bapak Dwino Daries, B.Eng sebagai Kepala Subrektorat Integrasi
Pengolahan Data
3. Bapak Giat Sudrajat Sarmuda, SST, M.Stat. sebagai Kasie Integrasi
Pengolahan Data Statistik Produksi.
4. Ibu Ndaru Nuswantari, M.T.I. sebagai pembimbing lapangan yang telah
mendampingi serta memberikan bimbingan dan arahan dalam
pelaksanaan kerja praktik.
Di dunia ini tidak ada yang sempurna oleh karna itu penulis sangat
menyadari bahwa terdapat banyak kekurangan serta kesalahan dalam penulisan
laporan kerja praktik ini, maka dari itu penulis sangat mengharapkan saran dan kritik
yang bersifat konstruktif kepada para pembaca sehingga dapat menjadi masukan
dalam perbaikan dan penyempurnaan laporan kerja praktik. Terima kasih, semoga
laporan ini dapat memberikan manfaat positif bagi pembaca dan penulis.

Jakarta, 31 Juli 2017

Penyusun

Kuncoro Triandono Mukti

iv
 DAFTAR ISI

LAPORAN KERJA PRAKTIK ........................................................................ i

LEMBAR PENGESAHAN .............................................................................. ii

ABSTRAK ........................................................................................................ iii

KATA PENGANTAR ...................................................................................... iv

DAFTAR ISI ...................................................................................................... v

DAFTAR GAMBAR ....................................................................................... vii

DAFTAR TABEL........................................................................................... viii

DAFTAR ISTILAH ......................................................................................... ix

BAB I PENDAHULUAN ................................................................................ 11

1.1 Latar Belakang Penugasan....................................................................... 11

1.2 Lingkup Penugasan ................................................................................... 11

1.3 Target Pemecahan Masalah ..................................................................... 11

1.4 Metode Pelaksanaan Tugas/Pemecahan Masalah.................................. 12

1.5 Rencana dan Penjadwalan Kerja ............................................................ 12

1.6 Ringkasan Sistematika Laporan .............................................................. 13

BAB II PROFIL INSTANSI .......................................................................... 14

2.1 Profil Instansi ............................................................................................ 14

2.2 Struktur Organisasi Instansi .................................................................... 16

2.3 Lokasi/Unit Pelaksanaan Kerja ............................................................... 16

BAB III KEGIATAN KP DAN PEMBAHASAN KRITIS ......................... 17

3.1 Skematik Umum Sistem Yang Terkait Kerja Praktik .......................... 17

3.2 Skematik dan Prinsip Kerja Sub-Sistem Yang Dihasilkan ................... 30

BAB IV SIMPULAN DAN SARAN .............................................................. 32

4.1 Simpulan .................................................................................................... 32

v
4.2 Saran........................................................................................................... 32

DAFTAR PUSTAKA ...................................................................................... 34

LAMPIRAN ..................................................................................................... 35

vi
 DAFTAR GAMBAR

Gambar 2.1. Gedung Badan Pusat Statistik .......................................................... 14

Gambar 2.2. Struktur organisasi Badan Pusat Statistik......................................... 16
Gambar.2.4. Lokasi Kerja Praktik......................................................................... 16
Gambar 2.3. Tempat kerja Praktik ........................................................................ 16

Gambar 3.1 Email contoh aplikasi ........................................................................ 17

Gambar 3.2 Perbedaan menggunakan dan tanpa Bootstrap [6].............................. 18
Gambar 3.3 Contoh Hypertext Markup Language (HTML) ................................. 19
Gambar 3.4 Contoh Javascript (JS)....................................................................... 20
Gambar 3.5 Contoh Cascading Style Sheet (CSS) ............................................... 20
Gambar 3.6 Diagram Use Case ............................................................................. 21
Gambar 3.7. Diagram Konteks.............................................................................. 22
Gambar 3.8. DFD Level-1 (nol)............................................................................ 22
Gambar 3.9. DFD Level-2 : Input Data Master .................................................... 23
Gambar 3.10. DFD Level-2 : Entri Kuesioner ...................................................... 23
Gambar 3.11 Screenshot halaman login................................................................ 24
Gambar 3.12 Screenshot Halaman awal/Dashboard ............................................. 25
Gambar 3.13 Screenshot Halaman pengguna ....................................................... 26
Gambar 3.14 Screenshot Halaman periode ........................................................... 27
Gambar 3.15 Screenshot Halaman daftar perusahaan........................................... 28
Gambar 3.16 Screenshot Halaman entri survei ..................................................... 29

vii
 DAFTAR TABEL

Tabel 2.1. JADWAL PENYELESAIAN TUGAS ............................................................ 12

Tabel 3.2. KETERANGAN KOD HALAMAN LOGIN .................................................. 24
Tabel 3.3. KETERANGAN KOD HALAMAN DASHBOARD ..................................... 25
Tabel 3.4. KETERANGAN KOD HALAMAN USER .................................................... 26
Tabel 3.5. KETERANGAN KOD HALAMAN PERIODE ............................................. 27
Tabel 3.6. KETERANGAN KOD HALAMAN DAFTAR PERUSAHAAN .................. 28
Tabel 3.7. KETERANGAN KOD HALAMAN ENTRI SURVEI ................................... 29

viii
 DAFTAR ISTILAH

CSS : Cascading Style Sheet, merupakan salah satu kode

pemrograman yang bertujuan untuk menghias dan mengatur
gaya tampilan/layout halaman web supaya lebih elegan dan
menarik.

CRUD : Create, Read, Update dan Delete.

Database : kumpulan data yang disimpan secara sistematis di dalam

komputer yang dapat diolah atau dimanipulasi menggunakan
perangkat lunak (program aplikasi) untuk menghasilkan
informasi.

Framework[7] : bahasa indonesianya kerangka kerja adalah sebuah software

untuk memudahkan para programmer membuat aplikasi atau
web yang isinya adalah berbagai fungsi, plugin, dan konsep
sehingga membentuk suatu sistem tertentu. Dengan
menggunakan framework, sebuah aplikasi akan tersusun
dan terstruktur dengan rapi.

HTML[2] : Hypertext Markup Language adalah Bahasa yang digunakan

untuk membuat suatu halaman web.

JAVASCRIPT[2] : bahasa program yang bisa kita gunakan pada frontend

(bagian depan) website sehingga website akan menjadi lebih
interaktif dan mempunya logika untuk berpikir.

Lisensi MIT : Lisensi ini membolehkan orang-orang untuk melakukan

apapun yang mereka inginkan dengan kode / aplikasi anda
asalkan mereka memberikan penghargaan kembali kepada
anda namun anda tidak diberi tanggung jawab terhadap
modifikasi orang lain.

MySql[8] : sama dengan, sebuah implementasi dari sistem manajemen

basis data relasional (RDBMS) yang didistribusikan secara
gratis.

ix
Open Source : sistem pengembangan yang tidak dikoordinasi oleh suatu
individu / lembaga pusat, tetapi oleh para pelaku yang
bekerja sama dengan memanfaatkan kode sumber yang
tersebar dan tersedia bebas (biasanya menggunakan fasilitas
komunikasi internet).

PHP[2] : Hypertext Prepocessor, digunakan secara luas untuk

penanganan pembuatan dan pengembangan sebuah situs web
dan bisa digunakan bersamaan dengan HTML.

Query : perintah untuk menampalikan suata data dari table-tabel

yang berada pada database, semuai ditampilkan sesuai
dengan kemain kita.

Screenshot : mengambil gambar dari tampilan layar dan disimpan dalam

format gambar.

SKTR : Survei Perusahaan Konstruksi Triwulanan.

Software Engineering : satu bidang profesi yang mendalami cara-cara

pengembangan perangkat lunak termasuk pembuatan,
pemeliharaan, manajemen organisasi pengembanganan
perangkat lunak dan manajemen kualitas.

Source Code : suatu rangkaian pernyataan atau deklarasi yang ditulis dalam
bahasa pemrograman komputer yang terbaca manusia.

SQLSERVER : sebuah sistem manajemen basis data relasional (RDBMS)

produk Microsoft.

Tools : alat bantu..

User Interface : Antarmuka Pengguna.

Website : halaman yang dibuat menggunakan berbagai macam Bahasa

pemrograman seperti HTML, PHP, CSS yang berada pada
internet.

x
 11

BAB I PENDAHULUAN

1.1 Latar Belakang Penugasan

Didasari oleh rasa ingin tahu pada bidang statistik atau pengolahan data dan
didukung oleh kemampuan penulis dibidang aplikasi atau pembuatan perangkat
lunak serta penerapan ilmu yang telah didapat selama perkuliahan. Badan Pusat
Statistik merupakan Lembaga Pemerintah Non Kementerian yang bertanggung
jawab untuk menyediakan kebutuhan data bagi pemerintah dan masyarakat yang
didapatkan dari sensus atau survei. Oleh Karena penulis memilih Badan Pusat
Statistik sebagai tempat untuk menjalankan kerja praktik pada periode 5 Juni – 28
Juli, 2017.

1.2 Lingkup Penugasan

Badan Pusat Statistik memiliki beberapa bagian pada bidang teknologi

beberapa diantaranya yaitu Jaringan dan Komunikasi Data, Pengelolaan
Hardware/Software, Pengolahan Data (Data Processing), dan Pengembangan Aplikasi
(SE), sesuai dengan permintaan yang diajukan kepada biro kepegawaian, penulis
mengajukan permohonan ke bagian Software Engineering. Di bagian tersebut
masih memiliki beberapa bagian lagi yang diantaranya merupakan tempat penulis
menjalankan tugas yaitu Integrasi Pengolahan Data (IPD). Sesuai dengan namanya
bagian ini membuat berbagai macam aplikasi dengan tujuan untuk melakukan
pengolahan data.

Adapun tugas yang diberikan kepada penulis yaitu mengembangkan

aplikasi survei untuk perusahaan konstruksi pada bagian user interface dan entri
data. Badan Pusat Statistik menerapkan jam kerja pada bulan Ramadhan 08:00 -
15:00 WIB, sedangkan selain bulan Ramadhan masuk pukul 07:30 - 16:00 WIB.
Dan tempat kerja berada pada Gedung 4 Lantai 7 Badan Pusat statistik.

1.3 Target Pemecahan Masalah

Beberapa target yang diharpkan terjadi dalam menyelesaikan penugasan

kerja praktik antara lain :
 12

1. User Interface dapat diselesaikan sebelum kerja praktik selesai,

2. Berhasil menghubungkan database yang telah dibuat dengan aplikasi,
3. Data yang diisi pada formulir berhasil tersimpan didatabase.

1.4 Metode Pelaksanaan Tugas/Pemecahan Masalah

Selama menjalankan kerja praktik penulis diharuskan untuk mempelajari

aplikasi yang sudah disediakan, adapun metoda lain yang digunakan yaitu :

1. Memahami struktur dari aplikasi yang telah dibuat,

2. Mengikuti rapat untuk mengetahui permintaan dari klien,
3. Mendata apa saja yang dapat digunakan dan tidak dari aplikasi yang
sudah disediakan,
4. Menseleksi kekurangan dan kelebihan dari aplikasi yang sudah
tersedia dengan yang dikembangkan.
5. Memperbaiki kesalahan yang ada pada aplikasi yang sudah tesedia
maupun database.
6. Menyesuaikan seluruh bahan yang telah siap dan memulai
mengembangkan.

1.5 Rencana dan Penjadwalan Kerja

Tabel 2.1. JADWAL PENYELESAIAN TUGAS

Minggu
No. Uraian Kegiatan
I II III IV V VI
1 Pengenalan lingkup kerja
2 Memahami struktur
aplikasi
3 Analisis kebutuhan
perangkat lunak
4 Perancangan perangkat
lunak
5 Pengembangan
Perangkat Lunak
 13

1.6 Ringkasan Sistematika Laporan

Berikut merupakan ringkasan laporan yang telah disusun oleh penulis :

BAB I : Membahas tentang latar belakang penugasan, Lingkup penugasan,

Target pemecahan masalah, Metode pelaksanaan, Rencana dan Jadwal
pada pelaksanaan kerja praktik.

BAB II : Menjelaskan Profil instasi, Struktur organisasi & Lokasi pelaksanaan

kerja praktik.

BAB III : Berisikan antara lain Deskripsi keterlibatan mahasiswa tentang apa
saja yang dikerjakan, berapa lama, dengan siapa, hasilnya apa, foto,
gambar, bahan pendukung tentang KP yang dikerjakan, pelajaran
berharga yang didapat, analisis terhadap pemecahan masalah,
perbandingan antara teori yang didapat selama pelajara dan
implementasi, dan penglaman baik serta buruk.

BAB IV : memberikan simpulan dan saran bagi instansi atau kegiatan, dan saran
terkait Fakultas Teknik Elektro.
 14

BAB II PROFIL INSTANSI

2.1 Profil Instansi

Badan Pusat Statistik adalah sebuah lembaga yang bersifat non kementrian,
dan langsung bertanggung jawab kepada presiden. BPS sebelumnya merupakan
Biro Pusat Statistik dan kemudian diganti menjadi Badan Pusat Statistik.

Gambar 2.1. Gedung Badan Pusat Statistik

Adapun fungsi, tugas, kewenangan serta visi dan misi BPS adalah sebagai
berikut:

A. Tugas

Badan Pusat Statistik Melaksanakan tugas pada bidang Statistik

sesuai dengan peraturan yang telah ditetapkan.

B. Fungsi
• Pengkajian, penyusunan dan perumusan kebijakan dibidang statistik.
• Pengkoordinasian kegiatan statistik nasional dan regional.
• Penetapan dan penyelenggaraan statistik dasar.
• Pembinaan dan fasilitas terhadap kegiatan instansi pemerintah dibidang
kegiatan statistik.
• Penyelenggaraan pembinaan dan pelayanan administrasi umum
dibidang perencanaan umum, ketatausahaan, organisasi dan
 15

tatalaksana, kepegawaian, keuangan, kearsipan, kehumasan, hokum,

perlengkapan dan rumah tangga.
C. Kewenangan
• Penyusunan rencana nasional secara makro di bidangnya.
• Perumusan kebijakan dibidangnya untuk mendukung pembangunan
secara makro.
• Penetapan sistem informasi pada bidangnya.
• Penetapan dan penyelenggaraan statistik nasioanal.
• Kewenangan lain sesuai dengan ketentuan peraturan perundang-
undangan yang berlaku.
• Perumusan dan pelaksanaan kebijakan tertentu pada bidang kegiatan
statistik.
• Penyusun pedoman penyelenggaraan survey statistik sektoral.
D. Visi dan Misi
• Pelopor data statistik terpecaya untuk semua.
• Menyediakan data statistik berkualitas melalui kegiatan statistik yang
terintegrasi dan berstandar nasioanl maupun internasional.
• Memperkuat Sistem Statistik Nasional yang berkesinambungan melalui
pembinaan dan koordinasi dibidang statistik.
• Membangun insan statistik yang professional berintegritas dan amanah
untuk kemajuan perstatistikan.
 16

2.2 Struktur Organisasi Instansi

Adapun struktur organisasi perusahaan Badan Pusat Statistik Jakarta pusat

adalah sebagai berikut:

Gambar 2.2. Struktur organisasi Badan Pusat Statistik

2.3 Lokasi/Unit Pelaksanaan Kerja

Dalam pelaksanaan kerja praktik, penulis ditempatkan pada divisi IPD yang
berada di kantor Pusat BPS Jalan Doktor Sutomo No.6-8, Pasar Baru, Sawah Besar,
Ps. Baru, Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10710.

Gambar 2.3. Tempat kerja Praktik Gambar.2.4. Lokasi Kerja Praktik

 17

BAB III KEGIATAN KP DAN PEMBAHASAN KRITIS

3.1 Skematik Umum Sistem Yang Terkait Kerja Praktik

Tugas yang diberikan kepada penulis tidak hanya untuk dikerjakan sendiri
tetapi Grup, oleh Karena itu pertama kali kami menentukan siapa dan apa
pekerjaannya, dibantu oleh bapak Giat Sudrajat Sarmuda sebagai Kasie Integrasi
Pengolahan Data Statistik Produksi serta ibu yang ditunjuk sebagai pembimbing
lapangan sekaligus Tim Leader Developer Subdit IPD yaitu ibu Ndaru Nuswantari
dan bapak Dwino Daries sebagai Kepala Subrektorat Integrasi Pengolahan Data,
dan Direktur Sistem Informasi Statistik bapak Muchammad Romzi yang
menempatkan kami dibagian IPD.

Setelah pembagian tugas penulis mendapatkan tugas untuk membuat

aplikasi SKTR, dikarenakan waktu kerja praktik yang pendek maka difokuskan
hanya pada user interface dan entri data. Diminggu pertama kami mempelajari
materi yang telah diberikan lewat email oleh bapak Giat.

Gambar 3.1 Email contoh aplikasi

Mempelajari source code yang telah dibutuhkan waktu hingga 2 minggu,

mencari informasi di internet hingga bertanya kepada tim leader apa yang tidak
dimengerti. Beberapa bahasa pemrograman serta tools yang digunakan untuk
mengembangkan aplikasi SKTR ini, antara lain :
 18

1. Yii Framework
Yii[1] adalah framework (kerangka kerja) PHP berbasis-komponen,
berkinerja tinggi untuk pengembangan aplikasi Web berskala-besar. Yii
menyediakan reusability maksimum dalam pemrograman Web dan
mampu meningkatkan kecepatan pengembangan secara signifikan. Atau
lebih mudahnya Yii telah menyiapkan website yang tinggal kita ubah
sendiri tanpa harus membuat dari awal.
2. Bootstrap
Bootstrap[4] adalah sebuah framework css yang dapat digunakan
untuk mempermudah membangun tampilan web. Bootstrap pertama kali
di kembangkan pada pertangahan 2010 di Twitter oleh Mark
Otto dan Jacob Thornton. Saat ini Bootstrap dikembangkan secara open
source dengan lisensi MIT.

Gambar 3.2 Perbedaan menggunakan dan tanpa Bootstrap [6]

3. PHP
PHP[2] adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu
bahasa pemrograman yang digunakan secara luas untuk penanganan
pembuatan dan pengembangan sebuahsitus web dan bisa digunakan
bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf
pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari
"Personal Home Page Tools". SelYanjutnya diganti menjadi FI ("Forms
 19

Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP:
Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru
adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember
1999, lebih dari sejuta website menggunakan PHP, di antaranya adalah
NASA, Mitsubishi, dan RedHat.
4. HTML
HyperText Markup Language (HTML) adalah sebuah bahasa
markup yang digunakan untuk membuat sebuah halaman web,
menampilkan berbagai informasi di dalam sebuah Penjelajah web
Internet dan formating hypertext sederhana yang ditulis kedalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang
terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat
lunak pengolah kata dan disimpan kedalam format ASCII normal
sehingga menjadi home page dengan perintah-perintah HTML.
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di
dunia penerbitan dan percetakan yang disebut dengan SGML (Standard
Generalized Markup Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman web. HTML saat ini
merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C). HTML
dibuat oleh kolaborasi Caillau TIM dengan Berners-Lee Robert ketika
mereka bekerja di CERN (lembaga penelitian fisika energi tinggi di
Jenewa) pada tahun 1989.

Gambar 3.3 Contoh Hypertext Markup Language (HTML)

5. JAVASCRIPT
JavaScript adalah bahasa pemrograman web yang bersifat Client
Side Programming Language. Client Side Programming
 20

Language adalah tipe bahasa pemrograman yang pemrosesannya

dilakukan oleh client. Aplikasi client yang dimaksud merujuk
kepada web browser seperti Google Chrome dan Mozilla Firefox.

Gambar 3.4 Contoh Javascript (JS)

6. CSS
CSS adalah kependekan dari Cascading Style Sheet. CSS
merupakan salah satu kode pemrograman yang bertujuan untuk
menghias dan mengatur gaya tampilan/layout halaman web supaya lebih
elegan dan menarik.

Gambar 3.5 Contoh Cascading Style Sheet (CSS)

 21

Setelah selesai mempelajari struktur dan kebutuhan aplikasi, perancangan

aplikasi dilakukan menggunakan UML : Use Case dan DFD.

• Use Case
komponen-komponen yang ada pada use case terbagi menjadi 3 yaitu Aktor,
Usecase & Relasi. Setelah ditentukan siapa saja aktor, usecase dan relasi maka
dapat dibentuk diagram sebagai berikut :

Gambar 3.6 Diagram Use Case

• DFD (DataFlow Diagram)

menggunakan notasi-notasi untuk menggambarkan arus dari data sistem,
yang penggunaannya sangat membantu untuk memahami sistem secara logika,
tersruktur dan jelas. pada DFD ini hanya menggunakan Diagram Konteks, DFD
Level 1(nol) & DFD Level 2. Dikarenakan fungsi inti yang ditugaskan kepada
penulis jadi perancangan DFD difokuskan pada fitur entri data.
 22

Gambar 3.7. Diagram Konteks

Pada diagram diatas dapat dilihat jika pengguna mengisi kuesioner

dan administrator mengmasukan data master, data master yang dimaksud
adalah segala macam data yang bersifat master dan dipasang langsung ke
database hanya dapat dibaca tidak bisa ditulis. Contohnya wilayah, provinsi,
kabupaten, kecamatan, desa & Pengguna.

Gambar 3.8. DFD Level-1 (nol)

 23

Gambar 3.9. DFD Level-2 : Input Data Master

Pengguna tidak bisa membuat akunnya sendiri, administrator yang dapat

membuat akun bagi pengguna, setelah membuat akun, administrator juga dapat
melihat daftar akun yang telah ada.

Gambar 3.10. DFD Level-2 : Entri Kuesioner

Setelah administrator membuat akun untuk pengguna, pengguna dapat login
menggunakan detail akun yang telah dibuat oleh administrator. Setelah login
berhasil pengguna dapat melakukan entri kuesioner.

Dengan menggunakan Bahasa, tools, dan Perancangan tersebut penulis

dapat memulai pengembangan aplikasi, berikut beberapa screenshoot, potongan
kod beserta keterangannya.
 24

• Halaman Login

Halaman pertama bagi pengguna untuk melakukan proses verifikasi

sebelum mengakses fitur-fitur yang tersedia dalam sebuah website. Selain login
pengguna dapat menggunakan fitur “Lupa Password?”

Tabel 3.2. KETERANGAN

KOD HALAMAN LOGIN
Line Keterangan

26 Memasang Background.
31 Membuat kotak berwarna putih
dengan efek fade in dan transparent.

32 Membuat kotak untuk menaruh

s/d konten dengan lebar dan jarak yang
35 sudah ditentukan.

37 membuat posisi ditengah bertuliskan

s/d “SKTR 2017” dan“Selamat Datang,
40 Silakan Masuk”.

45 Membuat form dengan metode post.

46 mendeklrasikan form sebagai login-

s/d form dengan menggunakan
57 CActiveForm pada framework yii.

Gambar 3.11 Screenshot halaman login

 25

• Halaman Awal/Dashboard

Halaman setelah login berhasil, menampilkan informasi terkait dengan

pengolahan data. Fitur yang terdapat pada halaman ini antara lain : Melihat
persentase pengisian survei yang sudah selesai, error, warning & belum entri.

Tabel 3.3. KETERANGAN KOD

HALAMAN DASHBOARD

Line Keterangan
72 Membuat baris untuk
menaruh konten.

73 Membuat blok untuk

s/d meletakkan grafik
88 monitoring pengunjung.

91 Membuat kolom dengan

s/d ukuran tertentu dan
118 membuat blok untuk
meletakkan konten
pengunjung teratas dan
Pengguna Online.
… …

Gambar 3.12 Screenshot Halaman awal/Dashboard

 26

• Halaman Pengguna
Menampilkan daftar seluruh pengguna yang telah terdaftar didalam
database. Fitur yang terdapat pada halaman ini antara lain : melihat daftar
pengguna, mengedit informasi pengguna, mencari pengguna.

Tabel 3.4. KETERANGAN

KOD HALAMAN USER
Line Keterangan
23 Membuat tempat untuk
konten dengan animasi
fade in.
29 Membuat judul blok.

34 Membuat form grup

s/d dengan isi sebuah daftar
53 dropdown.

57 Membuat tombol untuk

s/d mencari data.
59

Gambar 3.13 Screenshot Halaman pengguna

 27

• Halaman Periode
Menampilkan seluruh tahun serta triwulan pada tahun tersebut. Pengguna
juga dapat menambahkan tahun serta triwulan pada tahun tersebut dan
mengaktif/ menon-aktifkan.

Tabel 3.5. KETERANGAN

KOD HALAMAN PERIODE
Line Keterangan
73 Tag PHP.

74 Memanggil widget
bootstrap table grid view
(TbGridView).

75 Mendeklarasikan detail
s/d tabel.
81

82 Mendeklarasikan apa yang

s/d harus diisi pada kolom
… tabel.

Gambar 3.14 Screenshot Halaman periode

 28

• Halaman Daftar Perusahan

Menampilkan seluruh data perusahaan yang telah melakukan entri dan dapat
melihat status dari data yang telah dientri. Terdapat 3 status apabila selesai
melakukan entri, yaitu : Clean, Error, Warning.

Tabel 3.6. KETERANGAN KOD HALAMAN DAFTAR PERUSAHAAN

Line Keterangan
199-206 Script Plugin sebagai core/kerangka pada aplikasi SKTR.
Script untuk tombol cari, ketika di tekan makan akan melakukan live update pada
212-227
table dan menampilkan data yang dicari.

Gambar 3.15 Screenshot Halaman daftar perusahaan

 29

• Halaman Entri Survei

Menampilkan berbagai macam pertanyaan sesuai dengan survei yang ingin

didapatkan datanya. Perusahaan diwajibkan untuk mengisi survei ini.

Tabel 3.7. KETERANGAN

KOD HALAMAN ENTRI
SURVEI
Line Keterangan
135 Membuat form grup dengan
s/d konten daftar “provinsi” yang
139 disajikan dengan menu
dropdown.
140 Membuat form grup dengan
s/d konten daftar “Kabupaten”
145 yang disajikan dengan menu
dropdown.
146 Membuat form grup dengan
s/d konten daftar “Kelurahan”
151 yang disajikan dengan menu
dropdown.
152 Membuat form grup “Nomer
s/d blok sensus” yang harus diisi
157 pada textfield yang disediakan.
… …

Gambar 3.16 Screenshot Halaman entri survei

 30

3.2 Skematik dan Prinsip Kerja Sub-Sistem Yang Dihasilkan

a. Pelajaran berharga yang dapat diambil selama kerja praktik di Badan Pusat
Statistik, mengapatkan banyak pengetahuan baru tentang pembuatan
aplikasi berbasis website, salah satunya dengan penggunaan framework Yii,
sebelumnya tidak pernah menggunakan framework. Serta ruang lingkup
kerja yang sangat berbeda sehingga harus menghargai waktu sedikit apapun;

b. Pada bagian tampilan atau user interface dapat diselesaikan dengan baik, di
halaman Login tidak terdapat masalah dari system maupun database. Pada
halaman Dashboard sistem belum seluruhnya berjalan dengan semestinya,
dibagian persentase data yang ditampilkan bukan data asli melainkan
dummy. sedangkan pada bagian Sidebar widget sistem untuk menampilkan
konten yang diminta belum siap. Pada halaman pengguna, periode, dan
daftar perusahaan bisa dipastikan jika sistem sudah berjalan dengan baik,
dan proses CRUD juga berjalan dengan baik. Sedangkan pada halaman entri
survei masih terdapat banyak kesalahan pada sistem. di halaman pertama
tidak terjadi kesalahan apapun pada saat pengisian maupun penyimpanan.
Di halaman kedua ada kendala pada sistem dikarenakan menggunakan 2
tabel untuk melakukan proses CRUD, pada halaman pertama yang
digunakan adalah tabel perusahaan sedangkan untuk halaman kedua
menggunakan tabel proyek. Dan pada halaman ketiga dan empat kembali
menggunakan tabel proyek. Saat menggunakan proses CRUD pada 2 tabel
pada 1 form membuat sistem akan lebih rumit. Dikarenakan pada satu waktu
proses diharuskan menggunakan 2 tabel sekaligus untuk digunakan. Pada
akhirnya seluruh sistem dapat berjalan dengan baik dan tugas yang
diberikan dapat diselesaikan dengan baik;

c. Teori yang didapatkan selama kuliah, yang dapat di implementasikan yaitu

pada basis data adapun permasalahan yang di dapat merupakan penggunaan
basis data yang digunakan selama kuliah adalah MySql sedangkan yang
digunakan pada pengembangan aplikasi adalah SQLSERVER;
 31

Dengan penggunaan framework dapat dibilang pekerjaan lebih mudah

karena kita tidak perlu terlalu sering menggunakan query sql untuk proses
CRUD, cukup menggunakan perintah yang siap pakai untuk melakukan
proses CRUD seperti “…->Save()” untuk melakukan penyimpanan data.
Oleh karena itu juga muncul masalah lain dikarenakan keterbatasan
pengetahuan tentang framework yang digunakan, jadi penulis tidak bisa
leluasa menggunakan query sql dengan bebas;

d. Adapun pengalaman baik atau buruk selama kerja praktik, antara lain :
- Mengetahui lalu lintas yang sangat parah dijakarta,
- Lebih menghargai waktu,
- Tidak bisa seenaknya saja melakukan sesuatu sesuka hati,
- Lebih menghormati orang yang lebih dewasa,
- Menghargai segala macam profesi pekerjaan seseorang,
- Memotivasi diri untuk bersaing saat bekerja.
 32

BAB IV SIMPULAN DAN SARAN

4.1 Simpulan

Aplikasi yang dikembangkan ini merupakan aplikasi berskala besar dengan

begitu aplikasi ini juga membutuhkan hardware yang mendukung. Kelemahan
aplikasi berskala besar yaitu pada waktu aksesnya, apabila kecepatan internet
pengguna lambat akan mengakibatkan connection time out, dan tujuan pembuatan
aplikasi tidak tercapai. Apabila aplikasi telah selesai harus dilakukan percobaan
dengan berbagai macam kondisi dan kasus. Agar tidak terjadi kesalahan saat
peluncuran aplikasi. Adanya dokumentasi juga sangat penting untuk melakukan
pengembangan diwaktu mendatang. Dikarenakan aplikasi ini menggunakan
faramework yii, maka akan lebih baik jika pengembang sangat memahami tentang
yii, jika tidak maka aplikasi ini akan menjadi berat dan memakan resource yang
banyak dalam waktu yang singkat karena tidak dapat mengoptimalkan penggunaan
perintah.

4.2 Saran

Bagi instansi khususnya untuk bagian IPD akan lebih baik jika setiap proyek
yang dikerjakan memiliki dokumentasi karena akan lebih menghemat waktu bagi
pengembang dibandingkan harus mempelajari dari awal. Dikarenakan karakteristik
setiap orang berbeda-beda jadi akan lebih baik jika semuanya tercatat didalam
dokumentasi. Tidak ada yang menjamin orang yang mengerjakan proyek tersebut
dapat menyelesaikan proyek tersebut dan tidak ada yang tahu apakah proyek
tersebut akan dikembangkan lagi atau tidak diwaktu yang akan datang dan belum
tentu yang akan mengembangkan adalah orang yang sama. Sekiranya layak sebagai
saran harap diterima, atau mungkin penulis yang kurang berpengalaman mohon
pengertiannya.

Untuk Substansi khususnya untuk penyelenggaraan kerja praktik, ada

baiknya jika KP yang dilaksanakan sesuai dengan tujuan diadakannya kegiatan ini,
banyak mahasiswa yang hanya menjalankan KP tetapi tidak dapat menerapkan apa
yang telah didapat selama kuliah, yang terjadi malah hanya seperti Geladi. Dan
 33

penilaian yang terjadi pada saat KP oleh pembimbing lapangan banyak yang
menyerahkan langsung kepada Peserta KP. Yang mengakibatkan ketidak
seimbangan. Mungkin akan lebih baik jika dari pihak Telkom juga melakukan
pemantauan setidaknya satu kali untuk menyampaikan apa itu KP dan apa saja
kewajiban perusahaan.
 34

DAFTAR PUSTAKA

[1] Alexander Makarov, “What is Yii?.” yiiframework.com. 28 Mei 2011. 29

Juli 2017. http://yiiframework.com/what-is-yii/
[2] Handoko Chun, “Bahasa Pemrograman yang Digunakan Untuk membuat
Web.” Handokochun.blogspot.co.id. 22 Maret 2014. 29 Juli 2017.
[3] Betha Sidik,Ir, “Pemrograman web dengan HTML.” Informatika Bandung,
2005. http://handokochun.blogspot.co.id/
[4] Kresna Galuh D. Herlangga, “Cara Menggunakan Bootstrap 3 untuk
Membuat Web.” codepolitan.com. 21 Desember 2015. 29 Juli 2017.
http://codepolitan.com/
[5] Andre, “Tutorial Belajar PHP Part 1: Pengertian dan Fungsi PHP dalam
Pemrograman Web.” Duniailkom.com 15 Desember 2014. 29 Juli 2017.
http://duniailkom.com/
[6] Ardianta Pargo, “Tutorial Bootstrap – Memahami Fungsi Viewport.”
Petanicode.com. 12 Januari 2016. 29 Juli 2017. http://petanicode.com/
[7] Syakirurahman, “Apa itu Framework?.” Devaradise.com. 30 Desember
2013. 29 Juli 2017. http://devaradis.com/
[8] IndoSite, “Pengertian MySql.” Indosite.com. 27 September. 29 Juli 2017.
http://indosite.com/
 35

LAMPIRAN
36
37
38
39
40
41
42
43
44
45
46
47
48