TUGAS AKHIR Perancangan Dan Pembuatan Sistem E-Office...

i

TUGAS AKHIR

Perancangan Dan Pembuatan

Sistem E-Office Berbasis Website

Di Dinas Pendidikan Kota Surabaya

Diajukan sebagai salah satu syarat untuk memperoleh gelar

Sarjana Komputer di Program Studi Informatika

Oleh :

Alvan Danang Cahyono

NBI : 1461600203

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS 17 AGUSTUS 1945 SURABAYA

2020

iii

FINAL PROJECT

DESIGN AND MANUFACTURE

WEBSITE-BASED E-OFFICE SYSTEM

IN DEPARTMENT OF EDUCATION, SURABAYA CITY

Prepared as partial fulfilment of the requirement for the degree of

Sarjana Komputer at Informatics Deparment

Oleh :


NBI : 1461600203

INFORMATICS DEPARMENT

FACULTY OF ENGINEERING

UNIVERSITAS 17 AGUSTUS 1945 SURABAYA

2020

ii

“Halaman ini sengaja dikosongkan”

iii

PERNYATAAN KEASLIAN DAN PERSETUJUAN

PUBLIKASI TUGAS AKHIR

Saya yang bertanda tangan di bawah ini

Nama : Alvan Danang Cahyono

NBI : 1461600203

Fakultas/Program Studi : Teknik/Informatika

Judul Tugas Akhir : Perancangan Dan Pembuatan



Menyatakan dengan sesungguhnya bahwa :

1. Tugas Akhir dengan judul diatas bukan merupakan tiruan atau duplikasi dari

Tugas Akhir yang sudah dipublikasikan dan atau pernah dipakai untuk

mendapatkan gelar Sarjana Teknik di lingkungan Universitas 17 Agustus

1945 Surabaya maupun di Perguruan Tinggi atau instansi manapun, kecuali

bagian yang sumber informasinya dicantumkan sebagaimana mestinya.

2. Tugas Akhir dengan judul diatas bukan merupakan plagarisme, pencurian

hasil karya milik orang lain, hasil kerja orang lain untuk kepentingan saya

karena hubungan material maupun non – material, ataupun segala

kemungkinan lain yang pada hakekatnya bukan merupakan karya tulis tugas

akhir saya secara orisinil dan otentik.

3. Demi pengembangan ilmu pengetahuan, saya memberikan hak atas Tugas

Akhir ini kepada Universitas 17 Agustus 1945 Surabaya untuk menyimpan,

mengalihmedia/formatkan, mengelola dalam bentuk pangkalan data

(database), merawat dan mempublikasikan tugas akhir saya selama tetap

mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak

Cipta.

4. Pernyataan ini saya buat dengan kesadaran sendiri dan tidak atas tekanan

ataupun paksaan dari pihak maupun demi menegakan integeritas akademik di

institusi ini dan bila kemudian hari diduga kuat ada ketidaksesuaian antara

fakta dengan kenyataan ini, saya bersedia diproses oleh tim Fakultas yang

dibentuk untuk melakukan verivikasi, dengan sanksi terberat berupa

pembatalan kelulusan/kesarjanaan.

Surabaya, 26 Juni 2020


1461600203

iv


v

KATA PENGANTAR

Puji syukur kepada Allah yang Maha Esa dan Yang maha Kuasa yang

senantiasa melimpahkan Rahmat dan HidayahNya sehingga penulis dapat

menyelesaikan Tugas Akhir yang berjudul “PERANCANGAN DAN

PEMBUATAN SISTEM E-OFFICE BERBASIS WEBSITE DI DINAS

PENDIDIKAN KOTA SURABAYA” sebagai salah satu persyaratan untuk

menyelesaikan studi di Universitas 17 Agustus 1945 Surabaya dan mendapatkan

gelar Sarjana komputer, menyadari bahwa tanpa bantuan Allah dan orang tua serta

do’a dari beberapa kawan dari masa perkuliahan sampai pada penyusunan tugas

akhir ini, sangatlah membantu penulis untuk menyelesaikan dengan baik.

Selain itu penulis ingin menyampaikan terima kasih yang mendalam

kepada pihak-phak berikut:

1. Ibu Puteri Noraisya Primandari, S.ST., M.IM. selaku dosen pembimbing, yang

telah memberikan petunjuk, pengarahan, semangat serta bimbingan dari awal

pembuatan sistem.

2. Keluarga tercinta, Bapak dan Ibu sebagai orang tua, serta kakak dan adik

sebagai saudara yang selalu mendoakan, memotivasi, memperhatikan, dan

melengkapkan segala keperluan penulis hingga terselesaikannya Tugas Akhir

ini.

3. Bapak Dosen Wali yang telah membimbing dan mengarahkan saya selama

studi di Untag Surabaya ini.

4. Drs. Sudarminto, M.Pd. selaku Kepala Bidang Sekolah Dinas Pendidikan Kota

Surabaya yang telah mengizinkan peneliti untuk melakukan penelitian Tugas

Akhir ini.

5. Bapak / Ibu Dosen Fakultas Teknik Program Studi Teknik Informatika

Universitas 17 Agustus 1945 Surabaya, yang telah memberikan bekal ilmu

kepada penulis selama masa perkuliahannya.

6. Teman – teman satu angkatan dan satu perjuangan yang telah melewati proses

Tugas Akhir bersama serta memberikan semangat serta motivasi agar

penyusunan tugas akhir ini selesai.

Surabaya, 15 Maret 2020

Penulis

vi


vii

ABSTRAK


Program Studi : Informatika

Judul Tugas Akhir : Perancangan Dan Pembuatan



Dinas Pendidikan Kota Surabaya adalah unsur pelaksana urusan

pemerintahan dibidang pendidikan,Secara umum untuk keperluan administrasi

perkantoran, seperti pengarsipan, pengelolaan dokumentasi, dan surat menyurat.

Pada umumnya proses pengerjaan di Instansi pemerintahan daerah tidak terlepas

dari berbagai persoalan, seperti pengelolaan kerja yang kurang baik dan rapi, atau

proses pengelolaan lainnya informasi yang dirasa kurang akurat dan responsi

naskah menggunakan kertas, apabila dilakukan secara berulang - ulang maka

dapat memicu pengeluaran anggaran dana yang tidak sedikit, pencarian dokumen

arsip dimasa yang akan datang juga dapat sulit dilakukan karena tidak ada tempat

untuk menyimpan secara elektronik. Maka dari itu untuk mengatasi persoalan

tersebut maka penulis akan mempelajari dan membuat sistem e-office Dinas

Pendidikan Kota Surabaya. Masalah yang akan diselesaikan adalah proses

penomoran surat keluar, peminjaman aset barang dan ruangan, jadwal kegiatan,

dan sistem pendeteksi kerusakan komputer sebagai fitur tambahan dalam

purwarupa yang akan dibangun.

Pembuatan sistem e-office berbasis website menggunakan metode

perancangan sistem yaitu SDLC (Systems Life Cycle) terdiri dari

rencana(planning), analisis (analysis), desain (design), implementasi

(implementation), uji coba (testing) pemeliharaan sistem (maintenance). dengan

bahasa pemrograman yang kuat yaitu PHP dan didukung oleh framework

CodeIgniter. Database yang digunakan pada sistem informasi e-office ini yaitu

MySQL

Dengan adanya penelitian ini diharapkan dapat membantu proses bisnis

yang ada di Instansi pemerintahan dalam keperluan administrasi perkantoran,

seperti pengarsipan, agenda kegiatan, penomoran surat dan pendeteksi kerusakan

computer.

Kata Kunci : Sistem E-Office, SDLC, web MySQL

viii


1

ABSTRACT


Program Studi : Informatics

Judul Tugas Akhir : Design and manufacture

Website Based E-Office System

In the Surabaya City Education Agency

The Surabaya City Education Office is not implementing government

affairs in the field of education, general administration for office administration

purposes, such as filing, managing regulations, and correspondence. In general,

the work process in government agencies is inseparable from various discussions,

such as workmanship that is not neat and tidy, or other management processes,

information that is felt to be inaccurate and the response of paper manuscripts,

which is done freely - then can be seen that funds are not small, searching for

archived documents in the future cannot be done because there is no place to store

electronically. Therefore to overcome this problem, the writer will try and make

the e-office system of the Surabaya City Education Office. Issues that will be

raised are the process of numbering outgoing letters, lending assets of goods and

rooms, schedule of activities, and computer damage detection systems as

additional features in the prototype to be built.

Making a website-based e-office system using a system design method that

is SDLC (Systems Life Cycle) consists of plans (planning), analysis (analysis),

design (design), implementation (implementation), testing (testing) maintenance

of the system (maintenance) . with a strong programming language that is PHP

and is supported by the CodeIgniter framework. The database used in this e-office

information system is MySQL

The existence of this research is expected to be able to help business

processes in government agencies in office administration needs, such as filing,

activity agenda, letter numbering and computer damage detection..

Kata Kunci : Sistem E-Office, SDLC, web MySQL

2


3

DAFTAR ISI

LEMBAR PERSETUJUAN DOSEN PEMBIMBING ..................................... i

PERNYATAAN KEASLIAN DAN PERSETUJUAN PUBLIKASI TUGAS

AKHIR ii

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

ABSTRAK ......................................................................................................... vii

ABSTRACT ......................................................................................................... 1

DAFTAR ISI ........................................................................................................ 3

DAFTAR TABEL .................................................. Error! Bookmark not defined.

DAFTAR GAMBAR ........................................................................................... 8

BAB 1 PENDAHULUAN.................................................................................. 11

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

1.1 Rumusan Masalah ............................................................................... 13

1.2 Tujuan dan Manfaat ............................................................................ 13

1.3 Urgensi Penelitian ............................................................................... 13

1.4 Sistematika Laporan ............................................................................ 14

TINJAUAN PUSTAKA ........................................................................ 17

2.1 Landasan Teori .................................................................................... 17

Sistem E-Office ..................................................................... 17

Metode System Developemtn Life Cycle (SDLC) ................ 18

Metode Forward Chaining ..................................................... 23

System Usability Scale .......................................................... 24

2.2 Sistem Pakar........................................................................................ 24

2.3 Usability .............................................................................................. 25

2.4 Rekayasa Perangkat Lunak ................................................................. 25

2.5 MySQL ............................................................................................... 25

2.6 CodeIgniter ......................................................................................... 26

2.7 Visual Studio Code ............................................................................. 27

2.8 Keamanan Sistem Informasi ............................................................... 28

4

2.9 Penelitian Terdahulu .......................................................................... 28

Sistem Informasi E-Office Sebagai Pendukung Program

Paperless Korespondensi Perkantoran ................................. 28

Penerapan E-Office Dalam Administrasi Perkantoran ...... 30

METODE PENELITIAN .................................................................... 33

3.1 Metode System Developmont Life (SDLC) ....................................... 33

Tahap Penelitian .................................................................... 33

3.1.1.1 Planing ..................................................................... 33

3.1.1.2 Analisis Hasil Wawancara ....................................... 33

Desain ................................................................................... 34

3.1.2.1 Mockup Login ......................................................... 34

3.1.2.2 Mockup Profil .......................................................... 35

3.1.2.3 Mockup Nomor Surat Keluar .................................. 35

3.1.2.4 Mockup Master Barang ........................................... 36

3.1.2.5 Mockup Master Ruangan ......................................... 36

3.1.2.6 Mockup Pinjam Barang ........................................... 37

3.1.2.7 Mockup Pinjam Ruangan ........................................ 37

Mockup Jadwal Kegiatan ...................................................... 38

Mockup Pendeteksi Kerusakan Komputer ............................ 38

Implementasi ......................................................................... 38

Uji Coba ................................................................................ 38

Pemeliharaan Sistem (Maintance) ........................................ 39

3.2 Metode SUS (System Usability Scale) ............................................... 39

3.3 Forward Chaining ............................................................................... 40

Representasi Pengetahuan ..................................................... 40

3.4 Rencana Pelaksanaan ......................................................................... 44

3.5 Analisa Kebutuhan ............................................................................. 44

Kebutuhan Fungsional .......................................................... 45

Kebutuhan Non Fungsional .................................................. 45

Target Pengguna ................................................................... 46

3.6 Desain Sistem ..................................................................................... 46

5

4.2.1 Use Case Diagram ................................................................ 46

Use Case Scenario ................................................................. 47

3.6.1.1 Use Case Scenario Login.......................................... 47

3.6.1.2 Use Case Scenario Role............................................ 47

3.6.1.3 Use Case Scenario Edit Profil .................................. 48

3.6.1.4 Use Case Scenario Mengelola Nomor Surat Keluar 48

3.6.1.5 Use Case Scenario Pinjam Barang ........................... 48

3.6.1.6 Use Case Scenario Mengelola Pinjam Ruangan ....... 48

3.6.1.7 Use Case Scenario Deteksi Kerusakan Komputer .... 49

3.6.1.8 Use Case Scenario Menu Management .................... 49

3.6.1.9 Use Case Scenario SubMenu Management .............. 49

3.6.1.10 Use Case Scenario Login........................................ 50

3.6.1.11 Use Case Scenario Edit Profil ................................ 50

3.6.1.12 Use Case Scenario Nomor Surat Keluar................. 50

3.6.1.13 Use Case Scenario Pinjam Barang ......................... 50

3.6.1.14 Use Case Scenario Pinjam Ruangan ....................... 51

3.6.1.15 Use Case Scenario Deteksi Kerusakan Komputer .. 51

Activity Diagram ................................................................... 51

3.6.2.1 Activity Diagram Login (admin) .............................. 52

3.6.2.2 Activity Diagram Role ............................................. 52

3.6.2.3 Activity Diagram Edit Profil .................................... 53

3.6.2.4 Activity Diagram Nomor Surat Keluar (admin) ....... 54

3.6.2.5 Activity Diagram Penyimpanan Pinjam Barang ...... 54

3.6.2.6 Activity Diagram Penyimpanan Pinjam Ruangan ... 55

3.6.2.7 Activity Diagram Jadwal kegiatan (admin) .............. 56

3.6.2.8 Activity Diagram Pendeteksi Kerusakan Komputer 56

3.6.2.9 Activity Diagram Menu Management ...................... 57

3.6.2.10 Activity Diagram SubMenu Management .............. 58

3.6.2.11 Activity Diagram Login (user) ............................... 58

3.6.2.12 Activity Diagram Nomor Surat Keluar (user)......... 59

6

3.6.2.13 Activity Diagram Penyimpanan Pinjam Barang ... 60

3.6.2.14 Activity Diagram Penyimpanan Pinjam Ruangan . 61

3.6.2.15 Activity Diagram Jadwal kegiatan (user) ............... 61

3.6.2.16 Activity Diagram Kerusakan Komputer ............... 62

Sequance Diagram ................................................................ 63

3.6.3.1 Sequance Diagram Login Admin ............................ 63

3.6.3.2 Sequance Diagram Role .......................................... 63

3.6.3.3 Sequance Diagram Edit Profil Admin ..................... 64

3.6.3.4 Sequance Diagram Nomor Surat Keluar Admin ..... 65

3.6.3.5 Sequance Diagram Penyimpanan Pinjam Barang ... 66

3.6.3.6 Sequance Diagram Penyimpanan Pinjam Ruangan 67

3.6.3.7 Sequance Diagram Jadwal kegiatan Admin ............ 67

3.6.3.8 Sequance Diagram Menu Management .................. 68

3.6.3.9 Sequance Diagram SubMenu Management ............ 69

3.6.3.10 Sequance Diagram Kerusakan Komputer ............. 70

3.6.3.11 Sequance Diagram Login User .............................. 71

3.6.3.12 Sequance Diagram Edit Profil User ....................... 72

3.6.3.13 Sequance Diagram Nomor Surat Keluar user ....... 73

3.6.3.14 Sequance Diagram Penyimpanan Pinjam Barang . 74

3.6.3.15 Sequance Diagram Pinjam Ruangan ..................... 75

3.6.3.16 Sequance Diagram Jadwal kegiatan User ............. 75

3.6.3.17 Sequance Diagram Kerusakan Komputer ............. 76

Conceptual Data Model ........................................................ 76

Physical Data Model ............................................................. 77

IMPLEMENTASI SISTEM DAN PENGUJIAN .............................. 79

4.1 Skenario Pengujian ............................................................................. 79

Skenario Pengujian Fungsionalitas ....................................... 79

Skenario Pengujian Usabilitas .............................................. 80

4.2 Perancangan Form dan Perilakunya ................................................... 84

Halaman Login (Admin ) ...................................................... 84

7

Halaman Dashboard (Admin) ................................................ 85

Halaman Role (Admin) .......................................................... 85

Halaman Profil (Admin) ........................................................ 86

Halaman Edit Profil (Admin) ................................................ 86

Halaman Nomor Surat Keluar (Admin) ................................. 87

Halaman Master Barang (Admin).......................................... 87

Halaman Master Ruangan (Admin) ....................................... 88

Halaman Pinjam Barang (Admin) ......................................... 88

Halaman Pinjam Ruangan (Admin) ..................................... 89

Halaman Jadwal Kegiatan (Admin) ..................................... 89

Halaman Pendeteksi Kerusakan Komputer (Admin) ........... 90

Halaman Menu Management (Admin) ................................ 90

Halaman SubMenu Management (Admin) .......................... 91

Halaman Login (User) ......................................................... 91

Halaman Profil (User) .......................................................... 92

Halaman Nomor Surat Keluar (User) .................................. 92

Halaman Master Barang (User) ........................................... 93

Halaman Master Ruangan (User) ........................................ 93

Halaman Pinjam Barang (User) ........................................... 94

Halaman Pinjam Ruangan (User) ........................................ 94

Halaman Jadwal Kegiatan (User) ........................................ 95

Halaman Pendeteksi Kerusakan Komputer (User) .............. 95

4.3 Pengujia Sistem ................................................................................... 96

Pengujian Black Box ............................................................. 96

Pengujian Usabilitas dengan System Usability Scale ............ 98

PENUTUP ............................................................................................ 103

5.1 Kesimpulan ....................................................................................... 103

5.2 Saran ................................................................................................. 103

DAFTAR PUSTAKA ...................................................................................... 105

8

DAFTAR GAMBAR Gambar 2. 1 Tahapan SDLC ............................................................... 19

Gambar 3. 1 Login .............................................................................. 34

Gambar 3. 2 Profil ............................................................................... 35

Gambar 3. 3 Nomor Surat Keluar ....................................................... 35

Gambar 3. 4 Master Barang Admin dan ............................................. 36

Gambar 3. 5 Master Ruangan.............................................................. 36

Gambar 3. 6 Pinjam Barang ................................................................ 37

Gambar 3. 7 Pinjam Ruangan ............................................................. 37

Gambar 3. 8 Jadwal Kegiatan ............................................................. 38

Gambar 3. 9 pendeteksi kerusakan komputer ..................................... 38

Gambar 3. 10 Target Pengguna ........................................................... 46

Gambar 3. 11 Use Case Diagram ........................................................ 47

Gambar 3. 12 Activity Diagram Login Admin ................................... 52

Gambar 3. 13 Activity Diagram Role ................................................. 53

Gambar 3. 14 Activity Diagram Edit Profil ........................................ 53

Gambar 3. 15 Activity Diagram Nomor Surat Keluar ........................ 54

Gambar 3. 16 Activity Diagram Pinjam Barang ................................. 55

Gambar 3. 17 Activity Diagram Pinjam Ruangan .............................. 55

Gambar 3. 18 Activity Diagram Jadwal kegiatan ............................... 56

Gambar 3. 19 Activity Diagram Pendeteksi Kerusakan Komputer .... 57

Gambar 3. 20 Activity Diagram Menu Management ......................... 57

Gambar 3. 21 Activity Diagram SubMenu Management ................... 58

Gambar 3. 22 Activity Diagram Login Admin .................................. 59

Gambar 3. 23 Activity Diagram Nomor Surat Keluar ....................... 60

Gambar 3. 24 Activity Diagram Pinjam Barang ................................. 60

Gambar 3. 25 Activity Diagram Pinjam Ruangan ............................. 61

Gambar 3. 26 Activity Diagram Jadwal kegiatan ............................... 61

Gambar 3. 27 Activity Diagram Pendeteksi Kerusakan Komputer .... 62

Gambar 3. 28 Sequance Diagram Login Admin ................................ 63

Gambar 3. 29 Diagram Role ............................................................... 64

Gambar 3. 30 Sequance Diagram Edit Profil Admin ......................... 65

Gambar 3. 31 Sequance Diagram Nomor Surat Keluar Admin ......... 66

Gambar 3. 32 Sequance Diagram Pinjam Barang Admin ................... 66

Gambar 3. 33 Sequance Diagram Pinjam Ruangan Admin ............... 67

Gambar 3. 34 Sequance Diagram Jadwal kegiatan ............................ 68

Gambar 3. 35 Sequance Diagram Menu Management ...................... 69

Gambar 3. 36 Sequance Diagram SubMenu Management ................. 70

Gambar 3. 37 Sequance Diagram Pendeteksi Kerusakan Komputer .. 71

Gambar 3. 38 Sequance Diagram Login User.................................... 72

9

Gambar 3. 39 Sequance Diagram Edit Profil user .............................. 73

Gambar 3. 40 Sequance Diagram Nomor Surat Keluar User ............. 74

Gambar 3. 41 Sequance Diagram Pinjam Barang User ...................... 74

Gambar 3. 42 Sequance Diagram Pinjam Ruangan User ................... 75

Gambar 3. 43 Sequance Diagram Jadwal kegiatan User ..................... 75

Gambar 3. 44 Sequance Diagram Pendeteksi Kerusakan Komputer ... 76

Gambar 3. 45 Conceptual Data Model ............................................... 77

Gambar 3. 46 Physical Data Model .................................................... 78

Gambar 4. 1 Halaman Login Admin .................................................. 84

Gambar 4. 2 Halaman Dashboard Admin ........................................... 85

Gambar 4. 3 Halaman Role Admin .................................................... 85

Gambar 4. 4 Halaman Profil Admin ................................................... 86

Gambar 4. 5 Halaman Edit Profil Admin ............................................ 86

Gambar 4. 6 Halaman Nomor Surat Keluar Admin ........................... 87

Gambar 4. 7 Halaman Master Barang Admin .................................... 87

Gambar 4. 8 Halaman Master Ruangan Admin .................................. 88

Gambar 4. 9 Halaman Pinjam Barang Admin .................................... 88

Gambar 4. 10 Halaman Pinjam Ruangan Admin ................................ 89

Gambar 4. 12 Halaman Jadwal Kegiatan Admin ................................. 89

Gambar 4. 11 Halaman Pinjam Ruangan Admin................................. 90

Gambar 4. 13 Halaman Menu Management Admin ........................... 90

Gambar 4. 14 Halaman SubMenu Management Admin ...................... 91

Gambar 4. 15 Halaman Login User .................................................... 91

Gambar 4. 16 Halaman Profil User .................................................... 92

Gambar 4. 17 Halaman Nomor Surat Keluar User ............................. 92

Gambar 4. 18 Halaman Master Barang Admin dan User ................... 93

Gambar 4. 19 Halaman Master Ruangan User ................................... 93

Gambar 4. 20 Halaman Pinjam Barang User ...................................... 94

Gambar 4. 21 Halaman Pinjam Ruangan User ................................... 94

Gambar 4. 22 Halaman Jadwal Kegiatan User ................................... 95

Gambar 4. 11 Halaman Pinjam Ruangan User .................................... 95

TUGAS AKHIR Perancangan Dan Pembuatan Sistem E-Office...

Documents

Transcript of TUGAS AKHIR Perancangan Dan Pembuatan Sistem E-Office...