LEMBAR PERSETUJUAN
PRAKTEK KERJA LAPANGAN
Diajukan Untuk Memenuhi Sebagian Persyaratan Kurikulum
Program Studi Teknik Informatika
Jurusan Teknik Informatika
Universitas Brawijaya
CATATAN TILANG ONLINE BERBASIS WEB
dilaksanakan di :
KANTOR UNIT TILANG
SATLANTAS RES MALANG KOTA
Tanggal:
20 Juli 2016 20 September 2016
Disusun Oleh :
Dwi Novi Setiawan
135150200111007
Brillian Aristyo R
135150200111124
Dwi Anggraeni K
135150200111136
Mengetahui,
Ketua Jurusan Teknik
Informatika
Menyetujui,
Dosen Pembimbing
LEMBAR PENGESAHAN
PRAKTEK KERJA LAPANGAN
CATATAN TILANG ONLINE BERBASIS WEB
dilaksanakan di :
KANTOR UNIT TILANG
SATLANTAS RES MALANG KOTA
Tanggal:
20 Juli 2016 20 September 2016
Disusun Oleh :
Dwi Novi Setiawan
135150200111007
Brillian Aristyo R
135150200111124
Dwi Anggraeni K
135150200111136
BAUR TILANG
BAMIN TILANG
JAJA
AIPDA NRP. 62060131
KATA PENGANTAR
Assalamualaikum
Warrahmatullahi
Wabarakatuh.
Alhamudlillahi Rabbil Alamin Puji syukur penulis panjatkan
kepada Tuhan Yang Maha Esa, karena atas berkah, rahmat serta
hidayah-Nya sehingga penulis mampu menyelesaikan laporan
Praktek Kerja Nyata (PKL) di Unit Tilang Satlantas Res Malang
Kota dengan baik dan tepat waktu.
Untuk mendukung kinerja Satlantas Res Malang Kota dalam
memberikan pelayanan kepada masyrakat kota Malang, maka
penulis bermaksud membuat sistem berbasis web dengan judul
CATATAN TILANG ONLINE BERBASIS WEB.
Selama pelaksanaan PKL, penulis dapat melihat serta
mengaplikasikan ilmu yang diperoleh selama perkuliahan,
khususnya yang berkaitan dengan pembuatan situs web.
Semoga penulis dapat terus mengembangkan ilmu yang telah
didapat baik selama perkuliahan maupun saat PKL.
Dalam pelaksanaan PKL dan penulisan laporan ini penulis
mendapat banyak bantuan dari berbagai pihak, baik secara moril
maupun secara materil. Dalam kesempatan ini penulis ingin
mengucapkan terima kasih kepada:
1. Allah SWT atas segala limpahan karunia, rahmat, dan
hidayah-Nya.
2. Orang Tua yang senantiasa memberikan doa dan
mendukung penulis sehingga Laporan Kerja Praktik ini
dapat terselesaikan.
3. Bapak Tri Astoto Kurniawan, S.T., M.T., Ph.D. selaku Ketua
Jurusan Teknik Informatika Universitas Brawijaya Malang.
4. Bapak Agus Wahyu Widodo, S.T, M.Cs selaku Ketua
Program Studi Teknik Informatika Universitas Brawijaya
Malang.
5. Bapak Eriq Muh. Adams Jonemaro, S.T, M.Kom selaku dosen
pembimbing Praktek Kerja Lapangan.
6. Bapak Jaja selaku Baur Tilang Satlantas Res Malang Kota.
dapat
Penulis
DAFTAR ISI
LEMBAR PERSETUJUAN..................................................................ii
LEMBAR PENGESAHAN.................................................................iii
KATA PENGANTAR.........................................................................iv
DAFTAR ISI....................................................................................vi
DAFTAR TABEL..............................................................................ix
DAFTAR GAMBAR...........................................................................x
DAFTAR LAMPIRAN........................................................................xi
BAB 1 PENDAHULUAN...................................................................1
1.1 Latar belakang...............................................................1
1.2 Rumusan masalah..........................................................1
1.3 Tujuan.............................................................................1
1.4 Manfaat..........................................................................1
1.5 Sistematika pembahasan...............................................2
1.6 Pelaksanaan Praktek Kerja Lapangan.............................3
1.7 Rincian Waktu Praktek Kerja Lapangan..........................3
BAB 2 PROFIL INSTANSI.................................................................4
2.1 Sejarah Polres Malang Kota............................................4
2.2 Visi dan Misi Polres Malang Kota....................................4
2.2.1 Visi..........................................................................4
2.2.2 Misi.........................................................................4
2.3 Lokasi Instansi................................................................4
2.4 Struktur Organisasi Instansi...........................................5
2.4.1 Analisa Jabatan.......................................................5
2.4.2 Manajemen Sumber Daya Manusia (SDM)..............8
BAB 3 TINJAUAN PUSTAKA.............................................................9
3.1 Website dan Web Official...............................................9
3.2 Sistem Informasi............................................................9
3.3 Unified Modelling Language.........................................10
3.3.1 Diagram Use Case................................................10
3.3.2 Diagram Kelas......................................................13
3.3.3 Pemodelan Data...................................................15
DAFTAR TABEL
Tabel 1.1 Rincian Waktu PKL.........................................................3
Tabel 3.1 Penjelasan Diagram Use Case....................................11
Tabel 3.2 Komponen Class Diagram............................................13
Tabel 5.1 Fungsi pada sistem......................................................22
Tabel 5.2 Indentifikasi Pengguna Sistem.....................................22
Tabel 5.3 Kebutuhan Fungsional..................................................23
Tabel 5.4 Kebutuhan Non Fungsional..........................................24
Tabel 5.5 Use Case Scenario Login..............................................28
Tabel 5.6 Use Case Scenario Logout...........................................28
Tabel 5.7 Use Case Scenario Mengedit Data Tilang....................29
Tabel 5.8 Use Case Scenario Mengedit Denda dan Eksekusi.......29
Tabel 5.9 Use Case Scenario Hapus Data Tilang.........................30
Tabel 5.10 Use Case Scenario Input Data Tilang.........................30
Tabel 5.11 Use Case Scenario Input Vonis Denda.......................31
Tabel 5.12 Use Case Scenario Melihat Data Tilang......................31
Tabel 6.1 Spesifikasi Perangkat Keras.........................................38
Tabel 6.2 Spesifikasi Perangkat Keras.........................................38
Tabel 6.3 Hasil Pengujian Black Box............................................43
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi Satlantas....................................5
Gambar 3.1 Contoh Use Case Diagram.......................................12
Gambar 3.2 Contoh Class Diagram.............................................14
Gambar 3.3 Contoh Entity Relationship Diagram (ERD).............15
Gambar 3.4 Komponen Entity Relationship Diagram (ERD)........15
Gambar 4.1 Diagram Alur Metodologi Pelaksanaan....................19
Gambar 5.1 Sitemap Catatan Tilang Online................................26
Gambar 5.2 Use Case Diagram...................................................27
Gambar 5.3 Class Diagram.........................................................32
Gambar 5.4 Diagram Pemodelan Data.......................................33
Gambar 5.5 Sequence Diagram Login........................................34
Gambar 5.6 Sequence Diagram Logout......................................34
Gambar 5.7 Sequence Diagram Edit Data Tilang........................35
Gambar 5.8 Sequence Diagram Edit Denda dan Eksekusi..........35
Gambar 5.9 Sequence Diagram Hapus Data Tilang....................36
Gambar 5.10 Sequence Diagram Input Data Tilang....................36
Gambar 5.11 Sequence Diagram Input Vonis Denda..................37
Gambar 5.12 Sequence Diagram Melihat Data Tilang................37
Gambar 6.1 Halaman Utama Catatan Tilang..............................39
Gambar 6.2 Halaman Login........................................................39
Gambar 6.3 Halaman Utama Kepolisian.....................................40
Gambar 6.4 Halaman Tambah Data Tilang.................................40
Gambar 6.5 Halaman Import Data Tilang...................................41
Gambar 6.6 Halaman Ubah Data Tilang......................................41
Gambar 6.7 Halaman Utama Kejaksaan.....................................42
Gambar 6.8 Halaman Beri Denda, Biaya Perkara dan Eksekusi. .42
10
DAFTAR LAMPIRAN
A.1 Dokumentasi Input Data Tilang....................................46
A.2 Presentasi Project.........................................................48
A.3 Foto Bersama...............................................................49
A.4 Penyerahan Vendel......................................................50
11
BAB 1 PENDAHULUAN
1.1 Latar belakang
Sejalan dengan perkembangan ilmu pengetahuan dan
teknologi dan sebagai salah satu lembaga pendidian tinggi,
Universitas Brawijaya Malang menyelenggarakan pendidikan dan
pelatihan dalam bidang ilmu pengetahuan dan teknologi dimana
dengan
penyelenggaraan
tersebut
diharapkan
dapat
menghasilkan lulusan-lulusan yang terampil, professional, dan
siap menghadapi dunia kerja yang sesungguhnya dan menjadi
tenaga kerja ahli di bidangnya. Hal ini menuntut disesuaikannya
program pendidikan dan perkembangan lapangan peerjaan yang
sesungguhnya. Sehingga mahasiswa dapat mempergunakan
pengalaman dan pengetahuan yang diperoleh di perkuliahan
sebagai pegangan dalam berbagai kendala yang mungkin akan
terjadi dikemudian hari di lingkungan pekerjaan yang
sesungguhnya.
1.3 Tujuan
1. Untuk memudahkan pihak Unit Tilang Satlantas Res Malang
Kota dalam proses penyimpanan dan pencarian data tilang.
2. Untuk memudahkan pihak Unit Tilang Satlantas Res Malang
Kota dalam menyebarkan informasi daftar masyarakat
yang terkena tilang.
3. Untuk memudahkan masyarakat dalam mendapatkan
informasi seputar pelanggaran Tilang yang terjadi di Res
Malang Kota.
1.4 Manfaat
Adapun manfaat dari diadakannya kegiatan Praktek Kerja
Lapangan pada Badan Tilang Polres Malang Kota adalah sebagai
berikut :
Bagi Mahasiswa
1. Memberikan kesempatan kepada mahasiswa
menerapkan ilmu yang telah diperoleh.
untuk
Tempat
Malang,
Waktu
Lama
studi PKL)
Kegiatan PKL
Pengenalan
Adaptasi Lingkungan PKL
Ide Project PKL
3
Perumusan
Project PKL
Pengerjaan
2.2.2 Misi
Menjamin penyelenggaraan kegiatan dan prioritas sasaran
yang dicanangan oleh pemimpin dengan berbagai partisipasi
kegiatan kepolisian. Mencegah perilaku petugas yang dapat
mengurangi simpati, partisipasi dan kepercayaan masyarakat
terhadap polri. Meningkatkan kemampuan petugas dibidang
5
10
13
14
15
16
17
18
19
20
1.3 Bootstrap
Bootstrap adalah sebuah framework CSS yang dapat
digunakan untuk mempermudah membangun tampilan web.
Bootstrap pertama kali di kembangkan pada pertengahan 2010
di Twitter oleh Mark Otto dan Jacob Thornton. Saat ini Bootstrap
dikembangkan secara open source dengan lisensi MIT. Bootstrap
telah menyediakan banyak sekali class CSS dan plugin JavaScript
yang bisa langsung kita pakai untuk membantu mempermudah
kita membuat halaman web. Karena kemudahan penggunaan,
banyaknya komponen dan kelengkapan dokumentasinya, saat ini
Bootstrap menjadi salah satu front-end framework yang paling
banyak digunakan didunia. Keuntungan Menggunakan Twitter
Bootstrap adalah memudahkan dalam mendesain website,
responsive (support segala macam layar dan device).
Dokumentasi lengkap dan tampilannya yang elegan. Twitter
Bootstrap juga merupakan Framework HTML/CSS yang bersifat
Open Source dan dapat diunduh secara gratis melalui situs resmi
http://twitter.github.io/bootstrap/.
21
Head
Dokumen HTML diapit oleh tag <head></head>. Didalam
bagian ini biasanya dimuat tag TITLE yang menampilkan
judul halaman pada titlenya browser. Selian intu Bookark
juga menggunkaan tag TITLE untuk memberi mark suatu
website.
Body
Bagian
Body,
yang
dinyatakan
dengan
tag<body></body>, merupakan tubuh atau isi dari
dokumen HTML dimana anda meletakkan informasi yang
akan ditampilkan pada browser.
Tag
HTML tidak membedakan penggunaan huruf besar
ataupun huruf kecil dari suatu elemen. Suatu elemen
HTML terdiri dari tag-tag beserta teks yang ada dalam
tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih
kecil (<) dan tanda lebih besar (>).
Atribut
Tag awal bisa memiliki beberapa buah atribut yang
menyatakan karakteristik dari tag tersebut. Misalnya, <P
STYLE= text-align:left> digunakan untuk membuat rata
kiri suatu paragraph. Tag yang digunakan adalah <f> dan
atribut yang menyertainya adalah STYLE dengan nilai
text-align:left. Nilai atribut STYLE ditulis dalam CSS.
2.
23
24
25
26
1.11 Kesimpulan
Tahap akhir yang dilakukan adalah pengambilan kesimpulan
atau hasil dari pembuatan sistem yang telah dilakukan.
27
28
4
5
6
7
8
Kepolisian
Deskripsi
Pengguna masyarakat bisa melihat seluruh data
tilang yang disimpan di catatan tilang online
Satlantas Res Malang Kota.
Pengguna kepolisian bisa melihat seluruh data
tilang yang disimpan di catatan tilang online oleh
Satlantas Res Malang Kota, menambahkan sebuah
29
Kejaksaan
Login
Logout
Menambah data
tilang
Mengimport data
tilang dari file excel
(.xls atau .csv)
Mengubah data
tilang
Menghapus data
tilang
31
3
4
Monitor
Monitor digunakan untuk menampilkan output data kepada
pengguna. Monitor yang bisa digunakan meliputi LCD
monitor maupun LED monitor.
Keyboard
Keyboard digunakan pengguna untuk melakukan input data
dalam bentuk teks, angka dan simbol. Keyboard yang bisa
digunakan adalah keyboard USB maupun keyboard laptop.
Mouse
32
33
komunikasi
yang
dibutuhkan
adalah
sebagai
34
35
1.14.4 Sitemap
Sitemap atau sering disebut peta situs kurang lebihnya adalah
sesuatu yang menggambarkan tentang peta dari website, yaitu
segala informasi mengenai halaman atau file-file yang ada pada
sebuah website. Maka dari itu pembuatan sitemap diperlukan
ketika membangun sebuah sistem berbasis web. Berikut ini
adalah sitemap dari web catatan tilang online yang kami
bangun :
36
37
Use Case
Login
Deskripsi
Aktor
PraKondisi
Tindakan
PostKondisi
Alternatif
Item
Use Case
Logout
Deskripsi
Aktor
PraKondisi
Tindakan
PostKondisi
Alternatif
Deskripsi
Aktor
Kepolisian
PraKondisi
Tindakan
PostKondisi
Alternatif
Deskripsi
Aktor
Kejaksaan
PraKondisi
Tindakan
PostKondisi
Alternatif
Item
Use Case
Deskripsi
Aktor
Kepolisian
PraKondisi
Tindakan
PostKondisi
Alternatif
40
Item
Use Case
Deskripsi
Menjelaskan
bagaimana
menginputkan data tilang
Aktor
Kepolisian
PraKondisi
Tindakan
pihak
kepolisian
data
3. User memilih OK jika data yang diinputkan
telah benar
4. Sistem menyimpan update data ke database
PostKondisi
Alternatif
41
Item
Deskripsi
Use Case
Deskripsi
Menjelaskan
bagaimana
menginputkan data tilang
Aktor
Kejaksaan
PraKondisi
Tindakan
PostKondisi
Alternatif
pihak
kejaksaan
Deskripsi
Aktor
Kepolisian,Kejaksaan, Masyarakat
PraKondisi
Tindakan
PostKondisi
Alternatif
42
43
44
45
46
47
48
49
50
51
55
56
Login
Skenario
Pengujian
Hasil Yang
Diharapkan
Hasil
Kesimpu
lan
Username
dan
password
yang benar
User
masuk User masuk ke
kedalam sistem
dalam sistem
Valid
Username
atau
password
yang salah
Sistem
menampilkan
pesan
error
bahwa username
atau
password
yang dimasukkan
salah
Sistem
menampilkan
pesan
error
bahwa username
atau
password
yang dimasukkan
salah
Valid
Mengisi
data tilang
dengan
lengkap
dan benar
Sistem
menampilkan
pesan data tilang
telah
disimpan
dan ke halaman
utama
Sistem
menampilkan
pesan data tilang
telah
disimpan
dan ke halaman
utama
Valid
Mengisi
data tilang
dengan
lengkap
dan nomor
tilang telah
ada di basis
data (data
duplicate)
Sistem
tidak
menyimpan
tambah
data
tilang yang baru
karena
nomor
tilang telah ada
di basis data
Sistem
tidak
menyimpan
tambah
data
tilang yang baru
karena
nomor
tilang telah ada
di basis data
Valid
Terdapat
Sistem
field yang menampilkan
tidak diisi
pesan
untuk
mengisi
form
yang belum diisi
Sistem
menampilkan
pesan
untuk
mengisi
form
yang belum diisi
Valid
Mengubah
nilai
dari
data tilang
dan
field
terisi
lengkap
Sistem
menampilkan
pesan data tilang
telah diubah dan
ke
halaman
utama
Sistem
menampilkan
pesan data tilang
telah diubah dan
ke
halaman
utama
Valid
Terdapat
Sistem
field yang menampilkan
tidak diisi
pesan
untuk
mengisi
form
yang belum diisi
Sistem
menampilkan
pesan
untuk
mengisi
form
yang belum diisi
Valid
Menguploa
d file excel
dengan
format .xls /
.xlsx / .csv
Sistem
menyimpan
semua data yang
ada
didalam
excel
ke
basisdata
dan
menuju halaman
utama
Sistem
menyimpan
semua data yang
ada
didalam
excel
ke
basisdata
dan
menuju halaman
utama
Valid
Menguploa
d
file
dengan
format lain
Sistem
57
menampilkan
pesan error jika
file tidak sesuai
dengan
format
Sistem
menampilkan
pesan error jika
file tidak sesuai
dengan
format
Valid
58
BAB 7 PENUTUP
Berikut adalah beberapa kesimpulan dan saran yang bisa
diberikan sebagai hasil dari pengembangan sistem dalam
laporan Praktek Kerja Lapangan:
7.1 Kesimpulan
Berdasarkan pelaksanaan Praktek Kerja Lapangan di bagian
Unit Tilang Satlantas Res Malang Kota didapatkan beberapa
kesimpulan :
1. Penyimpanan semua data tilang di Unit Tilang Satlantas
Res Malang Kota masih menggunakan Ms Excel karena
bagian
Administrasi
Unit
Tilang
menginginkan
penyimpanan yang mudah digunakan, namun terdapat
kekurangan pada proses pencarian sebuah data tilang akan
lebih sulit karena terdapat banyak file Ms Excel.
2. Implementasi Catatan Tilang Online berbasis web dengan
penyimpanan MySQL diharapkan bisa memudahkan bagian
Administrasi Unit Tilang ketika melakukan penyimpanan
data tilang dan proses pencarian sebuah data tilang karena
sistem dirancang dan dibangun secara minimalis.
3. Sistem Catatan Tilang Online ini telah di uji dengan
menggunakan metode Black Box Testing.
4. Secara keseluruhan, hasil dari Black Box Testing bernilai
valid yang berarti semua fitur berjalan sesuai dengan
kebutuhan dan perancangan.
7.2 Saran
Sistem yang dibuat memiliki beberapa fitur yang sesuai
dengan permintaan dan kebutuhan. Namun jika diinginkan untuk
menambah fitur, maka bisa dilakukan update sistem. Sistem ini
juga memiliki kekurangan dalam pembuatannya, sehingga bisa
dilakukan perawatan sistem untuk menanggulangi kekurangan
tersebut. Salah satu contoh yang bisa dilakukan untuk
menanggulangi kekurangan sistem adalah dengan melakukan
maintenance sistem.
59
DAFTAR LAMPIRAN
Berikut adalah dokumentasi kegiatan Praktek Kerja Lapangan
kelompok kami di Kantor Unit Tilang Satlantas Res Malang
Kota.
60
61
62
63
64
DAFTAR PUSTAKA
Aulia, Ridlo S. 2014 Rancangan Bangun Sistem Informasi
Pemetaan Sebaran Guru Kabupaten Lumajang. Skripsi
Sarjana Komputer PTIIK Universitas Brawijaya.
A.S. Rosa. Shalahuddin M. 2014. Rekayasa Perangkat Lunak.
Bandung: Informatika Bandung.
Booch, Grady, James Rumbaugh, and Luar Jacobson. 1999 . The
Unified Modeling .Language Reference Manual. Reading
Massachussetts : Addison Wesley.
Hill, Mc Grow 2005. Mc Grow-Hill Concise Encyclopedia Of
Science and Technologi. New York : Mc Graw-Hill Digital,
PP.1149
Mellor, S.J., M. Balcer, and I. Foreword By-Jacobson, Executable
UML: A foundation for model-driven architectures. 2002:
Addison-Wesley Longman Publishing Co., Inc
Pressman r.s. (2010) software engineering a practitioners
approach. Seventh Edition . New York : The Mc Graw Hill
Companies.Inc.,
Surya , I. P. A. H., Wibowo, J., & Amelia, T.2012. Rancangan
Bangun Sistem Informasi Rumah Bersalin( Studi Kasus
Rumah Bersalin Bidan Ni Wayan Suriati). Jurnal JSIKA, 1(2).
65