BAB III

METODE ANALISIS DAN PERANCANGAN SISTEM

3.1. Metodologi Penelitian

Metodologi penelitian adalah sekumpulan peraturan, kegiatan, dan prosedur

yang digunakan oleh pelaku suatu disiplin ilmu. Penelitian merupakan suatu

penyelidikan yang sistematis untuk meningkatkan sejumlah pengetahuan, juga

merupakan suatu usaha yang sistematis dan terorganisasi untuk menyelidiki

masalah tertentu yang memerlukan jawaban.

Metode pengembangan sistem yang digunakan untuk pengumpulan data dan

informasi yang diperlukan dalam perancangan aplikasi website sppd ini

adalahmetode studi kepustakaan, metode interview, dan metode analisis data

yang dapat dijelaskan, sebagai berikut :

1. Metode Studi Kepustakaan

Metode pengumpulan data dengan mencari informasi lewat buku, majalah,

Koran, dan literature lainnya yang bertujuan untuk membentuk sebuah

landasan teori.

2. Metode Interview

Proses memperoleh keterangan untuk tujuan penelitian dengan cara tanya

jawab sambil bertatap muka antara si peneliti dengan objek penelitian.

Keterangan-keterangan yang hendak diperoleh melalui wawancara biasanya

adalah keterangan dalam memperoleh dan memastikan fakta, memperkuat

kepercayaan, memperkuat perasaan, mengenali standar kegiatan, dan untuk

mengethaui alasan seseorang.

14
 15

3. Metode Analisis Dat

Data-data yang diperoleh kemudian diolah untuk dianalisis sesuai dengan

permasalahan yang diteliti.

3.2. Analisis Sistem Yang Sedang Berjalan

Setelah melakukan hasil analisa pada Dinas Pertambangan dan Energi

Pronvinsi Nusa Tenggara Timur, maka dapat digambarkan sistem yang sedang

berjalan secara garis besar pada flowchart sistem yang sedang berjalan pada

gambar 3.1.

Gambar 3.1. Flowchart Sistem SPPD yang sedang berjalan.

 16

Dari flowchart sistem yang berjalan maka dapat dijelaskan sebagai

berikut:

1. Pegawai menerima perintah perjalanan dinas dari kepala kepala bagian

2. Pegawai membuat surat permohonan yang di tujukan kepada kepala dinas

yang di lampiri dengan undangan dari instansi lain atau jadwal yang suda

direncanakan dan biaya perjalanan dinas di berikan kepada sekretaris.

3. Sekretaris menerima surat dari pegawai dan mencetak serta diberikan

kepada kepala Dinas.

4. Kepala Dinas menerima dan membaca surat dari pegawai tersebut.

5. Kepala Dinas menyetujui perjalanan dinas tersebut dan diberitahukan

kepada sekretaris untuk membuat surat perjalanan dinas.

6. Sekretaris membuat surat perjalanan dinas dan mencetak serta diberikan

kepada Kepala Dinas untuk di tandatangani.

7. Surat perintah perjalanan dinas yang sudah ditandatangani dikembalikan

kepada sekretaris untuk diproses biaya perjalanan dinas sesuai aturan.

3.3. Analisis Hasil Solusi

Dari hasil analisis permasalahan yang terjadi pada sistem yang sedang

berjalan di Dinas Pertambangan dan Energi Provinsi Nusa Tenggara Timur, maka

pada laporan praktek kerja lapangan ini, penulisakan memberikan solusi untuk

mengatasi atau mengembangkan sistem tersebut yaitu dengan membuatanalisis

flowchart sistem yang akan diusulkan dan alur dokumen .

 17

3.3.1.Flowchart Sistem

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan

hubungan antar proses beserta instruksinya.

Gambar 3.2.Flowchart yang diusulkan.

 18

Flowchart yang diusulkan maka di jelaskan sebagai berikut:

1. Operator menerima form SPPD dan dana di setujui, kemudian operator

menginputkan data form SPPD untuk di buatkan surat tugas surat jalan dan

kwitansi uang dinas.

2. Setelah surat tugas, surat jalan, dan kwitansi uang dinas selesai di

cetak,kemudian di serahkan kepada bagian keuangan untuk mencairkan uang

perjalanan dinas dan di serahkan kepada pegawai yang akan melakukan

perjalanan dinas.

3. Pegawai menerima surat tugas, surat jalan, dan uang perjalanan dinas, lalu

membuat laporan kegiatan setelah kembali melakukan perjalanan dinas.

3.3.2. Alur Dokumen

Alur dokumen atau yang disebut juga flowchart merupakan gambaran

tentang bagaimana cara kerja sistem yang dapat dibangun dengan menggunakan

simbol-simbol yang mewakili keadaan sebenarnya pada sistem dan gambaran

tentang dokumen-dokumen tersebut beredar.

Gambar alur dokumen dapat dilihat pada gambar 3.3.

 19

Gambar 3.3.AlurDokumen Sistem Yang Diusulkan.

3.4. Analisis Kebutuhan Sistem

Hal pertama yang perlu dilakukan, dalam analisis kebutuhan sistem adalah

menentukan dan mengungkapkan kebutuhan sistem fungsional sistem. Kebutuhan

sistem terbagi menjadi dua yaitu : kebutuhan fungsional yang berkaitan langsung

dengan system dan kebutuhan sisten dan Kebutuhan non-fungsional yang tidak

berkaitan langsung dengan system.

 20

3.4.1. Kebutuhan Fungsional

Kebutuhan fungsional dari aplikasi ini meliputi :

1. Kebutuhan Administrator, meliputi :

a. Melakukan Login ke dalam Sistem

b. Menambah, mengubah,menghapus,dan Mencetak Data Pegawai, Data

Jabatan, Data Golongan, Data Kegiatan, Data Tanda Tangan, Serta

Mencetak Surat SPPD

c. Melakukan Penginputan Pegawai yang menerima Surat Perintah

Perjalanan Dinas atau Surat Perintah Tugas

d. Melakukan Penambahan atau perubahan pada Data Jabatan dan

Golongan

e. Melakukan Logout

2. Kebutuhan Pengguna, meliputi :

a. Menerima laporan surat perintah perjalanan dinas (SPPD)

b. Menerima Laporan surat perintah tugas (SPT)

3.4.2. Kebutuhan Non-fungsional

Kebutuhan non-fungsional adalah kebutuhan yang tidak secara langsung

terkait dengan fitur tertentu di dalam sistem.

1. Kebutuhan Hardware (Perangkat keras)

Kebutuhan perangkat keras dalam membangun aplikasi ini berupa perangkat

keras Administrator.Untuk perangkat keras sistem dalam hal ini menggunakan

sebuah computer dengan spesifikasi Minimal sebagai berikut :

 21

a. Processor Intel atau AMD

b. RAM 512 MB/ 1 GB

c. Harddisk(sesuai Banyaknya data)

d. VGA

e. Perangkat standar Input dan output

2. Kebutuhan Software (Perangkat lunak)

Adapun perangkat lunak yang digunakan dalam membangun aplikasi ini

adalah sebagai berikut :

a. Sistem Operasi Microsoft Windows 7 32/64 bit

b. Visual Studio 2008

c. Adobe Photoshop CS3

d. Xampp

e. MySQL Connector

3.5. Perancangan Sistem

Tahapan selanjutnya yang harus dilakukan adalah membuat perancangan

atau desain sistem.dalam pengembangan aplikasi ini beberapa rancangan yang

dibuat adalah Diagram Konteks, Data Flow Diagram (DFD), Entity Relationship

Diagram (ERD), Kamus Data Arus Data, Rancangan Database, dan Desain user

interface.
 22

3.5.1. Diagram Konteks

Gambar 3.4.Diagram Konteks

3.5.2. Data Flow Diagram (DFD)

Data flow diagram atau diagram aliran data ini merupakan penjabaran

sistem dari diagram konteks, diturunkan menjadi beberapa proses yang terjadi

antara entitas yang terlibat dengan sistem. DFD juga memperjelas dokumen-

dokumen yang mengalir dalam sistem.

Penjelasan tentang Data Flow Diagram ini dapat dibaca sebagai berikut :

1. DFD Level 0 (Nol atau Zero)

Diagram Nol merupakan satu lingkaran yang mewakili lingkaran-lingkaran

kecil yang ada didalamnya. Merupakan pemecahan dari diagram konteks ke

diagram Nol. Di dalam diagram ini memuat penyimpanan data pada proses

usulan dalam membuat aplikasi Surat Perintah Perjalanan Dinas Berbasis

Web.
 23

Gambar 3.5.DFD Level 0

2. Diagram Rinci (level 1) proses 1.0

Diagram Rinci (Level 1)-proses 1.0 merupakan detail proses dari DFD level 0

( Nol atau Zero )

 24

Gambar 3.6.DFD Level 1 proses 1.0

Pada DFD level 1 proses 1.0 dapat dijelaskan, sebagai berikut :

a. Admin menginputkan data kedalam sistem melalui halaman admin, data

tersebut berupa data pegawai, data jabatan, data golongan, data kegiatan,

data tanda tangan.

3. Diagram Rinci (level 1) proses 2.0

Diagram Rinci (Level 1)-proses 2.0 merupakan detail proses dari DFD level 0

( Nol atau Zero )

Gambar 3.7.DFD Level 1 proses 2.0

Pada DFD level 1 proses 2.0 dapat dijelaskan, sebagai berikut :

a. Admin melakukan penginputan data kegiatan dan data tanda tangan

kedalam sistem dengan ketentuan bahwa DFD Level 1 proses 1 telah

berhasil dilakukan.
 25

4. Diagram Rinci (level 1) proses 3.0

Diagram Rinci (Level 1)-proses 3.0 merupakan detail proses dari DFD level 0

( Nol atau Zero )

Gambar 3.8.DFD Level 1 proses 3.0

Pada DFD level 1 proses 3.0 dapat dijelaskan, sebagai berikut :

a. Admin sistem menampilkan semua data yang telah di input.

b. Admin melakukan proses pencetakan SPPD dan SPT.

c. Pegawai menerima SPPD dan SPT yang di hasilkan oleh sistem.

3.5.3. Entity Relatonship Diagram (ERD)

Entity Relationship Diagram(ERD)adalah suatu diagram yang

menjelaskan tentang suatu model data yang dikembangkan berdasarkan objek.dan

jugadigunakan untuk menjelaskan hubungan antara data dalam basis data kepada

pengguna secara logis dan model ini juga membantu perancang atau analis sistem
 26

pada saat melakukan analisa dan perancangan basis data karena model ini dapat

menunjukan macam data yang dibutuhkan dan kerelasian antar data didalamnya.

Sutanta(2011).
 27

Gambar 3.9.Entity Relantionship Diagram (ERD)

 28

3.5.4. Kamus Data Arus Data

Kamus data arus data pada umumnya adalah gambaran untuk memperjelas alir

data pada DFD Level 0 dari sistem yang sudah dirancang. Adapun dalam sistem

terdapat beberapa arus data antara lain:

1. Nama Arus Data : Data Administrator

Alias : -

Keterangan : Berisi berisi data username atau password untuk

melakukan login

Dari :-

Tabel 3.1. Tabel User

No Nama Field Type Lebar Keterangan

1. id_user Int(5) 5 Id user
2. username Varchar 100 Nama user
3. password Varchar 150 Kata sandi user
4. nama_lengkap Varchar 150 Nama lengkap user
5. alamat_email Varch 150 Alamat email valid
6. no_telpon Varchar 15 Nomor telepon
7. alamat_lengka Text - Alamat lengkap
p
8. level Varchar 20 Level login
9. status Enum (y,n) Status login
10. waktu_daftar Datetime - Waktu pendaftaran
11. unit_kerja Varchar 5 Unit kerja

2. Nama Arus Data : Data Karyawan

Alias : -

Keterangan : Berisi data-data karyawan

 29

Dari : Proses 1 Disimpan ke D1

Tabel 3.2.Tabel Karyawan

No Nama Field Type Lebar Keterangan

1. id_karyawan Int 10 Id karyawan
2. id_golongan Int 5 Id golongan
3. nip_karyawan Varchar 45 Nip karyawan
4. nama_karyawan Varchar 255 Nama karyawan
5. Jabatan_karyawa Varchar 255 Jabatan karyawan
n
6. kota_karyawan varchar 45 Kota karyawan

3. Nama Arus Data : Data Golongan

Alias : -

Keterangan : Berisi tentang data golongan

Dari : Proses 1 disimpan ke D2

Tabel 3.3.Tabel Golongan

No Nama Field Type Lebar Keterangan

1. id_golongan Int 5 Id golongan
2. golongan Varchar 10 Golongan
3. nama_golonga varchar 45 Nama golongan
n

4. Nama Arus Data : data pejabat

Alias : -

Keterangan : Berisi data jabatan

Dari : Proses 1 disimpan ke D3

Tabel 3.4.Tabel Pejabat

No Nama Field Type Lebar Keterangan

Id Int 5 Id
Nip Varchar 45 Nip
Nama Varchar 50 Nama
Jabatan varchar 60 Jabatan
 30

5. Nama Arus Data : Data Kegiatan

Alias : -

Keterangan : Berisi Data Kegiatan

Dari : Proses 2 Disimpan ke D4

Tabel 3.5.Tabel kegiatan

No Nama Field Type Lebar Keterangan

Id_kegiatan Int 10 Id kegiatan
No_kegiatan Varchar 45 No kegiatan
Mata_anggaran Varchar 45 Mata anggaran
No_bukti Varchar 100 Nomor bukti
Tahun_anggaran Varchar 45 Tahun anggaran
Nama_kegiatan Text Nama kegiatan
Tgl_mulai Date Tanggal mulai
Tgl_akhir Date Tanggal akhir
Tempat_kegiatan Varchar 225 Tempat kegiatan
biaya text Biaya

6. Nama Arus Data : Data Tanda Tangan

Alias : -

Keterangan : Berisi Tanda Tangan

Dari : Proses 2 Disimpan ke D5

Tabel 3.6.Tabel Tanda Tangan

No Nama Field Type Lebar Keterangan

Id_tanda_tangan Int 5 Id tanda tangan
Jabatan Varchar 100 Jabatan
Nama lengkap Varchar 100 Nama lengkap
Keterangan Varchar 150 Keterangan
nip varchar 50 Nip
 31

3.5.5. Kamus Data Tabel

Kamus data tabel merupakan penjelasan dari data yang terlibat didalam proses

yang terjadi, didefinisikan atau diidentifikasikan dan dikumpulkan dalam bentuk

tabel. Kamus data tabel dari Aplikasi ini, adalah sebagai berikut :

1. Kamus Data table user

Tabel 3.7.Tabel Data User

NamaTabel TipeTab
NomorTabel KodeTabel
Di Sistem Di Program el

1 phpmu_user phpmu_user Master

Kunci Primer Id_user
KunciSekund
-
er
Nama Field Lebar
Nomor Tipe Field
Di Sistem Di Program Field
1 Id_user Iduser Int 5
2 Username Username Varchar 100
3 Password Password Varchar 150
4 Nama_lengkap Namalengkap Varchar 150
5 Alamat_email Alamatemail Varchar 150
6 No_telpon Notelp Varchar 15
7 Alamat_lengkap Alamatlengkap Text
8 Level Level Varchar 20
9 Status Status Enum (y,n)
10 Waktu_daftar Waktudaftar Datetime
11 Unit_kerja unitkerja varchar 5

2. Kamus Data Tabel karyawan

Tabel 3.8.Tabel Data Karyawan

Nama Tabel Tipe

Nomor Tabel Kode Tabel
Di Sistem Di Program Tabel
Phpmu_karya Phpmu_kar
2 D1 Master
wan yawan
Kunci Primer Id_karyawan
Kunci -
 32

Sekunder
Nama Field Lebar
Nomor Tipe Field
Di Sistem Di Program Field
1 Id_karyawan Idkaryawan Int 10
2 Id_golongan Idgolongan Int 5
3 Nip_karyawan Nipkaryawan Varchar 45
Nama_karyaw Namakaryawa Varchar 255
4
an n
Jabatan_karya Jabatankaryaw Varchar 255
5
wan an
Kota_karyawa Varchar 45
6 kotakaryawan
n

3. Kamus Data Tabel Pejabat

Tabel 3.9.Tabel Data Pejabat

Nama Tabel Tipe

Nomor Tabel Kode Tabel
Di Sistem Di Program Tabel
Phpmu_pejaba Phpmu_peja
3 D2 Transaksi
t bat
Kunci Primer
Kunci
-
Sekunder
Nama Field Lebar
Nomor Tipe Field
Di Sistem Di Program Field
1 Id Id Int 5
2 Nip Nip Varchar 45
3 Nama Nama Varchar 50
4 Jabatan jabatan Varchar 60

4. Kamus Data Tabel golongan

Tabel 3.10.Tabel Data Golongan

Nama Tabel Tipe

Nomor Tabel Kode Tabel
Di Sistem Di Program Tabel
Phpmu_golong Phpmu_gol
4 D3 Transaksi
an ongan
Kunci Primer Id_golongan
Kunci
-
Sekunder
Nomor Nama Field Tipe Field Lebar
 33

Di Sistem Di Program Field

1 Id_golongan Idgolongan Int 5
2 Golongan Golongan Varchar 10
Nama_golong Varchar 45
3 namagolongan
an

5. Kamus Data Tabel Kegiatan

Tabel 3.11.Tabel Data Kegiatan

Tipe
Nama Tabel
Nomor Tabel Kode Tabel Tabel
Di Sistem Di Program
Phpmu_kegi
5 D4 Phpmu_kegiatan
atan
Kunci Primer Id_kegiatan
Kunci
-
Sekunder
Lebar
Nama Field Tipe Field
Nomor Field
Di Sistem Di Program
1 Id_kegiatan Idkegiatan Int 10
2 No_kegiatan Nokegiatan Varhcar 45
3 Mata_anggaran Mataanggaran Varchar 45
4 No_bukti Nobukti Varchar 100
5 Tahun_anggaran Tahunanggaran Varchar 45
6 Nama_kegiatan Namakegiatan Text
7 Tgl_mulai Tglmulai Date
8 Tgl_akhir Tglakhir Date
9 Tempat_kegiatan Tempatkegiatan Varchar 255
10 biaya biaya Text

6. Kamus Data Tabel Tanda Tangan

Tabel 3.12.Tabel Data Tanda Tangan

Nama Tabel Tipe

Nomor Tabel Kode Tabel
Di Sistem Di Program Tabel
Tanda_tang
5 D5 Tanda_tangan
an
Kunci Primer Id_tanga_tangan
Kunci
-
Sekunder
 34

Nama Field Lebar

Nomor Tipe Field
Di Sistem Di Program Field
Id_tanda_tanga Int 5
1 Idtandatangan
n
2 Jabatan Jabatan Varchar 100
3 Nama_lengkap Namalengkap Varchar 100
4 Keterangan Keterangan Varchar 150
5 nip nip Varchar 50

3.5.6. Perancangan Input / Output

Pada peracangan ini, terdiri atas perancangan input dan perancangan

output, dengan penjelasan sebagai berikut :

1. Perancangan Input

Perancangan input terdiri atas beberapa bagian, antara lain :

a. Halaman Login

Gambar 3.10. Halaman Login

Halaman ini khusus untuk administrator melakukan login dengan

menginputkan Username dan Password.

 35

b. Halaman Tambah Data Kegiatan

Gambar 3.11. Tambah Data Kegiatan

Form perancangan ini untuk form inputan untuk menambah data kegiatan

c. Halaman Tambah Data Golongan

Gambar 3.12. Tambah Data Golongan

Form ini dirancangan untuk melakukan penambahan data golongan

 36

d. Halaman Tambah Data Karyawan

Gambar 3.13. Tambah Data Karyawan

Form ini dirancang untuk menginputkan Data Pegawai Baru kedalam

Aplikasi Website Cetak SPPD

e. Halaman Tambah Data Pejabat

3.14. Tambah Data Pejabat

Form ini dirancangan untuk menginputkan atau menambah data jabatan

sesuai dengan jabatan yang telah ditentukan pada Perusahaan atau kantor.
 37

f. Halaman Tambah Data Tanda Tangan

Gambar 3.15. Tambah Data Tanda Tangan

Form ini dirancang untuk menambah data tanda tangan yang dimana

fungsinya untuk menambah data tanda tangan dibawah cetak surat

Perintah Perjalanan Dinas

g. Halaman Print Surat

Gambar 3.16. Halaman Print Surat

Halaman ini untuk memilih pejabat yang berhak melakukan tanda tangan

pada SPPD atau SPT ketika surat siap dicetak.

 38

2. Perancangan Output

Pada peracangan output ini terdiri atas bagian-bagian sebagai berikut :

a. Halaman Utama

Gambar 3.17. Halaman Utama

Menampilkan Halaman utama atau beranda ketika berhasil melakukan login

masuk kedalam aplikasi website.

b. Halaman Data Kegiatan

Gambar 3.18. Halaman Tampil Data Kegiatan

Menampilkan data-data kegiatan atau daftar kegiatan untuk melakukan

perjalanan dinas.
 39

3. Halaman Data Golongan

Gambar 3.19. Halaman Tampil Data Golongan

Menampilkan Data Golongan yang telah dinputkan

4. Halaman Data Jabatan

Gambar 3.20. Halaman Tampil Data Jabatan

Menampilkan Data Jabatan yang disimpan pada tabel jabatan

 40

5. Halaman Daftar Surat Perjalanan Dinas

Gambar 3.21. Halaman Daftar Surat Perjalanan Dinas

Menampilan Daftar Surat-Surat Perjalanan Dinas yang nantinya akan dicetak