GL02

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

APLIKASI PIRANTI LUNAK SISTEM INFORMASI LAYANAN

PUBLIK KELURAHAN CINA

untuk:

Dosen Sistem Informasi

Bp. Eko Darwiyanto

Dipersiapkan oleh:

IF-38-05

Arian Nurrfqhi (1301144005)

Hariyanto (1301144205)

Kurniawan W H (1301144385)

Prodi Teknik Informatika - Universitas Telkom

Prodi Teknik Informatika Nomor Dokumen Halaman

Universitas Telkom
DPPL- GL02
Revisi Tgl: 17-04-2017
 DAFTAR PERUBAHAN
Revisi Deskripsi
A

INDEX - A B C D E F G
TGL

Ditulis
oleh

Diperiksa
oleh

Disetujui
oleh

Prodi Informatika – Universitas DPPL-GL-02 Halaman 2 dari 21

Telkom
 Daftar Halaman Perubahan

Halaman Revisi Halaman Revisi

Prodi Informatika – Universitas DPPL-GL-02 Halaman 3 dari 21

Telkom
 Daftar Isi
1 Pendahuluan..........................................................................................................................5
1.1 Tujuan Penulisan Dokumen............................................................................................5
1.2 Lingkup Masalah............................................................................................................5
1.3 Definisi dan Istilah..........................................................................................................6
1.4 Referensi........................................................................................................................6
1.5 Deskripsi Umum Dokumen............................................................................................7
2 Deskripsi Perancangan..........................................................................................................7
2.1 Rancangan Lingkungan Implementasi............................................................................7
2.2 Dekomposisi Fungsional Modul.....................................................................................8
2.3 Standard Operasional Prosedur....................................................................................10
2.3.1 Layanan Publik......................................................................................................10
2.3.2 Pengaduan.............................................................................................................11
2.3.3 Cek Surat...............................................................................................................12
2.4 Deskripsi Data..............................................................................................................13
2.5 Deskripsi Rinci Modul.................................................................................................13
2.5.1 Deskripsi Layar.....................................................................................................13
2.5.2 Deskripsi Laporan.................................................................................................22

Prodi Informatika – Universitas DPPL-GL-02 Halaman 4 dari 21

Telkom
1 Pendahuluan
1.1 Tujuan Penulisan Dokumen
Dokumen GL-02 ini berisi Deskripsi Perancangan Perangkat Lunak (DPPL untuk
Aplikasi Sistem Informasi Pelayanan Publik di Kelurahan Cina). Tujuan dari penulisan
dokumen ini adalah untuk memberikan perancangan mengenai perangkat lunak yang akan
dibangun baik berupa gambaran umum maupun penjelasan detil dan menyeluruh.
Pengguna dari dokumen ini adalah pegawai atau staff kelurahan dan masyarakat
yang berstatus sebagai warga kelurahan cina. Dokumen ini akan digunakan sebagai
bahan acuan dalam proses pengembangan dan sebagai bahan evaluasi pada saat proses
pengembangan perangkat lunak maupun di akhir pengembangannya. Dengan adanya
dokumen DPPL ini diharapkan pengembangan perangkat lunak akan lebih terarah dan
lebih terfokus serta tidak menimbulkan ambiguitas terutama bagi pengembang
perangkat lunak sistem Pembelajaran Online.

1.2 Lingkup Masalah

Perangkat lunak akan dibangun adalah perangkat lunak Aplikasi Pembelajaran Online,
yaitu merupakan perangkat perangkat lunak yang yang digunakan untuk membantu
proses pembelajaran di Universitas. Aplikasi Pembelajaran Online ini dapat melakukan
hal-hal sebagai berikut :
1. Aplikasi ini hanya bisa diakses untuk penduduk di wilayah Kelurahan Cina
2. Aplikasi dibuat hanya untuk aktivitas kelurahan cina
3. Masyarakat harus terdaftar sebagai penduduk setempat
4. Masyarakat dan pegawai bisa menambahkan pengajuan surat layanan publik
5. Masyarkat dapat mengajukan berita pengaduan ke kantor kelurahan
6. Masyarakat bisa langsung menggunakan aplikasi tanpa memiliki akun
7. Pegawai sebagai administrator harus memiliki akun
8. Pegawai sebagai administrator aplikasi hanya dapat mengelolah data penduduk
berdasarkan NIK, Profil, dan kartu keluarga
9. Pegawai sebagai administrator aplikasi hanya dapat mengelolah data informasi
kelurahan berupa berita kegiatan, data infrastruktur, dan data pegawai kelurahan.
10. Pegawai sebagai administrator aplikasi hanya dapat mengelolah data pengaduan
penduduk sebagai laporan ke kepala kelurahan
11. Pegawai sebagai administrator aplikasi hanya dapat mengelolah data pengajuan
layanan publik dalam bentuk aksi acc dan penolakan pengajuan.

Prodi Informatika – Universitas DPPL-GL-02 Halaman 5 dari 21

Telkom
 12. Pegawai sebagai administrator aplikasi dapat mengelolah mutasi penduduk masuk
dan keluar
Dengan adanya aplikasi ini, diharapkan system pelayanan kantor kelurahan cina
menjadi lebih baik karena telah dimudahkan dalam penggunaan sistem aplikasi yang
akan saling teintegrasi dengan masyarakat/penduduk setempat.

1.3 Definisi dan Istilah

Definisi , akronim dan singkatan yang dipakai dapat dilihat pada tabel 4 di bawah ini:

Tabel 1. Definisi, Singkatan dan Akronim

Istilah, Penjelasan
Akronim dan
Singkatan
Pengembang Orang yang mewujudkan keinginan pelanggan dalam pembuatan
sistem.[3]
Penduduk Orang yang akan langsung menggunakan atau menjalankan sistem
dari perangkat lunak tersebut.[3]
SKPL Spesifikasi Kebutuhan Perangkat Lunak
Merupakan dokumen hasil analisis yang berisi spesifikasi
kebutuhan pengguna[3]
DPPL Merupakan dokumen deskripsi dari perancangan pernagkat lunak
yang akan dikembangkan dan bertujuan untuk memberikan
landasan yang diperlukan dalam proses pengkodean aplikasi.[5]
DFD Data Flow Diagram
Merupakan diagram yang menggambarkan aliran data dan proses
yang terjadi di dalam sistem[3]
ERD Entity Relationship Diagram
Merupakan diagram yang menggambarkan relasi antara entity dan
atribut dari masing-masing entity.[3]
Admin Merupakan seseorang yang bertanggungjawab untuk perawatan
sistem dan serta bertanggungjawab terhadap operasional
sistem[3]

1.4 Referensi
Referensi yang digunakan untuk membantu dalam menyelesaikan dokumen SKPL ini
adalah sebagai berikut :
[1] Redaksi, T. (2008). Kamus Besar Bahasa Indonesia. Jakarta: Pusat Bahasa.
[2] Aplikasi Desa dan Keluarga (SiDeKa) - http://tipa.co.id/detail-
produk/4/aplikasi-desa-dan-kelurahan-sideka#sthash.toz2JXly.EJVc4PAK.dpbs
[3] Website Desa Manduang, Kab. Kungkung - www.manduang.desa.id
[4] Website Desa Melung, Kab. Banyumas - http://www.melung.desa.id/
[5] Website Desa Ciburial, Kab. Bandung - http://ciburial.desa.id/
[6] Dokumen Feasibility Study Sistem Informasi Kelurahan Cina
[7] Dokumen Analisis Sistem Informasi Kelurahan Cina

Prodi Informatika – Universitas DPPL-GL-02 Halaman 6 dari 21

Telkom
1.5 Deskripsi Umum Dokumen
Dokumen DPPL ini berisi deskripsi rancangan perangkat lunak yang akan
dikembangkan berdasarkan dokumen Perencanaan (Feasibility Study da Analisis Sistem).
Dalam dokumen DPPL ini dijabarkan perincian rancangan perangkat lunak yang
dikembangkan, sehingga dapat diimplementasikann hingga level teknis. Gambaran umum
dokumen ini terdapat pada penjelasan di bawah ini.
a. Bab 1, merupakan bab pendahuluan yang berisikan tentang overview dari rencana
pengembangan perangkat lunak secara umum, seperti tujuan penulisan dokumen,
lingkup masalah, definisi dan istilah, referensi dan deskripsi umum dokumen.
b. Bab 2, merupakan deskripsi perancangan yang berisi tentang perancangan
lingkungan implementasi secara umum seperti lingkungan operasi yang akan
digunakan untuk implementasi perangkat lunak, dekomposisi dari fungsional modul,
deskripsi Data, dekomposisi fisik modul serta deskripsi rinci modul.
c. Bab 3, merupakan matriks keturunutan yang sama halnya yang telah tertera pada
dokumen SKPL sebelumnya.

2 Deskripsi Perancangan

2.1 Rancangan Lingkungan Implementasi

Sistem ini diimplemetasikan dalam lingkungan sebagai berikut :
 Sistem operasi : Windows 8/8.1
 Bahasa pemrograman : PHP (Prosedural), HTML, CSS, Vue.js
 DBMS : MySQL
 Development tools : XAMPP versi 3.2.2, Hardware, Browser( Google
Chrome), PC, Atom (Text Editor) , Adobe Photoshop,
Adobe Illustrtator.

2.2 Dekomposisi Fungsional Modul

Dekomposisi Fungsional Modul (Penduduk)

Dekomposisi fungsional modul (Penduduk) adalah sebagai berikut :

Prodi Informatika – Universitas DPPL-GL-02 Halaman 7 dari 21

Telkom
 Gambar 2.1. Dekomposisi Fungsional Modul (Penduduk)

Dekomposisi Fungsional Modul (Pegawai)

Dekomposisi fungsional modul (Pegawai) terdapat pada halaman selanjutnya :

Prodi Informatika – Universitas DPPL-GL-02 Halaman 8 dari 21

Telkom
 Gambar 2.2. Dekomposisi Fungsional Modul (Pegawai)

Prodi Informatika – Universitas DPPL-GL-02 Halaman 9 dari 21

Telkom
2.3 Standard Operasional Prosedur

2.3.1 Layanan Publik

Prodi Informatika – Universitas DPPL-GL-02 Halaman 10 dari 21

Telkom
2.3.2 Pengaduan

2.3.3 Cek Surat

Prodi Informatika – Universitas DPPL-GL-02 Halaman 11 dari 21

Telkom
2.4 Deskripsi Data

Tabel Relasi Aplikasi Pembelajaran Online

Tabel relasi aplikasi pembelajaran online adalah sebagai berikut :

Gambar 3. Tabel Relasi Aplikasi Sisfo Kelurahan Cina

2.5 Deskripsi Rinci Modul

2.5.1 Deskripsi Layar

2.5.1.1 Tampilan Homepage

Tampilan ini dirancang untuk pengguna masyarakat yang berstatus warga di kelurahan
cina. Masyarakat tidak perlu memiliki akun untuk mengakses fitur yang tersedia. Dari
halaman ini masyarakat bias menggunakan layanan yang tersedia di header halaman.
Adapun mockup tampilan homepage sebagai berikut :

Prodi Informatika – Universitas DPPL-GL-02 Halaman 12 dari 21

Telkom
 Gambar 10. Tampilan Homepage

2.5.1.2 Tampilan Layanan Publik

Tampilan ini untuk masyarakat yang ingin mengajukan surat pengantar atau keterangan
ke kelurahan dengan maksud dan tujuan tertentu. Adapun mockup tampilan layanan
publik sebagai berikut :

Gambar 11. Tampilan Layanan Publik

Prodi Informatika – Universitas DPPL-GL-02 Halaman 13 dari 21

Telkom
 2.5.1.3 Tampilan Pengaduan
Tampilan ini untuk masyarakat yang ingin mengajukan pengaduan ke keantor
kelurahan dengan dasar permasalahan yang diajukan. Adapun mockup tampilan
pengaduan sebagai berikut :

Gambar 12. Tampilan Pengaduan

2.5.1.4 Tampilan Cek Surat

Tampilan ini untuk masyarakat yang ingin mengecek status pengajuan surat yang
diajukan pada tanggal tertentu. Setelah status surat selesai, maka masyarakat dapat
langsung ke kantor kelurahan untuk mengambil surat tersebut. Adapun mockup
tampilan cek surat sebagai berikut :

Prodi Informatika – Universitas DPPL-GL-02 Halaman 14 dari 21

Telkom
 Gambar 13. Tampilan Cek Surat

2.5.1.5 Tampilan Login

Tampilan ini untuk pegawai (admin) yang ingin masuk ke system dashboard aplikasi.
Admin perlu memasukkan username dan password sebagai syarat masuk ke system.
Adapun mockup tampilan login sebagai berikut :

Gambar 14. Tampilan Login

Prodi Informatika – Universitas DPPL-GL-02 Halaman 15 dari 21

Telkom
 2.5.1.6 Tampilan Dashboard
Tampilan dashboard adalah halaman utama admin. Halaman ini dimana admin bias
mengelola berbagai data, berdasarkan menu pada sidebar. Adapun mockup tampilan
dashboard sebagai berikut :

Gambar 15. Tampilan dashboard

2.5.1.7 Tampilan Data Kelurahan

Tampilan info kelurahan ini berisikan data kelurahan seperti data informasi kegiatan
kelurahan, data infrastruktur kantor kelurahan, dan data pegaawai. Adapun mockup
tampilan infokelurahan sebagai berikut :

Prodi Informatika – Universitas DPPL-GL-02 Halaman 16 dari 21

Telkom
 Gambar 16. Tampilan data kelurahan

Gambar 17. Tampilan informasi kelurahan (a). Daftar konten, (b). Buat konten

Gambar 18. Tampilan data infrastuktur kelurahan

Prodi Informatika – Universitas DPPL-GL-02 Halaman 17 dari 21

Telkom
 Gambar 19. Tampilan data pegawai kelurahan

2.5.1.8 Tampilan Data Kependudukan

Tampilan data kependudukan merupakan salah satu menu di dashboard admin. Data
kependudukan ini berisi semua data penduduk untuk kelurahan cina. Selain itu admin
dapat mengelola penduduk berdasarkan kartu keluarga. Adapun mockup tampilan data
kependudukan sebagai berikut :

Gambar 20. Tampilan (a). Data penduduk, (b). Data Kartu Keluarga

2.5.1.9 Tampilan Layanan Publik

Tampilan layanan public merupakan salah satu menu di dashboard admin yang
berisikan data surat-surat pengajuan oleh masyarakat. Admin dapat membuat surat
pengajuan untuk masyarakat yang tidak memiliki perangkat pendukung untuk
menggunakan aplikasi ini pada menu layanan publiki ini. Adapun mockup tampilan
layanan publik sebagai berikut :
Prodi Informatika – Universitas DPPL-GL-02 Halaman 18 dari 21
Telkom
 Gambar 21. Tampilan (a). Daftar pengajuan surat, (b). Form pengisian surat pengajuan

2.5.1.10 Tampilan Mutasi Penduduk

Tampilan mutasi penduduk merupakan layanan untuk masyarakat yang ingin berpindah
tempat keluar daerah atau yang baru masuk. Adapun mockup tampilan mutase
penduduk sebagai berikut :

Gambar 22. Tampilan Mutasi Penduduk

2.5.1.11 Tampilan Pengaduan

Tampilan pengaduan merupakan daftar pengaduan masyarakat yang terjadi di wilayah
kelurahan cina. Adapun mockup tampilan pengaduan sebagai berikut :

Prodi Informatika – Universitas DPPL-GL-02 Halaman 19 dari 21

Telkom
 Gambar 23. Tampilan Daftar Pengaduan Masyarakat

2.5.1.12 Tampilan Profile Pengguna

Tampilan profil ini berisikan data lengkap profile admin pengguna yang sedang login ke
dalam system aplikasi. Adapun mockup tampilan pengaduan sebagai berikut :

Gambar 24. Tampilan Profil Pengguna Admin

Prodi Informatika – Universitas DPPL-GL-02 Halaman 20 dari 21

Telkom
2.5.2 Deskripsi Laporan
Dalam aplikasi yang dibangun akan menghasilkan keluaran yang berupa hasil pengolahan data
layanan pengajuan surat seperti view format surat yang diajukan oleh masyarakat. Dari format
surat yang ditampilkan admin dapat langsung mencetak yang disertai oleh tanda tangan yang
bersangkutan dalam surat tersebut.

2.5.2.1 Print View Surat

2.5.2.1.1 Deskripsi Masukan

Print view surat akan ditampilkan apabila segala data yang dibutuhkan telah
terpenuhi seperti nomor surat, nama yang membutuhkan, NIK yang
membutuhkan, maksud dan tujuan surat itu dibuat. Proses ini hanya di lakukan
oleh admin sebagai pengelola system. Sebelum masuk ke cetak surat, admin
terlebih dahulu mengecek kelengkapan data pemohon serta memvalidasi data
pemohon, apakah sesuai dengan syarat aturan kelurahan. Setelah proses cetak
surat selesai maka status surat akan berubah menjadi selesai.

2.5.2.1.2 Layout
Pada laporan penilaian evaluasi 1 dan evaluasi 2 akan menampilkan informasi
yang rinci mengenai hasil pengolahan nilai evaluasi 1 dan evaluasi 2 yang
dilakukan pada setiap pertemuan, laporan penilaian tersebut akan disimpan ke
dalam field sperti pada gambar berikut :

Gambar 25. Tampilan Print View Surat

Prodi Informatika – Universitas DPPL-GL-02 Halaman 21 dari 21

Telkom