PERANCANGAN SISTEM APLIKASI DAFTAR PEMILIH TETAP MENGGUNAKAN FRAMEWORK YII.

PERANCANGAN SISTEM APLIKASI DAFTAR PEMILIH
TETAP MENGGUNAKAN FRAMEWORK YII

SKRIPSI

Disusun oleh :

DWIKI FARIANSA
NPM. 0934010129

J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL " VETERAN"
J AWA TIMUR
SURABAYA
2013

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

PERANCANGAN SISTEM APLIKASI DAFTAR PEMILIH

TETAP MENGGUNAKAN FRAMEWORK YII
SKRIPSI

Diajukan Untuk Memenuhi Sebagai
Persyar atan Dalam Memperoleh Gelar
Sarjana Komputer Program Studi Teknik Infor matika

Diajukan Oleh :
DWIKI FARIANSA
NPM. 0934010129

J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
SURABAYA
2013

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

KATA PENGANTAR

Alhamdulilah, segala puji dan syukur kepada ALLAH SWT atas berkat
dan rahmat hidayatnya sehingga diberikan kemudahan dalam menyelesaikan
Tugas Akhir yang berjudul “Perancangan Sistem Aplikasi Daftar Pemilih Tetap
Menggunakan Framework YII”, untuk memenuhi salah satu syarat Ujian Akhir
Sarjana di Fakultas Teknologi Industri Universitas Pembangunan Nasional
“Veteran” Jawa Timur pada Jurusan Teknik Informatika.
Dengan terselesaikannya Tugas Akhir ini tidak lepas peran serta berbagai
pihak yang telah memberikan banyak bantuan sehingga penulis dapat
menyelesaikan penulisan dengan sebaik-baiknya dengan segala kerendahan hati
penulis menyadari bahwa dalam penulisan Tugas Akhir ini masih banyak
kekurangan, tetapi penulis berusaha memperbaiki sehingga dapat berguna bagi
penulis maupun orang lain yang membutuhkannya.
Dalam menyelesaikan Tugas Akhir ini, penulis banyak sekali dibantu oleh
berbagai pihak. Maka, penulis ingin sekali menyampaikan rasa banyak terima
kasih kepada :
1. Allah SWT, karena berkat Rahmat dan berkah-Nya penulis dapat
menyusun dan menyelesaikan Laporan Tugas Akhir ini hingga selesai.

2. Keluarga tercinta, terutama Ayah dan Ibu tercinta terima kasih atas
semua doa, dukungan serta harapan-harapanya pada saat saya
menyelesaikan tugas akhir dan laporan ini. Yang penulis minta hanya
doa restunya, sehingga saya bisa membuat sesuatu yang lebih baik dari
laporan ini.

ii
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

iii

3. Bapak Prof. Dr. Ir. Teguh Soedarto, MP selaku Rektor Universitas
Pembangunan Nasional “Veteran” Jawa Timur.
4. Ir. Sutiyono, MT selaku Dekan Fakultas Teknik Industri UPN
“Veteran” Jawa Timur.
5. Ibu Dr. Ir. Ni Ketut Sari, MT selaku Ketua Program Studi Teknik
Informatika UPN “Veteran” Jawa Timur.
6. Ibu Ir. Kartini, S.Kom M.T dan Bapak Risky Parlika, S.kom M.Kom.
yang telah meluangkan waktunya sebagai dosen pembimbing dan atas

sarannya sehingga penulis bisa menyelesaikan laporan ini.
7. Kawan-kawan TFC ’09 dan seluruh kawan-kawan seperjuangan yang
telah membantu dalam penyelesaian Tugas Akhir ini. Yang telah
memberikan dorongan dan doa.
8. Dan semua pihak yang tidak saya sebutkan satu persatu yang banyak
turut membantu dalam penyusunan laporan tugas akhir ini.

Surabaya, 2013

Penulis

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

DAFTAR ISI

ABSTRAKSI ........................................................................................................ i
KATA PENGANTAR ......................................................................................... ii
DAFTAR ISI ...................................................................................................... iv
DAFTAR TABEL ............................................................................................ viii

DAFTAR GAMBAR .......................................................................................... ix
BAB I PENDAHULUAN .................................................................................... 1
1.1 Latar Belakang ................................................................................... 1
1.2 Rumusan Masalah .............................................................................. 2
1.3 Batasan Masalah ................................................................................. 2
1.4 Tujuan ................................................................................................ 3
1.5 Manfaat .............................................................................................. 3
BAB II TINJAUAN PUSTAKA .......................................................................... 4
2.1 Tinjauan Umum.................................................................................. 4
2.2 Landasan Teori ................................................................................... 5
2.2.1 DaftarPemilih Tetap ................................................................... 5
2.2.2 Adobe Dreamwever ................................................................... 6
2.2.3 HTML (HyperText Markup Language) ...................................... 7
2.2.4 PHP (Personal Home Page) dan MySql ...................................... 7

iv
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

v

2.2.4.1 Keunggulan MySQL ...................................................... 8
2.2.4.2 Keuntungan hubungan PHP dan MySql .......................... 9
2.2.5 Framework................................................................................. 9
2.2.5.1 Macam-macam Framework .......................................... 10
2.2.5.2 Perbandingan Framework Yii dengan yang lainnya ...... 12
2.2.6 Unified Modeling Language (UML) ........................................ 13
2.2.6.1 Use Case Diagram ........................................................ 13
2.2.6.2 Activity Diagram.......................................................... 14
2.2.6.3 Sequence Diagram........................................................ 14
2.2.6.4 Collaboration Diagram ................................................. 15
2.2.6.5 Statechart Diagram ....................................................... 15
2.2.6.6 Class Diagram .............................................................. 15
2.2.9 SPSS dan Validasi tabel r ......................................................... 16
BAB III METODOLOGI PENELITIAN............................................................ 18
3.1 Alur Penelitian.................................................................................. 18
3.2 Analisa Kebutuhan Sistem ................................................................ 19
3.3 Alur Program.................................................................................... 19
3.3.1 State Trasition Diagram ........................................................... 20
3.3.2 Unified Modeling Language (UMI) ......................................... 21

3.3.2.1 Use Case Diagram ........................................................ 21

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

vi

3.3.2.2 Activity Diagram.......................................................... 22
3.3.2.3 Sequence Diagram........................................................ 25
3.3.2.4 Class Diagram .............................................................. 30
3.2.3 Desain Interface ....................................................................... 30
3.2.3.1 Halaman Home ............................................................ 31
3.2.3.2 Halaman Admin ........................................................... 34
BAB IV HASIL DAN PEMBAHASAN ............................................................ 39
4.1 Lingkungan Implementasi ................................................................ 39
4.2 Implementasi Antarmuka (Interface) ................................................ 40
4.2.1 Implementasi Antarmuka Pengunjung ...................................... 40
4.2.2 Implementasi Antarmuka Admin ............................................. 43
4.3 Hasil dan Uji Coba ........................................................................... 47
4.3.1 Sistem Bagi User ..................................................................... 48

4.3.1.1 Pengujian Pendaftaran User .......................................... 48
4.3.2 Sistem Bagi Admin .................................................................. 49
4.3.2.1 Pengujian login admin .................................................. 49
4.3.2.2 Pengujian menu pada halaman admin ........................... 50
4.3.3 Menghitung Validasi dengan SPSS .......................................... 55
BAB V KESIMPULAN DAN SARAN.............................................................. 61
5.1 Kesimpulan ...................................................................................... 61

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

vii

5.2 Saran ................................................................................................ 61
DAFTAR PUSTAKA ........................................................................................ 62
LAMPIRAN ...................................................................................................... 63

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

SISTEM APLIKASI DAFTAR PEMILIH TETAP MENGGUNAKAN FRAMEWORK YII
DOSEN PEMBIMBING I
DOSEN PEMBIMBING II
PENYUSUN

: Ir . KARTINI, S.Kom, M.T
: RIZKY PARLIKA, S.Kom, M.Kom
: DWIKI FARIANSA

ABSTRAKSI
Kemajuan teknologi saat ini telah berkembang pesat ke dalam segala
aspek diantaranya ke ranah politik, dalam hal ini adalah pemilihan umum dan
pendaftaran online yang dilakukan lansung oleh user sebagai DPT.
Pendaftaran yang dilakukan dalam sistem ini, user akan mengisikan data
lengkap ditempat form yang telah disediakan oleh sistem sesuai dengan ktp.
Sistem ini akan otomatis menolak data yang masuk apabila data tersebut tidak
sesuai dengan ktp. Data akan diterima oleh sistem apabila data yang diinputkan
oleh user sesuai dengan biodata lengkap di ktp.
Dengan adanya sistem aplikasi daftar pemilih tetap menggunakan
framework ini, pendaftaran dapat dilakukan dimana saja dan kapan saja selama

tersedia akses internet. Kelebihan pada sistem yang dibuat ini adalah pengolahan
data yang valid serta dapat memberikan opsi kemudahan terhadap masyarakat luas
untuk melakukan pendaftaran langsung tanpa harus datang terlebih dahulu ke
kelurahan. Pengunjung tentunya juga akan diberikan berita-berita yang informatif
terkait dengan sistem ini.

Keyword : Framework Yii, Daftar Pemilih Tetap, Pemilihan Umum, php

i
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB I
PENDAHULUAN

1.1

Latar Belakang
Dewasa ini teknologi komputer berkembang sangat pesat, mengikuti

kebutuhan hidup manusia. Komputer semakin banyak dibutuhkan untuk
membantu manusia dalam kehidupan sehari-hari. Telah diketahui bersama, bahwa
komputer dapat dimanfaatkan untuk berbagai keperluan, misalnya dapat
digunakan dalam dunia global.
Komisi Pemilihan Umum Daerah (KPUD) merupakan sebuah kepanitiaan
yang bertugas untuk menyelenggarakan Pemilihan Umum (Pemilu) dan Pemilihan
Kepala Daerah (Pilkada). KPUD berwenang untuk melakukan pendataan
penduduk yang akan menjadi calon pemilih untuk Pemilu. Pendataan pemilih
dilakukan oleh petugas dari masing-masing tingkatan daerah, yaitu mulai dari
Rukun Tetangga (RT), Rukun Warga (RW), Kelurahan, Kecamatan dan
Kabupaten. Pendataan dilakukan secara bertahap, sehingga dapat terkumpul data
calon pemilih berdasarkan Kelurahan maupun Kecamatan dan kemudian akan
diproses oleh Kabupaten untuk penentuan Daftar Pemilih Tetap (DPT).
Sistem yang selama ini berjalan belum sepenuhnya terkomputerisasi. Pada
tingkat Kabupaten pendataan pemilih sebagian masih menggunakan manual,
sebagian dilakukan secara terkomputerisasi dan itupun menggunakan aplikasi
yang sangat sederhana. Permasalahan yang sering muncul dengan penggunaan
aplikasi yang selama ini digunakan adalah keterbatasan daya tampung data yang
dimasukkan dalam jumlah besar, sehingga kemungkinan terjadinya kesalahan

1
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

2

sangat besar. Selain itu belum ada aplikasi sistem yang dapat melakukan
pendaftaran serta pengolahan data pemilih tetap secara tepat, sehingga hal tersebut
menyebabkan sulitnya membuat laporan Data DPT.
Adanya sistem aplikasi pendaftaran DPT yang akan dibuat ini, tidak serta
merta meninggalkan pendaftaran DPT secara manual. Hal ini juga akan memberi
opsi kemudahan dalam melakukan hak pilih sebagai warga Negara.

1.2

Perumusan Masalah
Berdasarkan dari uraian latar belakang di atas maka dapat dirumuskan

suatu permasalahan, yaitu :
a. Bagaimana cara membuat sistem aplikasi yang dapat melakukan
pengolahan data insert, update, dan delete serta mencetak sebuah
laporan?
b. Bagaimana

membuat

aplikasi

yang

mampu

menampilkan

fungsionalitas pencarian data pemilih tetap berdasarkan tahun
kelahiran?

1.3

Batasan Masalah
Dalam membangun sistem tersebut diperlukan batasan masalah, yaitu:
a. Aplikasi hanya menangani pengolahan data calon pemilih tetap pada
tingkat Kelurahan saja dan tidak meliputi tingkat daerah diatasnya.

b. Aplikasi ini juga tidak berhubungan dengan aplikasi Dinas
Kependudukan (Disduk).

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3

1.4

Tujuan
Adapun tujuan dari pengerjaan tugas akhir ini sebagai berikut :
a. Membuat aplikasi yang mempunyai fungsionalitas untuk pengolahan
data pemilih pada proses pemilu dan pilkada.
b. Meningkatkan keakuratan data DPT.
c. Dapat menyediakan fungsionalitas untuk mengolah data pemilih yang
digunakan dalam pelaksanaan pemilu dan menampilkannya dalam
bentuk laporan.
d. Dapat membuat laporan data calon pemilih dan menampilkannya
berdasarkan tahun kelahiran yang ada.

1.5

Manfaat
Adanya tugas akhir ini diharapkan dapat mempunyai manfaat sebagai

berikut :
a. Pendataan data pemilih dapat lebih cepat dan akurat karena dapat
dilakukan langsung oleh pengguna.
b. Efisiensi waktu kerja dan jumlah tenaga kerja, karena proses pendataan
menjadi lebih cepat dan tidak menggunakan sumber daya manusia
yang banyak.
c. Laporan yang dihasilkan akan lebih akurat dan rinci, sehingga akan

membuat

pimpinan

dapat

menentukan

kebijakan

kedepannya

berdasarkan hasil pemilu/pilkada yang telah selesai dilaksanakan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB II
TINJ AUAN PUSTAKA

Pada bab II ini akan menjelaskan dasar-dasar yang berkaitan dalam
perancangan sistem aplikasi daftar pemilih tetap dengan menggunakan framework
YII. Adapun beberapa teori dasar yang dibahas dalam bab ini, antara lain : Daftar
Pemilih Tetap, Adobe Dreamwever, HTML, PHP dan MYSQL, Power designer,
dan framework YII.

2.1

Tinjauan Umum
Penelitian yang dilakukan Juli Arinto Cahya NT yang berjudul “Aplikasi

Sistem Informasi PILKADA Di Propinsi DKI Jakarta (SIPADA)”. Penelitian ini
menyebutkan bahwa dengan dibangunnya aplikasi sistem informasi pada studi
kasus KPU kota Jakarta pusat membantu untuk meningkatkan keakuratan Daftar
Pemilih Tetap (DPT) dan mempersingkat proses validasi data antara TPS dan
pegawai KPU kota Jakarta Pusat. Selain itu juga memberikan laporan hasil analisa
perhitungan suara di TPS, kelurahan, sampai tingkat kecamatan.
Latar belakang masalah yang ditulis oleh Juli Arinto Cahya NT, ketika
melaksanakan untuk mempersiapkan diri sebelum pilkada berlangsung, muncul
berbagai masalah, antara lain dalam melakukan pengentrian data daftar pemilih
masih melakukan manual, belum adanya keseragaman format isian daftar pemilih
dan menggunakan format yang beragam sehingga menyulitkan pihak KPU untuk
memilih dan memilah data yang sesuai.

4
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

5

Penulis penelitian ini menyimpulkan bahwa dengan adanya aplikasi yang
telah dibuat secara keseluruhan telah berfungsi dengan baik dan dapat membantu
juga mempercepat kinerja dalam upaya mendukung kegiatan dalam pelaksanaan
tahapan pemilu/kada, dan juga membantu para petugas dalam memonitoring atau
evaluasi kegiatan pemilu/kada dengan adanya data yang terdokumentasi dengan
baik didalam sistem.

2.2

Landasan Teori
Landasan teori disini merupakan dasar-dasar yang digunakan untuk

mendukung dan membuat sebuah sistem. Dalam hal ini ada beberapa landasan
teori yang dibahas, antara lain : daftar pemilih tetap, adobe dreamwever, HTML,
PHP, PowerDesigner, Framework Yii, Unified Modeling Language, Database,
SPSS dan validasi korelasi Pearson tabel-r.
2.2.1 Daftar Pemilih Tetap
Daftar pemilih tetap ataupun biasa disingkat DPT ini merupakan syarat
hak pilih setiap warga

Negara untuk menentukan masa depan Negara yaitu

dengan diadakannya pemilihan umum (pemilu) ataupun pemilihan kepala daerah
(pilkada) untuk mencari sesosok pemimpin yang terbaik. Daftar pemilih tetap
disini merupakan faktor yang nantinya akan menentukan keberhasilan
dilaksanakannya pemilihan umum (pemilu). Oleh karenanya, dibutuhkan sebuah
sistem aplikasi yang bisa diandalkan akan data valid dan akurat untuk mendukung
pelaksanaannya.
Tidak jarang banyak data-data yang salah maupun ganda ditiap-tiap lokasi
yang menyebabkan beberapa kekisruhan. Tidak validnya sebuah daftar pemilih

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

6

tetap tersebut, sangat berdampak bagi pelaksanaan pemilu. Data-data tersebut
akan bisa disalahgunakan oleh oknum-oknum tertentu untuk kepentingan
berpolitik. Selain itu, adapun beberapa warga yang tidak bisa menyuarakan hak
pilihnya untuk mengikuti pemilihan umum, hal ini dikarenakan datanya tidak
tercantum sebagai DPT. Ada baiknya membuat sebuah sistem aplikasi yang bisa
mendukung jalannya sebuah pemilihan umum ataupun pemilihan kepala daerah.
Hal ini juga harus didukung dengan keakuratan sebuah sistem itu sendiri dalam
mengolah daftar pemilih tetap. (Juli Arianto Cahya NT, 2011)
2.2.2 Adobe Dreamwever
Adobe Dreamwever merupakan program penyunting halaman web
keluaran Adobe Sistem yang dulu dikenal sebagai Macromedia Dreamweaver
keluaran Macromedia. Program ini banyak digunakan oleh pengembang web
karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir
Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu
versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 12
yang ada dalam Adobe Creative Suite 6 (sering disingkat Adobe CS6).
Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang
menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai
Design view) dan kode editor dengan fitur standar seperti syntax highlighting,
code completion, dan code collapsing serta fitur lebih canggih seperti real-time
syntax checking dan code introspection untuk menghasilkan petunjuk kode untuk
membantu pengguna dalam menulis kode. Tata letak tampilan desain
memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan pengguna
dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

7

memiliki fitur browser yang terintegrasi untuk melihat halaman web yang
dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan
untuk terbuka di web browser yang telah terinstall. Aplikasi ini menyediakan
transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti baris
teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan
templating feature yang memungkinkan untuk berbagi satu sumber kode atau
memperbarui tata letak di seluruh situs tanpa server side includes atau scripting.
Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa
pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework
menawarkan akses mudah ke konten yang dibuat secara dinamis dan interface.
(Wahyono, 2005)
2.2.3 HTML ( HyperText Markup Language)
Halaman web yang biasa Anda lihat ketika browsing di Internet selalu
ditulls menggunakan bahasa HTML Tak peduli halaman web tersebut dibuat
menggunakan berbagai bahasa seperti PHP. iSP. ASPX. atau cold fusion, hash
akhirnya yang dltampilkan oleh browser tetap adalah HTML murni.
HTML awalnya hanya didesain sebagai bahasa untuk pertukaran dokurnen
teknls dan saintifik. Karena HTML didesain secara sederhana. HTML
menggunakan tag-tag yang dapat dipahami dengari mudah untuk membuat
dokumen sederhana. Dalam waktu yang singkat, HTML kini telah populer dan
dikuasai banyak orang untuk membuat halaman web. (Wahyono, 2005)
2.2.4 PHP (Personal Home Page) dan MYSQL
PHP adalah akronim dan Hypertext Preprocessor. yaitu suatu bahasa
pemrograman berbasiskan koclekode (scnpt) yang digunakan untuk mengolah

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

8

suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML.
Kode PHP mempunyai ciri-ciri khusus, yaitu:
a. Hanya dapat dijalankan menggunakan web server, misal: Apache.
b. Kode PHP diletakkan dan dijalankan di web server.
c. Kode PHP dapat digunakan untuk mengakses database, seperti:
MySQL, PostgreSQL. Oracle. dan lain-lain.
d. Merupakan software yang bersifat open source.
e. Gratis untuk di-download dan digunakan.
f. Memilik sifat multlpaltform, artinya dapat dijalankan menggunakan sistem
operasi apapun, seperti: Unux, Unix. Windows, dan lain-lain.
Dengan menggunakan PHP, selain memberikan keuntungan seperti pada
beberapa poin di atas, juga didukung oleh banyak komunitas. Hal ini yang
membuat PHP terus berkembang. Selain itu, Anda dapat belajar lebih banyak lagi
tentang tips dan trik penggunaannya dan berbagai komunitas, lembaga
pendidikan, ataupun melalui media internet. (Andi, 2013)
Sedangkan MySQL itu sendiri merupakan sebuah open source software
(perangkat lunak) yang menyimpan data dalam bentuk tabel-tabel yang kemudian
akan diletakkannya semua data dalam satu ruang penyimpanan yang besar.
2.2.4.1 Keunggulan MySQL
a. Adanya Multiplatform dan protable,MySQL dapat berjalan stabil pada
berbagai sistem Operasi seperti Windows,Linux,FreeBSD,Mac Os X
server,Solaris,Amiga,dan masih banyak lagi .

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

9

b. Perangkat lunak yang open source.MySQL didistribusikan sebagai
perangkat lunak Open Source,dibawah lisensi GPL sehingga digunakan
secara gratis.
c. Multi-User. MySQL dapat digunakan oleh beberapa user dalam waktu
yang bersamaan tanpa mengalami crash.
d. Security. MySQL memiliki beberapa lapisan keamanan seperti level
subnetmask,nama host,dan izin akses user dengan sistem perizinan yang
mendetail serta sandi terenkripsi.
e. Table structure,MySQL memiliki struktur tabel yang lebih fleksibel dalam
menangani ALTER TABLE ,dibandingkan database lainnya semacar
PostgreSQL ataupun Oracle. (Andi, 2013)
2.2.4.2 Keuntungan Hubungan PHP dan MySQL
a. Mereka free (gratis) sehingga efektif biayanya.
b. Mereka berorientasi web (web-oriented). Keduanya dirancang secara
khusus untuk pemggunaan website dan memiliki sekumpulan fitur yang
difokuskan pada pembangunan website dinamis.
c. Customizable.

Keduanya

open

source,

sehingga

mengijinkan

pemrograman untuk memodifikasi software PHP dan MySQL pada
lingkungan yang cocok untuk mereka sendiri. (Kadir, 2009)
2.2.5 Framewor k
Framework adalah kerangka kerja yang juga bisa diartikan sebagai
kumpulan script untuk membantu programmer dalam menangani berbagai
permasalahan. Secara sederhana bisa dijelaskan bahwa framework merupakan
kumpulan fungsi (libraries), maka seorang programmer tidak perlu lagi membuat

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

10

fungsi-fungsi dari awal. Programmer tinggal memanggil kumpulan fungsi yang
sudah ada didalam framework.
2.2.5.1 Macam-macam Framewor k
a. Framework Yii
Yii merupakan salah satu dari sederetan PHP framework yang bersifat
open source. Yii 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. Nama YII merupakan
singkatan dari Yes It Is!.

Berikut ini adalah beberapa keunggulan yang dimiliki oleh Framework YII.
•

Open Source (gratis)
YII adalah PHP framework yang bersifat open source, sehingga
menggunakannya tidak perlu membayar.

•

Menggunakan konsep MVC
Konsep MVC (Model View Controller) merupakan konsep modern yang
saat ini dalam mengemban aplikasi yang memisahkan tampilan. Logic
program, dan model.

•

Mendukung Ajax
Yii juga mendukukuung Ajax, yang membuat website bekerja lebih cepat
dengan tidak perlu me-refresh halaman dari awal. Terutama sangat
diibutuhkan untuk back end atau halaman admin.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

11

•

Fungsi yang otomatis (built-in)
Didalam Yii terdapat fungsi otomatis siap pakai yang sangat dibutuhkan
dalam pembuatan website, seperti validasi data input, Ajax Validasi,
paging, CRUD (Create Read Update Delete), dan lain-lain.

•

Terhubung otomatis dengan jQuery
Jika kita bekerja dengan widgets yang ada pada Yii, maka kita langsung
dapat menggunakan jQuery seperti datepicker, CgridView, dan lain-lain.
(Sarwo, 2013)
Framework Yii ini sangat lengkap akan fitur-fiturnya dalam membangun

sebuah website. Adapun kekurangan yang dimiliki oleh Framework Yii disini,
yaitu tidak compatible dengan PHP4.
b. Framework Zend
Menurut situs resminya, framework ini dikhususkan untuk pengembangan
aplikasi web 2.0 dan untuk mempermudah dalam mengakses API dari situs2 besar
seperti google, facebook, yahoo, flickr dsb. Sehingga tak mengherankan kalau
framework ini dibekali modul2 web 2.0, syndication,AJAX, web services, search.
c. Framework Cake
Framework ini mengusung konsep arsitektur MVC (Model-ViewController) dan juga ORM (object Relation Mapping). Aplikasi yang dibuild
ddngan cakePHP bisa dirunning di PHP4 ataupun PHP5. Dalam koneksi database
framdwork ini mensupport MySQL, SQLLITE, PGSql, DB2 dan juga Oracle.
Framework ini menyediakan modul tambahan berupa otentifikasi user, security,
access control list sehingga memungkinkan membangun aplikasi dengan cepat.
Selain itu cake php juga sudah mendukung javascript, AJAX, XML dan Rss dan

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

12

email yang sudah terintegrasi dalam library nya. Sayangnya, support dokumentasi
untuk framework ini masih kurang lengkap, meskipun begitu komunitas pengguna
cakePHP berkembang pesat.
d. Framework CodeIgniter
Hampir mirip dengan cakePHP, framework ini mengusung konsep
arsitektur MVC, namun framework ini belum mendukung ORM, Codeigniter
menyediakan banyak sekali modul yang berguna di pengembangan web seperti
session

management,email,

security

(anti

Xsrf),file

management,0image

management dan XMLRPC yang menjadi keunggulan dari aplikasi besutan
ellislab ini adalah dokumentasi yang banyak dan lengkap serta terorganisis dengan
baik sehingga framework ini mudah dipelajari, selain itu bahasa yang digunakan
juga lebih “manusiawi” dibanding cakePHP.
e. Framework Simphony
Framework ini ditujukan untuk pengguna PHP5, framework ini support
berbagai koneksi database. Seperti framework yang disebutkan diatas, simphony
juga mengusung konsep arsitektur MVC. Dukungan terhadap teknologi AJAX
sudah terintegrasi di framework ini. Dalam hal dokumentasi, simphony telah
memberikannya dengan cukup baik, namun yang mdnjadi kekurangan adalah
proses installasi yang lebih rumit dan njelimet dibanding dengan cakePHP dan
CodeIgniter. (Devindha, 2013)
2.2.5.2 Perbandingan Framewor k Yii dengan yang lainnya
Seperti kebanyakan PHP framework, Yii adalah MVC framework. Yii
melampaui PHP

framework

lain

dalam

hal efisiensi,

kaya-fitur,

dan

didokumentasikan dengan jelas. Yii didesain dengan hati-hati dari awal agar

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

13

sesuai untuk pengembangan aplikasi Web secara serius. Yii bukan berasal dari
produk pada beberapa proyek maupun konglomerasi pekerjaan pihak-ketiga. Yii
adalah hasil dari pengalaman kaya para pembuat pada pengembangan aplikasi
Web dan investigasi serta refleksi kerangka kerja pemrograman Web paling
populer dan aplikasi.
Yii adalah kerangka kerja pemrograman umum Web yang bisa dipakai
untuk mengembangkan semua jenis aplikasi Web. Oleh karena Yii sangat ringan
dan dilengkapi dengan solusi caching yang memuaskan, ia sangat cocok untuk
pengembangan aplikasi dengan lalu lintas-tinggi, seperti portal, forum, sistem
manajemen konten (CMS), sistem e- commerce, dll. (Kiky, 2012)
2.2.6 Unified Modeling Language (UML)
Unified Modeling Language atau biasa disingkat menjadi UML ini
merupakan bahasa yang digunakan ataupun membangun dan memvisualisasikan
sistem aplikasi yang akan dibuat.
2.2.6.1 Use Case Diagram untuk memodelkan proses bisnis.
Use case diagram digunakan untuk memodelkan bisnis proses berdasarkan
perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use case
dan actor. Actor merepresentasikan orang yang akan mengoperasikan atau orang
yang berinteraksi dengan sistem aplikasi.
Use case merepresentasikan operasi-operasi yang dilakukan oleh actor.
Use

case

digambarkan

berbentuk elips dengan nama operasi dituliskan

di

dalamnya. Actor yang melakukan operasi dihubungkan dengan garis lurus ke use
case.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

14

2.2.6.2 Activity Diagram untuk memodelkan perilaku Use Cases dan objects di
dalam system.
Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang
mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat
menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Activity diagram merupakan state diagram khusus, di mana sebagian besar
state adalah action dan sebagian besar transisi di-trigger oleh selesainya state
sebelumnya (internal processing). Oleh karena itu activity diagram tidak
menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem)
secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas
dari level atas secara umum.
2.2.6.3 Sequence Diagram untuk memodelkan pengiriman pesan (message)
antar objects.
Sequence diagram menjelaskan secara detil urutan proses yang dilakukan
dalam sistem untuk mencapai tujuan dari use case: interaksi yang terjadi
antar class, operasi apa saja yang terlibat, urutan antar operasi, dan informasi yang
diperlukan oleh masing-masing operasi.
Sequence diagram menggambarkan interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang
digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal
(waktu) dan dimensi horizontal (objek-objek yang terkait).
Sequence diagram biasa digunakan untuk menggambarkan skenario atau
rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

15

untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas
tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa
yang dihasilkan
2.2.6.4 Collaboration Diagram untuk memodelkan interaksi antar objects.
Collaboration diagram dipakai untuk memodelkan interaksi antar object di
dalam sistem. Berbeda dengan sequence diagram yang lebih menonjolkan
kronologis dari operasi-operasi yang dilakukan, collaboration diagram lebih fokus
pada pemahaman atas keseluruhan operasi yang dilakukan oleh object.
Collaboration diagram juga menggambarkan interaksi antar objek seperti
sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan
bukan pada waktu penyampaian message. Setiap message memiliki sequence
number, di mana message dari level tertinggi memiliki nomor 1. Messages dari
level yang sama memiliki prefiks yang sama.
2.2.6.5 Statechart Diagram untuk memodelkan perilaku objects di dalam sistem.
Statechart diagram menggambarkan transisi dan perubahan keadaan (dari
satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli
yang diterima. Pada umumnya statechart diagram menggambarkan class tertentu
(satu class dapat memiliki lebih dari satu statechart diagram).
2.2.6.6 Class Diagram untuk memodelkan struktur kelas.
Class diagram merupakan diagram yang selalu ada di permodelan sistem
berorientasi objek. Class diagram menunjukkan hubungan antar class dalam
sistem yang sedang dibangun dan bagaimana mereka saling berkolaborasi untuk
mencapai suatu tujuan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

16

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan
sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi
objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus
menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).
Class diagram menggambarkan struktur dan deskripsi class, package dan
objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi,
dan lain-lain. (Dharwinyanti Sri dan Romi Satria Wahono, 2013).
2.2.7 SPSS dan Validasi Tabel r
SPSS adalah singkatan dari Statistical Package for the Social Sciences
adalah software komputer yang digunakan untuk analisa statistika. Program
aplikasi ini memiliki kemampuan analisis cukup tinggi serta sistem manajemen
data dengan grafis, disajikan dengan menu-menu deskriptif yang sederhana
sehingga software ini dibilang cukup user friendly atau mudah dipahami dalam
mengoperasikannya. Pada awalnya SPSS dibuat untuk keperluan pengolahan data
statistik untuk ilmu sosial, hal ini bisa dilihat dari kepanjangan dari SPSS itu
sendiri, pada perkembangannya software aplikasi SPSS 17 ini dibeli oleh IBM
dan kemampuannya lebih luas lagi atau bisa dibilang sangat mumpuni karena
program ini tidak hanya untuk riset statistic biasa tetapi dapat digunakan untuk
berbagai

riset

pemasaran,

pengendalian,

dan

perbaikan

mutu

(quality

improvement) serta riset sains, sehingga kepanjangan SPSS sekarang adalah
Statistik Product and Service Solutions
Menurut Pembuatan Tabel Koefisien Korelasi Momen-produk Pearson
(Pearson Product-moment Correlation Coefficient) dengan Microsoft Excel Oleh
Suzanna L. Siregar Dalam pengujian validitas konstruk, koefisien korelasi

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

17

momen-produk Pearson (ρ atau r) digunakan sebagai batas valid atau tidaknya
sebuah item (butir). Jika skala (kuesioner) Anda terdiri dari 30 item (pertanyaan)
dan semua item disusun mengikuti prinsip skala Likert (Likert Summated
Ratings), maka sebuah item dianggap valid jika koefisien hubungan item tersebut
dengan total keseluruhan item yang kemudian kita notasikan sebagai R haruslah
lebih besar atau sama dengan R dalam Tabel r (R ≥r). Pada taraf nyata 5% batas
validitas butir Anda adalah 0.361. Buku ajar Statistika pada dua taraf nyata yang
lazim 5% dan 1%, tetapi tidak setiap nilai r untuk setiap nilai N (yaitu banyak
item) dicantumkan. (Siregar, 2009)

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB III
METODE PENELITIAN

3.1 Alur Penelitian
Sistem aplikasi DPT (Daftar Pemilih Tetap) ini dibangun dengan PHP
dengan kerangka kerja atau biasa disebut dengan framework. Untuk framework
yang digunakan adalah YII (Yes It Is).
Langkah awal dibuatnya sistem ini adalah, pengguna (user) akan
melakukan pendaftaran di sistem sesuai biodata yang tercantum di KTP masingmasing pengguna. Data-data yang telah masuk tidak serta merta akan langsung
masuk kedalam sistem, dimana nanti akan ada pencocokan data oleh sistem
terhadap data yang didaftarkan oleh pengguna. Sistem akan otomatis menolak
data pengguna apabila data yang didaftarkan tidak sesuai dengan biodata asli yang
ada pada KTP. Hal ini untuk mencegah terjadinya user yang tidak bertanggung
jawab ataupun iseng untuk masuk kedalam sistem, dalam hal ini biasa disebut
human error. Setelah pengguna mendaftarkan diri sebagai DPT dan data tersebut
telah diterima oleh sistem, maka proses selanjutnya adalah konfirmasi data-data
yang telah didaftarkan oleh pengguna sebagai DPT. Proses konfirmasi disini akan
dilakukan oleh admin yang mana dalam proses ini tidak semua user bisa masuk ke
halaman website dan mengkonfirmasi data-data. Admin disini akan memiliki
username dan password untuk dapat login kedalam website dan melaksanakan
tugas-tugasnya sesuai hak akses admin itu sendiri.

18
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

19

3.2 Analisa Kebutuhan Sistem
Adapun kebutuhan-kebutuhan yang dapat diberikan oleh sistem yang
tentunya dapat menunjang sistem yang dibuat, antara lain :
1. User dalam hal ini adalah calon pemilih dapat mendaftar langsung sebagai
DPT melalui sistem aplikasi yang dibuat, sesuai dengan biodata lengkap
ktp.
2. Sistem dapat menampilkan berita-berita yang tentunya memberikan
informasi terhadap user.
3. Sistem memberikan informasi tentang panitia yang bisa sangat membantu
dalam pelaksanaan pemilihan umum.
4. Sistem juga menyediakan contact yang bisa dihubungi untuk mendapatkan
informasi terkait dengan pemilu dan DPT.
5. Admin dapat melakukan pengolahan data, menambah, memperbaharui,
dan menghapus data.
6. Admin dapat mencetak laporan keseluruhan data-data warga dan daftar
pemilih tetap serta mencetak laporan dengan fitur pencarian sesuai dengan
tahun kelahiran.

3.3 Alur Program
Alur program disini akan menjelaskan tentang alur yang ada pada sistem,
dalam hal ini ada sistem aplikasi DPT (Daftar Pemilih Tetap). Alur-alur yang
dibahas disini antara lain State Trasition Diagram, Unified Modeling language,
serta Desain interface.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

20

3.2.1 State Transition Diagram
State Trasition Diagram disini merupakan penggambaran ataupun
pengkondisian sebuah alur sistem yang dibuat sesuai dengan kinerjanya. Pada
gambar dibawah ini terdapat user (pengguna) dan admin.

Gambar 3.1 State Trasition Diagram
Pada gambar 3.1, State Transition Diagram dapat dijelaskan bahwa user
dan admin memiliki hak akses yang berbeda. Untuk user disini pada halaman
awal hanya mendaftar dan memasukkan data-data yang dibutuhkan oleh sistem.
Sedangkan admin disini setelah login sesuai dengan username dan password, akan
masuk kedalam halaman admin dimana bisa melakukan pengolahan data serta

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

21

konfirmasi data-data yang telah masuk kedalam sistem. Yang kemudian data-data
tersebut bisa ditampilkan dan dicetak berupa laporan.
3.2.2 Unified Modeling Language
Unified Modeling Language atau biasa disingkat menjadi UML ini
merupakan bahasa yang digunakan ataupun membangun dan memvisualisasikan
sistem aplikasi yang akan dibuat.
3.2.2.1 Use case Diagram
Adalah diagram yang menggambarkan fungsionalitas yang diharapkan dari
sebuah sistem. Terdapat dua aktor yaitu user dan admin, kemudian ada beberapa
proses yang dilakukan terkait sistem.

Gambar 3.2 Use case Diagram
Pada gambar 3.2 use case diagram alur yang ada pada sistem DPT (Daftar
Pemilih Tetap) memliki dua actor yaitu admin dan user. Dimana admin disini
sebagai pengelola sistem itu sendiri, yang memiliki username dan password untuk
login dan melaksanakan hak aksesnya, serta melakukan pengelolaan data-data
terkait sistem yang dibuat. Sedangkan user disini dapat melakukan beberapa

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

22

proses, diantaranya proses registrasi, pencarian data, melihat berita, melihat
tentang, dan melihat kontak.
3.2.2.2 Activity Diagram
Menggambarkan berbagai alir aktivitas dalam sebuah sistem yang sedang
dirancang. Ada beberapa activity diagram dalam sistem yang dilakukan oleh user
dan admin.
a. Activity Diagram Registrasi
Berikut ini adalah aliran aktivitas yang dilakukan oleh user dalam sistem
pada halaman awal.

Gambar 3.3 Activity Diagram r egistrasi
Pada gambar 3.3 activity diagram registrasi, dimana user melakukan
registrasi berdasarkan biodata lengkap yang ada pada ktp seperti, input nomer ktp,
Nama, alamat. Setelah melakukan registrasi ada proses simpan dimana apabila
terdaftar, akan ada tampilan notifikasi bahwa data yang telah dimasukkan sudah
tersimpan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

23

b. Activity Diagram Admin Login

Gambar 3.4 Activity Diagram admin login
Pada gambar 3.4 activity diagram admin pada saat login diatas, dapat
dijelaskan bahwa admin harus memasukkan username dan password kemudian
login, sebelumnya akan ada proses verifikasi username dan password dimana
nanti jika valid maka masuk kedalam halaman admin, jika tidak maka akan
kembali pada proses pengisian username dan password.
c. Activity Diagram Admin Insert Data

Gambar 3.5 Activity Diagram admin insert data

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

24

Pada activity diagram insert data yang dilakukan admin seperti gambar
3.5, dijelaskan bahwa admin memilih menu data warga dimana ada operasi create
yang kemudian menanmpilkan detail data. Setelah itu admin akan melakukan
proses input data sesuai dengan ktp hingga lengkap, kemudian disimpan.
d. Activity Diagram Admin Update Data

Gambar 3.6 Activity Diagram admin update data
Pada gambar 3.6 mengenai activity diagram update yang dilakukan oleh
admin dijelaskan dimana admin akan memilih menu data warga yang didalamnya
terdapat operasi update, kemudian akan menampilkan list data keseluruhan.
Setelah menampilkan data keseluruhan pilih data yang sudah ada berdasarkan id,
kemudian sistem akan menampilkan detail data dan melanjutkan ke proses update
beserta kolom data yang siap diperbaharui, proses terakhir adalah simpan.
e. Activity Diagram Admin Delete Data

Gambar 3.7 Activity Diagram admin delete data

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

25

Activity diagram admin delete yang dilakukan admin seperti gambar 3.7,
menjelaskan bagaimana admin mengolah data dalam hal ini adalah menghapus
data. Proses pertama yang dilakukan admin adalah, pilih menu data warga
kemudian sistem akan menampilkan list data keseluruhan. Setelahnya admin akan
memilih data berdasarkan id, yang kemudian menampilkan detail data dan siap
untuk dihapus.
f. Activity Diagram Admin Cetak

Gambar 3.8 Activity Diagram admin cetak data
Pada activity diagram cetak data yang hanya bisa dilakukan admin disini,
admin memilih menu laporan yang ada pada halaman admin sebagai proses awal,
kemudian cari data berdasarkan tahun kelahiran dan sistem menampilkan detail
data yang siap untuk dicetak.
3.2.2.3 Sequence Diagram
Sequence diagram menggambarkan interaksi antar objek didalam dan di
sekitar sistem. Untuk sequence diagram terdapat beberapa sequence user dan
admin.
a. Sequence Diagram Registrasi
Berikut adalah sequence diagram registrasi dalam sistem yang akan dibuat.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

26

Gambar 3.9 Sequence diagram registrasi
Pada gambar 3.9 menjelaskan tentang sequence diagram registrasi yang
dilakukan oleh user. Dimana terdapat interface form home, control dan database
pemilih. User memilih menu home pada halaman, kemudian terdapat form
pendaftaran yang harus diisikan bagi calon pendaftrar. Kemudian proses terdaftar
tersebut dikontrol oleh sistem dan disimpan oleh database.
b. Sequence Diagram Admin Insert data
Berikut adalah sequence diagram insert data yang dilakukan oleh admin.

Gambar 3.10 Sequence Diagram Admin Insert Data
Gambar 3.10 adalah sequence diagram, insert data yang hanya bisa
dilakukan oleh admin. Dimana admin disini memilih menu data warga kemudian
masuk ke interface form data warga dan klik operasi create untuk memasukkan

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

27

data warga. Data yang dimasukkan akan diproses oleh sistem control dan masuk
ke database kemudian tersimpan.
c. Sequence Diagram Admin Update data

Gambar 3.11 Sequence Diagram Admin Update
Pada gambar 3.11 sequence diagram update data yang dilakukan admin
diatas, bisa dijelaskan pada sequence disini terdapat aktor yaitu admin, interface
form data warga, control, dan database ktp yang menyimpan data warga. Dimana
dalam sequence ini, admin memilih menu data warga yang terdapat pada halaman
admin kemudian diproses dan ditampilkan oleh sistem. Pilih update data yang

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

28

telah dipilih, kemudian diproses dan dikonfirmasi oleh sistem. Tentunya pada
database, dalam hal ini adalah database ktp yang menyimpan data-data warga.
d. Sequence Diagram Admin Delete data

Gambar 3.12 Sequence Diagram Admin Delete
Gambar 3.12 adalah gambar sequence diagram pada sistem yang
dilakukan oleh admin. Dapat dijelaskan bahwa dalam sequence disini terdapat
aktor yaitu admin, form data warga, control dan database. Admin disini memilih
menu data warga kemudian akan diproses dan ditampilkan oleh sistem pada
interface. Dimana admin akan melanjutkan proses pilih data sesuai dengan id,

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

29

kemudian diproses dan ditampilkan detail datanya oleh sistem. Proses akhirnya
adalah pilih delete, yang kemudian diproses oleh sistem dan dihapus dalam
database.
e. Sequence Diagram Admin Cetak data

Gambar 3.13 Sequence diagram admin cetak
Pada gambar 3.13 menjelaskan sequence diagram cetak yang ada dalam
halaman admin. Proses pertama yang dilakukan adalah admin memilih menu
laporan dan terdapat interface menu laporan, kemudian cari data yang diproses
dan ditampilkan hasilnya oleh sistem. Proses akhir adalah cetak yang juga akan
diproses dan disimpan hasil cetaknya dalam bentuk file Excel.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

30

3.2.2.6 Class Diagram
Menggambarkan pemodelan sistem yang berorientasi objek. Class
diagram tersebut menunjukkan antar class yang saling berhubungan dan
bagaimana mereka berkolaborasi.

Gambar 3.14 Class diagram dari sistem DPT
Pada gambar 3.14 class diagram diatas, bisa dijelaskan ada beberapa tiga
komponen penting yaitu, nama yang merupakan nama dari sebuah kelas, atribut
yang merupakan properti dari sebuah kelas tersebut, dan operasi yang merupakan
sesuatu aktifitas operasi yang bisa dilakukan dalam kelas tersebut.
3.2.3 Desain Interface (Antar Muka)
Desain interface (antar muka) disini merupakan gambaran atau tampilan
sebuah sistem yang akan dibuat. Dimana dalam desain interface ini, terdapat
beberapa halaman yang nantinya akan menjadi bagian dari sistem aplikasi.
Halaman-halaman tersebut antara lain halaman home dan halaman admin.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

31

3.2.3.1 Halaman Home
Halaman home disini adalah halaman awal sebuah website. Dimana dalam
halaman home disini juga memiliki beberapa menu, antara lain home itu sendiri
(index), berita, about, contact us, dan login.
a. Home (index)
Pada menu home (index) ini merupakan halaman dimana kita melihat
halaman awal pada website.

Gambar 3.15 Desain menu Home
Gambar 3.15 merupakan halaman home (index) ataupun halaman awal dan
utama dalam sebuah website. Dimana didalam h