TUGAS KELOMPOK

PEMBUATAN DESAIN WEBSITE TOKO ONLINE

TOKO MAHAR “MODERN”
BERBASIS WEB HTML
MENGGUNAKAN SOFWARE MACROMEDIA DREAMWEAVER

TUGAS PRAKTIKUM
Diajukan Sebagai Syarat Menempuh Mata Kuliah
PEMROGRAMAN APLIKASI WEB

DOSEN : Yudi Arianto, M.Kom

Disusun oleh :
Kelompok 2
1. Teguh Rahayu (16145029)
2. M. Haikal Adithya (16106004)
3. Abdul Aziz (16145005)
4. Lintong Fernando Samosir (16145054)

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

STMIK YMI TEGAL
2019
 LEMBAR PERSETUJUAN

Nama : Teguh Rahayu

Nomor Induk Mahasiswa : 16145029
Program Studi : Teknik Informatika
Jenjang Studi : Strata 1
Judul : Sitem Informasi Manajemen Penjualan dan Servis
Komputer Pada Toko Maestro Comtech Brebes
Berbasis Web menggunakan PHP dan MySQL

Brebes , 2 November 2018

Pembimbing

Dosen Pembimbing I Dosen Pembimbing II

(...................................) (...................................)

Moderator I Moderator II

(....................................) (....................................)

Pembantu Ketua I

(...................................,.)
 ABSTRAKSI

Tujuan dari penulisan penelitian ini adalah untuk merancang sistem

informasi manajemen yang diharapkan dapat membantu pihak manajemen Toko
Maestro Comtech kota Brebes untuk memantau perkembangan penjualan dan
servis perusahaan. Sistem informasi ini juga dapat membantu dalam
pengambilan keputusan terkait produk dan wilayah pemasaran serta menentukan
persediaan yang tepat. Dalam pengembangan sistem ini, penulis menggunakan
bahasa pemrograman PHP berbasis web dengan tool Dreamweaver, sedangkan
basis data yang digunakan adalah SQL Server. Metode penelitian yang
digunakan dalam penyusunan penelitian ini adalah metode kuantitatif deskriptif
serta menggunakan metode pengumpulan data yang terdiri dari beberapa metode
antara lain metode wawancara, observasi, dan studi pustaka. Hasil yang dicapai
adalah suatu sistem informasi manajemen yang diharapkan dapat mendukung
penjualan dan servis komputer.

Kata kunci: Sistem Informasi Manajemen, PHP, SQL Server, Dreamweaver.

i
 KATA PENGANTAR

Segala Puji bagi Allah Subhanahuwata’ala yang telah memberikan

Nikmat-Nya yang tidak terhingga, Sholawat dan salam tercurah limpahan kepada
sang Revolusioner Islam Nabi Muhammad Salallahu Alaihi Wasallam, kepada
sahabatnya, keluarganya, tabi’in dan tabia’atnya, sampai kepada orang-orang
muslim wal muslimah selaku umat-Nya
Dengan Ridho Allah Subhanahuwata’ala, alhamdulillah penulis berhasil
menyelesaikan Laporan Pra Praktek Kerja Lapangan untuk memenuhi tugas
mata kuliah Metodologi Penelitian yang berjudul “Sistem Informasi Manajemen
Penjualan dan Servis Komputer Pada Toko Maestro Comtech Brebes Berbasis
Web Menggunakan PHP dan MySQL”.
Penuls sangat berterima kasih kepada semua pihak yang mendukung dan
memotivasi dalam hal ini para Dosen Pengampu/Pembimbing dan Teman-teman
yang telah memberikan kontribusinya serta dukunganya.
Tujuan penyusunan Laporan Pra Praktek Kerja Lapangan ini adalah
sebagai acuan latihan penulis untuk kedepanya dalam hal penyusunan laporan
PKL dan Skripsi yang sesungguhya. Penulis juga menyadari dalam menyusun
Laporan Pra Praktek Kerja Lapangan ini masih banyak sekali kekurangannya
mengingat keterbatasan kemampuan dan pengetahuan. Karena itu kritik, pesan,
saran, dan koreksi yang membangun untuk penulis sangat diharapkan demi
kebaikan serta kesempurnaan dalam penyusunan laporan-laporan lainnya.
Semoga Laporan Pra Praktek Kerja Lapangan ini dapat memberikan
manfaat bagi semua pihak yang terlibat dalamnya, khususnya pada penulis dan
pembaca pada umumnya.

Tegal, 2 November 2018

Penulis

ii
 DAFTAR GAMBAR

Gambar 2.1 : Siklus Pengolahan Data.......................................................... 0

Gambar 2.2 : Siklus Hidup Pengembangan Sistem...................................... 0
Gambar 2.3 : Tampilan Area Kerja.............................................................. 0
Gambar 2.4 : Rule Check dan Level Balance............................................... 0
Gambar 2.5 : User Acces Control Untility................................................... 0
Gambar 2.6 : Tampilan Area Kerja dan Microsoft Visio............................. 0
Gambar 3.1 : Gambar Struktur Organisasi................................................... 0
Gambar 3.2 : Dekomposisi Fungsi Sistem................................................... 0
Gambar 3.3 : FOD Pendaftaran servis.......................................................... 0
Gambar 3.4 : FOD Penjualan Barang dan Perbaikan................................... 0
Gambar 3.5 : FOD Pembelian...................................................................... 0
Gambar 4.1 : Relasi Pelanggan dengan Transaksi........................................ 0
Gambar 4.2 : Relasi Transaksi dengan Servis............................................... 0
Gambar 4.3 : Relasi Transaksi dengan Barang............................................. 0
Gambar 4.4 : Relasi Barang dengan Pembelian............................................ 0
Gambar 4.5 : Relasi Pembelian dengan Suplier............................................ 0
Gambar 4.6 : Relasi Antar Tabel.................................................................. 0
Gambar 4.7 : Dekomposisi UNF – 3NF....................................................... 0
Gambar 4.8 : Diagram Konteks.................................................................... 0
Gambar 4.9 : Rule Check Diagram Konteks................................................. 0
Gambar 4.10 : Level Balance Diagram Konteks............................................. 0
Gambar 4.11 : DFD Level 0............................................................................ 0
Gambar 4.12 : Rule Check DFD Level 0........................................................ 0
Gambar 4.13 : Level Balancing DFD Level 0.........................................................
0
Gambar 4.14 : DFD Level 1............................................................................ 0
Gambar 4.15 : Rule Check DFD Level 1........................................................ 0
Gambar 4.16 : Level Balancing DFD Level 1.........................................................
0
Gambar 4.17 : DFD Level 2............................................................................ 0
Gambar 4.18 : Rule Check DFD Level 2........................................................ 0

iii
Gambar 4.19 : Level Balancing DFD Level 2.........................................................
0
Gambar 4.20 : DFD Level 3............................................................................ 0
Gambar 4.21 : Rule Check DFD Level 3........................................................ 0
Gambar 4.22 : Level Balancing DFD Level 3.........................................................
0
Gambar 4.23 : DFD Level 4............................................................................ 0
Gambar 4.24 : Rule Check DFD Level 4........................................................ 0
Gambar 4.25 : Level Balancing DFD Level 4.........................................................
0
Gambar 4.26 : Rancangan Halaman Login...................................................... 0
Gambar 4.27 : Rancangan Halaman User......................................................... 0
Gambar 4.28 : Rancangan Layar Data Transaksi Penjualan........................... 0
Gambar 4.29 : Rancangan Layar Data Transaksi History Penjualan............ 0
Gambar 4.30 : Rancangan Layar Data Transaksi Pelanggan.......................... 0
Gambar 4.31 : Rancangan Layar Data Barang Semua Stok........................... 0
Gambar 4.32 : Rancangan Layar Data Barang List Kategori...............................
0
Gambar 4.33 : Rancangan Layar Data Service................................................. 0
Gambar 4.34 : Rancangan Layar Data Laporan Penjualan.............................. 0
Gambar 4.35 : Rancangan Layar Data List Manajemen User......................... 0
Gambar 4.36 : Bagan Terstruktur Perancangan................................................ 0
Gambar 4.37 : Bagan Terstruktur Pengolahan Data Transaksi....................... 0
Gambar 4.38 : Bagan Terstruktur Pengolahan Data Barang..................................
0
Gambar 4.39 : Bagan Terstruktur Pengolahan Data Laporan.................................
0
Gambar 4.40 : Penelusuran Akses Data Input Transaksi................................. 0
Gambar 4.41 : Penelusuran Akses Data Barang............................................... 0
Gambar 4.42 : Penelusuran Akses Data Laporan...............................................0

iv
 DAFTAR LAMPIRAN

Lampiran A Keluaran Sistem Berjalan............................................................ 0

Lampiran B Masukan Sistem Berjalan.............................................................0
Lampiran C Perancangana Keluaran yang diusulkan........................................0
Lampiran D Perancangana Masukan yang diusulkan...................................... 0

v
 DAFTAR TABEL

Tabel 2.1 :Flow Chart................................................................................. 0

Tabel 2.2 :Flow Chart Processing Symbol................................................. 0
Tabel 2.3 :Flow Chart input – output Symbol............................................ 0
Tabel 2.4 :Data Flow Diagram................................................................... 0
Tabel 2.5 :ERD........................................................................................... 0
Tabel 2.6 :Simbol Kamus Data................................................................... 0
Tabel 4.1 :Simbol Un Normal..................................................................... 0
Tabel 4.2 :Bentuk Normal Pertama............................................................. 0
Tabel 4.3 :Bentuk Normal Kedua................................................................ 0
Tabel 4.4 :Bentuk Normal Ketiga................................................................ 0
Tabel 4.5 :Tabel Transaksi........................................................................... 0
Tabel 4.6 :Tabel History.............................................................................. 0
Tabel 4.7 :Tabel Pelanggan.......................................................................... 0
Tabel 4.8 :Tabel Semua Barang................................................................... 0
Tabel 4.9 :Tabel List Merk.......................................................................... 0
Tabel 4.10 :Tabel List Kategori..................................................................... 0
Tabel 4.11 :Tabel Data Service...................................................................... 0

vi
 DAFTAR SIMBOL

Tabel 2.1 Simbol Flow Chart............................................................................. 0

Tabel 2.2 Simbol Flow Chart Prosessing symbol.............................................. 0
Tabel 2.3 Flow Chart Input – Output Symbol.................................................... 0
Tabel 2.4 Simbol Data Flow Diagram............................................................... 0
Tabel 2.5 Simbol Entity Relationship Diagram................................................. 0
Tabel 2.6 Simbol Kamus data............................................................................ 0

vii
 DAFTAR ISI

Abstraksi..........……………………………………………………..…................ i
Kata Pengantar............………………………………………….............…..…ii
Daftar Gambar.................………………………………………............…..…iii
Daftar Lampiran.………………………………………………...........…..… v
Daftar Tabel...………………………………………………............………... vi
Daftar Simbol.....……………………………………………...........………... vii
Daftar Isi.........………………………………………………..........………... viii

BAB I PENDAHULUAN
1.1 Latar Belakang…………………………...........…………. 1
1.2 Perrumusan Masalah…………………….........………… 2
1.3 Batasan Masalah.............……………….........………….. 2
1.4 Tujuan dan Manfaat Penelitian...…........…........………. 2
1.4.1 Tujuan Penelitian.....................................................2
1.4.2 Manfaat Penelitian...................................................3
1.5 Metodologi Penelitaian..……………………..........……... 3
1.5.1 Jenis Data.................................................................3
1.5.2 Metode Pengumpulan Data................................... 4
1.6 Sistematika Penulisan.………………………..........…….. 5

BAB II LANDASAN TEORI

2.1 Konsep Dasar Sistem...………………………..........……. 0
2.1.1 Definisi Sistem........................................................0
2.1.2 Elemen – elemen Sistem.........................................0
2.1.3 Analisis Sistem.........................................................0
2.1.4 Karakteristik Sistem.................................................0
2.1.5 Klasifikasi Sistem.....................................................0
2.1.6 Daur Hidup Sistem...................................................0

viii
 2.2 Konsep Dasar Informasi.…………………………............ 0
2.2.1 Definisi Informasi...................................................... 0
2.2.2 Siklus Informasi......................................................... 0
2.2.3 Kualitas Informasi.................................................... 0
2.2.4 Nilai Informasi........................................................... 0
2.3 Konsep Dasar Sistem Informasi...…………...........…….. 0
2.3.1 Definisi Sistem Informasi........................................... 0
2.3.2 Komponen Sistem Informasi..................................... 0
2.4 Pengembangan Sistem...…………………............………. 0
2.4.1 Siklus Hidup Pengembangan Sistem...................... 0
2.4.2 Alat Bantu Pengembangan Sistem........................... 0
2.4.2.1 Flow Chart.....................................................0
2.4.2.2 Data Flow Diagram...................................... 0
2.4.2.3 Diagram Konteks............................................0
2.4.2.4 Entity Relationship Diagram....................... 0
2.4.2.5 Kamus Data...................................................0
2.4.2.6 Normalisasi................................................... 0
2.5 Teori Pendukung....................................................................0
2.5.1 Pengertian Penjualan................................................... 0
2.5.2 Pengertian Pembelian.................................................. 0
2.5.3 Pengertian Stok Opname............................................. 0
2.6 Software pendukung............................................................. 0
2.6.1 Easy Case..................................................................... 0
2.6.2 Microsoft Office Visio.................................................0

BAB III ANALISA SISTEM.....................................................................0

3.1 Tinjauan Organisasi................................................................0
3.1.1 Sejarah Singkat Maestro Comtech....................... 0
3.1.2 Visi dan Misi................................................................
0
3.1.3 Struktur Organisasi Maestro Comtech........................
0
3.1.4 Uraian Prosedur....................................................... 0

ix
 3.1.5 Dekomposisi Fungsi................................................ 0
3.1.6 Analisa Keluaran......................................................0
3.1.7 Analisa Masukan......................................................0
3.1.8 Analisa Proses............................................................
0
3.1.9 Analisa Data................................................................
0
3.1.10 Identifikasi Kebutuhan Informasi........................ 0

BAB IV RANCANGAN SISTEM

4.1 Rancangan Basisi Data........................................................ 0
4.1.1 Entity Relationship Diagram................................... 0
4.1.2 Normalisasi...............................................................0
4.1.3 Spesifikasi Basis Data................................................
0
4.1.4 Rancangan Kode.........................................................
0
4.2 Rancangan Proses................................................................ 0
4.2.1 Diagram Konteks..................................................... 0
4.2.2 Model Proses DAD.....................................................
0
4.2.3 Spesifikasi Proses DAD.............................................
0
4.3 Rancangan Keluaran.......................................................... 0
4.4 Rancangan Masukan......................................................... 0
4.5 Spesifikasi Dialog Layar......................................................0
4.5.1 Struktur Tampilan.................................................... 0
4.5.2 Rancangan Layar.................................................... 0
4.6 Arsitektur Sistem................................................................ 0
4.6.1 Model Sistem........................................................... 0
4.6.2 Spesifikasi Modul.....................................................0
4.7 Penelusuran Akses............................................................ 0

BAB V PENUTUP
5.1 Kesimpulan.............................................................................0
5.3 Saran..................................................................................... 0

x
Daftar Pustaka……..........…………………………………………………… 0
Kamus Data...........................................................................................................0
Lampiran A Keluaran Sistem Berjalan.……..............…………….………… 0
Lampiran B Masukan Sistem Berjalan.……..............…………….………… 0
Lampiran C Rancangan Keluaran..…….……................……………………… 0
Lampiran D Rancangan Masukan...…………...........……………………… 0
Lampiran E Lain – lain......................................................................................... 0
Lampiran F Surat Keterangan Penelitian........................................................... 0

xi
 1

BAB I
PENDAHULUAN

1.1 LATAR BELAKANG

Perkembangan ilmu pengetahuan dan teknologi informasi yang
demikian pesat telah memberikan manfaat yang besar di berbagai bidang.
Kebutuhan akan informasi yang cepat dan akurat menjadi suatu hal yang
sangat penting dalam penyampaiannya. Perkembangan teknologi yang
semakin cepat juga mempengaruhi kompetisi dalam dunia bisnis. Melalui
sebuah sistem informasi yang berbasis komputer akan sangat membantu
perusahaan dalam meningkatkan kinerja perusahaannya
Sistem informasi manajemen dibangun dengan tujuan untuk
mendukung kegiatan bisnis pada perusahaan yang meliputi operasional,
penjualan, dan pelayanan. Oleh karena itu, sistem informasi manajemen
diharapkan dapat membantu pihak perusahaan dalam mengambil keputusan
terkait kondisi perusahaan tersebut.
Toko Maestro Comptech bergerak dalam penjualan dan servis
komputer yang menyediakan berbagai macam tipe produk komputer, laptop,
printer, dan lain-lain. Selain itu, pihak perusahaan juga menyediakan
layanan servis komputer, laptop, maupun printer.
Kebutuhan pihak perusahaan akan analisa laporan penjualan,
servis, dan persediaan masih sulit dilakukan. Pihak perusahaan juga
kesulitan dalam mengolah dan mengevaluasi data penjualan, servis,
maupun menentukan berapa banyak stok yang diperlukan.
Berdasarkan uraian diatas, dibutuhkan sebuah sistem informasi yang
dapat membantu perusahaan dalam memantau penjualan, servis, dan
persediaan yang diperlukan. Oleh karena itu, penulis berencana untuk
mengembangkan sebuah sistem informasi manajemen berbasis web
menggunakan tool Dreamweawer menggunakan bahasa pemrograman PHP
dan data base MySQL melalui penulisan penelitian ini dengan
judul “Sistem Informasi Manajemen Penjualan dan Servis Komputer Pada
 2

Toko Maestro Comtech Brebes Berbasis Web Menggunakan PHPdan

MySQL”.

1.2 PERUMUSAN MASALAH

Melihat kekurangan dari sistem yang berjalan menggunakan pencatatan
kompterisasi sederhana mengggunakan microsoft office excell maka
dibutuhkan sistem komputerisasi yang mampu mengatasi kelemahan yang
ada. Dalam hal ini penulis berusaha menerangkan masalah yang dihadapi
yaitu bagaimana cara membuat sistem apalikasi yang terpadu pada sistem
yang berjalan dengan memanfaatkan data base sheet excell yang sudah ada
agar lebih praktis dan efesien.

1.3 BATASAN MASALAH

Hal – hal yang akan dilakukan pada penulisan penelitian ini dibatasi
pada masalah yang akan dibahas yaitu :
1. Perancangan transaksi penjualan dan manajemen stok barang serta
pencatatan servis dengan pembayaran tunai.
2. Bagian Perancangan Sistem hanya akan membahas tentang transaksi
tunai, stok barang gudang dan pencatatan layanan jasa servis.

1.4 TUJUAN DAN MANFAAT PENELITIAN

1.4.1 Tujuan Penelitian
1. Untuk mengetahui sistem penjualan, manajemen stok barang
gudang dan pelayanan jasa servis yang sedang berjalan di
Maestro Comtech.
2. Merancang sistem informasi penjualan, stok barang gudang dan
pencatatan pelayanan jasa servis secara terpadu yang diusulkan
sehingga mempermudah proses bisnis dengan pengolahan data
barang yang lebih akurat.
 3

1.4.2 Manfaat Penelitian

1. Manfaat Bagi Penulis
Untuk menerapkan ilmu komputer pada aplikasi kehidupan
nyata khususnya yang berkaitan dengan sistem informasi
manajemen terpadu sehingga terarah serta mengembangkan
pengetahuan penulis plus menambah pengalaman tersendiri.
2. Manfaat Bagi Perusahaan
a. Membantu manajer dalam mengambil keputusan
mengenai berapa banyak produk akan distok dan
banyaknya servis berdasarkan produk.
b. Efisiensi waktu dalam pengolahan data dan penyajian
laporan penjualan, servis, dan persediaan.

1.5 METODOLOGI PENELITIAN

Jenis penelitian ini kuantitatif deskriptif yang menggambarkan
penerapan sistem informasi penjualan dan pencatatan layanan servis stok
barang berupa aksesoris komputer dan laptop.
Objek Penelitian adalah pada Maestro Comtech Brebes, didalam
melakukan penelitian ini, penulis berusaha mendapatkan data yang dapat
mendukung tercapainya penelitian ini sesuai dengan materi yang akan
dibahas. Agar mendapatkan data yang dibutuhkan dengan lengkap, maka
penulis mengelompokan jenis data berdasar referensi dan metode untuk
pengumpulanya yang kan dibahas sebagai berikut :
1.5.1 Jenis Data
a. Data Primer
Data yang diperoleh langsung dari obyek penelitian yaitu
bagian penjualan, servis, dan staff gudang toko Maestro
Comtech berkaitan dengan masalah yang dihadapi.
b. Data Sekunder
Data sekunder adalah data yang diperoleh secara tidak
langsung , yaitu data yang berasal dari data file catatan excell
 4

stok barang dan transaksi penjualan , catatan retur barang serta

semua data yang berkaitan dengan obyek penelitian yang
nantinya dapat digunakan sebagai acuan dalam penyusunan
laporan termasuk referensi buku-buku penunjang lain terkait
landasan teori untuk penelitaian ini.
1.5.2 Metode Pengumpulan Data
Untuk mendapat data yang benar-benar akurat, relevan, dan valid
maka penulis mengumpulkan sumber data dengan metode
pengumpulan data antara lain :
a. Interview (wawancara)
Merupakan cara pengumpulan data secara langsung dengan
pihak- pihak yang berkepentingan dengan tujuan untuk
mendapatkan data yang lebih terinci yang berhubungan dengan
penelitian.
b. Observasi (pengamatan )
Observasi yang Penulis lakukan meliputi pengamatan dan
pencatatan proses penjualan, penambahan stok gudang dan
pelayana jasa servis di Maestro Comtech.
c. Studi Pustaka
Studi Pustaka dilakukan dengan cara pengumpulan data dengan
cara merangkum dari buku-buku penunjang, dokumen laporan
PKL terdahulu serta sumber tertulis lainya baik cetak maupun
elektonik yang isinya sesuai dengan tema permaslahan yang
penulis bahas termasuk untuk mendapatkan data sekunder
dengan mengacu pada literatur.
 5

1.6 SISTEMATIKA PENULISAN

BAB I PENDAHULUAN
Pendahuluan memberikan uraian mengenai latar belakang
masalah, permasalahan, batasan masalah, tujuan penelitian,
manfaat penelitian, metodologi penelitian, dan sistematika
penulisan.
BAB II LANDASAN TEORI
Landasan Teori memberikan uraian mengenai teori-teori
yang berhubungan dengan permasalahan yang diambil
penulis. Teori-teori tersebut diambil dari litelatur-literatur,
dokumentasi, serta informasi dari berbagai pihak.
BAB III ANALISA SISTEM
Pada Bab ini terdapat penjelasan singkat mengenai
penjualan dan manajemen stok barang pada sebuah toko
komputer. Terdapat pula uraian prosedur, analisa keluaran,
analisa masukan, analisa proses, analisa data, dan
identifikasi kebutuhan.
BAB IV RANCANGAN SISTEM
Dalam bab ini menjelaskan tentang rancangan database,
perancangan proses, perancangan keluaran, perancangan
masukan, dan perancangan dialog layar.
BAB VI PENUTUP
Dalam Bab ini berisi kesimpulan dan saran-saran yang
diperlukan untuk pengembangan sistem lebih lanjut.
 6

BAB IV
RANCANGAN SISTEM

4.1 RANCANGAN BASIS DATA

4.1.1 Entity Relationship Diagram
1. Relasi Pelanggan Dengan Transaksi
4.1.2 Normalisasi...............................................................
4.1.3 Spesifikasi Basis Data................................................
4.1.4 Rancangan Kode.........................................................
4.2 Rancangan Proses................................................................
4.2.1 Diagram Konteks.....................................................
4.2.2 Model Proses DAD.....................................................
4.2.3 Spesifikasi Proses DAD.............................................
4.3 Rancangan Keluaran..........................................................
4.4 Rancangan Masukan.........................................................
4.5 Spesifikasi Dialog Layar......................................................
4.5.1 Struktur Tampilan....................................................
4.5.2 Rancangan Layar....................................................
4.6 Arsitektur Sistem................................................................
4.6.1 Model Sistem...........................................................
4.6.2 Spesifikasi Modul.....................................................
4.7 Penelusuran Akses............................................................