PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN LAYANAN SMS GATEWAY MENGGUNAKAN CODEIGNITER.
perpustakaan.uns.ac.id
digilib.uns.ac.id
PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN
LAYANAN SMS GATEWAY MENGGUNAKAN CODEIGNITER
Tugas Akhir
untuk memenuhi sebagian persyaratan
mencapai derajat Diploma III
Program Studi Diploma III Teknik Informatika
Diajukan oleh :
Didta Wilutomo
M3308040
Kepada :
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MIPA
UNIVERSITAS SEBELAS MARET
SURAKARTA
2013
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSETUJUAN
PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN
LAYANAN SMS GATEWAY MENGGUNAKAN
CODEIGNNITER
Disusun Oleh
DIDTA WILUTOMO
NIM. M3308040
Tugas Akhir ini telah disetujui untuk disusun dan ditindaklanjuti
pada tanggal _______________
Pembimbing Utama
Nanang Maulana, S.Si
NIDN.
9906004430
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PENGESAHAN
PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN LAYANAN
SMS GATEWAY MENGGUNAKAN CODEIGNITER
Disusun oleh:
DIDTA WILUTOMO
M3308040
Dibimbing oleh
Pembimbing Utama
Nanang Maulana, S.Si
NIDN.
9906004430
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Teknik Informatika FMIPA UNS
pada hari ____________________
Dewan Penguji:
1.
2.
3.
Tanda Tangan
Nanang Maulana, S.Si
NIDN. 9906004430
Eko Harry Pratisto, S.T., M.Info.Tech.
NIDN. 0624118101
Yuda Yudhanto, S.Kom
NIDN.
(......................)
(......................)
(......................)
Surakarta,
Juli 2013
Disahkan oleh :
Ketua
Program DIII Teknik Informatika
FMIPA UNS
Dekan FMIPA UNS
Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons), Ph.D
NIP. 19610223 198601 1 001
commit to user
iii
Drs. YS. Palgunadi, M.Sc
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRACT
DIDTA WILUTOMO M3308040. THE MAKING OF WEBSITE UD.
SIGMA PRAMUKA WITH SMS GATEWAY SERVICES USING
CODEIGNITER. Final Task, Surakarta : Faculty of Mathematics and Natural
Sciences, Sebelas Maret University Surakarta, 2013.
UD. Sigma Pramuka is a commercial enterprise that is engaged in the
manufacture and marketing of equipment scout. Until now the marketing of the
products still rely on UD Sigma Pramuka conventional method, which is offered
from one store to another, either by internal employees or sales.
Website UD. Sigma Pramuka is made to facilitate the marketing,
promotion, and member education of scouts. Each time an order is entered from
the UD. Sigma Pramuka website, an SMS notification will be sent to the
administrator and the customer. SMS notification will also be sent to customer
every time a change on orders status of products ordered. UD. Sigma Pramuka
website uses the application and modem Huawei E1550 gammu as SMS gateway.
It can be concluded that the UD Sigma Pramuka website with SMS
gateway service using CodeIgniter has been successfully created.
Key words: Website, SMS Gateway, gammu, notification.
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRAK
DIDTA WILUTOMO M3308040. PEMBUATAN WEBSITE UD.
SIGMA
PRAMUKA
DENGAN
LAYANAN
SMS
GATEWAY
MENGGUNAKAN CODEIGNITER Tugas Akhir, Surakarta : Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta,
2013.
UD. Sigma Pramuka adalah sebuah usaha dagang yang bergerak di bidang
pembuatan dan pemasaran perlengkapan pramuka. Sampai saat ini pemasaran
produk UD Sigma Pramuka masih mengandalkan metode konvensional, yakni
dipasarkan dengan cara bekeliling dari toko satu ke toko lain, baik oleh karyawan
internal maupun sales
Website UD. Sigma Pramuka ini telah dibuat untuk memudahkan
pemasaran, promosi, serta member edukasi kepramukaan kepada insan pramuka.
Setiap kali ada order masuk melalui website UD. Sigma Pramuka, SMS notifikasi
akan dikirim kepada administrator dan pemesan. SMS notifikasi juga akan dikirim
kepada pemesan setiap kali ada perubahan statursorder dari produk yang dipesan.
UD. Sigma Pramuka menggunakan aplikasi gammu dan modem huawei e1550
sebagai SMS gateway.
Dapat disimpulkan bahwa website UD. Sigma Pramuka dengan layanan
SMS gateway menggunakan CodeIgniter telah berhasil dibuat.
Kata kunci : Website, SMS Gateway, gammu, notifikasi.
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
”Alam bawah sadar adalah tanah yang subur...
Pikiran adalah benih...
Dan hasrat adalah sinar mentari yang memberi kehangatan...”
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
PERSEMBAHAN
Kupersembahkan tugas akhir ini untuk :
Bapak dan Ibu yang tercinta, atas kasih sayang dan pengorbanan,
kesabaran yang tiada tara, serta doanya yang selalu menyertai langkahku dalam
mengarungi hidup ini.
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Puji syukur ke hadirat Tuhan YME yang telah melimpahkan rahmat dan
barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul
“Pembuatan Website UD. Sigma Pramuka Dengan layanan SMS Gateway
Menggunakan CodeIgniter”. Laporan Tugas Akhir ini disusun untuk memenuhi
salah satu syarat dalam memperoleh gelar Amd. pada Program Studi Diploma III
Teknik Informatika Universitas Sebelas Maret.
Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini
penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak.
Penulis mengucapkan terima kasih yang tak terhingga kepada:
1. Bapak Ir. Ari Handono Ramelan, M.Sc, Ph.D selaku Pimpinan Fakultas
MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis
untuk belajar.
2. Bapak Drs. YS. Palgunadi, M.Sc selaku Ketua Program Studi Diploma III
Teknik Informatika Universitas Sebelas Maret yang memberikan izin
kepada penulis untuk belajar.
3. Bapak Nanang Maulana, S.Si selaku dosen pembimbing yang telah dengan
penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik
kepada penulis.
4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas
Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
5. Para Karyawan/wati Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret yang telah membantu penulis dalam proses
belajar.
6. Semua pihak yang telah membantu.
Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh
dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat
commit to
user kata, semoga tulisan ini dapat
membangun sangat penulis harapkan.
Akhir
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan
khususnya bagi penulis sendiri.
Surakarta,
Penulis
commit to user
ix
Mei 2013
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL ....................................................................................
i
HALAMAN PERSETUJUAN .....................................................................
ii
HALAMAN PENGESAHAN .....................................................................
iii
ABSTRACT ...................................................................................................
iv
ABSTRAK ......................................................................................................
v
MOTTO ...........................................................................................................
vi
PERSEMBAHAN ..........................................................................................
vii
KATA PENGANTAR ...................................................................................
ix
DAFTAR ISI ...................................................................................................
x
DAFTAR GAMBAR .....................................................................................
xiii
DAFTAR TABEL ..........................................................................................
xv
BAB I
PENDAHULUAN ...........................................................................
1
1.1 Latar Belakang..........................................................................
1
1.2 Perumusan Masalah.....................................................................
2
1.3 Batasan Masalah .........................................................................
2
1.4 Tujuan dan Manfaat Penelitian ..................................................
2
1.5 Metodologi Penelitian ................................................................
2
1.6 Sistematika Penulisan ................................................................
3
BAB II LANDASAN TEORI ....................................................................
4
2.1 Code Igniter ………………. ....................................................
4
2.1.1 Alur Kerja Framework CI ..............................................
5
2.1.1 Struktur Direktori CodeIgniter ......................................
5
2.1.1 MVC pada CodeIgniter………......................................
5
2.1.1 Kelebihan Framework CodeIgniter................................
5
2.2 SMS Gateway........................................ ..................................
7
2.3 Gammu ……………….............................................................
commit to user
2.3 Context Diagram ………………...............................................
7
x
7
perpustakaan.uns.ac.id
digilib.uns.ac.id
2.3 DFD (Data Flow Diagram) ………………...............................
8
2.3 ER- Diagram ……………….....................................................
8
2.3 MySQL ……………….............................................................
9
2.3 PhpMyAdmin ………………....................................................
9
2.3 XAMPP ………………..............................................................
10
2.3 Jcrop ………………...................................................................
10
2.3 Colorbox ……………….............................................................
10
2.3 Jquery ………………..................................................................
10
BAB III ANALISA DAN PERANCANGAN .............................................
11
3.1. Alat dan Bahan ........................................................................
11
3.1.1 Alat .................................................................................
11
3.1.2Bahan ……………………… ..........................................
11
3.2 Gambaran Umum…................................................................
12
3.3. Perancangan Sistem ................................................................
13
3.1.1 Context Diagram ...........................................................
13
3.1.2 Data Flow Diagram Level 1 ……………………..........
14
3.1.3 E-R Diagram .................................................................
15
3.1.4 Perancangan Basis Data ………………………… ........
16
3.4 Struktur Menu .........................................................................
22
3.5 Perancangan Tampilan Website ..............................................
24
BAB IV IMPLEMENTASI DAN ANALISA .............................................
30
4.1 Tahapan Implementasi ............................................................
30
4.1.1 Pembuatan Database dan tabel......................................
30
4.2.2 Implementasi Halaman Publik........................................
31
4.2.3 Implementasi Halaman Admin .…. ...............................
44
4.2 Gammu SMS Gateway............................................................
54
4.2.1 Setting Konfigurasi Gammu............................................
54
4.2.2 Implementasi Gammu SMS Gateway..............................
57
4.4 Pengujian Sistem........................................................................ 60
commit to user
BAB V PENUTUP ..........................................................................................
xi
63
perpustakaan.uns.ac.id
digilib.uns.ac.id
5.1 Kesimpulan .........................................................
63
5.2 Saran .........................................................
64
DAFTAR PUSTAKA ......................................................................................
LAMPIRAN
commit to user
xii
65
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar 2.1 alur kerja framework CI..........................................................
4
Gambar 3.1 gambaran umum....................................................................
12
Gambar 3.2 diagram konteks.....................................................................
13
Gambar 3.3 DFD level 1...........................................................................
14
Gambar 3.4 E-R Diagram.........................................................................
16
Gambar 3.5 Struktur Menu untuk pengunjung dan user.................................
22
Gambar 3.6 Struktur menu untuk administrator...........................................
23
Gambar 3.7 tampilan depan......................................................................
24
Gambar 3.8 tampilan login .......................................................................
25
Gambar 3.9 tampilan registerasi................................................................
26
Gambar 3.10 tampilan halaman user..........................................................
27
Gambar 3.11 tampilan login admin................................................................
28
Gambar 3.12 tampilan halaman admin.......................................................
29
Gambar 4.1 database pada phpmyadmin .........................................................
30
Gambar 4.2 halaman depan......................................................................
31
Gambar 4.3 halaman artikel.....................................................................
32
Gambar 4.4 halaman login user ................................................................
33
Gambar 4.5 halaman register...................................................................
33
Gambar 4.6 halaman produk ....................................................................
34
Gambar 4.7 halaman single produk............................................................
35
Gambar 4.8 halaman registered user................................................................
36
Gambar 4.9 keranjang belanja...................................................................
37
Gambar 4.10 halaman checkout....................................................................
38
Gambar 4.11 halaman order .......................................................................
39
Gambar 4.12 halaman order selesai..........................................................
40
Gambar 4.13 Halaman profile ..................................................................
41
Gambar 4.14 halaman record...................................................................
commit to user
42
xiii
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.15 halaman edit akun.............................................................
43
Gambar 4.16 halaman login admin.........................................................
44
Gambar 4.17 halaman admin..................................................................
44
Gambar 4.18 halaman laporan................................................................
45
Gambar 4.19 halaman ongkos kirim.......................................................
45
Gambar 4.20 halaman laporan detail.......................................................
46
Gambar 4.21 halaman artikel..................................................................
46
Gambar 4.22 halaman tambah artikel......................................................
47
Gambar 4.23 halaman edit artikel ...........................................................
47
Gambar 4.24 halaman kategori..............................................................
48
Gambar 4.25 halaman tambah kategori...................................................
48
Gambar 4.26 halaman edit kategori........................................................
49
Gambar 4.27 halaman produk...............................................................
49
Gambar 4.28 halaman tambah produk....................................................
50
Gambar 4.29 halaman edit produk.........................................................
50
Gambar 4.30 halaman edit gambar produk.............................................
51
Gambar 4.31 halaman user...................................................................
51
Gambar 4.32 halaman user record.........................................................
52
Gambar 4.33 halaman user profile ........................................................
52
Gambar 4.34 halaman user ubah ...........................................................
53
Gambar 4.35 halaman pengaturan .........................................................
53
Gambar 4.36 setting port pada gammurc.................................................
54
Gambar 4.37 setting port pada smsdrc...................................................
55
Gambar 4.38 instalasi gammu pada sistem operasi...................................
55
Gambar 4.39 menjalankan gammu........................................................
56
Gambar 4.40 SMS dikirim kepada administrator.....................................
57
Gambar 4.41 SMS kepada pemesan.........................................................
57
Gambar 4.42 SMS detail pembayaran dan ongkos kirim...........................
58
Gambar 4.43 SMS kepada pemesan saat status order diubah........................
59
Gambar 4.44 SMS kepada pemesan saat barang telah dikirim......................
commit to user
59
xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR TABEL
Tabel 2.1 Simbol DFD..........................................................................
8
Tabel 2.2 Simbol ER-Diagram...............................................................
9
Tabel 3.1 Struktur Tabel Produk............................................................
17
Tabel 3.2 Struktur Table foto_produk......................................................
17
Tabel 3.3 Struktur Table kategori............................................................
18
Tabel 3.4 Struktur Table order................................................................
19
Tabel 3.5 Struktur Table order_data.........................................................
19
Tabel 3.6 Struktur Table user..................................................................
20
Tabel 3.7 Struktur Table user_data...........................................................
20
Tabel 3.8 Struktur Table entry.................................................................
21
Tabel 3.9 Struktur Tabel option...............................................................
21
Tabel 4.9 pengujian................................................................................
60
commit to user
xv
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
L-1
digilib.uns.ac.id
PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN
LAYANAN SMS GATEWAY MENGGUNAKAN CODEIGNITER
Tugas Akhir
untuk memenuhi sebagian persyaratan
mencapai derajat Diploma III
Program Studi Diploma III Teknik Informatika
Diajukan oleh :
Didta Wilutomo
M3308040
Kepada :
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MIPA
UNIVERSITAS SEBELAS MARET
SURAKARTA
2013
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PERSETUJUAN
PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN
LAYANAN SMS GATEWAY MENGGUNAKAN
CODEIGNNITER
Disusun Oleh
DIDTA WILUTOMO
NIM. M3308040
Tugas Akhir ini telah disetujui untuk disusun dan ditindaklanjuti
pada tanggal _______________
Pembimbing Utama
Nanang Maulana, S.Si
NIDN.
9906004430
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
HALAMAN PENGESAHAN
PEMBUATAN WEBSITE UD. SIGMA PRAMUKA DENGAN LAYANAN
SMS GATEWAY MENGGUNAKAN CODEIGNITER
Disusun oleh:
DIDTA WILUTOMO
M3308040
Dibimbing oleh
Pembimbing Utama
Nanang Maulana, S.Si
NIDN.
9906004430
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Teknik Informatika FMIPA UNS
pada hari ____________________
Dewan Penguji:
1.
2.
3.
Tanda Tangan
Nanang Maulana, S.Si
NIDN. 9906004430
Eko Harry Pratisto, S.T., M.Info.Tech.
NIDN. 0624118101
Yuda Yudhanto, S.Kom
NIDN.
(......................)
(......................)
(......................)
Surakarta,
Juli 2013
Disahkan oleh :
Ketua
Program DIII Teknik Informatika
FMIPA UNS
Dekan FMIPA UNS
Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons), Ph.D
NIP. 19610223 198601 1 001
commit to user
iii
Drs. YS. Palgunadi, M.Sc
NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRACT
DIDTA WILUTOMO M3308040. THE MAKING OF WEBSITE UD.
SIGMA PRAMUKA WITH SMS GATEWAY SERVICES USING
CODEIGNITER. Final Task, Surakarta : Faculty of Mathematics and Natural
Sciences, Sebelas Maret University Surakarta, 2013.
UD. Sigma Pramuka is a commercial enterprise that is engaged in the
manufacture and marketing of equipment scout. Until now the marketing of the
products still rely on UD Sigma Pramuka conventional method, which is offered
from one store to another, either by internal employees or sales.
Website UD. Sigma Pramuka is made to facilitate the marketing,
promotion, and member education of scouts. Each time an order is entered from
the UD. Sigma Pramuka website, an SMS notification will be sent to the
administrator and the customer. SMS notification will also be sent to customer
every time a change on orders status of products ordered. UD. Sigma Pramuka
website uses the application and modem Huawei E1550 gammu as SMS gateway.
It can be concluded that the UD Sigma Pramuka website with SMS
gateway service using CodeIgniter has been successfully created.
Key words: Website, SMS Gateway, gammu, notification.
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
ABSTRAK
DIDTA WILUTOMO M3308040. PEMBUATAN WEBSITE UD.
SIGMA
PRAMUKA
DENGAN
LAYANAN
SMS
GATEWAY
MENGGUNAKAN CODEIGNITER Tugas Akhir, Surakarta : Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta,
2013.
UD. Sigma Pramuka adalah sebuah usaha dagang yang bergerak di bidang
pembuatan dan pemasaran perlengkapan pramuka. Sampai saat ini pemasaran
produk UD Sigma Pramuka masih mengandalkan metode konvensional, yakni
dipasarkan dengan cara bekeliling dari toko satu ke toko lain, baik oleh karyawan
internal maupun sales
Website UD. Sigma Pramuka ini telah dibuat untuk memudahkan
pemasaran, promosi, serta member edukasi kepramukaan kepada insan pramuka.
Setiap kali ada order masuk melalui website UD. Sigma Pramuka, SMS notifikasi
akan dikirim kepada administrator dan pemesan. SMS notifikasi juga akan dikirim
kepada pemesan setiap kali ada perubahan statursorder dari produk yang dipesan.
UD. Sigma Pramuka menggunakan aplikasi gammu dan modem huawei e1550
sebagai SMS gateway.
Dapat disimpulkan bahwa website UD. Sigma Pramuka dengan layanan
SMS gateway menggunakan CodeIgniter telah berhasil dibuat.
Kata kunci : Website, SMS Gateway, gammu, notifikasi.
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
”Alam bawah sadar adalah tanah yang subur...
Pikiran adalah benih...
Dan hasrat adalah sinar mentari yang memberi kehangatan...”
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
PERSEMBAHAN
Kupersembahkan tugas akhir ini untuk :
Bapak dan Ibu yang tercinta, atas kasih sayang dan pengorbanan,
kesabaran yang tiada tara, serta doanya yang selalu menyertai langkahku dalam
mengarungi hidup ini.
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Puji syukur ke hadirat Tuhan YME yang telah melimpahkan rahmat dan
barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul
“Pembuatan Website UD. Sigma Pramuka Dengan layanan SMS Gateway
Menggunakan CodeIgniter”. Laporan Tugas Akhir ini disusun untuk memenuhi
salah satu syarat dalam memperoleh gelar Amd. pada Program Studi Diploma III
Teknik Informatika Universitas Sebelas Maret.
Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini
penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak.
Penulis mengucapkan terima kasih yang tak terhingga kepada:
1. Bapak Ir. Ari Handono Ramelan, M.Sc, Ph.D selaku Pimpinan Fakultas
MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis
untuk belajar.
2. Bapak Drs. YS. Palgunadi, M.Sc selaku Ketua Program Studi Diploma III
Teknik Informatika Universitas Sebelas Maret yang memberikan izin
kepada penulis untuk belajar.
3. Bapak Nanang Maulana, S.Si selaku dosen pembimbing yang telah dengan
penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik
kepada penulis.
4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas
Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
5. Para Karyawan/wati Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret yang telah membantu penulis dalam proses
belajar.
6. Semua pihak yang telah membantu.
Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh
dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat
commit to
user kata, semoga tulisan ini dapat
membangun sangat penulis harapkan.
Akhir
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan
khususnya bagi penulis sendiri.
Surakarta,
Penulis
commit to user
ix
Mei 2013
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL ....................................................................................
i
HALAMAN PERSETUJUAN .....................................................................
ii
HALAMAN PENGESAHAN .....................................................................
iii
ABSTRACT ...................................................................................................
iv
ABSTRAK ......................................................................................................
v
MOTTO ...........................................................................................................
vi
PERSEMBAHAN ..........................................................................................
vii
KATA PENGANTAR ...................................................................................
ix
DAFTAR ISI ...................................................................................................
x
DAFTAR GAMBAR .....................................................................................
xiii
DAFTAR TABEL ..........................................................................................
xv
BAB I
PENDAHULUAN ...........................................................................
1
1.1 Latar Belakang..........................................................................
1
1.2 Perumusan Masalah.....................................................................
2
1.3 Batasan Masalah .........................................................................
2
1.4 Tujuan dan Manfaat Penelitian ..................................................
2
1.5 Metodologi Penelitian ................................................................
2
1.6 Sistematika Penulisan ................................................................
3
BAB II LANDASAN TEORI ....................................................................
4
2.1 Code Igniter ………………. ....................................................
4
2.1.1 Alur Kerja Framework CI ..............................................
5
2.1.1 Struktur Direktori CodeIgniter ......................................
5
2.1.1 MVC pada CodeIgniter………......................................
5
2.1.1 Kelebihan Framework CodeIgniter................................
5
2.2 SMS Gateway........................................ ..................................
7
2.3 Gammu ……………….............................................................
commit to user
2.3 Context Diagram ………………...............................................
7
x
7
perpustakaan.uns.ac.id
digilib.uns.ac.id
2.3 DFD (Data Flow Diagram) ………………...............................
8
2.3 ER- Diagram ……………….....................................................
8
2.3 MySQL ……………….............................................................
9
2.3 PhpMyAdmin ………………....................................................
9
2.3 XAMPP ………………..............................................................
10
2.3 Jcrop ………………...................................................................
10
2.3 Colorbox ……………….............................................................
10
2.3 Jquery ………………..................................................................
10
BAB III ANALISA DAN PERANCANGAN .............................................
11
3.1. Alat dan Bahan ........................................................................
11
3.1.1 Alat .................................................................................
11
3.1.2Bahan ……………………… ..........................................
11
3.2 Gambaran Umum…................................................................
12
3.3. Perancangan Sistem ................................................................
13
3.1.1 Context Diagram ...........................................................
13
3.1.2 Data Flow Diagram Level 1 ……………………..........
14
3.1.3 E-R Diagram .................................................................
15
3.1.4 Perancangan Basis Data ………………………… ........
16
3.4 Struktur Menu .........................................................................
22
3.5 Perancangan Tampilan Website ..............................................
24
BAB IV IMPLEMENTASI DAN ANALISA .............................................
30
4.1 Tahapan Implementasi ............................................................
30
4.1.1 Pembuatan Database dan tabel......................................
30
4.2.2 Implementasi Halaman Publik........................................
31
4.2.3 Implementasi Halaman Admin .…. ...............................
44
4.2 Gammu SMS Gateway............................................................
54
4.2.1 Setting Konfigurasi Gammu............................................
54
4.2.2 Implementasi Gammu SMS Gateway..............................
57
4.4 Pengujian Sistem........................................................................ 60
commit to user
BAB V PENUTUP ..........................................................................................
xi
63
perpustakaan.uns.ac.id
digilib.uns.ac.id
5.1 Kesimpulan .........................................................
63
5.2 Saran .........................................................
64
DAFTAR PUSTAKA ......................................................................................
LAMPIRAN
commit to user
xii
65
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar 2.1 alur kerja framework CI..........................................................
4
Gambar 3.1 gambaran umum....................................................................
12
Gambar 3.2 diagram konteks.....................................................................
13
Gambar 3.3 DFD level 1...........................................................................
14
Gambar 3.4 E-R Diagram.........................................................................
16
Gambar 3.5 Struktur Menu untuk pengunjung dan user.................................
22
Gambar 3.6 Struktur menu untuk administrator...........................................
23
Gambar 3.7 tampilan depan......................................................................
24
Gambar 3.8 tampilan login .......................................................................
25
Gambar 3.9 tampilan registerasi................................................................
26
Gambar 3.10 tampilan halaman user..........................................................
27
Gambar 3.11 tampilan login admin................................................................
28
Gambar 3.12 tampilan halaman admin.......................................................
29
Gambar 4.1 database pada phpmyadmin .........................................................
30
Gambar 4.2 halaman depan......................................................................
31
Gambar 4.3 halaman artikel.....................................................................
32
Gambar 4.4 halaman login user ................................................................
33
Gambar 4.5 halaman register...................................................................
33
Gambar 4.6 halaman produk ....................................................................
34
Gambar 4.7 halaman single produk............................................................
35
Gambar 4.8 halaman registered user................................................................
36
Gambar 4.9 keranjang belanja...................................................................
37
Gambar 4.10 halaman checkout....................................................................
38
Gambar 4.11 halaman order .......................................................................
39
Gambar 4.12 halaman order selesai..........................................................
40
Gambar 4.13 Halaman profile ..................................................................
41
Gambar 4.14 halaman record...................................................................
commit to user
42
xiii
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4.15 halaman edit akun.............................................................
43
Gambar 4.16 halaman login admin.........................................................
44
Gambar 4.17 halaman admin..................................................................
44
Gambar 4.18 halaman laporan................................................................
45
Gambar 4.19 halaman ongkos kirim.......................................................
45
Gambar 4.20 halaman laporan detail.......................................................
46
Gambar 4.21 halaman artikel..................................................................
46
Gambar 4.22 halaman tambah artikel......................................................
47
Gambar 4.23 halaman edit artikel ...........................................................
47
Gambar 4.24 halaman kategori..............................................................
48
Gambar 4.25 halaman tambah kategori...................................................
48
Gambar 4.26 halaman edit kategori........................................................
49
Gambar 4.27 halaman produk...............................................................
49
Gambar 4.28 halaman tambah produk....................................................
50
Gambar 4.29 halaman edit produk.........................................................
50
Gambar 4.30 halaman edit gambar produk.............................................
51
Gambar 4.31 halaman user...................................................................
51
Gambar 4.32 halaman user record.........................................................
52
Gambar 4.33 halaman user profile ........................................................
52
Gambar 4.34 halaman user ubah ...........................................................
53
Gambar 4.35 halaman pengaturan .........................................................
53
Gambar 4.36 setting port pada gammurc.................................................
54
Gambar 4.37 setting port pada smsdrc...................................................
55
Gambar 4.38 instalasi gammu pada sistem operasi...................................
55
Gambar 4.39 menjalankan gammu........................................................
56
Gambar 4.40 SMS dikirim kepada administrator.....................................
57
Gambar 4.41 SMS kepada pemesan.........................................................
57
Gambar 4.42 SMS detail pembayaran dan ongkos kirim...........................
58
Gambar 4.43 SMS kepada pemesan saat status order diubah........................
59
Gambar 4.44 SMS kepada pemesan saat barang telah dikirim......................
commit to user
59
xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR TABEL
Tabel 2.1 Simbol DFD..........................................................................
8
Tabel 2.2 Simbol ER-Diagram...............................................................
9
Tabel 3.1 Struktur Tabel Produk............................................................
17
Tabel 3.2 Struktur Table foto_produk......................................................
17
Tabel 3.3 Struktur Table kategori............................................................
18
Tabel 3.4 Struktur Table order................................................................
19
Tabel 3.5 Struktur Table order_data.........................................................
19
Tabel 3.6 Struktur Table user..................................................................
20
Tabel 3.7 Struktur Table user_data...........................................................
20
Tabel 3.8 Struktur Table entry.................................................................
21
Tabel 3.9 Struktur Tabel option...............................................................
21
Tabel 4.9 pengujian................................................................................
60
commit to user
xv
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
L-1