SISTEM INFORMASI PERSEDIAAN BARANG ALAT TULIS

KANTOR PADA SEKRETARIAT DAERAH KABUPATEN

FAKFAK

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Guna Memperoleh Gelar

Diploma Tiga (D III) Pada Poiteknik Negeri Fakfak

Oleh :
SITTI KARTIKA HAMID
(163 13 010)

PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNIK DAN MANAJEMEN INFORMATIKA
POLITEKNIK NEGERI FAKFAK
FAKFAK
2016
 HALAMAN PERSETUJUAN PEMBIMBING

Laporan Tugas Akhir dengan judul “Sistem Informasi Persediaan Barang Alat

Tulis Kantor Pada Sekretariat Daerah Kabupaten Fakfak”, oleh Sitti

Kartika Hamid nomor induk mahasiswa 16313010 telah diterima dan disahkan

sebagai salah satu syarat untuk memperoleh gelar Diploma Tiga pada Program

Studi Manajemen Informatika Jurusan Teknik dan Manajemen Informatika

Politeknik Negeri Fakfak.

Fakfak, 23 Agustus 2016

Mengesahkan

Pembimbing I Pembimbing II

Muhammad Thahir, ST.,MT Muh. Aksa Hidayat Yani,S.ST

NIP 19661107 199303 1 00 3 NIP

Mengetahui
Ketua JurusanTeknik dan Manajemen Informatika

Mustari,ST.,M.T
NIP19660822 199003
1004

i
 HALAMAN PENGESAHAN TIM PENGUJI

Pada hari ini Selasa tanggal 23 Agustus 2016, panitia ujian sidang Tugas

Akhir, telah menerima dengan baik hasil Tugas Akhir oleh mahasiswa: Sitti

Kartika Hamid nomor induk mahasiswa (16313010) dengan judul “Sistem

Informasi Persediaan Barang Alat Tulis Kantor pada Sekretariat Daerah

Kabupaten Fakfak”.

Fakfak, 23 Agustus 2016

Panitia Ujian Sidang Tugas Akhir :

1. Drs.Amiruddin, M.Si Ketua ( )

2. Deisya M. Alhamid, SE,MM Sekretaris ( )

3. Drs.Muh.Jayadi, M.Si Anggota ( )

4. Muhammad Thahir,ST.,MT Pembimbing I ( )

5. Muh.Aksa Hidayat Yani, S.ST Pembimbing II ( )

 ABSTRAK
Sekretariat Daerah Fakfak merupakan salah satu instansi pemerintah
yang cukup besar di kabupaten fakfak, yang mempunyai tugas
menyusun anggaran dan mengurus keuangan. Dalam penyusunan
anggaran dan laporan keuangan , membutuhkan alat tulis kantor. Pada
sekretariat daerah kabupaten fakfak masih menggunakan cara manual,
atau secara fisik, dengan menghitung jumlah data barang yang ada dan
di cetak dalam bentuk selebaran. Tentu saja hal ini kurang efisien, yang
berisiko hilangnya data barang alat tulis kantor tersebut dan tercecer
atas kesalahan manusia. Sehingga penulis mengambil judul yaitu
“Sistem Informasi Persediaan Barang Alat Tulis Kantor pada
Sekretariat Daerah Kabupaten Fakfak”. Dalam sistem ini dapat
mempermudah, merekap pengolahan data barang alat tulis kantor pada
sekretariat daerah dan menghasilkan informasi yang dibutuhkan. Sistem
ini berjalan dengan baik dan telah mampu menambah data barang, edit
data barang, hapus data barang dan mencetak data barang.

Kata kunci : sistem informasi, persediaan barang alat tulis kantor.

iii
 KATA PENGANTAR

Puji dan syukur kehadirat Tuhan Yang Maha Esa, yang telah
melimpahkan berkat dan anugrah Nya kepada penulis sehingga Tugas Akhir
ini dapat terselesaikan dengan baik.

Penulisan Tugas Akhir ini bukanlah hasil kerja penulis sendiri,

melainkan juga berkat bimbingan dan dorongan dari berbagai pihak, oleh
karena itu melalui kesempatan ini penulis ingin menyampaikan penghargaan
serta terima kasihn yang sebesar- besarnya kepada:

1. Ir. Ilyas Mansyur, M.T selaku Direktur Politeknik Negeri Fakfak

2. Mustari,ST.,M.T selaku Ketua Jurusan Politeknik Negeri Fakfak
3. Deisya Maulida Alhamid SE,MM selaku Koordinator Studi Manajemen
Informatika.
4. Muhammad Thahir,ST.,MT selaku Pembimbing I dan Muh. Aksa
Hidayat Yani,S.ST selaku pembimbing II yang selalu memberikan arahan
dan masukan sehingga terselesaikannya Tugas Akhir ini.
5. Kepada kedua orang tua penulis Hamid dan Hj. Sandrang yang selalu
memberikan doa dan motivasi dalam menyelesaikan Tugas Akhir ini.
6. Teman- teman seperjuangan Diploma tiga Manajemen Informatika yang
senantiasa mendukung penulis.
7. Kepada Syahril dan Hastry Wulandari yang telah banyak membantu
penulis menyusun tugas akhir ini. Serta semua pihak yang telah
membantu penulis baik secara langsung maupun tidak langsung yang tidak
penulis sebutkan satu persatu.
8. Kepada Staf akademik yang telah banyak membantu penulis, dalam
penyusunan Tugas Akhir atas pelayanannya selama ini.
 Penulis menyadari bahwa dalam penulisan Tugas Akhir ini masih
terdapat banyak kekurangan, untuk itu penulis memohon maaf dan
mengharapkan kritik dan saran dari pembaca.Semoga tugas akhir ini dapat
memberikan manfaat bagi penulis pada khususnya serta bagi para pembaca
pada umumnya.

Fakfak, 23 Agustus 2016

Penulis
 DAFTAR ISI

HAL

HALAMAN JUDUL.........................................................................................i

HALAMAN PENGESAHAN PEMBIMBING...............................................ii

HALAMAN PENGESEHAN TIM PENGUJI................................................iii

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

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

DAFTAR ISI.......................................................................................................vi

DAFTAR GAMBAR..........................................................................................vii

DAFTAR TABEL...............................................................................................viii

BAB I PENDAHULUAN...................................................................................1

A. Latar Belakang........................................................................................1
B. Rumusan Masalah...................................................................................2
C. Tujuan.....................................................................................................3
D. Manfaat...................................................................................................3

BAB II TINJAUAN PUSTAKA.........................................................................4

A. Pengertian Sistem Informasi...................................................................4

B. Pengertian Persediaaan............................................................................4
C. Pengertian Database................................................................................4
D. Pengertian Php (Programmable Hypertext Preprocessor).....................5
E. Pengertian Html (Hypertext Markup Language )...................................6
F. Pengertian Css (Cascading Style Sheets )...............................................7
 G. Pengertian Use Case Diagram.................................................................7
H. Pengertian Flowchart..............................................................................10
I. Pengertian Sequence Diagram...............................................................11

BAB III METODE PERANCANGAN...............................................................12

A. Tempat dan Waktu..................................................................................12

B. Metode Perancangan...............................................................................12
1. Pengumpulan Data......................................................................13
2. Analsis Kebutuhan......................................................................13
3. Perancangan Sistem....................................................................14
4. Pembuatan Program....................................................................14
5. Pengujian Program......................................................................14
6. Pembuatan Tugas Akhir..............................................................15
C. Alat dan Bahan Penelitian.......................................................15
1. Perangkat Keras (Hardware).....................................................15
2. Perangkat Lunak (Software).......................................................15
D. Analisa dan Perancangan Sistem.............................................16
1. Use case diagram.........................................................................16
2. Database......................................................................................18
3. Entity Relationship Diagram (ERD)...........................................19
4. Sequence Diagram......................................................................20
5. Flowchart.....................................................................................23

BAB IV HASIL DAN PEMBAHASAN...........................................................26

A. Tampilan Sistem......................................................................................26
1. Tampilan Login 26
2. Tampilan MenuUtama...............................................................26
3. Form Tambah Data.....................................................................27
4. Form Edit Data...........................................................................27
5. Form Hapus Data.......................................................................28
 6. Form Cetak Data........................................................................28
7. Form Data Persediaan.................................................................29
B. Pengujian Sistem.....................................................................................30
1. Xampp 30
2. Web Browser...............................................................................30
3. Login...........................................................................................31
4. Menu Utama................................................................................31
5. Tambah Data...............................................................................32
6. Edit Data......................................................................................33
7. Hapus Data..................................................................................34
8. Cetak Data 35

BAB V PENUTUP..............................................................................................36

A. Kesimpulan.............................................................................................36
B. Saran........................................................................................................36

DAFTAR PUSTAKA.........................................................................................37

DAFTAR LAMPIRAN.......................................................................................39
 DAFTAR GAMBAR

Gambar 2.1 Actor................................................................................................8

Gambar 2.2 Usecase............................................................................................9

Gambar 2.3 Generalisasi.....................................................................................9

Gambar 3.1 Flowchart Perancangan...................................................................12

Gambar 3.2 Usecase Diagram............................................................................16

Gambar 3.3 Relasi Entity Relationship Diagram (ERD)....................................19

Gambar 3.4 Sequence Diagram Input Data Persediaan ATK.............................20

Gambar 3.5 Sequence Diagram Update Data Persediaan ATK.........................21

Gambar 3.6 Sequence Diagram Delete Data Persediaan ATK...........................22

Gambar 3.7 Flowchart Login Sistem..................................................................23

Gambar 3.8 Flowchart Input, Update dan Delete Data Persediaan ATK...........25

Gambar 4.1 Tampilan Login...............................................................................26

Gambar 4.2 HalamanUtama...............................................................................26

Gambar 4.3 Form Tambah Data Persediaan Barang (ATK)..............................27

Gambar 4.4 Form Edit Data Persediaan Barang (ATK)....................................27

Gambar 4.5 Form Hapus Data Persediaan Barang (ATK)................................28

Gambar 4.6 Form Cetak Data Persediaan Barang (ATK)..................................28

ix
Gambar 4.7 Form Data Persediaan Barang (ATK)............................................29

Gambar 4.8 Xampp.............................................................................................30

Gambar 4.9 Web Browser...................................................................................30

Gambar 4.10 Admin Login.................................................................................31

Gambar 4.11 Menu utama..................................................................................31

Gambar 4.12 Tambah Data.................................................................................32

Gambar 4.13 Edit Data.......................................................................................33

Gambar 4.14 Hapus Data....................................................................................34

Gambar 4.15 Cetak Data.....................................................................................35

 DAFTAR TABEL

Tabel 2.1 Simbol dan Fungsi Flowchart.............................................................10

Tabel 2.2 Simbol Sequence Diagram.................................................................11

Tabel 3.1 Penjelasan Usecase Diagram..............................................................17

Tabel 3.2 Persediaan...........................................................................................18

Tabel 3.3Jenis Barang.........................................................................................19

 BAB I

PENDAHULUAN

A. Latar Belakang

Sekretariat Daerah Fakfak merupakan salah satu instansi

pemerintah yang cukup besar di kabupaten fakfak, yang di dalamnya

terbagi menjadi Sembilan (9) Bagian. Bagian keuangan merupakan salah

satu bagian, yang mempunyai tugas menyusun anggaran, mengurus

keuangan yang menghasilkan laporan keuangan dan itu memperhatikan

tujuan subsistem – subsistem yang ada di dalamnya. Yang nantinya akan

saling terkait, salah satu sistem yang ada di dalam instansi sekretariat

daerah adalah sistem persediaan alat tulis kantor. Sistem Persediaan alat

tulis kantor meruapakan suatu sistem, yang tujuannya adalah menyediakan

segala kebutuhan alat tulis kantor yang dibutuhkan bila ada suatu kegiatan

di instansi sekretariat daerah kabupaten fakfak. Untuk menunjang kinerja

suatu pekerjaan, agar dapat berjalan sesuai dengan terget yang diinginkan.

Di sisi lain sistem ini belum berjalan pada sekretariat daerah fakfak

khususnya, pada persediaan alat tulis kantor dalam pengelolaan datanya

masih menggunakan cara manual atau secara fisik dengan menghitung

jumlah aitem barang yang ada. Karena di dalam lingkungan pemerintah

yang tepatnya di kantor sekretariat daerah, masih secara antar perorangan

dengan rekanan dengan berbicara secara langsung untuk menunjang

1
 pekerjaan pegawai dengan menggunakan alat tulis kantor (ATK) yang

menggunakan nota belanja atau kwitansi.

Dengan membuat suatu sistem yang berbasis web, diharapkan akan

dapat menggunakan data alat tulis kantor yang dibutuhkan pada periode

tertentu untuk kegiatan-kegiatan penting di Sekretariat Daerah Fakfak

seperti (alat tulis kantor yang dibutuhkan pada kegiatan rutin). Apabila

sistem persediaan di Sekretariat Daerah Fakfak berjalan baik, maka akan

sangat mempengaruhi kinerja dari instansi Sekretariat Daerah Kabupaten

Fakfak.

B. Rumusan Masalah

Berdasarkan uraian latar belakang di atas, maka dapat di tentukan

rumusan masalah dalam tugas akhir ini yaitu, “Bagaimana membuat

sistem informasi persediaan alat tulis kantor, untuk mengatasi

permasalahan saat terjadinya pendataan alat tulis kantor yang kurang

efisien baik dari segi waktu dan tenaga?”

Penelitian ini memiliki ruang lingkup yang mencangkup:

1. Perancangan sistem informasi persediaan barang alat tulis kantor

hanya menampilkan data alat tulis kantor pada bidang keuangan

sekretariat daerah.

2. Penelitian ini hanya membahas informasi persediaan alat tulis kantor

(ATK) dan laporan alat tulis kantor berbasis web

C. Tujuan Penelitian

Tujuan dari penelitian ini adalah: Mewujudkan suatu rancangan

sistem informasi pengelolaan ATK, yang diharapkan dapat membantu dan

mempercepat proses pembuatan laporan alat tulis kantor.

D. Manfaat Penelitian

Manfaat dari penelitian ini adalah :

1. Mahasiswa dapat mengimplementasikan ilmu pengetahuan yang di

terima selama kuliah.

2. Mempermudah sekretariat daerah mengolah data alat tulis kantor dan

menghasilkan informasi yang lebih cepat dan akurat.

3. Sebagai bahan referensi penelitian pada masa akan datang.

 BAB II

TINJAUAN PUSTAKA

A. Pengertian Sistem Informasi

Sistem informasi adalah kombinasi teratur dari orang-orang,

perangkat keras (hardware), perangkat lunak (software), jaringan

komunikasi, dan sumber daya data yang mengumpulkan, mengubah, dan

menyebarkan informasi dalam sebuah organisasi. (O’Brian,2005).

B. Pengertian Persediaan

Persediaan dapat diartikan sebagai barang-barang yang disimpan

untuk digunakan atau dijual pada masa atau periode yang akan datang.

Persediaan terdiri dari persediaan bahan baku, persediaan bahan setengah

jadi dan persediaan barang jadi. Persediaan bahan baku dan bahan

setengah jadi disimpan sebelum digunakan atau dimasukkan ke dalam

proses produksi, sedangkan persediaan barang jadi atau barang dagangan

disimpan sebelum dijual atau dipasarkan. Dengan demikian setiap

perusahaan yang melakukan kegiatan usaha umumnya memiliki

persediaan . (Ristono,2009).

C. Pengertian Database

Suatu kumpulan dari item data yang saling berhubungan satu

dengan yang lainnya yang diorganisasikan, berdasarkan sebuah skema atau

struktur tertentu. Tersimpan di hardware komputer dan software untuk

melakukan manipulasi untuk kegunaan tertentu.(Susanta,2004).
D. Pengertian PHP (Hypertext Preprocessor)

PHP adalah bahasa pemrogram script yang paling banyak dipakai

saat ini. PHP banyak dipakai untuk memrogram situs web dinamis,

walaupun tidak tertutup kemungkinan untuk digunakan untuk pemakaian

lain. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada

waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP

adalah sekumpulan script yang digunakan untuk mengolah data form dari

web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber

tersebut dan menamakannya PHP/ FI, pada saat tersebut kepanjangan dari

PHP/ FI adalah Personal Home Page/Form Interpreter. PHP Hypertext

preposessor adalah merupakan bahasa berbentuk skrip yang ditempatkan

dalam server. Hasilnya adalah yang dikirim ke klien, tempat pemakai

menggunakan browser. Secara khusus, PHP dirancang untuk membentuk

web dinamis. Artinya semua sintak yang diberikan akan sepenuhnya

dijalankan pada server. Sedangkan yang dikirim ke browser hanya

hasilnya saja. (Rasmus Lerdorf. 1995).

Kelebihan PHP dari bahasa pemrograman lain:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana

dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi

yang relative mudah.

 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis -

milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang

paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai

mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan

secara runtime melalui console serta juga dapat menjalankan

perintah-perintah sIstem.

E. Pengertian HTML (Hyper Text Markup Language)

HTML kependekan dari Hyper Text Markup Language. Dokumen

HTML adalah file text murni yang dapat dibuat dengan editor text

sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini

berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang

ada dikomputer client (user) sehingga isi formasinya dapat ditampilkan

secara visual dikomputer pengguna (user). (Yeni Kustiyahningsih dan

Devie Rosa Anamisa, 2011).

HTML menerapkan satu set berupa tag-tag yang mengenalkan

struktur dari tipe isi (content) berupa :

1. Tag Yang Tertutup < >.

2. Tag berpasangan dengan tanda permulaan dan akhiran <> < / >.
 Dalam pembuatan sebuah halaman Web minimal mempunyai empat tag

<html> </html>

<head>

<title> </title>

</head>

<body> </body>

Struktur diatas adalah satu kesatuan yang harus ada dalam setiap

dokumen HTML.

E. Pengertian CSS (Cascading Style Sheets)

CSS atau Cascading Style Sheet merupakan salah satuh bahasa

standar pemorograman web. Style Sheet merupakan Feature yang sangat

penting dalam membuat Dynamic HTML.Style Sheet merupakan tempat

dimana anda mengontrol dan mengatur style yang ada. Style sheet

mendeskripsikan bagaimana tampilan document HTML di layar .

F. Pengertian Use Case Diagram

Diagram Use case merupakan pemodelan untuk menggambarkan

kelakuan (behavior) sistem yang akan di buat. Diagram use case

mendeskripsikan sebuah interaksi antara satu atau lebih kantor dengan

sistem yang akan dibuat. Diagram use case digunakan untukmengetahui

funsi apa saja yang ada di dalam sebuah sistem dan siapa saja yang berhak

mengguanakan fungsi-fungsi tersebut. Yang dittekankan pada diagram ini

adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use

case merepresentasikan sebuah interaksi antara aktor dengan sistem.

Berikut simbol dan fungsi yang ada dalam use case diagram pada gambar

2.1, 2.2 gambar 2.3

1. Actor

Actor tersebut mempresentasikan seseorang atau sesuatu

(seperti perangkat, sistem lain) yang berinteraksi dengan sistem.

Sebuah actor mungkin hanya memberikan informasi inputan pada

sistem, hanya menerima informasi dari sistem atau keduanya

menerima, dan memberi informasi pada sistem. Actor hanya

berinteraksi dengan use case, tetapi tidak memiliki kontrol atas use

case. Actor digambarkan dengan stick man

Gambar 2.1 Actor

2. Use Case

Use case adalah gambaran fungsionalitas dari suatu sistem,

sehingga customer atau pengguna sistem paham dan mengerti

mengenai kegunaan sistem yang akan dibangun.

Gambar 2.2 Use Case

3. Generalisasi

Hubungan generalisasi dan spesialis (umun – khusus)

antara dua buah usecase dimana fungsi yang satu adalah fungsi

yang umum dari lainnya.

Gambar 2.3 Generalisasi

F. Pengertian Flowchart

Flowchart (Diagram alir) adalah suatu bagan dengan simbol-

simbol tertentu yang menggambarkan urutan proses secara mendetail dan

hubungan antara suatunproses (intruksi) dengan proses lainnya dalam

suatu program.

Berikut simbol-simbol dalam flowchart dapat di lihat pada tabel 2.1

Tabel 2.1 Simbol dan fungsi Flowchart

Simbol Nama Fungsi
Permulaan/ akhir
Terminator program
Arah aliran program
Garis alir

Proses inisialisasi /
Prepration Pemberian harga awal

Manual input Input data secara manual

dengan menggunakan
keyboard

Input/Output Proses Input / Output

data data, informasi

Proses Proses pengolahan data

G. Pengertian Sequence Diagram

Menurut Dharmawiyanti, (Pengantar Unifeid

Modelling Language,2003) sequence diagram

menggambarkan interaksi antar objek di dalam dan sekitar sistem termasuk

pengguna, display dan sebagainya berupa message yang di gambarkan

terhadap waktu. Sequence diagram terdiri atas dimensi vertical (waktu)

dan dimensi horizontal (objek-objek yang terkait). Berikut simbol dan

fungsi yang dalam sequence diagram dapat di lihat pada tabel 2.2

Tabel 2.2 Simbol Sequence Diagram

No Gambar Nama Kegiatan

1 Lifeline Objek entity, antar muka

yang saling berinteraksi.

Spesifikasi dari komunikasi

antar objek yang memuat
2 Message informasi-informasi tentang
aktifitas yang terjadi

Spesifikasi dari komunikasi

antar objek yang memuat
3 Message informasi-informasi tentang
aktifitas yang terjadi
 BAB III

METODE PERANCANGAN

A. Tempat dan Waktu Penelitian

Pembuatan Tugas Akhir dilakukan pada Politeknik Negeri Fakfak

pada bulan Juni hingga Agustus 2016.

B. Metode Perancangan

Metode Perancangan merupakan rangkaian cara atau kegiatan

pelaksanaan dalam perancangan sistem, rangkaian ini menggambarkan

langkah – langkah melakukan perancangan sistem. Metode perancangan

digambarkan dengan diagram flowchart yang dapat dilihat pada gambar

3.1

Gambar 3.1 Flowchart perancangan

1. Pengumpulan Data

Pengumpulan data dilakukan unuk memperoleh informasi yang

dibutuhkan dalam rangka mencapai tujuan perancangan. Pengumpulan

data diperoleh dari tiga tahap yaitu:

a. Observasi

Observasi dilakukan dengan pengamatan secara langsung terhadap

sistem yang telah berjalan di Sekretariat Daerah Fakfak.

b. Wawancara

Wawancara yang dilakukan adalah kegiatan tanya jawab kepada

pihak yang terkait dengan sistem yaitu staf keuangan Setda.

c. Studi Pustaka

Pengumpulan data yang dilakukan dengan membaca dan

mempelajari buku literatur, artikel dan informasi terdahulu sebagai

bahan tinjauan pustaka yang berkiatan dengan permasalahan yang

terdapat pada pembuatan sistem.

Dari data yang telah terkumpul dapat menjadi bahan untuk

mengidentifikasi masalah, dan menentukan masalah yang ada dalam

sebuah sistem.

2. Analisis Kebutuhan

Analisis kebutuhan dilakukan berdasarkan pengumpulan data,

dalam tahap ini terbagi menjadi dua yaitu::

 a. Menganalisis sistem yang baik digunakan dalam mengatasi

kekurangan sistem yang lama.

b. Menganalisis kebutuhan berupa perangkat yang digunakan dalam

mendukung pembuatan sistem.

3. Perancangan Sistem

Memahami rancangan sistem aplikasi sesuai data yang telah

dianalisis, mengimplementasikan model yang diinginkan berdasarkan

pada tahap perancangan database, Usecase Diagram, Data Entity

Relationship Diagram (ERD) dan Sequence Diagram

4. Pembuatan Program

Membuat program dan mempresentasikan hasil desain

pembuatan program.

5. Pengujian Program

Menguji coba segala struktur di dalam sistem, dalam tahap ini

dilakukan proses uji coba untuk mengetahui sejauh mana aplikasi atau

sistem berjalan sesuai prosedur dan memastikan jika sistem yang di

buat berjalan dengan benar. Adapun pengujian yang akan dilakukan

pengujian dengan cara unit test pengujian satuan terkecil dari sebuah

perangkat lunak. Unit Test di maksud adalah pengujian sistem secara

independent yang meliputi input data, Update data, dan delete data
 6. Pembuatan Tugas Akhir (TA)

Pembuatan Tugas Akhir berdasarkan penelitian yang

dilakukan dan dari hasil program dan juga sesuai dengan aturan tata

tulis yang telah ditetapkan pada Politeknik Negeri Fakfak.

C. Alat dan Bahan Penelitian

Alat dan bahan penelitian yang digunakan untuk mendukung

pembuatan Sistem rekapitulasi kompensasi berbasis Web menggunakan

dua perangka yaitu perangkat keras (hardware) dan perangkat lunak

(software) dengan spesifikasi sebagai berikut.:

1. Perangkat keras ( Hardware)

a. Personal Computer / Laptop

2. Perangkat lunak (Software)

a. XAMPP

- MySQL

- PHP

- Apache

b. Web Browser Mozila Firefox

c. Sistem operasi Windows 8

d. Notepad++

f. Edraw Max
D. Analisa dan Perancangan Sistem

Untuk mendapatkan gambaran mengenai sistem yang akan

dibuat, maka dilakukan analisis terhadap sistem dan memodelkannya

dengan menggunakan functional model. Proses dan data model dari

sistem dimodelkan dengan diagram, Use Case,Entity Relationship

Diagram (ERD), Use Case Diagram, Sequence Diagram, dan Flowchart.

1. Usecase Diagram

Untuk lebih mengenal proses interaksi pengguna dengan

sistem maka digunakan usecase diagram. Dengan usecase ini dapat

di ketahui proses yang terjadi pada aktifitas sekretariat daerah yang

digunakan oleh system. Usecase diagram sistem informasi dapat di

lihat pada gambar 3.2.

Gambar 3.2 Usecase Diagram Sistem Informasi

 Usecase diagram sistem informasi atk menjelaskan actor yang

dapat melakukan input, update, dan delete data barang atk pada

sistem informasi alat tulis kantor.

Penjelasan lebih terperinci dapat dilihat pada tabel 3.1 Penjelasan

Usecase diagram sistem informasi persediaan barang alat tulis

kantor.

Tabel 3.1 Penjelasan Use Case

Actor Nama Use case Deskripsi usecase

Usecase ini berfungsi untuk

menambah data barang atk
Admin Input Data Barang dengan terlebih dulu login
ATK sebagai operator admin
kemudian disimpan

Usecase ini berfungsi untuk

mengupdate data barang atk
Admin Edit Data Barang dengan terlebih dulu login
ATK sebagai operator admin

kemudian disimpan.

Usecase ini berfungsi untuk

menghapus data barang atk
Admin Hapus Data Barang dengan terlebih dulu login
ATK sebagai operator admin
kemudian disimpan

Usecase ini berfungsi untuk

mencetak halaman atk dengan
Admin Cetak Data Barang terlebih dulu login sebagai
ATK operator admin kemudin
mencetak data.
2. Database Tabel Persediaan Alat Tulis Kantor

Proses perancangan database merupakan tahap penting

agar sistem yang dikembangkan efisien dalam ruang penyimpanan,

pengaksesan data, integritas data dan pemanipulasiannya.

Rancangan tabel data barang yang dapat di lihat pada tabel 3.2.

Tabel 3.2 Tabel Persediaan

No Nama Tipe Data Range Data Keterangan

1 Id_persediaan Int 3 Primary

2 Nama_barang Varchar 100

3 Spesifikasi Varchar 100

4 Satuan Viarchar 50

5 Jumlah Varchar 4

6 Harga Varchar 50

7 Jenis_barang Varchar 50

Tabel 3.3 Tabel Jenis Barang

3. Perancangan Entity Relationship Diagram (ERD)

No Nama Tipe Data Range Data Keterangan

1 Id_jenis_barang Int 3 Primary Key

2 Jenis_barang Varchar 50

ERD menjelaskan relasi yang ada dalam sistem informasi

persediaan barang alat tulis kantor, yaitu jenis barang dan

persediaan data barang, dapat dilihat pada gambar 3.3.

Gambar 3.3 Relasi Entity Relationship Diagram (ERD)

4. Perancangan Sequence diagram

 Sequence diagram adalah suatu diagram yang

menggambarkan interaksi antar obyek dan mengindikasikan

komunikasi diantara obyek – obyek tersebut. Diagram ini juga

menunjukkan serangkaian pesan yang dipertukarkan oleh obyek –

obyek yang melakukan suatu tugas atau aksi tertentu.

a. Sequence Diagram Input Persediaan Data Alat Tulis

Kantor Sequence Diagram Input data barang ATK merupakan

diagram yang menggambarkan obyek dan mengindikasikan

komunikasi diantara obyek –obyek dalam proses input data

barang ATK, yang dapat dilihat pada gambar 3.4.

Gambar 3.4 Sequence Diagram Input Data Persediaan Alat Tulis

Kantor (ATK)

b. Sequence Diagram Update Data Alat Tulis Kantor

 Sequence Diagram Update data barang ATK

merupakan diagram yang menggambarkan obyek dan

mengindikasikan komunikasi diantara obyek –obyek dalam

proses update data barang ATK, yang dapat dilihat pada

gambar 3.5.

Gambar 3.5 Sequence Diagram Update Data Persediaan Alat Tulis

Kantor (ATK)
 c. Sequence Diagram Delete Data Alat Tulis Kantor

Sequence Diagram Delete data barang ATK merupakan

diagram yang menggambarkan obyek dan mengindikasikan

komunikasi diantara obyek –obyek dalam proses delete data

barang ATK, yang dapat dilihat pada gambar 3.6.

Gambar 3.6 Sequence Diagram Delete Data Persediaan Alat Tulis

Kantor (ATK)
5. Flowchart Sistem Informasi Persediaan Barang Alat Tulis

Kantor

a. Flowchart Login

Flowchart login admin terlebih dahulu login dengan

memasukkan username dan password. Jika username dan

password benar, maka proses login sukses. Jika username

dan password salah, maka kembali mengisi username dan

password, dapat dilihat pada gambar 3.7.

Gambar 3.7 Flowchart Login

b. Flowchart Tambah, Edit,Hapus dan cetak data persediaan

alat tulis kantor

1. Flowchart Tambah

Admin terlebih dahulu login jika username dan

password benar, maka masuk pada menu utama dan

admin memilih menu barang. Jika admin memilih menu

tambah, admin mengisi form tambah data jika “YA”

data barang berhasil di simpan. Jika “TIDAK” admin

kembali ke menu barang.

2. Flowchart Edit

Admin terlebih dahulu login, jika username

dan password benar, maka akan masuk pada menu

utama dan admin memilih menu barang. Jika admin

memilih menu edit, pilih data yang akan di ubah.

Jika “YA” data barang berhasil di ubah dan

tersimpan dalam database, jika “TIDAK” maka

admin kembali ke menu barang.

3. Flowchart Hapus

Admin terlebih dahulu login, jika username dan

password benar, maka akan masuk pada menu utama

dan admin memilih menu barang. Jika admin memilih

menu hapus, pilih data yang akan di hapus. Jika “YA”

maka
 akan muncul kalimat “Apa anda yakin ingin hapus?”

klik “OK” data barang berhasil di hapus, jika “TIDAK”

maka admin kembali ke menu barang.

4. Flowchart Cetak

Admin terlebih dahulu login, jika username

dan password benar, maka akan masuk pada menu

utama dan admin memilih menu barang. Jika admin

memilih menu cetak, pilih halaman yang akan di cetak.

Jika “YA” maka halaman data barang berhasil di cetak,

jika “TIDAK” maka admin kembali ke menu barang.

Alur flowchart tambah, edit, hapus dan cetak dapat

dilihat pada gambar 3.8

Gambar 3.8 Flowchart Tambah, Edit dan Hapus data persediaan

alat tulis kantor

 BAB IV

HASIL DAN PEMBAHASAN

A. Tampilan Sistem

Tampilan Sistem Informasi Persediaan Barang alat tulis

kantor, dibuat sederhana mungkin, sehingga mudah untuk di

operasikan

1. Tampilan Login

Ini adalah tampilan login Sistem Informasi Persediaan Barang

Alat Tulis Kantor Sekretariat Daerah.

Gambar 4.1 Tampilan Login

2. Halaman Utama

Ini adalah tampilan Halaman utama Sistem Informasi Persediaan

Barang Alat Tulis Kantor Sekretariat Daerah.

Gambar 4.2 Halaman Utama

3. Form Tambah Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form tambah data persediaan alat tulis

kantor, untuk menambah data persediaan barang ATK.

Gambar 4.3 Form Tambah Data Persediaan Alat Tulis Kantor

(ATK)

4. Form Edit Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form edit data persediaan alat tulis kantor,

untuk edit data persediaan barang ATK.

Gambar 4.4 From Edit Data Persediaan Alat Tulis Kantor

(ATK)
5. Form Hapus Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form hapus data persediaan alat tulis kantor,

untuk hapus data persediaan barang ATK.

Gambar 4.5 From Hapus Data Persediaan Alat Tulis Kantor

(ATK)

6. Form Cetak data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form cetak data persediaan alat tulis kantor,

untuk mencetak data persediaan barang ATK.

Gambar 4.6 Form cetak data Persediaan Alat Tulis Kantor (ATK)
7. Form Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form data persediaan alat tulis kantor, untuk

melihat data persediaan barang ATK.

Gambar 4.7 Data Persediaan Persediaan Alat Tulis Kantor

(ATK)
B. Pengujian Program

1. Xampp

Sebelum masuk ke dalam sistem,admin terlebih dahulu

mengaktifkan aplikasi Xampp dan menjalankan Apache dan

Mysql. Seperti pada gambar 4.8

Gambar 4.8 Xampp

2. Web Browser

Pengujian ini menggunakan web browser mozila firefox untuk

menampilkan hasil dari system yang dirancang serta melakukan

pengujian masing-masing form Sistem Informasi Persediaan

Barang Alat Tulis Kantor. Seperti gambar 4.9

Gambar 4.9 Pengujian web browser mozila firefox

3. Login

Pada form ini admin harus mengisi password dan username,

sebelum mengakses Sistem Informasi Persediaan Barang Alat

Tulis Kantor. Seperti pada gambar 4.10

Gambar 4.10 Admin Login

4. Menu utama

Halaman utama system informasi persediaan akan tampil jika

telah berhasil login ke dalam system, dan akan memunculkan

beberapa menu, diantaranya Home, Jenis Barang, Data

Persediaan, Cetak dan Logout. Seperti pada gambar 4.11

Gambar 4.11 Form Menu Utama Sistem Informasi Persediaan Barang

Alat Tulis Kantor

5. Tambah data

Pada form data persediaan terdapat menu tambah data, dimana

admin dapat mengimputkan data persediaan alat tulis kantor

pada sistem tersebut dengan cara mengklik “Tambah Data” dan

mengisi form tambah data seperti gambar 4.12

Gambar 4.12 Tambah Data

6. Edit data

Pada form data persediaan terdapat menu edit denngan mengklik

icon edit yang berwarna hijau, maka from edit data persediaan

akan tampil setelah selasai mengedit data persediaan akan muncul

kotak dialog “Telah tersimpan pada Database” Dimana admin

dapat mengubah data persediaan alat tulis kantor pada sistem

tersebut. Seperti pada gambar 4.13

Gambar 4.13 Edit Data

7. Hapus Data

Pada form data persediaan terdapat menu hapus denngan mengklik

icon hapus yang berwarna merah, maka akan muncul pesan

“Apakah anda yakin ingin menghapus data ?” , jika kita memilih

“Ok” maka secara otomats sistem menyampaikan pesan konfirmasi

bahwa “Data telah dihapus” data persediaan Dimana admin dapat

menghapus data persediaan alat tulis kantor pada sistem tersebut.

Seperti gambar 4.14.

Gambar 4.14 Hapus Data

8. Cetak Data

Pada menu data persediaan terdapat menu cetak degan mengklik

Cetak, maka akan muncul Form Cetak Data. Jika admin ingin

mencetak data, maka admin mengklik “cetak data” akan muncul

kotak dialog Print. Seperti gambar 4.15

Gambar 4.15 Cetak Data

 BAB V

PENUTUP
A. Kesimpulan

Sistem Informasi Persediaan Barang Alat Tulis Kantor Pada

Sekretariat Daerah, dapat berjalan dengan baik dan telah mampu

menambah data barang, edit data barang, hapus data barang dan

mencetak data barang. Sistem ini menghasilkan informasi yang di

butuhkan oleh Sekretariat Daerah.

B. Saran

Adapun sistem yang dibuat masih terdapat banyak

kekurangan, bagi yang akan mengembangkan system Informasi

saran dari penulis adalah:

Penulis menyadari sistem ini perlu pengembangan yang lebih

lanjut, agar sistem ini benar – benar menjadi sistem yang dapat

mempermudah user. Dalam pengembangannya , diharapkan sistem

ini mampu dikembangkan menjadi sistem yang dapat membuat

laporan yang dapat mempermudah user dalam pengadaan alat tulis

kantor yang dibutuhkan

 BAB I

PENDAHULUAN

A. Latar Belakang

Sekretariat Daerah Fakfak merupakan salah satu instansi

pemerintah yang cukup besar di kabupaten fakfak, yang di dalamnya

terbagi menjadi Sembilan (9) Bagian. Bagian keuangan merupakan salah

satu bagian, yang mempunyai tugas menyusun anggaran, mengurus

keuangan yang menghasilkan laporan keuangan dan itu memperhatikan

tujuan subsistem – subsistem yang ada di dalamnya. Yang nantinya akan

saling terkait, salah satu sistem yang ada di dalam instansi sekretariat

daerah adalah sistem persediaan alat tulis kantor. Sistem Persediaan alat

tulis kantor meruapakan suatu sistem, yang tujuannya adalah menyediakan

segala kebutuhan alat tulis kantor yang dibutuhkan bila ada suatu kegiatan

di instansi sekretariat daerah kabupaten fakfak. Untuk menunjang kinerja

suatu pekerjaan, agar dapat berjalan sesuai dengan terget yang diinginkan.

Di sisi lain sistem ini belum berjalan pada sekretariat daerah fakfak

khususnya, pada persediaan alat tulis kantor dalam pengelolaan datanya

masih menggunakan cara manual atau secara fisik dengan menghitung

jumlah aitem barang yang ada. Karena di dalam lingkungan pemerintah

yang tepatnya di kantor sekretariat daerah, masih secara antar perorangan

dengan rekanan dengan berbicara secara langsung untuk menunjang

1
 pekerjaan pegawai dengan menggunakan alat tulis kantor (ATK) yang

menggunakan nota belanja atau kwitansi.

Dengan membuat suatu sistem yang berbasis web, diharapkan akan

dapat menggunakan data alat tulis kantor yang dibutuhkan pada periode

tertentu untuk kegiatan-kegiatan penting di Sekretariat Daerah Fakfak

seperti (alat tulis kantor yang dibutuhkan pada kegiatan rutin). Apabila

sistem persediaan di Sekretariat Daerah Fakfak berjalan baik, maka akan

sangat mempengaruhi kinerja dari instansi Sekretariat Daerah Kabupaten

Fakfak.

B. Rumusan Masalah

Berdasarkan uraian latar belakang di atas, maka dapat di tentukan

rumusan masalah dalam tugas akhir ini yaitu, “Bagaimana membuat

sistem informasi persediaan alat tulis kantor, untuk mengatasi

permasalahan saat terjadinya pendataan alat tulis kantor yang kurang

efisien baik dari segi waktu dan tenaga?”

Penelitian ini memiliki ruang lingkup yang mencangkup:

1. Perancangan sistem informasi persediaan barang alat tulis kantor

hanya menampilkan data alat tulis kantor pada bidang keuangan

sekretariat daerah.

2. Penelitian ini hanya membahas informasi persediaan alat tulis kantor

(ATK) dan laporan alat tulis kantor berbasis web

C. Tujuan Penelitian

Tujuan dari penelitian ini adalah: Mewujudkan suatu rancangan

sistem informasi pengelolaan ATK, yang diharapkan dapat membantu dan

mempercepat proses pembuatan laporan alat tulis kantor.

D. Manfaat Penelitian

Manfaat dari penelitian ini adalah :

1. Mahasiswa dapat mengimplementasikan ilmu pengetahuan yang di

terima selama kuliah.

2. Mempermudah sekretariat daerah mengolah data alat tulis kantor dan

menghasilkan informasi yang lebih cepat dan akurat.

3. Sebagai bahan referensi penelitian pada masa akan datang.

 BAB II

TINJAUAN PUSTAKA

A. Pengertian Sistem Informasi

Sistem informasi adalah kombinasi teratur dari orang-orang,

perangkat keras (hardware), perangkat lunak (software), jaringan

komunikasi, dan sumber daya data yang mengumpulkan, mengubah, dan

menyebarkan informasi dalam sebuah organisasi. (O’Brian,2005).

B. Pengertian Persediaan

Persediaan dapat diartikan sebagai barang-barang yang disimpan

untuk digunakan atau dijual pada masa atau periode yang akan datang.

Persediaan terdiri dari persediaan bahan baku, persediaan bahan setengah

jadi dan persediaan barang jadi. Persediaan bahan baku dan bahan

setengah jadi disimpan sebelum digunakan atau dimasukkan ke dalam

proses produksi, sedangkan persediaan barang jadi atau barang dagangan

disimpan sebelum dijual atau dipasarkan. Dengan demikian setiap

perusahaan yang melakukan kegiatan usaha umumnya memiliki

persediaan . (Ristono,2009).

C. Pengertian Database

Suatu kumpulan dari item data yang saling berhubungan satu

dengan yang lainnya yang diorganisasikan, berdasarkan sebuah skema atau

struktur tertentu. Tersimpan di hardware komputer dan software untuk

melakukan manipulasi untuk kegunaan tertentu.(Susanta,2004).

D. Pengertian PHP (Hypertext Preprocessor)

PHP adalah bahasa pemrogram script yang paling banyak dipakai

saat ini. PHP banyak dipakai untuk memrogram situs web dinamis,

walaupun tidak tertutup kemungkinan untuk digunakan untuk pemakaian

lain. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada

waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP

adalah sekumpulan script yang digunakan untuk mengolah data form dari

web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber

tersebut dan menamakannya PHP/ FI, pada saat tersebut kepanjangan dari

PHP/ FI adalah Personal Home Page/Form Interpreter. PHP Hypertext

preposessor adalah merupakan bahasa berbentuk skrip yang ditempatkan

dalam server. Hasilnya adalah yang dikirim ke klien, tempat pemakai

menggunakan browser. Secara khusus, PHP dirancang untuk membentuk

web dinamis. Artinya semua sintak yang diberikan akan sepenuhnya

dijalankan pada server. Sedangkan yang dikirim ke browser hanya

hasilnya saja. (Rasmus Lerdorf. 1995).

Kelebihan PHP dari bahasa pemrograman lain:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana

dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi

yang relative mudah.

 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis -

milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang

paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai

mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan

secara runtime melalui console serta juga dapat menjalankan

perintah-perintah sIstem.

E. Pengertian HTML (Hyper Text Markup Language)

HTML kependekan dari Hyper Text Markup Language. Dokumen

HTML adalah file text murni yang dapat dibuat dengan editor text

sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini

berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang

ada dikomputer client (user) sehingga isi formasinya dapat ditampilkan

secara visual dikomputer pengguna (user). (Yeni Kustiyahningsih dan

Devie Rosa Anamisa, 2011).

HTML menerapkan satu set berupa tag-tag yang mengenalkan

struktur dari tipe isi (content) berupa :

1. Tag Yang Tertutup < >.

2. Tag berpasangan dengan tanda permulaan dan akhiran <> < / >.
 Dalam pembuatan sebuah halaman Web minimal mempunyai empat tag

<html> </html>

<head>

<title> </title>

</head>

<body> </body>

Struktur diatas adalah satu kesatuan yang harus ada dalam setiap

dokumen HTML.

E. Pengertian CSS (Cascading Style Sheets)

CSS atau Cascading Style Sheet merupakan salah satuh bahasa

standar pemorograman web. Style Sheet merupakan Feature yang sangat

penting dalam membuat Dynamic HTML.Style Sheet merupakan tempat

dimana anda mengontrol dan mengatur style yang ada. Style sheet

mendeskripsikan bagaimana tampilan document HTML di layar .

F. Pengertian Use Case Diagram

Diagram Use case merupakan pemodelan untuk menggambarkan

kelakuan (behavior) sistem yang akan di buat. Diagram use case

mendeskripsikan sebuah interaksi antara satu atau lebih kantor dengan

sistem yang akan dibuat. Diagram use case digunakan untukmengetahui

funsi apa saja yang ada di dalam sebuah sistem dan siapa saja yang berhak

mengguanakan fungsi-fungsi tersebut. Yang dittekankan pada diagram ini

adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use

case merepresentasikan sebuah interaksi antara aktor dengan sistem.

Berikut simbol dan fungsi yang ada dalam use case diagram pada gambar

2.1, 2.2 gambar 2.3

1. Actor

Actor tersebut mempresentasikan seseorang atau sesuatu

(seperti perangkat, sistem lain) yang berinteraksi dengan sistem.

Sebuah actor mungkin hanya memberikan informasi inputan pada

sistem, hanya menerima informasi dari sistem atau keduanya

menerima, dan memberi informasi pada sistem. Actor hanya

berinteraksi dengan use case, tetapi tidak memiliki kontrol atas use

case. Actor digambarkan dengan stick man

Gambar 2.1 Actor

2. Use Case

Use case adalah gambaran fungsionalitas dari suatu sistem,

sehingga customer atau pengguna sistem paham dan mengerti

mengenai kegunaan sistem yang akan dibangun.

Gambar 2.2 Use Case

3. Generalisasi

Hubungan generalisasi dan spesialis (umun – khusus)

antara dua buah usecase dimana fungsi yang satu adalah fungsi

yang umum dari lainnya.

Gambar 2.3 Generalisasi

F. Pengertian Flowchart

Flowchart (Diagram alir) adalah suatu bagan dengan simbol-

simbol tertentu yang menggambarkan urutan proses secara mendetail dan

hubungan antara suatunproses (intruksi) dengan proses lainnya dalam

suatu program.

Berikut simbol-simbol dalam flowchart dapat di lihat pada tabel 2.1

Tabel 2.1 Simbol dan fungsi Flowchart

Simbol Nama Fungsi
Permulaan/ akhir
Terminator program
Arah aliran program
Garis alir

Proses inisialisasi /
Prepration Pemberian harga awal

Manual input Input data secara manual

dengan menggunakan
keyboard

Input/Output Proses Input / Output

data data, informasi

Proses Proses pengolahan data

G. Pengertian Sequence Diagram

Menurut Dharmawiyanti, (Pengantar Unifeid

Modelling Language,2003) sequence diagram

menggambarkan interaksi antar objek di dalam dan sekitar sistem termasuk

pengguna, display dan sebagainya berupa message yang di gambarkan

terhadap waktu. Sequence diagram terdiri atas dimensi vertical (waktu)

dan dimensi horizontal (objek-objek yang terkait). Berikut simbol dan

fungsi yang dalam sequence diagram dapat di lihat pada tabel 2.2

Tabel 2.2 Simbol Sequence Diagram

No Gambar Nama Kegiatan

1 Lifeline Objek entity, antar muka

yang saling berinteraksi.

Spesifikasi dari komunikasi

antar objek yang memuat
2 Message informasi-informasi tentang
aktifitas yang terjadi

Spesifikasi dari komunikasi

antar objek yang memuat
3 Message informasi-informasi tentang
aktifitas yang terjadi
 BAB III

METODE PERANCANGAN

A. Tempat dan Waktu Penelitian

Pembuatan Tugas Akhir dilakukan pada Politeknik Negeri Fakfak

pada bulan Juni hingga Agustus 2016.

B. Metode Perancangan

Metode Perancangan merupakan rangkaian cara atau kegiatan

pelaksanaan dalam perancangan sistem, rangkaian ini menggambarkan

langkah – langkah melakukan perancangan sistem. Metode perancangan

digambarkan dengan diagram flowchart yang dapat dilihat pada gambar

3.1

Gambar 3.1 Flowchart perancangan

1. Pengumpulan Data

Pengumpulan data dilakukan unuk memperoleh informasi yang

dibutuhkan dalam rangka mencapai tujuan perancangan. Pengumpulan

data diperoleh dari tiga tahap yaitu:

a. Observasi

Observasi dilakukan dengan pengamatan secara langsung terhadap

sistem yang telah berjalan di Sekretariat Daerah Fakfak.

b. Wawancara

Wawancara yang dilakukan adalah kegiatan tanya jawab kepada

pihak yang terkait dengan sistem yaitu staf keuangan Setda.

c. Studi Pustaka

Pengumpulan data yang dilakukan dengan membaca dan

mempelajari buku literatur, artikel dan informasi terdahulu sebagai

bahan tinjauan pustaka yang berkiatan dengan permasalahan yang

terdapat pada pembuatan sistem.

Dari data yang telah terkumpul dapat menjadi bahan untuk

mengidentifikasi masalah, dan menentukan masalah yang ada dalam

sebuah sistem.

2. Analisis Kebutuhan

Analisis kebutuhan dilakukan berdasarkan pengumpulan data,

dalam tahap ini terbagi menjadi dua yaitu::

 a. Menganalisis sistem yang baik digunakan dalam mengatasi

kekurangan sistem yang lama.

b. Menganalisis kebutuhan berupa perangkat yang digunakan dalam

mendukung pembuatan sistem.

3. Perancangan Sistem

Memahami rancangan sistem aplikasi sesuai data yang telah

dianalisis, mengimplementasikan model yang diinginkan berdasarkan

pada tahap perancangan database, Usecase Diagram, Data Entity

Relationship Diagram (ERD) dan Sequence Diagram

4. Pembuatan Program

Membuat program dan mempresentasikan hasil desain

pembuatan program.

5. Pengujian Program

Menguji coba segala struktur di dalam sistem, dalam tahap ini

dilakukan proses uji coba untuk mengetahui sejauh mana aplikasi atau

sistem berjalan sesuai prosedur dan memastikan jika sistem yang di

buat berjalan dengan benar. Adapun pengujian yang akan dilakukan

pengujian dengan cara unit test pengujian satuan terkecil dari sebuah

perangkat lunak. Unit Test di maksud adalah pengujian sistem secara

independent yang meliputi input data, Update data, dan delete data
 6. Pembuatan Tugas Akhir (TA)

Pembuatan Tugas Akhir berdasarkan penelitian yang

dilakukan dan dari hasil program dan juga sesuai dengan aturan tata

tulis yang telah ditetapkan pada Politeknik Negeri Fakfak.

C. Alat dan Bahan Penelitian

Alat dan bahan penelitian yang digunakan untuk mendukung

pembuatan Sistem rekapitulasi kompensasi berbasis Web menggunakan

dua perangka yaitu perangkat keras (hardware) dan perangkat lunak

(software) dengan spesifikasi sebagai berikut.:

1. Perangkat keras ( Hardware)

a. Personal Computer / Laptop

2. Perangkat lunak (Software)

a. XAMPP

- MySQL

- PHP

- Apache

b. Web Browser Mozila Firefox

c. Sistem operasi Windows 8

d. Notepad++

f. Edraw Max
D. Analisa dan Perancangan Sistem

Untuk mendapatkan gambaran mengenai sistem yang akan

dibuat, maka dilakukan analisis terhadap sistem dan memodelkannya

dengan menggunakan functional model. Proses dan data model dari

sistem dimodelkan dengan diagram, Use Case,Entity Relationship

Diagram (ERD), Use Case Diagram, Sequence Diagram, dan Flowchart.

1. Usecase Diagram

Untuk lebih mengenal proses interaksi pengguna dengan

sistem maka digunakan usecase diagram. Dengan usecase ini dapat

di ketahui proses yang terjadi pada aktifitas sekretariat daerah yang

digunakan oleh system. Usecase diagram sistem informasi dapat di

lihat pada gambar 3.2.

Gambar 3.2 Usecase Diagram Sistem Informasi

 Usecase diagram sistem informasi atk menjelaskan actor yang

dapat melakukan input, update, dan delete data barang atk pada

sistem informasi alat tulis kantor.

Penjelasan lebih terperinci dapat dilihat pada tabel 3.1 Penjelasan

Usecase diagram sistem informasi persediaan barang alat tulis

kantor.

Tabel 3.1 Penjelasan Use Case

Actor Nama Use case Deskripsi usecase

Usecase ini berfungsi untuk

menambah data barang atk
Admin Input Data Barang dengan terlebih dulu login
ATK sebagai operator admin
kemudian disimpan

Usecase ini berfungsi untuk

mengupdate data barang atk
Admin Edit Data Barang dengan terlebih dulu login
ATK sebagai operator admin

kemudian disimpan.

Usecase ini berfungsi untuk

menghapus data barang atk
Admin Hapus Data Barang dengan terlebih dulu login
ATK sebagai operator admin
kemudian disimpan

Usecase ini berfungsi untuk

mencetak halaman atk dengan
Admin Cetak Data Barang terlebih dulu login sebagai
ATK operator admin kemudin
mencetak data.
2. Database Tabel Persediaan Alat Tulis Kantor

Proses perancangan database merupakan tahap penting

agar sistem yang dikembangkan efisien dalam ruang penyimpanan,

pengaksesan data, integritas data dan pemanipulasiannya.

Rancangan tabel data barang yang dapat di lihat pada tabel 3.2.

Tabel 3.2 Tabel Persediaan

No Nama Tipe Data Range Data Keterangan

1 Id_persediaan Int 3 Primary

2 Nama_barang Varchar 100

3 Spesifikasi Varchar 100

4 Satuan Viarchar 50

5 Jumlah Varchar 4

6 Harga Varchar 50

7 Jenis_barang Varchar 50

Tabel 3.3 Tabel Jenis Barang

3. Perancangan Entity Relationship Diagram (ERD)

No Nama Tipe Data Range Data Keterangan

1 Id_jenis_barang Int 3 Primary Key

2 Jenis_barang Varchar 50

ERD menjelaskan relasi yang ada dalam sistem informasi

persediaan barang alat tulis kantor, yaitu jenis barang dan

persediaan data barang, dapat dilihat pada gambar 3.3.

Gambar 3.3 Relasi Entity Relationship Diagram (ERD)

4. Perancangan Sequence diagram

 Sequence diagram adalah suatu diagram yang

menggambarkan interaksi antar obyek dan mengindikasikan

komunikasi diantara obyek – obyek tersebut. Diagram ini juga

menunjukkan serangkaian pesan yang dipertukarkan oleh obyek –

obyek yang melakukan suatu tugas atau aksi tertentu.

a. Sequence Diagram Input Persediaan Data Alat Tulis

Kantor Sequence Diagram Input data barang ATK merupakan

diagram yang menggambarkan obyek dan mengindikasikan

komunikasi diantara obyek –obyek dalam proses input data

barang ATK, yang dapat dilihat pada gambar 3.4.

Gambar 3.4 Sequence Diagram Input Data Persediaan Alat Tulis

Kantor (ATK)

b. Sequence Diagram Update Data Alat Tulis Kantor

 Sequence Diagram Update data barang ATK

merupakan diagram yang menggambarkan obyek dan

mengindikasikan komunikasi diantara obyek –obyek dalam

proses update data barang ATK, yang dapat dilihat pada

gambar 3.5.

Gambar 3.5 Sequence Diagram Update Data Persediaan Alat Tulis

Kantor (ATK)
 c. Sequence Diagram Delete Data Alat Tulis Kantor

Sequence Diagram Delete data barang ATK merupakan

diagram yang menggambarkan obyek dan mengindikasikan

komunikasi diantara obyek –obyek dalam proses delete data

barang ATK, yang dapat dilihat pada gambar 3.6.

Gambar 3.6 Sequence Diagram Delete Data Persediaan Alat Tulis

Kantor (ATK)
5. Flowchart Sistem Informasi Persediaan Barang Alat Tulis

Kantor

a. Flowchart Login

Flowchart login admin terlebih dahulu login dengan

memasukkan username dan password. Jika username dan

password benar, maka proses login sukses. Jika username

dan password salah, maka kembali mengisi username dan

password, dapat dilihat pada gambar 3.7.

Gambar 3.7 Flowchart Login

b. Flowchart Tambah, Edit,Hapus dan cetak data persediaan

alat tulis kantor

1. Flowchart Tambah

Admin terlebih dahulu login jika username dan

password benar, maka masuk pada menu utama dan

admin memilih menu barang. Jika admin memilih menu

tambah, admin mengisi form tambah data jika “YA”

data barang berhasil di simpan. Jika “TIDAK” admin

kembali ke menu barang.

2. Flowchart Edit

Admin terlebih dahulu login, jika username

dan password benar, maka akan masuk pada menu

utama dan admin memilih menu barang. Jika admin

memilih menu edit, pilih data yang akan di ubah.

Jika “YA” data barang berhasil di ubah dan

tersimpan dalam database, jika “TIDAK” maka

admin kembali ke menu barang.

3. Flowchart Hapus

Admin terlebih dahulu login, jika username dan

password benar, maka akan masuk pada menu utama

dan admin memilih menu barang. Jika admin memilih

menu hapus, pilih data yang akan di hapus. Jika “YA”

maka
 akan muncul kalimat “Apa anda yakin ingin hapus?”

klik “OK” data barang berhasil di hapus, jika “TIDAK”

maka admin kembali ke menu barang.

4. Flowchart Cetak

Admin terlebih dahulu login, jika username

dan password benar, maka akan masuk pada menu

utama dan admin memilih menu barang. Jika admin

memilih menu cetak, pilih halaman yang akan di cetak.

Jika “YA” maka halaman data barang berhasil di cetak,

jika “TIDAK” maka admin kembali ke menu barang.

Alur flowchart tambah, edit, hapus dan cetak dapat

dilihat pada gambar 3.8

Gambar 3.8 Flowchart Tambah, Edit dan Hapus data persediaan

alat tulis kantor

 BAB IV

HASIL DAN PEMBAHASAN

A. Tampilan Sistem

Tampilan Sistem Informasi Persediaan Barang alat tulis

kantor, dibuat sederhana mungkin, sehingga mudah untuk di

operasikan

1. Tampilan Login

Ini adalah tampilan login Sistem Informasi Persediaan Barang

Alat Tulis Kantor Sekretariat Daerah.

Gambar 4.1 Tampilan Login

2. Halaman Utama

Ini adalah tampilan Halaman utama Sistem Informasi Persediaan

Barang Alat Tulis Kantor Sekretariat Daerah.

Gambar 4.2 Halaman Utama

3. Form Tambah Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form tambah data persediaan alat tulis

kantor, untuk menambah data persediaan barang ATK.

Gambar 4.3 Form Tambah Data Persediaan Alat Tulis Kantor

(ATK)

4. Form Edit Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form edit data persediaan alat tulis kantor,

untuk edit data persediaan barang ATK.

Gambar 4.4 From Edit Data Persediaan Alat Tulis Kantor

(ATK)
5. Form Hapus Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form hapus data persediaan alat tulis kantor,

untuk hapus data persediaan barang ATK.

Gambar 4.5 From Hapus Data Persediaan Alat Tulis Kantor

(ATK)

6. Form Cetak data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form cetak data persediaan alat tulis kantor,

untuk mencetak data persediaan barang ATK.

Gambar 4.6 Form cetak data Persediaan Alat Tulis Kantor (ATK)
7. Form Data Persediaan Alat Tulis Kantor (ATK)

Ini adalah tampilan form data persediaan alat tulis kantor, untuk

melihat data persediaan barang ATK.

Gambar 4.7 Data Persediaan Persediaan Alat Tulis Kantor

(ATK)
B. Pengujian Program

1. Xampp

Sebelum masuk ke dalam sistem,admin terlebih dahulu

mengaktifkan aplikasi Xampp dan menjalankan Apache dan

Mysql. Seperti pada gambar 4.8

Gambar 4.8 Xampp

2. Web Browser

Pengujian ini menggunakan web browser mozila firefox untuk

menampilkan hasil dari system yang dirancang serta melakukan

pengujian masing-masing form Sistem Informasi Persediaan

Barang Alat Tulis Kantor. Seperti gambar 4.9

Gambar 4.9 Pengujian web browser mozila firefox

3. Login

Pada form ini admin harus mengisi password dan username,

sebelum mengakses Sistem Informasi Persediaan Barang Alat

Tulis Kantor. Seperti pada gambar 4.10

Gambar 4.10 Admin Login

4. Menu utama

Halaman utama system informasi persediaan akan tampil jika

telah berhasil login ke dalam system, dan akan memunculkan

beberapa menu, diantaranya Home, Jenis Barang, Data

Persediaan, Cetak dan Logout. Seperti pada gambar 4.11

Gambar 4.11 Form Menu Utama Sistem Informasi Persediaan Barang

Alat Tulis Kantor

5. Tambah data

Pada form data persediaan terdapat menu tambah data, dimana

admin dapat mengimputkan data persediaan alat tulis kantor

pada sistem tersebut dengan cara mengklik “Tambah Data” dan

mengisi form tambah data seperti gambar 4.12

Gambar 4.12 Tambah Data

6. Edit data

Pada form data persediaan terdapat menu edit denngan mengklik

icon edit yang berwarna hijau, maka from edit data persediaan

akan tampil setelah selasai mengedit data persediaan akan muncul

kotak dialog “Telah tersimpan pada Database” Dimana admin

dapat mengubah data persediaan alat tulis kantor pada sistem

tersebut. Seperti pada gambar 4.13

Gambar 4.13 Edit Data

7. Hapus Data

Pada form data persediaan terdapat menu hapus denngan mengklik

icon hapus yang berwarna merah, maka akan muncul pesan

“Apakah anda yakin ingin menghapus data ?” , jika kita memilih

“Ok” maka secara otomats sistem menyampaikan pesan konfirmasi

bahwa “Data telah dihapus” data persediaan Dimana admin dapat

menghapus data persediaan alat tulis kantor pada sistem tersebut.

Seperti gambar 4.14.

Gambar 4.14 Hapus Data

8. Cetak Data

Pada menu data persediaan terdapat menu cetak degan mengklik

Cetak, maka akan muncul Form Cetak Data. Jika admin ingin

mencetak data, maka admin mengklik “cetak data” akan muncul

kotak dialog Print. Seperti gambar 4.15

Gambar 4.15 Cetak Data

 BAB V

PENUTUP
A. Kesimpulan

Sistem Informasi Persediaan Barang Alat Tulis Kantor Pada

Sekretariat Daerah, dapat berjalan dengan baik dan telah mampu

menambah data barang, edit data barang, hapus data barang dan

mencetak data barang. Sistem ini menghasilkan informasi yang di

butuhkan oleh Sekretariat Daerah.

B. Saran

Adapun sistem yang dibuat masih terdapat banyak

kekurangan, bagi yang akan mengembangkan system Informasi

saran dari penulis adalah:

Penulis menyadari sistem ini perlu pengembangan yang lebih

lanjut, agar sistem ini benar – benar menjadi sistem yang dapat

mempermudah user. Dalam pengembangannya , diharapkan sistem

ini mampu dikembangkan menjadi sistem yang dapat membuat

laporan yang dapat mempermudah user dalam pengadaan alat tulis

kantor yang dibutuhkan

 DAFTAR PUSTAKA

Yakub, 2012. Pengantar Sistem Informasi.Yogyakarta: Graha Ilmu.

Sumber: Definisi Persediaan Ristono: 2004 di akses pada tada tanggal 10 Agustus

2016.http://eprints.dinus.ac.id/12974/1/jurnal_ 13229.pdf.

Sumber: Pengertian Database Susanta: 2012 di akses pada tanggal 10 Agustus

2016. http://www.orangbejo.com/2015/12/pengertian-data-menurut-
para- ahli.html.

Sumber : Pengertian PHP Rasmus : 1995 di akses pada tanggal 10 Agustus 2016.

http://pengertian-pengertian-info.blogspot.co.id/2016/03/pengertian-
dan- dasar-php-menurut-ahli.htm.

Sumber: Pengertian HTML Yeni Kustiyahningsih dan Devie Rosa Anamisa,

2011. Diakses pada tanggal 10 Agustus
2016.http://www.membacaartikel.tk/2016/02/pengertian-html-menurut-
ahli.html
Sumber: Pengertian Css di akses pada tanggal 10 Agustus 2016.
http:///google.com/2011/07pengertian-dasar-css.html

Sumber: Pengertian Usecase Diagram di akses pada tanggal 10 Agustus 2016.

https://pccontrol.wordpress.com/2012/08/23/pengetahuan
dasardiagram- use-case/

Sumber : Pengertian Flowchart di akses pada tanggal 10 Agustus 2016.

https://rahmatarifianto.wordpress.com/2014/11/20/pengertian-flowchart-
dan-jenis-jenisnya/

Sumber: Pengertian Sequence Diagram Dharmawiyanti:,2003 pada tanggal 10

Agustus 2016. http://rosni-gj.staff.gunadarma.ac.id
 DAFTAR LAMPIRAN

Pada lampiran ini penulis akan lampirkan script, pada sistem yang penulis buat.

1. Login script

<?php

session_start();

?>

<head>

<link href="css/bootstrap.min.css" rel="stylesheet"/>

</head>

<style>

.main{margin:auto; width:800px; position:relative;}

.formlogin{position:relative; top: 200px;}

</style>

<body>

<div class="main">

<form class="formlogin form-horizontal" action="" method="post">

<div class="form-group"><label class='col-lg-3 control-label'>Username :

</label><div class='col-lg-5'><input class='form-control' type="text"

name="username" placeholder="Masukkan Username" /></div></div>

<div class="form-group"><label class='col-lg-3 control-label'>Password :

</label><div class='col-lg-5'><input class='form-control' type="password"

name="password" placeholder="Masukkan password" /></div></div>

<div class="form-group">

<div class='col-lg-9 col-lg-offset-3'>

<input class="btn btn-info" type="submit" name="blogin"

value="Login"/><input class="btn btn-default" type="reset"

value="Reset"/></div></div>

</form></div>

</body>

<?php

if(isset($_POST['blogin']))

{ require("koneksi.php");

$user = $_POST['username'];$pass = $_POST['password'];$sql = "select *

from user where username = '$user' and password = '$pass'";$hasil

mysql_query($sql);$jmlrecord = mysql_num_rows($hasil);if($jmlrecord

== 1){

$_SESSION['username'] = $user;

echo "<Script>alert('Anda berhasil login')

window.location.href = 'index.php';</script>";}else {echo "<Script>

alert('Anda gagal login');</script>";}}?>

2. Script Tambah, edit, dan Hapus data

<!-- edit dan hapus ini jangan di rubah, biar enak, usahakan setiap nama id

pakai id saja, jangan ada embel2 lain -->

<td>

<a href="?edit&id_persediaan=<?php echo $row['0']; ?>" class="btn btn-

success"><span class="glyphicon glyphicon-edit"></span> Edit</a>

<a href="?hapus&id_persediaan=<?php echo $row['0']; ?>"

onclick="return confirm('Yakin Mau Hapus?');" class="btn btn-

danger"><span class="glyphicon glyphicon-trash"></span> Hapus</a>

</td>

<!-- INI BATASNYA -->

</tr>

<?php $no++; } ?>

</tbody>

</table>

<?php } ?>

<!-- INI BATASNYA DATANYA -->

<!-- INI KALAU MAU HAPUS -->

<?php if(isset($_GET['hapus']))

$id_persediaan=$_GET['id_persediaan'];
$sql="delete from persediaan where id_persediaan='$id_persediaan'";

//'persediaan' adalah nama tabel ubahlah jika nama tabel berbeda

mysql_query($sql);

echo '<script type="text/javascript">

//<![CDATA[ window.location="?data"//]]>

</script>';}?>

<!-- INI BATASNYA HAPUS -->

<!-- INI KALAU MAU EDIT -->

<?php if(isset($_GET['edit'])){ ?>

<?php

$sql="select * from persediaan where

id_persediaan='$_GET[id_persediaan]'";//'persediaan' adalah nama tabel

ubahlah jika nama tabel berbeda

$rs=mysql_query($sql);

$row=mysql_fetch_array($rs);

{ ?>

<form action="" method="post"

class="niceform" enctype="multipart/form-

data">

<table class="table table-hover"><tr class="info"><td colspan="2" >Edit

Data</td></tr>

<tr>
<td>Nama Barang</td>

<td><input type="varchar" name="nama_barang" size="100"

value="<?php echo $row['1'];?>" required class="form-control"/></td>

</tr>

<tr>

<td>spesifikasi</td>

<td><input type="varchar" name="spesifikasi" size="100" value="<?php

echo $row['2'];?>" required class="form-control"/></td>

</tr>

<tr>

<td>satuan</td>

<td><input type="varchar" name="satuan" size="100" value="<?php echo

$row['3'];?>" required class="form-control"/></td>

</tr>

<tr>

<td>jumlah</td>

td><input type="varchar" name="jumlah" size="100" value="<?php echo

$row['4'];?>" required class="form-control"/></td>

</tr>

<tr>

<td>harga</td>

<td><input type="varchar" name="harga" size="100" value="<?php echo

$row['5'];?>" required class="form-control"/></td>

</tr>

<tr>

<td>jenis barang</td>

<td><input type="varchar" name="jenis_barang" size="100"

value="<?php echo $row['6'];?>" required class="form-control"/></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" name="submit" value="EDIT" class="btn btn-

primary"/></td>

</tr>

</table>

</form>

<?php }

if(isset($_POST['submit'])){

$id_persediaan=$_GET['id_persediaan'];

$nama_barang=$_POST['nama_barang'];

$spesifikasi=$_POST['spesifikasi'];

$satuan=$_POST['satuan'];

$jumlah=$_POST['jumlah'];

$harga=$_POST['harga'];

$harga=$_POST['harga'];

$jenis_barang=$_POST['jenis_barang'];
echo $sql="update persediaan set id_persediaan='$id_persediaan',

nama_barang='$nama_barang' , spesifikasi='$spesifikasi',

satuan='$satuan'

, jumlah='$jumlah' , harga='$harga' , jenis_barang='$jenis_barang' where

id_persediaan='$id_persediaan'";//'persediaan' adalah nama tabel

ubahlah jika nama tabel berbeda

if(mysql_query($sql)){

echo '<script type="text/javascript">

//<![CDATA[alert ("Berhasil Edit");indow.location="?data";//]]>

</script>';} else {echo '<script type="text/javascript">

//<![CDATA[alert ("Gagal Simpan");//window.location="?

data";//]]></script>';}}

?>

<!-- INI BATASNYA EDIT -->

<!-- INI KALAU MAU NAMBAH -->

<?php } ?>

<?php if(isset($_GET['tambah'])){ ?>

<form action="" method="post"

class="niceform" enctype="multipart/form-

data">

<table class="table table-hover">

<tr class="info">
<td colspan="2" >New Data</td>
<tr>

<td>Nama Barang</td>

<td><input type="varchar" name="nama_barang" size="100" required

class="form-control"/></td>

</tr>

<tr>

<td>spesifikasi</td>

<td><input type="varchar" name="spesifikasi" size="100"required

class="form-control"/></td>

</tr>

<tr>

<td>satuan</td>

<td><input type="varchar" name="satuan" size="100" required

class="form-control"/></td>

</tr>

<tr>

<td>jumlah</td>

<td><input type="varchar" name="jumlah" size="100" required

class="form-control"/></td>

</tr>

<tr>

<td>harga</td>
<td><input type="varchar" name="harga" size="100" required

class="form-control"/></td>

</tr>

<tr>

<td>jenis barang</td>

<td><input type="varchar" name="jenis_barang" size="100"

required class="form-control"/></td>

</tr><tr>

<td>&nbsp;</td>

<td><input type="submit" name="submit" value="SIMPAN" class="btn

btn-primary"/></td>

</tr></table>

</form>

<?php

if(isset($_POST['submit'])){

$nama_barang=$_POST['nama_barang'];

$spesifikasi=$_POST['spesifikasi'];

$satuan=$_POST['satuan'];

$jumlah=$_POST['jumlah'];

$harga=$_POST['harga'];

$harga=$_POST['harga'];

$jenis_barang=$_POST['jenis_barang'];
$sql="insert into persediaan VALUES

('','$nama_barang','$spesifikasi','$satuan','$jumlah','$harga','$jenis_barang')

";//'persediaan' adalah nama tabel ubahlah jika nama tabel berbeda

if(mysql_query($sql)){

echo '<script type="text/javascript"> //<![CDATA[

alert ("Berhasil Simpan"); window.location="?

data";//]]></script>';} else {

echo '<script type="text/javascript">

//<![CDATA[alert ("Gagal Simpan");window.location="?

data";//]]></script>';}}

?>

<?php } ?>

<!-- INI BATASNYA NAMBAH -->

<!-- INCLUDE ATAS.PHP DAN BAWAH.PHP JANGAN PERNAH DI

HAPUS MESKIPUN BUAT BARU INGAT2 TING -->

<?php include('bawah.php'); ?>

3. Script cetak data

<?php include('atas.php'); ?>

<!-- INI BATASNYA DATA AWAL -->

<?php if(isset($_GET['data'])){ ?>

<br />

<br /><br />

<table class="table table-striped table-bordered table-hover"

id="example">

<thead>

<tr align='center'>

<td>No</td>

<td>nama barang</td>

<td>spesifikasi</td>

<td>satuan</td>

<td>jumlah</td>

<td>harga</td>

<td>Jenis Barang</td>

</tr>

</thead>

<tbody>

<?php

$sql="select * from persediaan order by id_persediaan desc"; //'persediaan'

adalah nama tabel ubahlah jika nama tabel berbeda

$rs=mysql_query($sql);

$no=1; while($row=mysql_fetch_array($rs))

?>

<tr>

<td align="center"><?php echo $no; ?></td>

<td align="center"><?php echo $row['1']; ?></td>

<td align="center"><?php echo $row['2']; ?></td>

<td align="center"><?php echo $row['3']; ?></td>

<td align="center"><?php echo $row['4']; ?></td>

<td align="center"> Rp <?php echo $row['5']; ?></td>

<td align="center"><?php echo $row['6']; ?></td>

<!-- INI BATASNYA -->

</tr>

<?php $no++; } ?>

</tbody>

<div style="text-align:center;padding:20px;">

<input class="noPrint" type="button" value="Cetak Halaman"

onclick="window.print()" />

</div>

</table><?php } ?>

<!-- INI BATASNYA DATANYA -->