RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf ·...

67
LAPORAN PRAKTEK KERJA LAPANGAN RANCANG BANGUN SISTEM INFORMASI PENERIMAAN PAKET PADA BAGIAN RUMAH TANGGA PUSTEKKOM KEMENDIKBUD Laporan Praktek Kerja Lapangan Diajukan sebagai Syarat Mata Kuliah Praktek Kerja Lapangan dan Syarat Menyusun Skripsi Disusun oleh: RISKY ERIANA SARI 11140930000099 PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 2017 M / 1438 H

Transcript of RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf ·...

Page 1: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

LAPORAN PRAKTEK KERJA LAPANGAN

RANCANG BANGUN SISTEM INFORMASI PENERIMAAN

PAKET PADA BAGIAN RUMAH TANGGA

PUSTEKKOM KEMENDIKBUD

Laporan Praktek Kerja Lapangan Diajukan sebagai Syarat Mata Kuliah

Praktek Kerja Lapangan dan Syarat Menyusun Skripsi

Disusun oleh:

RISKY ERIANA SARI

11140930000099

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

JAKARTA

2017 M / 1438 H

Page 2: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

ii

Page 3: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

iii

LEMBAR PENGESAHAN

RANCANG BANGUN SISTEM INFORMASI PENERIMAAN

PAKET PADA BAGIAN RUMAH TANGGA

PUSTEKKOM KEMENDIKBUD

Disusun oleh:

Risky Eriana Sari

NIM: 11140930000099

Disetujui dan Disahkan Sebagai Salah Satu Syarat Mengajukan Skripsi

Program Studi Sistem Informasi,

Universitas Islam Negeri Syarif Hidayatullah Jakarta

Dosen Pembimbing

Dr. rer. nat. Ditdit Nugeraha Utama

NIP: 19741129 200801 1 006

Mengetahui,

Ketua Prodi Sistem Informasi

FST UIN Syarif Hidayatullah Jakarta

Nia Kumaladewi, MMSI

NIP: 19750412 200710 2 002

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI STARIF HIDAYATULLAH JAKARTA

Page 4: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

iv

ABSTRAK

Risky Eriana Sari - 111409300000099, Sistem Informasi Penerimaan Paket

Pada Bagian Rumah Tangga PUSTEKKOM KEMENDIKBUD. Di

bawah bimbingan Dr. rer. nat. Ditdit Nugeraha Utama

Pusat Teknologi Informasi dan Komunikasi Pendidikan dan Kebudayaan

(PUSTEKKOM KEMENDIKBUD) sebagai pusat teknologi informasi dan

komunikasi, maka semua layanan yang ada dalam tempat ini, pastinya ingin

berbasis teknologi begitu juga dengan layanan penerimaan paket. Pengelolaan data

barang yang diterima pada bagian Rumah Tangga PUSTEKKOM

KEMENDIKBUD masih dilakukan secara manual. Prosesnya menggunakan

banyak kertas berlembar-lembar sekedar untuk mencatat kegiatan penerimaan

barang. Bahkan untuk melakukan pengecekan bila terjadi kesalahan pegawai harus

membuka kembali dokumen-dokumen lama. Belum lagi kegiatan menelepon yang

dilakukan kepada penerima paket sangat tidak efisien. Sehingga kegiatan tersebut

dapat menghambat pekerjaan, serta informasi yang dibutuhkan menjadi lebih

lambat dan sering terjadi kesalahan. Maka Sistem Informasi Penerimaan Paket

merupakan sistem yang dirancang untuk mendata paket-paket yang diterima. Serta

mengurangi penggunaan kertas-kertas yang menumpuk dan penggunaan telepon

karna setiap paket yang diterima akan diinfokan melalui account pegawai masing-

masing . Sistem Informasi Penerimaan Paket pada Bagian Rumah Tangga

PUSTEKKOM KEMENDIKBUD berbasis web akan dibuat menggunakan bahasa

pemprograman PHP dan database MySQL, sedangkan metodenya adalah rapid

application development (RAD) dan tool unified modelling language (UML).

Sistem Informasi Penerimaan Paket ini bertujuan untuk menciptakan sistem yang

berkualitas dalam membangun kinerja secara efektif dan efesien serta melatih

pegawai untuk lebih meningkatkan penggunaan terhadap teknologi informasi.

Kata kunci: penerimaan paket, Rapid Application Development, Unified Modelling

Language.

Page 5: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

v

KATA PENGANTAR

Puji syukur panjatkan kehadirat Allah SWT yang telah melimpahkan

rahmat, taufik serta hidayah-Nya sehingga penulis dapat melaksanakan Praktek

Kerja Lapangan dan menyelesaikan tugas laporan praktek kerja lapangan dengan

baik. Judul penulisan laporan praktek kerja lapangan yang penulis ambil adalah:

“RANCANG BANGUN SISTEM INFORMASI PENERIMAAN PAKET

PADA BAGIAN RUMAH TANGGA PUSTEKKOM KEMENDIKBUD”

Keberhasilan Praktek Kerja Lapangan ini adalah berkat bimbingan dan saran-saran

dari semua pihak. Tanpa adanya semua pihak yang terkait, upaya pengujian laporan

ini tidak berarti apa-apa. Untuk itu penulis ingin menyampaikan terima kasih

kepada:

1. Allah SWT yang telah memberikan nikmat dan karunia-Nya kepada

penulis.

2. Kedua orang tua dan saudara-saudara penulis, yang senatiasa memberi

dukungan, motivasi, dan doanya kepada penulis.

3. Bapak Dr. Agus Salim, M.Si selaku Dekan Fakultas Sains dan Teknologi.

4. Ibu Nia Kumaladewi, MMSI selaku Ketua Program Studi Sistem Informasi

Fakultas Sains dan Teknologi.

5. Bapak Dr. rer. nat. Ditdit Nugeraha Utama selaku dosen pembimbing

praktek kerja lapangan yang telah memberikan ilmu dan pengetahuannya

dalam memimbing sehingga laporan ini dapat terselesaikan.

6. Dosen-dosen Program Studi Sistem Informasi yang telah memberikan ilmu

selama perkuliahan.

7. Bapak Iwan Andriawan, A.Md, selaku Pembimbing Lapangan yang telah

mengizinkan penulis untuk melaksanakan Praktek Kerja Lapangan di

Pustekkom Kemdikbud.

8. Rekan-rekan mahasiswa Program Studi Sistem Informasi angkatan 2014,

yang telah memberikan masukan, dorongan, dan motivasi kepada penulis.

Page 6: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

vi

9. Semua pihak yang tidak dapat penulis sebut satu persatu yang telah

membantu dalam penyelesaian penulisan Praktek Kerja Lapangan ini.

Akhirnya, dengan segala kerendahan hati penulis menyadari masih banyak

terdapat kekurangan-kekurangan, sehingga penulis mengharapkan adanya saran

dan kritik yang bersifat membangun demi kesempurnaan Praktek Kerja Lapangan.

Jakarta, 21 Februari 2017

Risky Eriana Sari

Page 7: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

vii

DAFTAR ISI

JUDUL .................................................................................................................... i

HALAMAN JUDUL ............................................................................................. ii

LEMBAR PENGESAHAN ................................................................................. iii

ABSTRAK ............................................................................................................ iv

KATA PENGANTAR ........................................................................................... v

DAFTAR ISI ........................................................................................................ vii

DAFTAR GAMBAR ............................................................................................ ix

DAFTAR TABEL ................................................................................................ xi

BAB I PENDAHULUAN

I.1 Latar Belakang ......................................................................................... 1

I.2 Rumusan Masalah .................................................................................... 3

I.3 Batasan Masalah ....................................................................................... 3

I.4 Tujuan Praktik Kerja Lapangan ............................................................... 4

I.5 Manfaat Praktik Kerja Lapangan............................................................. 4

I.6 Waktu dan Tempat Praktek Kerja Lapangan ........................................... 4

I.7 Sistematika Penulisan ............................................................................... 5

BAB II LANDASAN TEORI

II.1 Sistem Informasi ....................................................................................... 6

II.2 Metode Pengembangan Sistem ................................................................ 6

II.2.1 Rapid Application Development (RAD) ............................................ 6

II.3 World Wide Web ....................................................................................... 8

II.4 HTML ....................................................................................................... 8

II.5 PHP ........................................................................................................... 8

II.6 Bootstrap .................................................................................................. 9

II.7 XAMPP .................................................................................................... 9

II.8 Basis Data ................................................................................................. 9

II.9 MySQL ................................................................................................... 10

II.10 UML (Unifed Modelling Language Diagram) ....................................... 11

II.10.1 Use Case Diagram .......................................................................... 12

Page 8: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

viii

II.10.2 Activity Diagram ............................................................................. 12

II.10.3 Sequence Diagram .......................................................................... 13

II.10.4 Class Diagram ................................................................................ 14

BAB III METODOLOGI PENELITIAN

III.1 Metodologi Pengembangan Sistem ........................................................ 15

III.2 Analisis ................................................................................................... 16

III.3 Pengumpulan Data ................................................................................. 16

III.3.1 Studi Pustaka ................................................................................... 16

III.3.2 Observasi ......................................................................................... 16

III.3.3 Wawancara.......................................................................................... 17

III.4 Pengembangan Sistem ............................................................................ 17

III.4.1 Tahap Perencanaan Syarat-syarat ................................................... 17

III.4.2 Tahap Workshop Design ................................................................. 18

III.4.3 Tahap Implementasi ........................................................................ 18

BAB IV HASIL DAN PEMBAHASAN

IV.1 Tahap Perencanaan Kebutuhan .............................................................. 20

IV.1.1 Profil Perusahaan ................................................................................ 20

IV.1.2 Visi dan Misi Perusahaan ................................................................... 20

IV.1.3 Struktur Organisasi ............................................................................. 22

IV.1.4 Analisis Sistem Berjalan ..................................................................... 23

IV.1.5 Analisis Sistem Usulan ....................................................................... 24

IV.2 Tahap Perancangan ................................................................................. 24

IV.2.1 Desain Proses .................................................................................. 25

IV.2.2 Desain Database ............................................................................. 41

IV.2.3 Desain Interface .............................................................................. 42

IV.3 Tahapan Implementasi (Implementation) ............................................... 46

IV.4 Interface Aplikasi ................................................................................... 51

BAB V PENUTUP

V.1 Kesimpulan ............................................................................................. 55

V.2 Saran ....................................................................................................... 55

Page 9: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

ix

DAFTAR GAMBAR

Gambar 2. 1 Contoh Usecase Diagram (Utama et al. 2016) ................................ 12

Gambar 2. 2 Contoh Activity Diagram ................................................................. 13

Gambar 2. 3 Contoh Sequence Diagram (Utama et al. 2017) .............................. 13

Gambar 2. 4 Contoh Class Diagram (Utama et al. 2017) ..................................... 14

Gambar 3. 1 Tahap Penelitian ............................................................................... 15

Gambar 4. 1 Struktur Organisasi PUSTEKKOM KEMENDIKBUD .................. 22

Gambar 4. 2 Sistem Berjalan ................................................................................ 23

Gambar 4. 3 Sistem Usulan ................................................................................... 24

Gambar 4. 4 Use Case Sistem Informasi Penerimaan Paket ................................ 25

Gambar 4. 5 Acivity Diagram Mengelola Data Pegawai ...................................... 27

Gambar 4. 6 Source Code Mengelola Data Pegawai ............................................ 28

Gambar 4. 7 Acivity Diagram Mengelola Account ............................................... 29

Gambar 4. 8 Source Code Mengelola Account ..................................................... 30

Gambar 4. 9 Acivity Diagram Penerimaan Paket.................................................. 31

Gambar 4. 10 Source Code Mengelola Account ................................................... 32

Gambar 4. 11 Acivity Diagram Konfirmasi Penerimaan Paket ........................... 32

Gambar 4. 12 Source Code konfirmasi penerimaan paket .................................... 33

Gambar 4. 13 Acivity Diagram Laporan ............................................................... 34

Gambar 4. 14 Source Code Laporan .................................................................... 35

Gambar 4. 15 Sequence Diagram Mengelola Data Pegawai ................................ 36

Gambar 4. 16 Sequence Diagram Mengelola Account ......................................... 37

Gambar 4. 17 Sequence Diagram Penerimaan Paket............................................ 38

Gambar 4. 18 Sequence Diagram Konfirmasi Penerimaan Paket ........................ 39

Gambar 4. 19 Sequence Diagram Laporan ........................................................... 40

Gambar 4. 20 Class Diagram Penerimaan Paket .................................................. 40

Gambar 4. 21 User Interface Prototype untuk login ............................................ 42

Gambar 4. 22 User Interface Prototype untuk data pegawai ................................ 43

Gambar 4. 23 User Interface Prototype untuk data paket .................................... 44

Gambar 4. 24 User Interface Prototype untuk edit profile account ..................... 45

Gambar 4. 25 User Interface Prototype untuk laporan pegawai .......................... 46

Page 10: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

x

Gambar 4. 26 Interface untuk Data Pegawai ........................................................ 52

Gambar 4. 27 Interface untuk Laporan Data Paket............................................... 53

Gambar 4. 28 Interface untuk Terima Paket ......................................................... 54

Page 11: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

xi

DAFTAR TABEL

Tabel 4. 1 Database Pegawai ................................................................................ 41

Tabel 4. 2 Database Paket .................................................................................... 42

Tabel 4. 3 Pengujian Login ................................................................................... 47

Tabel 4. 4 Pengujian Tambah Data Pegawai ........................................................ 47

Tabel 4. 5 Pengujian Ubah Data Pegawai ............................................................ 48

Tabel 4. 6 Pengujian Hapus Data Paket ................................................................ 48

Tabel 4. 7 Pengujian Tambah Data Paket ............................................................. 49

Tabel 4. 8 Pengujian Ubah Data Paket.................................................................. 50

Tabel 4. 9 Pengujian Hapus Data Paket ................................................................ 50

Tabel 4. 10 Pengujian Ubah Data User ................................................................. 51

Page 12: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

BAB I

PENDAHULUAN

I.1 Latar Belakang

Pada masa kini, banyak hal yang dapat dilakukan oleh instansi untuk

meningkatkan kinerja dari pegawainya. Dengan mengikuti perkembanan zaman,

instansi dituntut untuk melakukan perubahan kearah yang lebih baik dalam

kinerjanya. Seperti halnya pengembangan sebuah sistem informasi yang dapat

membantu jalannya pekerjaan.

Untuk menunjang jalannya proses bisnis pada perusahaan yaitu dengan

menerapkan teknologi informasi dan sistem informasi. Menurut Haag dan Keen

(1996), teknologi informasi merupakan alat-alat yang dapat membantu manusia

dalam bekerja dan melakukan tugas-tugas yang berhubungan dengan pemprosesan

informasi. Menurut Robert A.leitch, sistem informasi adalah suatu sistem di dalam

suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,

mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi

dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan

(Jogiyanto, 2005).

Pentinggnya penggunaan sistem informasi disebuah instansi untuk

mendapatkan data yang lebih cepat dan akurat. Proses pengolahan data yang

awalnya dikerjakan secara manual akan tergantikan oleh sistem yang prosesnya

akan lebih cepat dan tepat. Diharapkan dengan kehadiran sistem yang akan

dibentuk maka kinerja yang ada akan terhindar dari kesalahan yang tidak

diinginkan.

Sesuai Peraturan Menteri Nomor 11 Tahun 2015 Tentang Organisasi dan

Tata Kerja Kementerian Pendidikan dan Kebudayaan, Pusat Teknologi Informasi

dan Komunikasi Pendidikan dan Kebudayaan (PUSTEKKOM KEMENDIKBUD)

mempunyai tugas melaksanakan pengembangan dan pendayagunaan teknologi

informasi dan komunikasi untuk pendidikan dan kebudayaan.Sebagai Pusat

Teknologi Informasi dan Komunikasi, maka semua layanan yang ada dalam tempat

ini, pastinya ingin berbasis teknologi begitu juga dengan layanan penerimaan paket.

Page 13: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

2

Pengelolaan data barang yang diterima pada bagian Rumah Tangga

PUSTEKKOM KEMENDIKBUD masih dilakukan secara manual. Prosesnya

menggunakan banyak kertas berlembar-lembar sekedar untuk mencatat kegiatan

penerimaan barang. Bahkan untuk melakukan pengecekan bila terjadi kesalahan

pegawai harus membuka kembali dokumen-dokumen lama. Belum lagi kegiatan

menelepon yang dilakukan kepada penerima paket sangat tidak efisien. Sehingga

kegiatan tersebut dapat menghambat pekerjaan, serta informasi yang dibutuhkan

menjadi lebih lambat dan sering terjadi kesalahan.

Maka Sistem Informasi Penerimaan Paket merupakan sistem yang

dirancang untuk mendata paket-paket yang diterima. Dimana pendataan paket-

paket ini berfungsi untuk meningkatkan kinerja dari penerimaan paket tersebut

untuk tepat kesasaran. Serta mengurangi penggunaan kertas-kertas yang

menumpuk dan penggunaan telepon karna setiap paket yang diterima akan

diinfokan melalui email personal. Sistem Informasi Penerimaan Paket ini bertujuan

untuk menciptakan sistem yang berkualitas dalam membangun kinerja secara

efektif dan efesien serta melatih pegawai untuk lebih meningkatkan penggunaan

terhadap teknologi informasi.

Penelitian yang dilakukan di India sebelumnya yang berjudul “Web Based

Inward-Outward Registration Management System (Wiorms): Through Project

Based Learning (Pbl) Pedagogy” Dontham et al. (2016) membahas bagaimana

proses penerimaan dan pengiriman surat yang dilakukan di Rajarambapu Institute

of Technology (RIT). Sebelumnya proses ini dilakukan dengan manual sehingga

menyita banyak waktu dan tenaga yang dibutuhkan. Untuk mengatasi masalah itu

maka peneliti mengajukan web yang akan memudahkan proses dan menyediakan

fungsionalitas tambahan untuk berkomunikasi secara efektif, serta mampu

melakukan maintenance dan tracking. Proses yang terdapat pada penerimaan surat

sama halnya dengan yang dilakukan pada penerimaan barang.

Pada penelitian “System For Tracking The Receipt And Internal Delivery Of

Items Such As Packages” Bradien et al. (2000) menjelaskan mengenai monitoring

pengiriman dan penerimaan barang. Sistem ini menyimpan database pegawai yang

menerima paket serta status paket tersebut.ketika paket dikirim maka sistem ini

Page 14: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

3

akan mendapatkan data tentang pengiriman, seperti nama orang yang menerima

paket tersebut, selanjutnya sistem akan memperbarui catatan mengenai status paket.

Selanjutnya penelitian yang mendalami bidang penerimaan paket, Mustika

(2012) dalam jurnal yang berjudul “Aplikasi Tracking Paket Ekspedisi Pada PT

Bahari Eka Nusantara Palembang” membuat sistem informasi tracking paket

menjadi lebih baik dalam penerimaan paket dan pengiriman paket itu sendiri secara

terintegrasi. Dengan sistem informasi tersebut dapat membantu proses penerimaan

paket menjadi lebih mudah dalam proses pekerjaannya dan pendataannya.

Berangkat dari masalah diatas, penulis yang merupakan salah satu

mahasiswa program studi Sistem Informasi, Fakultas Sains dan Teknologi,

Universtias Islam Negeri Syarif Hidayatullah Jakarta yang diberikan kesempatan

untuk melaksanakan Praktik Kerja Lapangan (PKL) pada Bagian Rumah Tangga

PUSTEKKOM KEMENDIKBUD ini merasa tertarik untuk melakukan

pembangunan sitem informasi penerimaan paket yang diberi judul “Rancang

Bangun Sistem Informasi Penerimaan Paket pada Bagian Rumah Tangga

PUSTEKKOM KEMENDIKBUD” yang nantinya bahan ini bisa dijadikan sebagai

suatu acuan dan kerangka dalam membangun aplikasi lebih lanjut dan bisa di

implementasikan di instansi ini.

I.2 Rumusan Masalah

Berdasarkan latar belakang, ditemukan rumusan masalah pada pelaksanaan

pembuatan aplikasi ini:

1. Bagaimana merancang Sistem Informasi Penerimaan Paket pada

Bagian Rumah Tangga PUSTEKKOM KEMENDIKBUD?

2. Bagaimana membangun Sistem Informasi Penerimaan Paket pada

Bagian Rumah Tangga PUSTEKKOM KEMENDIKBUD?

I.3 Batasan Masalah

Penentuan batasan masalah ditujukan agar semua kriteria yang telah

ditentukan sesuai dengan proyek yang dijalankan, berikut ini batasan masalah yang

diberikan:

Page 15: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

4

1. Rancang bangun Sistem Informasi Penerimaan Paket ini hanya untuk

bagian Rumah Tangga yang ada di PUSTEKKOM KEMENDIKBUD.

2. Dalam mengembangkan Sistem Informasi Penerimaan Paket ini

menggunakan metode pengembangan sistem model Rapid Application

Development (RAD).

3. Sistem Informasi Penerimaan Paket ini berbasis Web dan dibangun

dengan menggunakan bahasa pemprograman PHP dan database

MySQL.

I.4 Tujuan Praktik Kerja Lapangan

Tujuan utama dari Praktik Kerja Lapangan ini adalah untuk memberikan

pandangan umum dunia kerja dan sebagai bahan pengaplikasian antara teori yang

didapat dipelajari dengan keadaan di lapangan kerja yang sesungguhnya. Selain itu

tujuan khususnya adalah:

1. Membuat aplikasi penerimaan paket yang dapat digunakan oleh user

untuk pendataan peket barang yang masuk.

2. Membantu divisi resepsionis bagian Rumah Tangga dalam pendataan

paket dan konfirmasi kepada penerima barang.

I.5 Manfaat Praktik Kerja Lapangan

Manfaat yang dihasilkan dari Praktik Kerja Lapangan (PKL) ini adalah:

1. Memberikan kontribusi untuk ilmu pengetahuan mengenai

programming sehingga mampu di implementasikan kedalam sistem

iformasi berbasis web.

2. Membantu manajer dalam mendapatkan laporan barang yang diterima

dalam kurun waktu tertentu.

3. Membantu resepsionis dalam pendataan barang yang datang.

4. Membantu resepsionis dalam penyampaian barang yang masuk kepada

penerima.

I.6 Waktu dan Tempat Praktek Kerja Lapangan

Waktu : 20 Februari – 20 Maret 2016

Page 16: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

5

Tempat : PUSTEKKOM KEMENDIKBUD

Alamat : Jalan RE Martadinata KM. 5,5 Jakarta – Bogor, Ciputat 15411.

I.7 Sistematika Penulisan

Dalam penyusunan laporan, pembahasan terbagi dalam lima bab dengan

sistematika penulisan sebagai berikut:

BAB I : PENDAHULUAN

Pada bab ini dibahas tentang latar belakang, rumusan masalah, batasan

masalah, tujuan penelitian, manfaat penelitian dan ruang lingkup penelitian.

BAB II: LANDASAN TEORI

Pada bab ini berisi uraian tentang landasan teori yang berhubungan dengan

materi yang penulis buat serta teori-teori yang relevan dengan permasalah

dan pustaka dari penelitian yang dilakukan.

BAB III: METODOLOGI PENELITIAN

Pada bab ini menjelaskan medote-metode yang digunakan penulis dalam

melakukan pengumpulan data, penelitian, dan penulisan laporan.

BAB IV: PEMBAHASAN

Pada bab ini akan dijelaskan analisis kebutuhan aplikasi beserta langkah-

langkah perancangan Aplikasi yang akan dibuat.

BAB V: PENUTUP

Pada bab ini berisi kesimpulan-kesimpulan dari yang telah diuraikan oleh

bab-bab sebelumnya.

Page 17: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

6

BAB II

LANDASAN TEORI

II.1 Sistem Informasi

Sistem informasi adalah suatu sistem didalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi

operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu 10

organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-

laporan yang diperlukan (Sutabri, 2005). Sistem informasi adalah suatu sistem di

dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi

harian, mendukung operasi, bersifat manajerial dan kegiatan strategis dari suatu

organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang

diperlukan (Jogiyanto, 2005). Jadi, sistem informasi adalah sekumpulan komponen

yang saling memiliki keterkaitan yang berfungsi untuk mengumpulkan, mengolah,

menyimpan, dan menyediakan output untuk mencapai tujuan tertentu dalam suatu

organisasi.

II.2 Metode Pengembangan Sistem

Proses pengembangan sistem adalah satu set aktivitas, metode, praktik

terbaik, siap dikirimkan, dan peralatan terotomatisasi yang akan digunakan oleh

para pengembang sistem untuk mengembangkan dan memelihara sistem

informasi dan perangkat lunak (Whitten, Bentley, & Dittman, 2004).

II.2.1 Rapid Application Development (RAD)

Rapid Application Development (RAD), adalah sebuah model proses

perkembangan software sekuensial linier yang menekankan siklus pengembangan

yang sangat pendek. Model RAD ini merupakan sebuah adaptasi “kecepatan tinggi”

dari model sekuensial linier dimana perkembangan cepat dicapai dengan

menggunakna pendekatan konstruksi berbasis komponen. Jika kebutuhan dipahami

dengan baik, proses RAD memungkinkan tim pengembangan menciptakan sistem

“fungsional yang utuh” dalam periode waktu yang sangat pendek (Pressman ,

2002).

Page 18: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

7

Beberapa keuntungan dalam menggunakan metode RAD adalah sebagai

berikut:

1. Membeli sistem yang baru memungkinkan untuk lebih menghemat biaya

ketimbang mengembangkan sendiri.

2. Proses pengiriman menjadi lebih mudah, hal ini dikarenakan proses

pembuatan lebih banyak menggunakan potongan-potongan script.

3. Mudah untuk diamati karena menggunakan model prototype, sehingga user

lebih mengerti akan sistem yang dikembangkan.

4. Lebih fleksibel karena pengembang dapat melakukan proses desain ulang

pada saat yang bersamaan.

5. Bisa mengurangi penulisan kode yang kompleks karena menggunakan

wizard.

6. Keterlibatan user semakin meningkat karena merupakan bagian dari tim

secara keseluruhan.

7. Mampu meminimalkan kesalahan-kesalahan dengan menggunakan alat-alat

bantuan (CASE tool).

8. Tampilan lebih standar dan nyaman dengan software-software pendukung.

9. Bisa mengurangi penulisan kode yang kompleks karena menggunakan

wizard.

10. Lebih fleksibel karena pegembang dapat melakukan proses desain ulang pada

saat bersamaan.

Beberapa kerugian dalam menggunakan metode RAD adalah sebagai

berikut:

1. Dengan melakukan pembelian belum tentu bisa menghemat biaya

dibandingkan dengan mengembangkan sendiri.

2. Membutuhkan biaya tersendiri untuk membeli peralatan-peralatan penunjang

seperti misalnya software dan hardware.

3. Kesulitan melakukan pengukuran mengenai kemajuan proses.

4. Kurang efisien karena apabila melakukan pengkodean dengan menggunakan

tangan bisa lebih efisien.

Page 19: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

8

5. Ketelitian menjadi berkurang karena tidak menggunakan metode yang formal

dalam melakukan pengkodean.

6. Lebih banyak terjadi kesalahan apabila hanya mengutamakan kecepatan

dibandingkan dengan biaya dan kualitas.

7. Fasilitas-fasilitas banyak yang dikurangi karena terbatasnya waktu yang

tersedia.

8. Sistem sulit diaplikasikan di tempat yang lain.

II.3 World Wide Web

Web adalah sistem dengan standar yang diterima secara universal untuk

menyimpan, menelusuri, memformat, dan menampilkan informasi melalui

arsitektur klien/server (Turban , Rainer, & Potter, 2005). Jadi World Wide Web

adalah suatu sistem yang menggunakan jaringan internet yang menyediakan

informasi yang dapat di akses oleh pengguna dimanapun dan kapanpun di seluruh

dunia.

II.4 HTML

Hypertext Markup Language (HTML) adalah bahasa markup yang umum

digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah

bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa

markup atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan

untuk menentukan format atau style dari teks yang di tandai (Hadisaputra, 2012).

II.5 PHP

PHP singkatan dari Hypertext Preprocessor yang digunakan sebagai

script server-side dalam pengembangan web yang disisipkan pada dokumen

HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga

maintenance situs web tersebut menjadi lebih mudah dan efisien (Sidik, 2006).

PHP secara mendasar dapat mengerjakan semua yang dapat dikerjakan

oleh program CGI, seperti mendapatkan data dari form, menghasilkan isi

halaman web yang dinamik, dan menerima cookies. Kemampuan (feature) PHP

yang paling diandalkan dan signifikan adalah dukungan kepada banyak

Page 20: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

9

database. Membuat halaman web yang menggunakan data dari database

dengan sangat mudah dapat dilakukan. PHP juga mendukung untuk

berkomunikasi dengan layanan lain menggunakan protokol IMAP, SNMP,

NNTP, POP3, HTTP, dan lainnya yang tidak terhitung (Sidik, 2006).

II.6 Bootstrap

Bootstrap adalah framework untuk design website yang dikembangkan oleh

Twitter. Itulah mengapa Bootstrap menyediakan warna dan design yang mirip

dengan twitter. Namun, design dan warna dapat diubah dan disesuaikan dengan

kebutuhan. CSS, Javascript, dan Jquery sudah termasuk dalam framework ini.

Framework ini bersifat open source, dibangun dan di maintenance oleh GitHub.

Bootstrap dapat dengan mudah dan efisien digunakan untuk mengatur skala layout

pada website atau aplikasi lainnya dengan single code base dari smartphone ke

tablet dan desktop dengan CSS media queries (Alatas, 2013).

II.7 XAMPP

Xampp merupakan suatu software yang di dalamnya terdapat Apache

yang berfungsi sebagai web server, PHP (Hypertext Preprocessor) merupakan

bahasa web server side yang bersifat open source dan MySQL adalah basis data

yang menghubungkan script PHP menggunakan perintah query dan escape

character yang sama dengan PHP. PHP memang mendukung banyak jenis basis

data, tetapi untuk membuat sebuah basis data yang dinamis dan selalu up to date,

MySQL merupakan pilihan basis data tercepat saat ini. Selain itu terdapat juga

PhpMyAdmin sebagai tempat melakukan konfigurasi keseluruhan (Sidik, 2006).

II.8 Basis Data

Database (Basis Data) adalah kumpulan data yang terdiri dari koleksi

berbagai file yang berisi informasi yang disimpan dengan cara tertentu

sehinggaredudansi (kondisi yang berlebihan) yang tidak perlu dapat dihindarkan.

Begitu pula data yang disimpan tersebut tidak tergantung pada aplikasinya dan

mampu melayani berbagai aplikasi yang berbeda (Hariyanto, 2004).

Page 21: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

10

Database adalah fondasi bagi pembuatan dan pengembangan suatu program

aplikasi, oleh sebab itu database harus dibuat sedemikian rupa sehingga pembuatan

program aplikasi itu lebih mudah, cepat, dan fleksibel.

II.9 MySQL

MySQL merupakan software sistem manajemen database (Database

Management System-DBMS) yang Open Source (gratis) yang sangat populer di

kalangan pemrogram web, sehingga dapat digunakan untuk membangun

aplikasi web yang menggunakan database sebagai sumber dan pengelola

datanya. Hal ini dikarenakan MySQL dapat digunakan cepat secara kinerja

query, dan mencukupi untuk kebutuhan database perusahaan skala menengah

kecil (Sidik, 2006).

Sebagai database server yang memiliki database modern, MySQL memiliki

banyak keistimewaan, yaitu:

a. Portability

MySQL dapat berjalan stabil pada berbagai macam sistem operasi

sepertiWindows, Linux, Mac OS X server dan lain-lain.

b. OpenSource

MySQL dapat menggunakannya secara cuma-cuma tanpa dipungut biaya

sepeserpun.

c. Multiuser

MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan

tanpa mengalami masalah atau konflik.

d. PerformanceTuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query

sedarhana, dengan kata lain dapat memproses lebih banyak SQL per satuan

waktu.

e. ColoumnTypes

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed/unsigned

integer, float, double, char,varchar, text, blob, date time, timestamp, year, set

serta enum.

f. Command andFunctions

Page 22: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

11

MySQL memiliki operator dan fungsi secara penuh yang mendukung

perintahSELECT dan WHERE dalam query.

g. Security

MySQL memiliki beberapa lapisan sekuritas seperti level subnet mask,

namahost, dan izin akses user dengan sistem perizinan yang mendetail serta

password terenkripsi.

h. Scalability andLimits

MySQL mampu menangani database dalam skala besar dengan jumlah

records lebih dari 50 juta dan 60 ribu table serta 5 miliar baris. Batas indeks

yang dapat ditampung dalam 32 (tiga puluh dua) indeks pada tiap tabel.

i. Connectivity

MySQL dapat melakukan koneksi dengan client menggunakan protocol

TCP/IP, Unix Soket (UNIX), atau Named Pipes (NT).

j. Localisation

MySQL dapat mendeteksi pesan kesalahan (error code) pada client dengan

menggunakan lebih dari 20 (dua puluh) bahasa.

k. Interface

MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa

pemrograman yang digunakan untuk administrasi database.

l. Clients andtools

MySQL dilengkapi dengan berbagai tools yang dapat digunakan untuk

administrasi database, dan pada setiap tools yang ada disertakan petunjuk

online.

m. StrukturTabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam

menanganiALTER TABLE dibandingkan dengan database lainnya.

II.10 UML (Unifed Modelling Language Diagram)

UML(Unified Modeling Language) adalah bahasa yang berdasarkan grafik

atau gambar untuk memvisualisasi, menspesifikasikan, membangun dan

pendokumentasian dari sebuah sistem pengembangan software berbasis Object

Oriented. Diagram merupakan bagian dari suatu view tertentu dan ketika

Page 23: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

12

digambarkan biasanya dialokasikan untuk view tertentu. Adapun jenis diagram

UML diantara yaitu :

II.10.1 Use Case Diagram

Usecase mendeskripsikan interaksi tipikal antara para pengguna sistem

dengan sistem itu sendiri, dengan memberi sebuah narasi tentang bagaimana sistem

tersebut digunakan (Fowler, 2004). Usecase diagram merupakan diagram yang

menggambarkan interaksi antara sistem dengan sistem eksternal dan pengguna.

Dengan kata lain, secara grafis menggambarkan siapa yang akan menggunakan

sistem dan dengan cara apa pengguna mengharapkan untuk berinteraksi dengan

sistem (Whitten, Bentley, & Dittman, 2004). Gambar 2.1 merupakan contoh

usecase diagram dari constructed system yang terdiri dari dua human actor (expert

dan local government) dan satu system actor (traffic center management

information system) serta memiliki lima usecase yaitu, extracting data,

parameterizing, FWFA optimizing, making decision, dan reporting (Utama, Zaki,

Munjeri, & Putri, 2016). Kita bisa lihat bahwa dalam suatu usecase, aktor bisa

terdiri dari human atau system actor.

Gambar 2. 1 Contoh Usecase Diagram (Utama, Zaki, Munjeri, & Putri, 2016)

II.10.2 Activity Diagram

Activity Diagram adalah teknik untuk menggambarkan logika procedural,

proses bisnis dan jalur kerja (Fowler, 2004). Activity diagram secara grafis

Page 24: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

13

digunakan untuk menggambarkan rangkaian aliran aktifitas baik proses bisnis

usecase (Whitten, Bentley, & Dittman, 2004).

Gambar 2. 2 Contoh Activity Diagram

II.10.3 Sequence Diagram

Sebuah sequence diagram, secara khusus, menjabarkan perilaku sebuah

sekenario tunggal (Fowler, 2004). Diagram ini mengilustrasikan bagaimana pesan

terkirim dan diterima diantara object dan sequence (ruang waktu) (Whitten,

Bentley, & Dittman, 2004). Gambar 2.3 merupakan contoh sequence diagram:

Gambar 2. 3 Contoh Sequence Diagram (Utama, et al., 2017)

Page 25: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

14

II.10.4 Class Diagram

Class diagram adalah diagram yang digunakan untuk menggambarkan

struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk

membangun sistem (Sugiarti, 2013). Sehingga dengan adanya Class diagram dapat

memberikan pandangan global atas sebuah system. Hal tersebut tercermin dari

Class - Class yang ada dan relasinya satu dengan yang lainnya. Gambar 2.4

merupakan contoh dari class diagram:

Gambar 2. 4 Contoh Class Diagram (Utama, et al., 2017)

Page 26: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

15

BAB III

METODOLOGI PENELITIAN

III.1 Metodologi Pengembangan Sistem

Gambar 3. 1 Tahap Penelitian

Pada gambar 3.1 merupakan tahapan penelitian dengan menggunakan metode

penelitian yang digunakan. Tahapan pertama pada proses ini yaitu analisis awal.

Tujuan dari analisis awal ialah mengidentifikasi permasalahan yang terdapat pada

divisi Rumah Tangga PUSTEKKOM KEMENDIKBUD guna untuk memperoleh

mengenai gambaran umum mengenai permasalahan yang terjadi. Tahap ini juga

dapat mengidentifikasikan kebutuhan user dan menentukan tujuan dari sistem yang

akan dikembangkan.

Selanjutnya adalah tahap pengumpulan data yang terdiri dari studi

kepustakaan dan observasi. Tahap selanjutnya adalah pengembangan sistem. Pada

tahapan ini dilakukan dengan menggunakan strategi pengembangan RAD yang

terbagi ke dalam 3 tahap yaitu fase perencanaan syarat-syarat, workshop design,

Page 27: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

16

dan implementasi (Kendall & Kendall, 2010). Sedangkan notasi pemodelannya

menggunakan pemodelan UML.

Pada tahap terakhir ini adalah laporan dan dokumentasi, yaitu dengan

menghasilkan output yang berbentuk laporan penelitian dan prototype sistem

penerimaan paket yang telah berhasil dikembangkan.

III.2 Analisis

Pada tahap awal ini akan dilakukan identifikasi terhadap permasalahan

pada proses bisnis di Sub Bagian divisi Rumah Tangga yang berkaitan mengenai

penggunaan sistem informasi dalam menyelesaikan masalah atau permintaan.

III.3 Pengumpulan Data

Pengumpulan data adalah prosedur yang sistematis dan standar untuk

memperoleh data yang diperlukan. Pengumpulan data merupakan suatu proses

pengadaan data primer yang diperlukan dalam melakukan penelitian (Nazir, 2005).

Dalam penelitian ini penulis menggunakan 3 (tiga) cara untuk mengumpulkan

data, yaitu studi pustaka, observasi, dan wawancara.

III.3.1 Studi Pustaka

Pengertian studi kepustakaan merupakan suatu teknik pengumpulan data

atau analisa data dengan cara memperoleh informasi dari peneliti terdahulu, tanpa

memperdulikan sebuah penelitian menggunakan data primer atau data sekunder,

apakah penelitian merupakan penelitian lapangan atau laboratorium (Nazir, 2005).

Metode studi pustaka dilakukan dengan mengumpulkan beberapa data dan

informasi dengan cara membaca buku-buku referensi dan sumber-sumber internet

yang dapat dijadikan sebagai acuan dalam penyusunan laporan. Daftar referensi

studi literatur ini selengkapnya dapat dilihat di daftar pustaka.

III.3.2 Observasi

Pengumpulan data dengan observasi langsung atau pengamatan langsung

adalah cara pengambilan data atau obyek-obyek yang ada pada perusahaan atau

Page 28: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

17

organisasi dengan menggunakan mata tanpa ada pertolongan alat standar lain untuk

keperluan tersebut (Nazir, 2005).

Metode ini digunakan dengan tujuan untuk memperoleh informasi

mengenai sistem penerimaan paket yang masih dilakukan secara manual. Observasi

diperlukan untuk mendapatkan data yang akurat demi terwujudnya sistem yang

diinginkan.

III.3.3 Wawancara

Wawancara merupakan proses memperoleh keterangan untuk tujuan

penelitian dengan cara tanya jawab, bertatap muka antara pewawancara dengan

penjawab atau responden dengan menggunakan alat yang dinamakan interview

guide (panduan wawancara) (Nazir, 2005).

Dalam metode wawancara ini diajukan pertanyaan-pertanyaan kepada

pihak-pihak yang terkait, dalam hal ini adalah resepsionis. Ini dilakukan untuk

mendapatkan bahan analisa dalam penulisan laporan PKL ini.

III.4 Pengembangan Sistem

Dalam penyusunan laporan ini, metode pengembangan sistem

menggunakan metode berorientasi objek dengan model pengembangan RAD

(Rapid Application Development) menggunakan tools UML (Unified Modeling

Language). Metode RAD dianggap memiliki kecepatan adaptasi yang tinggi dan

dapat dikerjakan dengan cepat dan tepat.

III.4.1 Tahap Perencanaan Syarat-syarat

Pada tahap ini akan dilakukan diskusi dengan Bapak Iwan Andriawan,

A.Md, untuk mendiskusikan mengenai tujuan perencanaan sistem, kebutuhan

perencanaan sistem, dan mengidentifikasi definisi masalah. Proses ini akan

menghasilakan analisa masalah dan analisa kebutuhan sistem :

1. Analisa masalah

Dari hasil analisa dan observasi yang dilakukan di PUSTEKKOM

KEMENDIKBUD diketahui bahwa penerimaan paketmasih dilakukan secara

manual di gedung Pustekkom

Page 29: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

18

2. Analisa kebutuhan sistem

Pada tahap ini akan ditentukan penggunaan sistem yang dibuat harus sesuai

dengan fugsinya. Pada penelitian ini, masalah yang harus diselesaikan adalah

bagaimana membuat sistem penerimaan paket yang dirancang lebih simple

dan mudah digunakan sehingga sistem ini dapat membantu para resepsionis

dalam penerimaan paket..

III.4.2 Tahap Workshop Design

Setelah informasi diolah pada tahap analisis maka akan dilanjutkan dengan

tahap desain. Pada tahap desain akan dirancang gambaran dari sistem yang akan

dibuat nantinya.

a. Alur Sistem

Perancangan sistem ini akan digunakan diagram UML(Unified Modelling

Language) sebagai tools yang akan digunakan dalam perancangan sistem. Pada

tahap ini akan menghasilkan usecase diagram, usecase scenario, activity

diagram, sequence diagram, dan class diagram.

b. Desain Database

Pada tahap ini akan dilakukan perancangan data yang sesuai dengan sistem ini

dengan menggunakan Database MySQL.

c. Rancangan Antarmuka

Rancangan antarmuka bertujuan untuk memberikan gambaran mengenai

tampilan anatarmuka dari “Sistem Penerimaan Paket”.

III.4.3 Tahap Implementasi

Pada tahap ini akan diimplementasikan informasi-informasi yang telah

didesain pada tahap sebelumnya.Berikut ini adalah proses yang dilakukan pada

tahap ini:

a. Pemprograman

Dalam tahap ini akan dibangun sistem yang dapat berjalan sesuai dengan desain

yang telah dirancang sebelumnya dengan menggunakan bahasa

pemrograman PHP, dan database MySQL.

b. Pengujian

Page 30: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

19

Pada tahap ini akan digunakan pengujian menggunakan Blackbox Testing.

Pengujian ini bertujuan untuk menemukan kesalahan yang terdapat pada sistem.

Page 31: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

20

BAB IV

HASIL DAN PEMBAHASAN

IV.1 Tahap Perencanaan Kebutuhan

Pada tahap ini data-data yang dibutuhkan dalam pengembangan system akan

dijelaskan data-data mengenai perusahaan seperti profil perusahaan, visi dan misi

perusahaan, struktur organisasi, analisis sistem berjalan, dan analisis sistem usulan.

IV.1.1 Profil Perusahaan

Pustekkom di dirikan berdasarkan Keputusan Presiden Republik Indonesia

Nomor 27 Tahun 1978 tertanggal 31 Agustus 1978 dan Surat Keputusan Menteri

Pendidikan dan Kebudayaan Nomor: 0145/O/1979 tertanggal 30 Juni 1979 yang

diperbaharui dengan Surat Keputusan Menteri Pendidikan dan Kebudayaan Nomor:

0222g/O/1980. Dan kini Pustekkom mengelola JARDIKNAS yaitu Jaringan

Pendidikan Nasional, yang menjadi ‘Jembatan Informasi Digital Dunia

Pendidikan’.

Pustekkom adalah salah satu unit kerja atau lembaga di lingkungan

Departemen Pendidikan Nasional. Model kegiatan pembelajaran berikutnya yang

dikembangkan Pustekkom adalah yang memanfaatkan media internet. Melalui

website yang dikembangkan Pustekkom, berbagai materi pelajaran dapat diakses

oleh peserta didik atau masyarakat luas pada umumnya. Tidak hanya materi

pelajaran yang tersedia, tetapi tersedia juga informasi tentang kebijakan pendidikan,

pengetahuan ilmiah populer, pokok-pokok materi pelajaran, bimbingan belajar

online, dan bank soal. Sampai saat ini Pustekkom mempunyai 3 Balai Pengembang

Media dan sejumlah unit pelaksana teknis (UPT) di daerah berupa 30 UPTD/Balai

Tekkom.

IV.1.2 Visi dan Misi Perusahaan

PUSTEKKOM KEMENDIKBUD mempunyai visi dan misi yaitu sebagai

berikut:

Visi : Lembaga unggulan pada bidang Teknologi Informasi dan Komunikasi

Pendidikan.

Page 32: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

21

Misi : Memecahkan masalah-masalah pendidikan dan meningkatkan kualitas

SDM melalui pendayagunaan teknologi informasi dan komunikasi

Page 33: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

22

IV.1.3 Struktur Organisasi

Gambar 4. 1 Struktur Organisasi PUSTEKKOM KEMENDIKBUD

Page 34: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

23

IV.1.4 Analisis Sistem Berjalan

Berdasarkan dari hasil pengamatan dan observasi yang telah dilakukan, berikut

ini adalah alur kerja Sistem Penerimaan Paket pada PUSTEKKOM KEMENDIKBUD.

Gambar 4. 2 Sistem Berjalan

Sistem berjalan diawali dengan pengantar paket menyerahkan paket kepada

Resepsionis. Proses penerimaan paket oleh Resepsionis dicatat pada dokumen secara

manual. Selanjutnya Resepsionis akan melakukan pemanggilan menggunakan telpon

kepada pegawai yang bersangkutan. Pegawai yang berhak yang menerima paket akan

mengambil barang di Resepsionis. Proses pengambilan paket di Resepsionis akan

dicatat secara manual pada dokumen.

Identifikasi masalah yang ada pada sistem berjalan diantaranya, pencatatan

penerimaan dan penyerahan barang masih dilakukan secara manual pada dokumen.

Sulitnya penelusuran data yang ada untuk dokumentasi karna menumpuknya dokumen-

dokumen. Kegiatan penginformasian barang kepada pegawai masih dilakukan dengan

telpon yang dirasa sangat mengganggu bagi pegawai.

Page 35: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

24

IV.1.5 Analisis Sistem Usulan

Berdasarkan identifikasi masalah yang sebelumnya didapatkan dari sistem yang

berjalan, peneliti mengusulkan perancangan sistem informasi Penerimaan Paket untuk

memudahkan dalam pencatatan dan pengelolaan laporan.

Gambar 4. 3 Sistem Usulan

Sebelum masuk kedalam sistem, aktor yang terdiri dari manajer, resepsionis,

dan pegawai penerima paket melakukan login dengan memasukan username dan

password. Resepsionis dapat mengelola data paket dan dapat melihat laporan. Manajer

disini dapat mengelola data user dan data pegawai, manajer juga dapat memantaunya

dari laporan yang diterima. Sedangkan pegawai bertugas untuk mengkonfirmasi

penerimaan paket.

IV.2 Tahap Perancangan

Pada tahap ini menggambarkan desain proses, desain database, dan desain

interface. Desain proses berisi mengenai diagram UML yang berisi usecase diagram,

activity diagram, sequence diagram, dan class diagram. Desain database berisi

mengenai struktur database yang ada pada system Penerimaan Paket. Desain interface

berisi mengenai interface structure design dan interface prototype design.

Page 36: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

25

IV.2.1 Desain Proses

Pada tahap sebelumnya telah di definisikan data yang dibutuhkan, data ini

kemudian di transformaiskan untuk mendapat aliran informasi yang mungkin

diperlukan untuk mengimplementasikan fungsi sistem. Peneliti menggunakan tools

UML, dimana terdiri dari beberapa diagram seperti usecase diagram, activity diagram,

sequence diagram dan class diagram.

IV.2.1.1 Use Case Diagram

Gambar 4.4 merupakan diagram usecase pada Sistem Informasi Penerimaan

Paket Pada Bagian Rumah Tangga PUSTEKKOM KEMENDIKBUD:

Gambar 4. 4 Use Case Sistem Informasi Penerimaan Paket

Usecase pada Sistem Informasi Penerimaan Paket terdiri dari 3 aktor yaitu

manajer, resepsionis, dan pegawai penerima paket yang terdiri dari 5 usecase yaitu

mengelola data pegawai, mengelola account user, mengelola paket, terima paket, dan

Page 37: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

26

laporan. Pada usecase mengelola data pegawai yang dikelola oleh manajer

menjelaskan mengenai proses mengelola data pegawai seperti menambah, mengedit,

dan menghapus data-data yang meliputi data pegawai.

Selanjutnya adalah usecase mengelola account yang dikelola oleh manajer,

resepsionis, dan penerima paket. Usecase mengelola account berisi kegiatan melihat

profile account dan mengubah profile account. Selanjutnya adalah usecase mengelola

paket, pada usecase ini menjelaskan proses menambah data paket, melihat data paket,

dan mengubah data paket yang dikelola oleh resepsionis. Kemudian adalah usecase

terima paket yang dikerjakan oleh pegawai penerima paket dengan melakukan

konfirmasi terhadap penerimaan paket tersebut untuk mengubah status paket menjadi

sudah diterima.

Yang terakhir adalah usecase laporan yang dikelola oleh resepsionis dan

manajer. Pada usecase ini actor dapat melihat daftar paket beserta penerimanya dengan

jangka waktu tertentu, seperti tahunan, bulanan, dan mingguan.

IV.2.1.2 Activity Diagram

Activity diagram yang ada pada sistem informasi Penerimaan Paket

diantaranya yaitu mengelola data pegawai, mengelola account user, penerimaan paket,

terima paket, dan laporan.

a. Activity Diagram Mengelola Data Pegawai

Gambar 4.5 yaitu gambar activity diagram mengelola data pegawai, kegiatan

ini berisi mengenai kegiatan yang dikelola oleh manajer, dimulai dengan membuka

data pegawainya terlebih dahulu, dilanjutkan dengan menambah data pegawai.

Setelah data berhasil ditambah maka manajer dapat merubah atau menghapus data

pegawa. Kemudian data yang telah diolah dapat disimpan ke database.

Page 38: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

27

Gambar 4. 5 Acivity Diagram Mengelola Data Pegawai

Pada gambar 4.6 merupakan source code yang berhubungan dengan activity

diagram Mengelola Data Pegawai. Tahap pertama adalah kita harus melakukan

koneksi dengan database menggunakan fungsi include ('konek.php'). Terdapat

query insert yang memiliki fungsi untuk menambahkan data baru kedalam sisitem.

Setelah data disimpan dan divalidasi dengan benar maka akan ada massage box

“Data Berhasil Disimpan!”. Selanjutnya user dapat melakukan edit data atau

hapus data setelah data berhasil ditambahkan.

Page 39: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

28

Gambar 4. 6 Source Code Mengelola Data Pegawai

b. Activity Diagram Mengelola Account

Pada gambar 4.7 Activity Diagram mengelola account dikelola oleh 3 aktor

yaitu resepsionis, manajer, dan penerima paket. Kegiatan pertama yang harus

dilakukan adalah membuka profile account dari user setelah melakukan login.

Setelah user berhasil melakukan login maka user dapat merubah password atau

username. Jika data berhasil disimpan lalu user dapat melihat profilenya kembali.

Page 40: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

29

Gambar 4. 7 Acivity Diagram Mengelola Account

Gambar 4.8 adalah source code dari activity diagram Mengelola Account. Pada

query select * from data_pegawai where username='".$_SESSION['login_user']."' akan

menampilkan data-data user pada database pegawai yang akan diubah. Di dalam button

save terdapat query update data_pegawai set password='".$mynewpassword."' where username

='".$myuser."' yang merupakan fungsi dalam mengupdate data user yang akan di edit.

Page 41: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

30

Gambar 4. 8 Source Code Mengelola Account

c. Activity Diagram Paket

Pada gambar 4.9 merupakan activity diagram penerimaan paket yang dikelola

oleh resepsionis. Kegiatan pertama yang dapat dilakukan oleh resepsionis adalah

membuka data paket terlebih dahulu, setelah itu resepsionis dapat menambah data

paket dan dapat langsung ditujukan kepada penerima paket. Resepsionis juga dapat

mengubah danmenghapus data dari paket.

Page 42: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

31

Gambar 4. 9 Acivity Diagram Penerimaan Paket

gambar 4.10 merupakan source code yang berhubungan dengan activity

diagram penerimaan paket. Terdapat query insert yang memiliki fungsi untuk

menambahkan data baru kedalam sisitem. Setelah data disimpan dan divalidasi

dengan benar maka akan ada massage box “Data Berhasil Disimpan!”.

Selanjutnya user dapat melakukan edit data atau hapus data setelah data berhasil

ditambahkan.

Page 43: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

32

Gambar 4. 10 Source Code Mengelola Account

d. Activity Diagram Konfirmasi Penerimaan Paket

Pada gambar 4.11 merupakan activity diagram terima paket yang dilakukan

oleh penerima paket. Penerima paket dapat membuka data paket karna telah

menerima data paket, setelah itu penerima paket dapat mengubah status paket yang

sebelumnya belum diterima menjadi sudah diterima.

Gambar 4. 11 Acivity Diagram Konfirmasi Penerimaan Paket

Page 44: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

33

Gambar 4.12 adalah source code dari activity diagram Konfirmasi penerimaan

paket. Pada query "update paket set jnsbarang ='".$myjns."', status = '".$mysts."',

tgldiambil='".$mydiambil."', nama='".$mynama."' , email ='".$myemail."', bagian ='".$mybagian."'

where id_pegawai = '".$myidpeg."'" Yang akan mengubah data paket menjadi telah

diterima oleh user.

Gambar 4. 12 Source Code konfirmasi penerimaan paket

e. Activity Diagram Laporan

Pada gambar 4.13 merupakan activity diagram laporan. Kegiatan ini dilakukan

dengan tujuan untuk melihat laporan yang ada, diantaranya adalah laporan data

pegawai, laporan data paket, dan laporan data user.

Page 45: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

34

Gambar 4. 13 Acivity Diagram Laporan

Gambar 4.14 adalah source code dari activity diagram laporan. Untuk

memanggil data menggunakan query "select * from data_pegawai ORDER BY

id_pegawai DESC" dan untuk melakukan print pdf menggunkan fpdf.

Page 46: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

35

Gambar 4. 14 Source Code Laporan

IV.2.1.3 Sequence Diagram

Sequence diagram yang ada pada sistem informasi Penerimaan Paket

diantaranya mengelola data pegawai, mengelola account user, penerimaan paket,

terima paket, dan laporan.

a. Sequence Diagram Mengelola Data Pegawai

Pada gambar 4.15 merupakan sequence diagram mengelola data pegawai.

Sequence diagram mengelola data pegawai, diawali oleh manajer yang mengakses

data pegawai dengan mengklik data pegawai dan selanjutnya menambahkan data-

data pegawai. Terdapat pula proses mengubah data pegawai yang dapat dilakukan

oleh manajer, selain mengubah manajer juga dapat menghapus data pegawai. Data

yang telah ditambahkan akan tersimpan kedalam database data pegawai.

Page 47: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

36

Gambar 4. 15 Sequence Diagram Mengelola Data Pegawai

b. Sequence Diagram Mengelola Account

Pada gambar 4.16 digambarkan sequence diagram mengelola account, diawali

oleh user yang mengakses profile user. User disini terdiri dari pegawai penerima

paket, resepsionis, dan manajer. Selanjutnya user dapat melakukan ubah data pada

data profile yang teridri dari username dan password. Setelah user mengubah

username dan password yang ada pada profile maka akan di simpan di database

dan user akan mendapat pemberitahuan bahwa data telah tersimpan dalam

database.

Page 48: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

37

Gambar 4. 16 Sequence Diagram Mengelola Account

c. Sequence Diagram Penerimaan Paket

Pada gambar 4.17 digambarkan sequence diagram penerimaan paket. User

yang berhubungan adalah resepsionis. Kegiatan pertama yang dilakukan adalah

mengisi form penerimaan paket dan mengakses class pegawai untuk melengkapi

data penerimaan paket. Bukan hanya kegiatan membuat data baru tapi juga dapat

dilakukan edit dan delete data penerimaan paket. Setelah itu data penerimaan paket

akan disimpan pada database penerimaan paket.

Page 49: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

38

Gambar 4. 17 Sequence Diagram Penerimaan Paket

d. Sequence Diagram Terima Paket

Pada gambar 4.18 digambarkan sequence diagram terima paket. User yang

berhubungan adalah pegawai penerima paket tersebut. Kegiatan pertama yang

dilakukan adalah masuk kedalam form data paket, selanjutnnya mengubah status

dari barang tersebut. Jika kode barang tersebut tervalidasi dengan benar maka akan

menampilkan data berhasil disimpan. Pegawai juga dapat mencetak bukti

penerimaan paket.

Page 50: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

39

Gambar 4. 18 Sequence Diagram Konfirmasi Penerimaan Paket

e. Sequence Diagram Laporan

Pada gambar 4.19 digambarkan sequence diagram laporan. User yang

berhubungan adalah manajer dan resepsionis. Laporan terdiri dari tiga laporan

pegawai, laporan user, dan laporan paket. Selanjutnya user memilih laporan mana

yang akan ditampilkan setelah itu klik print untuk mengeprint laporan dan akan

menampilkan hasil laporan yang akan di print.

Page 51: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

40

Gambar 4. 19 Sequence Diagram Laporan

IV.2.1.4 Class Diagram

Class diagram dibawah ini menggambarkan keadaan struktural suatu sistem.

Gambar 4. 20 Class Diagram Penerimaan Paket

Page 52: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

41

Gambar 4.20 merupakan class diagram yang ada pada sistem Penerimaan

Paket yang terdiri dari 2 class yaitu paket dan pegawai, class pegawai memiliki

subclass penerima paket dan resepsionis. Paket memiliki hubungan 1 to 1 (one to one)

yang artinya bahwa 1 paket dapat diterima oleh 1 penerima paket.

IV.2.2 Desain Database

Pada tahap ini akan menjelaskan mengenai database apa saja yang terdapat di

sistem informasi penerimaan paket. Setelah melakukan perancangan class diagram

pada tahap sebelumnya, penulis akan menjelaskan struktur database penerimaan paket.

1. Pegawai

Nama Tabel : data_pegawai

Primary Key : id_pegawai

Foreign Key : -

Tabel 4. 1 Database Pegawai

Field Type Size Keterangan

id_pegawai Int 20 Kode pegawai

nama Varchar 50 Nama pegawai

jenis_kelamin Varchar 20 Jenis kelamin pegawai

email Varchar 50 Email pegawai

notelp Varchar 20 Nomor telepon pegawai

bagian Varchar 80 Bagian pegawai

username Varchar 12 Username pegawai

password Varchar 8 Password pegawai

2. Paket

Nama Tabel :paket

Primary Key : id_barang

Foreign Key : id_pegawai

Page 53: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

42

Tabel 4. 2 Database Paket

Field Type Size Keterangan

id_barang Int 20 Kode barang

jnsbarang Varchar 30 Jenis paket

status Varchar 20 Status paket

tglditerima Date 15 Keterangan waktu penerimaan

tgldiambil Date 15 Keterangan waktu pengambilan

id_pegawai Int 20 Kode pegawai penerima paket

nama Varchar 50 Nama pegawai penerima paket

bagian Varchar 80 Bagian pegawai penerima paket

notelp Varchar 20 Nomer telepon pegawai penerima paket

email Varchar 50 Email pegawai penerima paket

IV.2.3 Desain Interface

Tahap ini akan menggambarkan tampilan yang akan dilihat oleh pengguna.

Pada gambar 4.21 akan menggambarkan mengenai User Interface Prototype untuk

login, dimana user harus menginputkan username dan password.

Gambar 4. 21 User Interface Prototype untuk login

Page 54: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

43

Gambar 4.22 akan menggambarkan mengenai User Interface Prototype untuk

data pegawai, dimana user dapat menambahkan data pegawai. Data-data yang di

masukkan kedalam data pegawai harus divalidasi terlebih dahulu untuk selanjutnya

dapat tersimpan kedalam database data pegawai.

Gambar 4. 22 User Interface Prototype untuk data pegawai

Gambar 4.23 akan menggambarkan mengenai User Interface Prototype untuk

data paket, dimana user dapat menambahkan data paket. Sama halnya dengan data

pegawai pegawai yang harus divalidasi terlebih dahulu untuk nanti data dapat disimpan

kedalam database.

Page 55: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

44

Gambar 4. 23 User Interface Prototype untuk data paket

Gambar 4.24 akan menggambarkan mengenai User Interface Prototype untuk

edit profile account, dimana user dapat mengubah data profile berupa password. Bukan

hanya password baru saja yang harus dimasukan tapi user harus memasukan juga

password lamanya untuk melakukan validasi kesistem.

Page 56: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

45

Gambar 4. 24 User Interface Prototype untuk edit profile account

Gambar 4.25 akan menggambarkan mengenai User Interface Prototype untuk

laporan pegawai, dimana user dapat melihat laporan pegawai. Selain itu user juga

dapat mengubah atau menghapus data pegawai. Kegiatan lain pada halaman ini adalah

user dapat melakukan cetak laporan berdasarkan id pegawai.

Page 57: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

46

Gambar 4. 25 User Interface Prototype untuk laporan pegawai

IV.3 Tahapan Implementasi (Implementation)

Fase ini merupakan tahapan akhir dari proses pembuatan sistem. Pada fase ini

terdapat tahapan pengkodean. Dalam proses pengkodean peneliti menggunaan bahasa

pemprogramna php dan tools XAMPP V3.2.1. Selain itu dalam proses database

menggunakan tools MySQL. Selanjutnya sistem yang telah dibuat di uji agar layak

digunakan menggunakan black box testing. Tujuan dari melakukan testing adalah

untuk mencegah kesalahan pada sistem sebelum nantinya sistem tersebut akan

diimplementasikan.

Tabel 4.25 adalah pengujian yang dilakukan pada page login. User harus

memasukan username dan password, kemudian klik button login. Jika username dan

password benar maka akan menampilkan page menu utama, sedangkan jika username

atau password salah maka akan menampilkan pemberitahuan “Username atau

Password tidak terdaftar!”.

Page 58: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

47

Tabel 4. 3 Pengujian Login

Pengujian login

Actor User

Menu Login

Sub Menu -

Aktivitas rancangan proses 1. Mengisi username

2. Mengisi Password

Tanda Peringatan Kesalahan - Muncul pesan “Username atau Password

tidak terdaftar”

Kesesuaian Sistem - Berhasil Menampilkan halaman menu utama

Hasil Warning -

Accept Sesuai

Keterangan Aktor berhasil masuk ke dalam sistem

penerimaan paket

Selanjutnya adalah tabel 4.7 dimana pengujian dilakukan terhadap tambah data

pegawai dengan mengklik form pegawai, maka akan muncul form pegawai. Manajer

akan mengisikan data-data pegawai seperti nama, jenis kelamin, email, no telp, bagian,

username, dan password. Selanjutnya tekan button save maka data akan otomatis

bertambah pada database.

Tabel 4. 4 Pengujian Tambah Data Pegawai

Pengujian tambah data user

Actor Manajer

Menu Data Pegawai

Sub Menu -

Aktivitas rancangan proses 1. Mengisi Form tambah data pegawai

2. Klik Save

Tanda Peringatan Kesalahan - Ketika form tidak terisi semua akan muncul “

Data masih kosong “

Kesesuaian Sistem - Menampilkan pesan “Data Berhasil di

Simpan”

Hasil Warning -

Page 59: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

48

Accept Sesuai

Keterangan Manajer berhasil menambah data pegawai

Tabel selanjutnya yaitu 4.8 merupakan pengujian ubah data pegawai. Manajer

yang akan mengedit data pegawai harus memilih terlebih dahulu data pegawai yang

akan diubah. Setelah masuk kedalam menu form ubah maka manajer dapat melakukan

edit data pegawai sesuai dengan yang sebenarnya

Tabel 4. 5 Pengujian Ubah Data Pegawai

Pengujian edit data user

Actor Manajer

Menu Laporan Data Pegawai

Sub Menu -

Aktivitas rancangan proses 1. Klik kanan pada pegawai yang akan diedit

2. Pilih edit

3. Edit data pegawai

4. Klik button save

Tanda Peringatan Kesalahan -

Kesesuaian Sistem - Menampilkan pesan “Data Pegawai telah

diperbaharui”

Hasil Warning -

Accept Sesuai

Keterangan Manajer berhasil mengedit data pegawai

Tabel 4.9 adalah pengujian hapus data pegawai. Manajer yang akan menghapus

data pegawai harus mengklik button hapus seteah memilih data mana yang akan

dihapus.

Tabel 4. 6 Pengujian Hapus Data Paket

Pengujian delete data user

Actor Manajer

Menu Laporan Data Pegawai

Sub Menu -

Page 60: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

49

Aktivitas rancangan proses 1. Klik kanan pada pegawai yang akan didelete

Tanda Peringatan Kesalahan -

Kesesuaian Sistem - Menampilkan pesan konfirmasi “Data

Pegawai User : nama_user telah dihapus”

Hasil Warning -

Accept Sesuai

Keterangan Aktor berhasil menghapus pegawai

Selanjutnya adalah tabel 4.10 dimana pengujian dilakukan terhadap tambah data

paket dengan mengklik menu form paket, maka akan muncul form paket yang harus

diisi oleh resepsionis. Resepsionis akan mengisikan data-data paket seperti jenis paket,

status, tanggal penerimaan dan data-data penerima paket seperti nama, bagian, no

telepon, dan email. Selanjutnya tekan button save maka data akan otomatis bertambah

pada database.

Tabel 4. 7 Pengujian Tambah Data Paket

Pengujian tambah data user

Actor Resepsionis

Menu Data Paket

Sub Menu -

Aktivitas rancangan proses 1. Mengisi Form tambah data paket

2. Klik button Save

Tanda Peringatan Kesalahan - Ketika form tidak terisi semua akan muncul “

Data masih kosong “

Kesesuaian Sistem - Menampilkan pesan “Data Berhasil di

Simpan”

Hasil Warning -

Accept Sesuai

Keterangan Resepsionis berhasil menambah data paket

Tabel selanjutnya yaitu 4.11 merupakan pengujian ubah data paket. Resepsionis

yang akan mengedit data paket harus memilih terlebih dahulu data paket yang akan

Page 61: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

50

diubah pada menu laporan data paket. Setelah masuk kedalam menu form edit maka

resepsionis dapat melakukan edit data paket sesuai dengan yang sebenarnya.

Tabel 4. 8 Pengujian Ubah Data Paket

Pengujian edit data user

Actor Resepsionis

Menu Laporan Data Paket

Sub Menu -

Aktivitas rancangan proses 1. Klik kanan pada paket yang akan diedit

2. Pilih edit

3. Edit data paket

4. Klik button save

Tanda Peringatan Kesalahan -

Kesesuaian Sistem - Menampilkan pesan “Data Paket telah

diperbaharui”

Hasil Warning -

Accept Sesuai

Keterangan Resepsionis berhasil mengedit data paket

Tabel 4.12 adalah pengujian hapus data paket. Resepsionis yang akan menghapus

data paket harus mengklik button hapus seteah memilih data mana yang akan dihapus.

Tabel 4. 9 Pengujian Hapus Data Paket

Pengujian delete data user

Actor Resepsionis

Menu Laporan Data Paket

Sub Menu -

Aktivitas rancangan proses 1. Klik kanan pada paket yang akan dihapus

Tanda Peringatan Kesalahan -

Kesesuaian Sistem - Menampilkan pesan konfirmasi “Data Paket

telah dihapus”

Hasil Warning -

Page 62: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

51

Accept Sesuai

Keterangan Resepsionis berhasil menghapus paket

Selanjutnya adalah tabel 4.13 dimana pengujian dilakukan terhadap ubah data

user. Pegawai dapat mengubah data user dengan login terlebih dahulu kedalam sistem.

Tabel 4. 10 Pengujian Ubah Data User

Pengujian tambah data user

Actor User

Menu Profile

Sub Menu -

Aktivitas rancangan proses 1. Mengisi data yang akan diubah

2. Klik button Save

Tanda Peringatan Kesalahan - Ketika form tidak terisi semua akan muncul “

Data masih kosong “

Kesesuaian Sistem - Menampilkan pesan “Data Berhasil di

Perbarui”

Hasil Warning -

Accept Sesuai

Keterangan User berhasil mengubah data user

IV.4 Interface Aplikasi

Pada bagian ini akan dijelaskan mengenai interface sistem informasi penerima

paket yang akan di gunakan oleh user yang menggunakan sistem informasi ini. Pada

gambar 4.26 merupakan interface untuk data pegawai yang dikelola oleh manajer

dalam menambahkan data pegawai dan data user. Selain menambah manajer juga

dapat melakukan ubah dan hapus data pegawai.

Page 63: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

52

Gambar 4. 26 Interface untuk Data Pegawai

Gambar 4.27 menjelaskan mengenai pengelolaan laporan data paket. Pada

laporan ini manajer dapat mencari data paket berdasarkan tenggat waktunya atau kata

kunci yang dicarinya. Terdapat pula fungsi print untuk mencetak laporan kedalam

bentuk pdf.

Page 64: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

53

Gambar 4. 27 Interface untuk Laporan Data Paket

Gambar 4.28 menjelaskan mengenai terima paket. User yang menerima paket

akan diarahakn kedalam menu ini untuk mengubah status dari paket tersebut menjadi

telah diterima. Setelah user mengklik button save maka user akan mendapatkan bukti

penerimaan paket untuk selanjutnya menjadi bukti bagi pegawai dalam mengambil

paketnya.

Page 65: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

54

Gambar 4. 28 Interface untuk Terima Paket

Page 66: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

55

BAB V

PENUTUP

V.1 Kesimpulan

Dari hasil analisa dan pembahasan sistem, dapat disimpulkan bahwa :

1. Sistem Penerima Paket sudah dibangun dan sudah dimanfaatkan dengan cara

menentukan kebutuhan sistem, alur sistem, desain sistem, desain database.

2. Sistem Penerima Paket diharapkan dapat mempermudah dalam melakukan

transaksi penerimaan paket, serta mempermudah dalam sistem penyimpanan

database. Serta mempermudah pegawai (resepsionis) dan manajer dalam

melakukan kegiatan dengan menggunakan sistem yang user friendly.

3. Sistem Penerima Paket membantu pihak Pustekkom Kemdikbud dalam proses

perkembangan dalam bidang teknologi informasi yaitu dengan mengurangi sistem

kerja secara manual dan berintegrasi dengan informasi dan teknologi.

V.2 Saran

Berdasarkan kesimpulan yang telah dijabarkan, maka terdapat saran untuk

peneliti selanjutnya, yaitu untuk system ini bisa dikembangkan menjadi lebih luas

dengan menambahkan menu untuk sumber daya manajemen barang.

Page 67: RANCANG BANGUN SISTEM INFORMASI PENERIMAAN …layanan-awan.com/Paket/laporanpklrisky.pdf · Universitas Islam Negeri Syarif Hidayatullah Jakarta Dosen Pembimbing Dr. rer. nat. Ditdit

56

DAFTAR PUSTAKA

Alatas, H. (2013). Responsive Web Design dengan PHP dan Bootstrap. Yogyakarta:

Loko Media.

Fowler, M. (2004). UML Distilled Edisi ke-3. Yogyakarta: Andi Yogyakarta.

Hadisaputra, A. (2012). Ebook Belajar HTML CSS Fundamental Dari Akar Menuju

Daun.

Hariyanto, B. (2004). Sistem Manajemen Basis Data. Bandung: Informatika.

Jogiyanto. (2005). Analisis & Desain Sistem Informasi: Pendekatan Terstruktur Teori

dan Praktek Aplikasi Bisnis. Yogyakarta: Andi Yogayakarta.

Kendall, K. E., & Kendall, J. E. (2010). Analisis dan Perancangan Sistem. Edisi 5.

Diterjemahkan oleh: Thamir Abdul Hafedh. Jakarta: PT Indeks.

Nazir, M. (2005). Metode Penelitian. Bogor: Ghalia Indonesia.

Pressman , R. S. (2002). Software Engineering A Practitioner’s Approach Buku I Edisi

4. Yogyakarta: Andi Yogyakarta.

Sidik, B. (2006). Pemrograman Web dengan PHP. Bandung: Informatika.

Sugiarti, Y. (2013). Analisis & Perancangan UML (Unified Modeling Language)

Generated . Yogyakarta: Graha Ilmu.

Sutabri, T. (2005). Sistem Informasi Manajemen. Jakarta.

Turban , R., Rainer, R., & Potter, R. (2005). Introduction to Information Technology.

Jakarta: Salemba Infotek.

Utama, D. N., Lazuardi, L. I., Qadrya, H. A., Caroline, B. M., Renanda, T., & Sari, A.

P. (2017). Worth Eat: an Intelligent Application for Restaurant

Recommendation based on Customer Preference (Case Study: Five Types of

Restaurant in Tangerang Selatan Region, Indonesia).

Utama, D. N., Zaki, F. A., Munjeri, I. J., & Putri, N. U. (2016). FWFA optimization

based decision support system for road traffic engineering, 6.

Whitten, J. L., Bentley, L. D., & Dittman, K. C. (2004). System Analysis & Design

Methods: Sixth Edition. New York: Mc.Graw-Hill.