Disusun Oleh:
AINUL MARDHIAH
170170087
Pembimbing Mengetahui
Ketua Program Studi Teknik
Informatika
i
3.2 Definisi Informasi......................................................................................19
3.3 Pengertian Sistem Informasi......................................................................19
3.4 Monitoring Kegiatan..................................................................................21
3.5 Diagram Konteks........................................................................................21
3.5.1 Data Flow Diagram (DFD)........................................................21
3.5.2 Definisi Entity RelationShip Diagram (ERD)...........................22
3.6 Tools Perangkat Lunak...............................................................................23
3.6.1 Webserver....................................................................................23
3.6.2 Personal Homepage (PHP)...........................................................24
3.6.3 Database.......................................................................................24
3.6.4 XAMPP........................................................................................25
3.6.5 MySQL.........................................................................................25
3.6.6 CSS...............................................................................................27
3.6.7 Framework...................................................................................28
3.6.7 Sublime Text................................................................................28
BAB IV PEMBAHASAN.....................................................................................30
4.1 Analisa Sistem Lama..................................................................................30
4.2 Analisa Sistem Baru...................................................................................30
4.3 Perancangan Sistem....................................................................................30
4.3.1 Diagram Konteks.........................................................................30
4.3.2 DFD level 0..................................................................................32
4.3.3 DFD level 1 ( Validasi Login )....................................................33
4.3.4 DFD level 1 (Pengolahan Data Monitoring Kegiatan).................34
4.3.5 ERD (Entity Relationship Diagram)............................................37
4.4 Struktur Tabel.............................................................................................38
4.4.1 Tabel Admin.................................................................................38
4.4.2 Tabel Kegiatan.............................................................................39
4.4.3 Tabel Jenis Kegiatan.....................................................................39
4.4.4 Tabel Gambar................................................................................39
4.4.5 Tabel Album.................................................................................40
4.4.6 Tabel Document...........................................................................40
4.5 Implementasi..............................................................................................41
4.5.1 Form Login..................................................................................41
4.5.2 Form Dashboard..........................................................................41
4.5.3 Form List Kegiatan.......................................................................42
4.5.4 Form Tambah Kegiatan...............................................................42
ii
4.5.5 Tampilan List Album..................................................................43
4.5.6 Form Tambah Album...................................................................43
4.5.7 Tampilan List Jenis Kegiatan......................................................44
4.5.8 Form Tambah Jenis Kegiatan...................................................44
4.5.9 Tampilan List Narasumber..........................................................45
4.5.10 Tampilan Detail Laporan............................................................45
4.5.11 Form List Laporan......................................................................46
4.5.12 Tampilan Cetak Rekap Monitoring Kegiatan.............................46
4.5.13 Tampilan Cetak Rekap Monitoring Kegiatan............................47
BAB V PENUTUP................................................................................................48
5.1 Kesimpulan.................................................................................................48
5.2 Saran...........................................................................................................48
DAFTAR PUSTAKA...........................................................................................49
iii
DAFTAR GAMBAR
iv
Gambar 4.15 Tampilan Detail Laporan ................................................................45
Gambar 4.16 Tampilan List Laporan ..................................................................46
DAFTAR TABEL
v
BAB I
PENDAHULUAN
1
2
1. Aplikasi ini dibuat berbasis desktop dengan sistem operasi windows dan
tidak ada versi android.
A. Bagi Penulis :
A. Bagi Penulis :
BAB I PENDAHULUAN
Berisi latar belakang masalah, rumusan masalah, batasan masalah, tujuan
penulisan, manfaat perancangan, metodelogi penelitian, waktu dan tempat
pelaksanaan dan sistematika penulisan dari laporan kerja praktek.
BAB V PENUTUP
Berisi kesimpulan dan saran dari keseluruhan pembahasan laporan.
BAB II
GAMBARAN UMUM KANTOR
6
7
Resmi ditetapkan pada tanggal 23 Februari 1983, cikal bakal dan perjalanan
sejarah KPPN Lhokseumawe adalah dimulai dari dibentuknya Kantor
Perbendaharaan Negara (KPN) dan Kantor Kas Negara (KKN) yang beralamatkan
di Jalan Pasar Impres, Banda Sakti, Kota Lhokseumawe. Kemudian pada tahun
1990, terjadi perubahan menjadi Kantor Perbendaharaan dan Kas Negara (KPKN)
Lhokseumawe. KPKN merupakan gabungan dari Kantor Perbendaharaan Negara
dan Kantor Kas Negara berdasrkan SK Menteri Keuangan tanggal 12 Juni 1989
No. 645/KMK.01/1989 yang berlaku efektif pada tanggal 1 April 1990.
Keterangan Umum :
1. Gambar : Sebuah bangun persegi panjang bertuliskan KPPN dan
nama kota.
2. Tata Warna : Biru Tua, Biru Muda, Emas, Perak dan Putih.
10
2.3.2 Misi
1. Menjamin Kelancaran Pencairan Dana APBN Secara Tepat Sasaran, Tepat.
Waktu dan Tepat Jumlah.
2. Mengelola Penerimaan Negara Secara Profesional dan Akuntabel.
3. Mewujudkan Pelaporan Pertanggungjawaban APBN yang Akurat dan Tepat.
12
LANDASAN TEORI
3.1.1Karakteristik Sistem
Model umum sebuahsistem informasi terdiri dari input, proses, output. hal
ini merupakan konsep sebuah sistem yang sangat sederhhana mengingat sebuah
sistem dapat mempunyai beberapa masukan dan bkeluaran sekaligus. selain itu
sebuah sistem juga memiliki karakteristik atau sifat-sifat tertentu, yang
mencirikan bahwa hal tersebut bisa di katakan sebagai suatu sistem .
16
17
bermanfaat agar dapat digunakan oleh setiap orang dalam mengambil suatu
keputusan yang tepat.
Gambar 3.21Proses
Gambar 3.75Atribut
3. Relasi
Hubungan antara beberapa entitas, yaitu antara entitas satu dengan entitas
yang lain dalam satu realsi.
Gambar 3.86Relasi
4. Link
Link adalah elemen dari ERD yang berfungsi untk menghubungkan antar
entitas dengan atribut atau entitas dengan hubungan. Link disimbolkan
dengan garis lurus.
Gambar 3.97Link
3.6.1 Webserver
Menurut Adelheid, Andrea. 2015, Website merupakan komponen atau
kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih
merupakan media informasi yang menarik untuk dikunjungi. Website adalah
24
halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di
seluruh dunia selama terkoneksi dengan jaringan internet. Secara garis besar,
website bisa digolongkan menjadi bagian yaitu website statis dan website dinamis.
Webserver merupakan inti dari suatu website. Melalui webserver inilah kita dapat
dapat melihat website yang ada di internet. Webserver berfungsi sebagai pusat
kontrol dari pengolahan data website sehingga setiap instruksi yang diberikan oleh
pemakai internet akan diolah dan selanjutnya dikembalikan lagi kepada
pemakainya.
Ada beberapa macam webserver yang ada didunia, antara lain webserver
milik Windows, yaitu Apache, Tomcat, IIS (Internet Information Services), dan
lain sebagainya. Saat ini webserver yang paling banyak digunakan adalah Apache
karena telah banyak mendukung format file server tanpa perlu tambahan
komponen aplikasi lagi . Hal ini berbeda dengan IIS milik windows yang tidak
dapat membaca file server dengan format PHP (IIS memerlukan komponen untuk
menjalankan format file server PHP ini ) dalam keadaan default.
3.6.3 Database
Menurut Connolly dan Begg (2002, p14), basis data adalah sekumpulan
koleksi data yang berhubungan secara logikal, dan sebuah deskripsi dari data
tersebut, didesain untuk menemukan keperluan informasi pada sebuah
perusahaan. Menurut James A. O’Brien (2005, p211), basis data adalah kumpulan
terintegrasi dari elemen data yang secara logika saling berhubungan. Menurut
Whitten (2004, p548), basis data adalah kumpulan file yang saling terkait.
Menurut Fathansyah (2004, p7), basis data adalah kumpulan data yang
terorganisir, relasi antar data, dan objektifnya. Berdasarkan pendapat para ahli di
25
atas, maka basis data adalah kumpulan data yang saling berhubungan secara
logikal yang dapat digunakan untuk membantu dalam pengambilan keputusan
pada sebuah organisasi atau perusahaan.
3.6.4 XAMPP
XAMPP adalah perangkat lunak gratis yang mendukung banyak sistem
operasi dan merupakan kompilasi dari beberapa program. Fungsinya adalah
sebagai server yang terdiri sendiri (localcost), yang terdiri atas program Apache
HTTP Server, MySQL database, dan penterjemah bahasa yang ditulis dengan
bahasa pemograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X
(empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini
tersedia dalam GNU General Public Lisensi dan bebas, merupakan web server
yang mudah digunakan yang dapat melayani tampilam halaman web yang
dinamis.
Mengenal bagian XAMPP yang biasa digunakan pada umumnya:
a. htdoc adalah folder tempat meletakkan berkas-berkas yang akan
dijalankan, seperti berkas PHP, HTML dan skrip lain.
b. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL
yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan
alamat http://localhost/phpMyAdmin, maka akan muncul halaman
phpMyAdmin.
c. Control Panel yang berfungsi untuk mengelola layanan (service)
XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).
3.6.5 MySQL
Karena karakteristik arsitektur dari MySQL yang flexible, MySQL dapat
berjalan dengan baik di desktop application maupun web application. MySQL
dapat digunakan untuk embedded application, data warehouses, content indexing
and delivery software, highly reduntant systems, online transaction proccesing
(OLTP), dan masih banyak lagi. Dengan konfigurasi yang benar, MySQL dapat
digunakan pada berbagai macam perangkat keras, dan juga MySQL mendukung
banyak tipe data. Salah satu fitur penting dari MySQL adalah storage-engine
architecture yang designnya memisahkan query processing dan pekerjaan -
pekerjaan server lainnya dari penyimpanan dan pengambilan data. Dengan adanya
26
3.6.6 CSS
CSS pertama kali dikembangkan pada tahun 1997, sebagai suatu cara untuk
pengembang Web untuk menentukan tampilan dan nuansa halaman Web mereka.
Hal itu dimaksudkan untuk memungkinkan pengembang untuk memisahkan
konten dari desain sehingga HTML bisa melakukan lebih dari fungsi yang
awalnya berdasarkan markup dari isi, tanpa rasa khawatir tentang desain dan tata
letak (Kyrnin, 2012). CSS tidak mendapatkan popularitas sampai sekitar tahun
2000, ketika browser Web mulai menggunakan lebih dari font dasar dan aspek
warna CSS. Dan sekarang, semua browser modern mendukung semua CSS Level
1, CSS 2 dan beberapa aspek Tingkat CSS 3 (Kyrnin, 2012). CSS adalah
singkatan dari Cascading Style Sheet. Style sheet mengacu pada dokumen itu
sendiri.Style sheet telah digunakan untuk mendesain dokumen selama bertahun-
tahun.Mereka adalah spesifikasi teknis untuk layout, apakah cetak atau online.
Desainer cetak menggunakan style sheet untuk memastikan bahwa desain mereka
dicetak persis dengan spesifikasi yang telah mereka buat. Sebuah style sheet untuk
halaman Web melayani tujuan yang sama, tetapi dengan fungsionalitas tambahan
juga mengatakan bahwa Engine Viewing (Web browser) bagaimana untuk
membuat dokumen yang dilihat (Kyrnin, 2012).
Sedangkan Cascade adalah bagian yang bersifat khusus. Sebuah style sheet
Web dimaksudkan untuk Cascade melalui serangkaian style sheet, seperti sungai
atas air terjun. Air di sungai menghantam semua bebatuan di air terjun, tapi hanya
yang di bagian bawah mempengaruhi persis di mana air akan mengalir. Hal yang
sama berlaku dari cascade dalam style sheet Web (Kyrnin, 2012). Setiap halaman
Web dipengaruhi oleh setidaknya satu style sheet, bahkan jika desainer Web tidak
menerapkan Style. Style sheet ini adalah agen pengguna style sheet - gaya default
yang digunakan browser Web akan digunakan untuk menampilkan halaman jika
28
tidak ada instruksi lain disediakan. Tetapi jika desainer menyediakan instruksi
lain, browser harus tahu mana instruksi harus diutamakan (Kyrnin, 2012).
Tujuan dari penggunakan teknologi ini adalah sebagai komplemen pada
html5 yang memiliki batasan pada pembuatan tampilan yang menarik, dan lebih
mudah untuk melakukan pengendalian tampilan pada semua file tampilan.
3.6.7 Framework
Framework atau kerangka kerja adalah sekumpulan perintah atau fungsi
dasar yang dapat membatu menyelesaikan proses – proses yang lebih komplek.
Framework juga 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.
Secara umum Framework menggunaka struktur yang sama yaitu
menggunakan struktur MVC (Model View Controler), jadi gambaran nya adalah
seperti ini input – processing – output = model – controller – view.
Model, mencakup semua proses yang berhubungan dengan pemanggilan
struktur data, seperti pemanggilan funsi, input prosesing ataupun output ke
browser.
Controller, mencakup semua proses yang terkait dengan pemanggilan
database dan kapsulisasi proses – proses utama. Jadi, di bagian ini ada file
bernama member.php, maka semua proses yang terkait dengan member akan
dikapsulisasi / dikelompokan dalam file ini.
View, mencakup yang berhubungan dengan layout atau tampilan di
browser. Bisa untuk menaruh tamplate interface website atau aplikasi.
text merupakan text editor yag sangat baik dan nyaman untuk digunakan sebagai
alat berkoding. Karena tampilannya yang minimalis namun elegant, bawaannya
yang ringan namun diboboti dengan keakuratan dalam penulisan yang mengikuti
algoritma dan aturan setiap bahasa pemograman yang digunakan.
BAB IV
PEMBAHASAN
30
31
Keterangan:
Admin melakukan login untuk dapat masuk dalam sistem dan
melakukan input file yang diperlukan dan seluruh data yang terkait pada
sistem informasi ini. Data yang telah di input kemudian di proses oleh
sistem informasi lalu Admin melihat dan mengolah file yang di upload dan
memberikan status sudah lengkap atau belum lengkap.
32
Dan untuk lebih jelasnya maka berikut ini akan digambarkan alur data
(DFD) level 0 sistem informasi monitoring kegiatan sebagai berikut:
34
Indexes
40
Indexes
Keyname Type Unique Packed Column Cardinality Collation Null Comment
PRIMARY BTREE Yes No id_detail 0 A No
id_kegiatan BTREE No No id_kegiatan 0 A Yes
Indexes
Keyname Type Unique Packed Column Cardinality Collation Null Comment
PRIMARY BTREE Yes No id_kegiatan 9 A No
Album ->
id_album varchar(15) No
id_album
Path varchar(15) No
Indexes
Keyname Type Unique Packed Column Cardinality Collation Null Comment
PRIMARY BTREE Yes No id_image 1 A No
Indexes
Packe Nul
Keyname Type Unique Column Cardinality Collation Comment
d l
id_albu
PRIMARY BTREE Yes No 1 A No
m
id_detail BTREE No No id_detail 1 A No
Indexes
Keynam Packe Cardinalit
Type Unique Column Collation Null Comment
e d y
id_detail BTREE No No id_detail 1 A No
42
4.5 Implementasi
4.5.1 Form Login
Pada form ini menampilkan daftar kegiatan dengan dengan fungsi delete,
edit, view dan tambahan tombol add untuk melakukan tambah kegiatan.
Pada form ini menampilkan daftar list album dengan di lengkapi fungsi
tombol hapus, edit dan add.
Pada gambar ini adalah tampilan dari rekap laporan kegiatan yang di adakan
KPPN Lhokseumawe selama kegiatan yang di laksanakan.
48
PENUTUP
5.1 Kesimpulan
5.2 Saran
49
DAFTAR PUSTAKA
50