Sistem Pemberitahuan dan Pembayaran Barang Konveksi Berbasis Mobile Website
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
TUGAS AKHIR
YUDI ARISANDI
142406140
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat
memperoleh Ahli Madya
YUDI ARISANDI
142406140
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: SISTEM PEMBERITAHUAN DAN
PEMBAYARAN BARANG KONVEKSI
BERBASIS MOBILE WEBSITE
: TUGAS AKHIR
: YUDI ARISANDI
: 142406140
: TEKNIK INFORMATIKA DIPLOMA 3
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
Disetujui di
Medan, Juni 2017
Disetujui Oleh
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Pembimbing,
Dra. Normalina Napitupulu, M.Sc
NIP. 196311061989022001
Dra. Laurentina Pangaribuan, MS
NIP. 195708031983032002
i
Universitas Sumatera Utara
PERNYATAAN
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2017
Yudi Arisandi
NIM.142406140
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
Tugas Akhir ini dengan judul Sistem Pemberitahuan dan Pembayaran Barang
Konveksi Berbasis Mobile Website.
Terima kasih penulis sampaikan kepada Dra. Laurentina Pangaribuan, MS
selaku dosen pembimbing yang telah meluangkan waktunya selama penyusunan
Tugas Akhir ini. Terima kasih kepada Dra. Normalina Napitupulu, M.Sc selaku
ketua prodi D3 Teknik Informatika FMIPA USU Medan, Dekan dan Wakil Dekan
FMIPA USU, seluruh Staf dan Dosen D3 Teknik Informatika FMIPA USU,
pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada
bapak Alm. Mahyudin Piliang, Ibu Zanibar Manday dan keluarga yang selama ini
memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha
Esa membalasnya.
Medan, Juni 2017
Penulis,
YUDI ARISANDI
iii
Universitas Sumatera Utara
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
ABSTRAK
Kajian ini bertujuan untuk membangun suatu sistem yang berdasarkan suatu sistem
informasi. Sistem ini dikembangkan menggunakan perangkat lunak PHP dan
MySQL. Metodologi pengembangan sistem yang digunakan adalah berdasarkan
diagram alir atau flowchart. Sistem ini meliputi modul-modul masukan data yang
berkaitan dengan penjadwalan dan rincian nilai. Objektif utama sistem ini adalah
untuk pemberitahuan dan pembayaran barang konveksi berbasis mobile website,
proses input dilakukan oleh admin sehingga kinerja pengolahan data dapat
ditingkatkan secara cepat dan efisien.
iv
Universitas Sumatera Utara
NOTIFICATION AND PAYMENT SYSTEM OF CONVECTION
PRODUCTS BASED ON MOBILE WEBSITE
ABSTRACT
This study is to develop a system that decision information system. This system
was developed using php and mysql. This system develop to use the software of
PHP and MySQL. The methodology for the development of the system was based
on flowchart. This system includes mudules of data input which each ones develop
for the food price data. The main objective of development of this system is to see
the notification and payment of convection products based on mobile website, the
input process performed by the admin so that data processing performance can be
improved quickly and efficiently.
v
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ................................................................................................................... iv
Abstract ....................................................................................................................v
Daftar Isi................................................................................................................. vi
Daftar Tabel ......................................................................................................... viii
Daftar Gambar ........................................................................................................ ix
Bab 1. Pendahuluan ....................................................................................................
1.1 Latar Belakang .......................................................................................1
1.2 Perumusan Masalah ................................................................................2
1.3 Batasan Masalah .....................................................................................3
1.4 Tujuan Penelitian....................................................................................3
1.5 Manfaat Penelitian..................................................................................4
1.6 Metodologi Penelitian ............................................................................4
1.7 Sistematika Penulisan .............................................................................6
Bab 2. Landasan Teori ...............................................................................................
2.1 Sistem .....................................................................................................7
2.2 Pengertian HTML (Hypertext Markup Language) ................................8
2.3 Pengertian PHP (Hypertext Prepocessor) ..............................................9
2.4 CSS (Cascading Style Sheet) .................................................................9
2.5 Pengertian JavaScript ...........................................................................10
2.6 XAMPP Control Panel .........................................................................11
2.7 MySQL .................................................................................................12
2.8 Flowchart ..............................................................................................13
2.9 Data Flow Diagram ..............................................................................17
Bab 3. Analisis dan Perancangan Sistem ...................................................................
3.1 Analisis Sistem .....................................................................................19
3.2 Perancangan Sistem..............................................................................19
3.2.1 Rancangan Proses .......................................................................20
3.2.2 Rancangan Basis Data (Database)
.............................................................................................................23
Bab 4. Implementasi Sistem.......................................................................................
4.1 Kebutuhan Sistem ................................................................................26
4.1.1 Perangkat Keras (Hardware) ......................................................26
4.1.2 Perangkat Lunak (Software).......................................................27
4.1.3 Pengguna (Brainware) ................................................................27
4.2 Implementasi Sistem ............................................................................28
4.3 Demonstrasi Program
29
4.3.1 Demonstrasi Tampilan User .......................................................29
4.3.2 Demonstrasi Tampilan Admin
35
vi
Universitas Sumatera Utara
Bab 5. Penutup ...........................................................................................................
5.1 Kesimpulan...........................................................................................39
5.2 Saran .....................................................................................................40
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
3.1
3.2
3.3
3.4
3.5
Judul ................................................. Halaman
Simbol Flowchart ...................................................14
Simbol Data Flow Diagram ...................................18
Admin.....................................................................24
Konsumen
........24
Pembayaran ............................................................24
Transaksi
25
Pemberitahuan
26
viii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
3.1
3.2
3.3
3.4
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.9
4.10
4.11
4.12
4.13
4.14
4.15
4.16
Judul .................................................... Halaman
Diagram Konteks ...........................................................................20
Flowchart Halam User ...................................................................21
Flowchart Halam Admin ................................................................22
Entity Relationship Diagram .........................................................23
Halaman Login ...............................................................................29
Halaman Registrasi ........................................................................30
Halaman Utama (Home) ................................................................30
Menu Akun ....................................................................................31
Form Edit Akun .............................................................................31
Menu Keranjang .............................................................................32
Form Pembayaran ..........................................................................33
Halaman Konfirmasi Pembayaran .................................................33
Menu Pemberitahuan ...........................................................3233334
Halaman Login Admin ...................................................................35
Halaman Transaksi .........................................................................36
Form Tambah Transaksi ................................................................36
Form Edit Transaksi .......................................................................36
Halaman Konsumen .......................................................................37
Halaman Pembayaran.....................................................................37
Halaman Pemberitahuan ................................................................38
ix
Universitas Sumatera Utara
KONVEKSI BERBASIS MOBILE WEBSITE
TUGAS AKHIR
YUDI ARISANDI
142406140
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat
memperoleh Ahli Madya
YUDI ARISANDI
142406140
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERSETUJUAN
Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: SISTEM PEMBERITAHUAN DAN
PEMBAYARAN BARANG KONVEKSI
BERBASIS MOBILE WEBSITE
: TUGAS AKHIR
: YUDI ARISANDI
: 142406140
: TEKNIK INFORMATIKA DIPLOMA 3
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
Disetujui di
Medan, Juni 2017
Disetujui Oleh
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Pembimbing,
Dra. Normalina Napitupulu, M.Sc
NIP. 196311061989022001
Dra. Laurentina Pangaribuan, MS
NIP. 195708031983032002
i
Universitas Sumatera Utara
PERNYATAAN
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2017
Yudi Arisandi
NIM.142406140
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
Tugas Akhir ini dengan judul Sistem Pemberitahuan dan Pembayaran Barang
Konveksi Berbasis Mobile Website.
Terima kasih penulis sampaikan kepada Dra. Laurentina Pangaribuan, MS
selaku dosen pembimbing yang telah meluangkan waktunya selama penyusunan
Tugas Akhir ini. Terima kasih kepada Dra. Normalina Napitupulu, M.Sc selaku
ketua prodi D3 Teknik Informatika FMIPA USU Medan, Dekan dan Wakil Dekan
FMIPA USU, seluruh Staf dan Dosen D3 Teknik Informatika FMIPA USU,
pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada
bapak Alm. Mahyudin Piliang, Ibu Zanibar Manday dan keluarga yang selama ini
memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha
Esa membalasnya.
Medan, Juni 2017
Penulis,
YUDI ARISANDI
iii
Universitas Sumatera Utara
SISTEM PEMBERITAHUAN DAN PEMBAYARAN BARANG
KONVEKSI BERBASIS MOBILE WEBSITE
ABSTRAK
Kajian ini bertujuan untuk membangun suatu sistem yang berdasarkan suatu sistem
informasi. Sistem ini dikembangkan menggunakan perangkat lunak PHP dan
MySQL. Metodologi pengembangan sistem yang digunakan adalah berdasarkan
diagram alir atau flowchart. Sistem ini meliputi modul-modul masukan data yang
berkaitan dengan penjadwalan dan rincian nilai. Objektif utama sistem ini adalah
untuk pemberitahuan dan pembayaran barang konveksi berbasis mobile website,
proses input dilakukan oleh admin sehingga kinerja pengolahan data dapat
ditingkatkan secara cepat dan efisien.
iv
Universitas Sumatera Utara
NOTIFICATION AND PAYMENT SYSTEM OF CONVECTION
PRODUCTS BASED ON MOBILE WEBSITE
ABSTRACT
This study is to develop a system that decision information system. This system
was developed using php and mysql. This system develop to use the software of
PHP and MySQL. The methodology for the development of the system was based
on flowchart. This system includes mudules of data input which each ones develop
for the food price data. The main objective of development of this system is to see
the notification and payment of convection products based on mobile website, the
input process performed by the admin so that data processing performance can be
improved quickly and efficiently.
v
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ................................................................................................................... iv
Abstract ....................................................................................................................v
Daftar Isi................................................................................................................. vi
Daftar Tabel ......................................................................................................... viii
Daftar Gambar ........................................................................................................ ix
Bab 1. Pendahuluan ....................................................................................................
1.1 Latar Belakang .......................................................................................1
1.2 Perumusan Masalah ................................................................................2
1.3 Batasan Masalah .....................................................................................3
1.4 Tujuan Penelitian....................................................................................3
1.5 Manfaat Penelitian..................................................................................4
1.6 Metodologi Penelitian ............................................................................4
1.7 Sistematika Penulisan .............................................................................6
Bab 2. Landasan Teori ...............................................................................................
2.1 Sistem .....................................................................................................7
2.2 Pengertian HTML (Hypertext Markup Language) ................................8
2.3 Pengertian PHP (Hypertext Prepocessor) ..............................................9
2.4 CSS (Cascading Style Sheet) .................................................................9
2.5 Pengertian JavaScript ...........................................................................10
2.6 XAMPP Control Panel .........................................................................11
2.7 MySQL .................................................................................................12
2.8 Flowchart ..............................................................................................13
2.9 Data Flow Diagram ..............................................................................17
Bab 3. Analisis dan Perancangan Sistem ...................................................................
3.1 Analisis Sistem .....................................................................................19
3.2 Perancangan Sistem..............................................................................19
3.2.1 Rancangan Proses .......................................................................20
3.2.2 Rancangan Basis Data (Database)
.............................................................................................................23
Bab 4. Implementasi Sistem.......................................................................................
4.1 Kebutuhan Sistem ................................................................................26
4.1.1 Perangkat Keras (Hardware) ......................................................26
4.1.2 Perangkat Lunak (Software).......................................................27
4.1.3 Pengguna (Brainware) ................................................................27
4.2 Implementasi Sistem ............................................................................28
4.3 Demonstrasi Program
29
4.3.1 Demonstrasi Tampilan User .......................................................29
4.3.2 Demonstrasi Tampilan Admin
35
vi
Universitas Sumatera Utara
Bab 5. Penutup ...........................................................................................................
5.1 Kesimpulan...........................................................................................39
5.2 Saran .....................................................................................................40
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
3.1
3.2
3.3
3.4
3.5
Judul ................................................. Halaman
Simbol Flowchart ...................................................14
Simbol Data Flow Diagram ...................................18
Admin.....................................................................24
Konsumen
........24
Pembayaran ............................................................24
Transaksi
25
Pemberitahuan
26
viii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
3.1
3.2
3.3
3.4
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.9
4.10
4.11
4.12
4.13
4.14
4.15
4.16
Judul .................................................... Halaman
Diagram Konteks ...........................................................................20
Flowchart Halam User ...................................................................21
Flowchart Halam Admin ................................................................22
Entity Relationship Diagram .........................................................23
Halaman Login ...............................................................................29
Halaman Registrasi ........................................................................30
Halaman Utama (Home) ................................................................30
Menu Akun ....................................................................................31
Form Edit Akun .............................................................................31
Menu Keranjang .............................................................................32
Form Pembayaran ..........................................................................33
Halaman Konfirmasi Pembayaran .................................................33
Menu Pemberitahuan ...........................................................3233334
Halaman Login Admin ...................................................................35
Halaman Transaksi .........................................................................36
Form Tambah Transaksi ................................................................36
Form Edit Transaksi .......................................................................36
Halaman Konsumen .......................................................................37
Halaman Pembayaran.....................................................................37
Halaman Pemberitahuan ................................................................38
ix
Universitas Sumatera Utara