Manual ini memberikan panduan implementasi sistem informasi pemasaran UKM Agil Craft Indonesia. Sistem ini dirancang untuk memudahkan pengelolaan data produk, kategori, pesanan, galeri, dan lainnya secara online. Bab implementasi menjelaskan persiapan perangkat keras dan lunak yang dibutuhkan serta hasil implementasi berupa berbagai fitur seperti halaman login, menu admin, pengelolaan data produk, pesanan, galeri, dan lainnya untuk memfasilitasi pemasaran secara digital.

1. MANUAL AGIL CRAFT
BUKU PANDUAN
SISTEM INFORMASI PEMASARAN AGIL CRAFT INDONESIA
YOGYAKARTA
Disusun oleh :
OLBERS E LETFAAR
1 1 3 3 0 0 0 9
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS JANABADRA
YOGYAKARTA
2015

2. 1
BAB
IMPLEMENTASI PROGRAM
4.1 Implementasi Program
Pada bab ini akan dibahas mengenai implementasi dari sistem informasi yang
dibuat. Setelah semua tahapan dalam pembuatan sebuah sistem telah dilewati,
maka sistem tersebut telah siap diimplementasikan. Tujuan dari implementasi
adalah untuk megetahui apakah sistem yang dibuat dapat berjalan sesuai dengan
keinginan yang diharapkan. Untuk melakukan implementasi, maka diperlukan
persiapan beberapa hal, antara lain :
1. KebutuhanPerangkatKeras
Spesifikasi minimal kebutuhan perangkat keras yang digunakan dalam
membangun aplikasi sistem informasipemasaran UKMTunggak Semi adalah :
a. Prosesor Intel®
CoreTM
i3 CPU M380 @2.53GHz 2.53GHz
b. RAM ( Random Access Memory ) 2.00GB
c. Video Graphics Adapter (VGA) 512 MB.
d. Piranti masukan berupa mouse dan keyboard.
e. Piranti keluaran berupa monitor 14” dan printer.
f. Media penyimpanan seperti harddisk dengan kapasitas 80 GB
h. Koneksi Internet
2. Kebutuhan Perangkat Lunak
Untuk membangun aplikasi sistem informasi pemasaran UKM Agil Craft
dibutuhkan perangkat lunak yang sesuai dengan spesifikasi kebutuhan
sistem dalam aplikasi sistem informasi pemasaran UKM Agil Craft. Berikut
beberapa perangkat lunak yang dapat digunakandalamproses pembangunannya :
a. Browser (mozilla firefox, internet explorer, opera, dll)

3. 2
4.2 Hasil Implementasi Program
1. Halaman Login
Halaman login dibuat untuk memproteksi sistem dari pihak – pihak yang
tidak bertanggung jawab dan tidak memiliki hak untuk mengaksesnya.
Jika user name dan password yang dimasukkan benar.
Gambar 1 Halaman Login
Fungsi input dan tombol adalah sebagai berikut :
 Input Text Username
Input ini digunakan untuk menginputkan username yang digunakan
oleh user supaya dapat masuk ke sistem.
 Input Text Password
Input ini digunakan untuk menginputkan password yang digunakan
oleh admin agar dapat masuk ke sistem.
 Tombol Login
Tombol ini berfungsi untuk masuk ke halaman Admin yang
merupakan kewenangan admin.

4. 3
Jika username dan password yang dimasukkan salah maka akan tampil
halaman konfirmasi seperti gambar 2 .
Gambar 2 Halaman Konfirmasi Login
2. Halaman Menu Utama Admin
Halaman menu admin digunakan untuk memilih menu apa yang akan
digunakan. Menu yang tersedia adalah edit menu utama, tambah kategori
produk, tambah produk, katalog, lihat pesan masuk, edit profil, album,
galeri, ganti header, edit link terkait, dan ganti password.
Gambar 3 Halaman Menu Utama Admin
Fungsi tautan dalam halaman ini adalah sebagai berikut :
 Tautan Edit Menu Utama
Tautan ini terhubung dengan halaman pengelolaan Menu Utama
 Tautan Edit Katalog

5. 4
Tautan ini berfungsi untuk melakukan perubahan katalog
 Tautan Tambah Kategori
Tautan ini berfungsi untuk melakukan proses edit kategori
 Tautam Tambah Produk
Tautan ini berfungsi untuk melakukan penambahan produk
 Tautan Lihat Pesan
Tautan ini berfungsi untuk melihat pesan masuk
 Tautan Edit Profil
Tautan ini berfungsi untuk melakukan perubahan profil
 Tautan Ganti Header
Tautan ini berfungsi untuk melakukan perubahan header
 Tautan Link Terkait
Tautan ini berfungsi untuk melakukan perubahan header
 Tautan Ganti Password
Tautan ini berfungsi untuk melakukan perubahan password admin
 Tombol Logout
Tombol ini berfungsi untuk keluar dari halaman Admin
3. Halaman Data Menu Utama
Halaman ini berfungsi untuk melakukan update data menu utama, meliputi
tambah data baru, ubah data.
Gambar 4 Halaman Data Menu Utama

6. 5
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Menu
Tombol ini berfungsi untuk menambahkan menu pada WEB
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada menu yang
telah ada
4. Halaman Edit Data Menu Utama
Halaman ini berfungsi untuk melakukan pengubahan data menu utama
yang dipilih.
Gambar 5 Halaman Edit Data Menu Utama
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk Menyimpan Perubahan pada Menu
 Tombol Batal
Tombol ini berfungsi untuk Membatalkan Perubahan Menu
5. Halaman Data Kategori Produk
Halaman ini berfungsi untuk melakukan update data kategori, meliputi
tambah data baru, ubah data dan hapus data.
Gambar 6 Halaman Data Kategori Produk

7. 6
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Kategori
Tombol ini berfungsi untuk menambahkan kategori produk
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada kategori produk
yang telah ada
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan kategori produk
yang telah ada
6. Halaman Tambah Data Kategori Produk
Halaman input data kategori adalah halaman untuk menginput data
kategori seperti nama kategori.
Gambar 7 Halaman Tambah Data Kategori Produk
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Simpan
Tombol ini berfungsi untuk menyimpan kategori produk yang baru
 Tombol Batal
Tombol ini berfungsi untuk membatalkan penambahan kategori produk
yang baru

8. 7
7. Halaman Edit Data Kategori Produk
Halaman ini berfungsi untuk melakukan pengubahan data kategori yang
dipilih.
Gambar 8 Halaman Edit Data Kategori Produk
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan kategori produk
 Tombol Batal
Tombol ini berfungsi untuk membatalkan perubahan kategori produk
8. Halaman Data Produk
Halaman ini berfungsi untuk melakukan update data produk, meliputi
tambah data baru, ubah data dan hapus data.
Gambar 9 Halaman Data Produk
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Produk
Tombol ini berfungsi untuk menambahkan produk
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada produk yang
telah ada

9. 8
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan produk yang telah
ada
9. Halaman Tambah Data Produk
Halaman input data produk adalah halaman untuk menginput data produk
seperti nama produk, pilih kategori, harga produk, deskripsi produk,
gambar produk.
Gambar 10 Halaman Tambah Data Produk
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Simpan
Tombol ini berfungsi untuk menyimpan produk yang baru
 Tombol Batal
Tombol ini berfungsi untuk membatalkan penambahan produk yang
baru
 Tombol Browser
Tombol ini berfungsi untuk memasukkan gambar produk yang baru
10. Halaman Edit Data Produk
Halaman ini berfungsi untuk melakukan pengubahan data produk yang
dipilih.

10. 9
Gambar 11 Halaman Edit Data Produk
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan produk
 Tombol Batal
Tombol ini berfungsi untuk membatalkan perubahan produk
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar produk yang akan di
ganti
11. Halaman Data Katalog
Halaman ini berfungsi untuk melakukan update data katalog, meliputi
tambah data baru, ubah data dan hapus data.
Gambar 12 Halaman Data Katalog

11. 10
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah File Katalog
Tombol ini berfungsi untuk menambahkan file katalog
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada file katalog
yang telah ada
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan file katalog yang
telah ada
12. Halaman Tambah Data Katalog
Halaman input data katalog adalah halaman untuk menginput data katalog
seperti nama katalog dan file katalog.
Gambar 13 Halaman Tambah Data Katalog
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Simpan
Tombol ini berfungsi untuk menyimpan file katalog yang baru
 Tombol Batal
Tombol ini berfungsi untuk membatalkan penambahan katalog yang
baru
 Tombol Browser
Tombol ini berfungsi untuk memasukkan gambar katalog yang baru
13. Halaman Edit Data Katalog
Halaman ini berfungsi untuk melakukan pengubahan data katalog yang
dipilih.

12. 11
Gambar 14 Halaman Edit Data Katalog
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan kategori produk
 Tombol Batal
Tombol ini berfungsi untuk membatalkan perubahan kategori produk
 Tombol Browser
Tombol ini berfungsi untuk memasukkan gambar katalog yang akan
di ganti
14. Halaman Data Pesan
Halaman ini berfungsi untuk melakukan baca dan membalas pesan yang
masuk, meliputi baca data pesan dan hapus data pesan.
Gambar 15 Halaman Data Pesan
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tautan Baca
Tautan ini berfungsi untuk melakukan membaca pesan yang masuk
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan pesan yang telah
ada

13. 12
15. Halaman Baca Dan Balas Pesan
Halaman ini berfungsi untuk melakukan balasan pesan yang dipilih.
Gambar 16 Halaman Baca Dan Balas Pesan
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Balas
Tombol ini berfungsi untuk mengirim balasan pesan kepada pengirim
 Tombol Batal
Tombol ini berfungsi untuk membatalkan pengiriman pesan balasan
16. Halaman Edit Profil
Halaman ini berfungsi untuk melakukan pengubahan profil dari UKM
Agil Craft.
Gambar 17 Halaman Edit Profil

14. 13
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan data profil
17. Halaman Edit Selamat Datang
Halaman ini berfungsi untuk melakukan pengubahan data selamat datang
dari beranda UKM Agil Craft.
Gambar 18 Halaman Edit Selamat Datang
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan data Beranda
18. Halaman Edit Cara Pembelian
Halaman ini berfungsi untuk melakukan pengubahan data cara pembelian
dari UKM Agil Craft.

15. 14
Gambar 19 Halaman Edit Cara Pembelian
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan data Beranda
19. Halaman Data Album
Halaman ini berfungsi untuk melakukan update data album, meliputi
tambah data baru, ubah data dan di non-aktifkan melalui edit album data.
Gambar 20 Halaman Data Album
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Album
Tombol ini berfungsi untuk menambahkan album
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada album

16. 15
20. Halaman Tambah Data Album
Halaman input data album adalah halaman untuk menginput data album.
Gambar 21 Halaman Tambah Data Album
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Simpan
Tombol ini berfungsi untuk menyimpan Album yang baru
 Tombol Batal
Tombol ini berfungsi untuk membatalkan penambahan album
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar album yang baru
21. Halaman Edit Data Album
Halaman ini berfungsi untuk melakukan pengubahan data album yang
dipilih.
Gambar 22 Halaman Edit Data Album
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan Album
 Tombol Batal
Tombol ini berfungsi untuk membatalkan perubahan album
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar album yang baru

17. 16
22. Halaman Data Galeri Foto
Halaman ini berfungsi untuk melakukan update data galeri foto, meliputi
tambah data baru, ubah data dan hapus data.
Gambar 23 Halaman Data Galeri Foto
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Galeri Foto
Tombol ini berfungsi untuk menambahkan galeri foto
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada galeri foto
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan
23. Halaman Tambah Data Galeri Foto
Halaman input data galeri foto adalah halaman untuk menginput data
galeri foto.

18. 17
Gambar 24 Halaman Tambah Data Galeri Foto
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Simpan
Tombol ini berfungsi untuk menyimpan foto yang baru
 Tombol Batal
Tombol ini berfungsi untuk membatalkan penambahan foto galeri
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar galeri foto yang baru
24. Halaman Edit Data Galero Foto
Halaman ini berfungsi untuk melakukan pengubahan data foto galeri yang
dipilih.
Gambar 25 Halaman Edit Data Galeri Foro

19. 18
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan Foto Galeri
 Tombol Batal
Tombol ini berfungsi untuk membatalkan perubahan foto galeri
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar foto galeri yang baru
25. Halaman Data Link Terkait
Halaman ini berfungsi untuk melakukan update data link terkait, meliputi
tambah data baru, ubah data dan hapus data.
Gambar 26 Halaman Data Link Terkait
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Banner
Tombol ini berfungsi untuk menambahkan data link terkait
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada link terkait
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan
26. Halaman Tambah Data Link Terkait
Halaman input data link terkait adalah halaman untuk menginput data
link terkait seperti nama link terkait, url link terkait dan gambar link terkait.

20. 19
Gambar 27 Halaman Tambah Data Link Terkait
27. Halaman Edit Data Link Terkait
Halaman ini berfungsi untuk melakukan pengubahan data link tekait
yang dipilih.
Gambar 28 Halaman Edit Data Link Terkait
28. Halaman Data Header
Halaman ini berfungsi untuk melakukan update data header, meliputi
tambah data baru, ubah data dan hapus data.
Gambar 29 Halaman Data Header
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Tambah Header
Tombol ini berfungsi untuk menambahkan header
 Tautan Edit
Tautan ini berfungsi untuk melakukan perubahan pada header

21. 20
 Tautan Hapus
Tautan ini berfungsi untuk melakukan penghapusan
29. Halaman Tambah Data Header
Halaman input data header adalah halaman untuk menginput data header
seperti nama header dan gambar header.
Gambar 30 Halaman Tambah Data Header
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Simpan
Tombol ini berfungsi untuk menyimpan Header yang baru
 Tombol Batal
Tombol ini berfungsi untuk membatalkan penambahan header
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar header yang baru
30. Halaman Edit Data Header
Halaman ini berfungsi untuk melakukan pengubahan data header yang
dipilih.
Gambar 31 Halaman Edit Data Header

22. 21
Fungsi tautan dan tombol pada halaman ini adalah sebagai berikut:
 Tombol Update
Tombol ini berfungsi untuk menyimpan perubahan Header
 Tombol Batal
Tombol ini berfungsi untuk membatalkan perubahan header
 Tombol Browse
Tombol ini berfungsi untuk memasukkan gambar header yang baru
31. Halaman Edit Password Admin
Halaman ini berfungsi untuk melakukan pengubahan data password admin
yang sudah ada, meliputi masukan nama password lama, masukan
password baru, masukan lagi password baru.
Gambar 32 Halaman Edit Password Admin
Fungsi input dan tombol pada halaman ini adalah seperti berikut:
 Input Password Lama
Input ini berfungsi untuk memasukkan password lama Admin
 Input Password Baru
Input ini berfungsi untuk memasukkan password baru Admin
 Input Konfirmasi Password Baru
Input ini berfungsi untuk mengkonfirmasikan password baru Admin
 Tombol Proses
Tombol ini berfungsi untuk melakukan perubahan pada password
Admin
 Tombol Batalkan
Tombol ini berfungsi untuk membatalakan perubahan pada password
Admin

23. 22
32. Halaman Utama Web UKM Agil Craft
Halaman ini adalah halaman tampilan user.
Gambar 33 Halaman Utama Web UKM Agil Craft
Fungsi input, tombol dan tautan pada halaman ini adalah seperti berikut:
 Input Pencarian
Input ini berfungsi untuk memasukkan pencarian produk
 Tombol Cari
Tombol ini mencari produk yang telah di inputkan di pencarian
 Tautan Beranda
Tautan ini berfungsi menyambungkan ke halaman utama
 Tautan Profil
Tautan ini berfungsi menyambungkan ke halaman profil
 Tautan Produk
Tautan ini berfungsi menyambungkan ke halaman semua produk
 Tautan Cara Pembelian
Tautan ini berfungsi menyambungkan ke halaman cara pembelian
 Tautan Download Katalog

24. 23
Tautan ini berfungsi menyambungkan ke halaman download katalog
 Tautan Hubungi Kami
Tautan ini berfungsi menyambungkan ke halaman hubungi kami
 Tautan Kategori Produk
Tautan ini berfungsi menyambungkan ke halaman produk sesuai
dengan kategori
33. Halaman Profil
Halaman profil berisi penjelasan singkat tentang sejarah berdirinya UKM
Agil Craft.
Gambar 34 Halaman Profil
34. Halaman Produk
Halaman produk berisikan daftar semua produk yang diproduksi oleh
UKM Agil Craft. User bisa melihat produk yang diinginkan dengan
memilih dan mengklik detail produk.

25. 24
Gambar 35 Halaman Produk
35. Halaman Detail Produk
Pada halaman produk, sebelumnnya user memilih salah satu produk yang
diinginkan lalu sistem akan menampilkan dari produk yang di pilih oleh
user. Isi dari halaman detail Produk adalah keterangan produk serta jumlah
stok produk dan harga produk.

26. 25
Gambar 36 Halaman Detail Produk
36. Halaman Cara Pembelian
Halaman cara pembelian berisikan penjelasan singkat cara pembelian
produk, sehingga pembeli awam pun dapat mengerti cara pembelian
produk – produk yang diproduksi oleh UKM Agil Craft.
Gambar 37 Halaman Cara Pembelian

27. 26
37. Halaman Katalog
Halaman katalog berisikan file katalog yang bisa diunduh oleh user
sehingga user bisa melihat-lihat produk dengan tidak membuka website.
Gambar 38 Halaman Katalog
38. Halaman Download Katalog
Halaman ini merupakan tampilan dari hasil download file katalog
berisikan file katalog yang bisa diunduh oleh user sehingga user bisa
melihat-lihat produk dengan tidak membuka website
Gambar 39 Halaman Ketika File Katalog Didownload

28. 27
39. Halaman Hubung
Halaman hubungi berisikan form untuk mengirimkan pesan yang berisikan
pemesanan produk, maupun diskusi mengenai produk yang dimaksud. Isi
dari halaman cara pembelian adalah sebagai berikut :
1. Input nama user.
2. Input alamat email user.
3. Input judul pesan.
4. Input pesan yang ingin dikirimkan kepada admin.
Gambar 40 Halaman Hubungi Kami
Fungsi input, tombol dan tautan pada halaman ini adalah seperti berikut:
 Tombol Kirim Pesan
Tombol ini berfungsi untuk mengirimkan pesan kepada admin melalui
email.
40. Halaman Kategori
Halaman kategori berisikan data produk sesuai dengan kategori yang ada
dalam website yang dipilih oleh user.

29. 28
Gambar 41 Halaman Kategori
41. Halaman Lihat Gambar
Halaman ini berfungsi untuk menampilkan gambar produk yang dipilih
secara lebih besar.
Gambar 42 Halaman Lihat Gambar
Fungsi input, tombol dan tautan pada halaman ini adalah seperti berikut:
 Tombol Play
Tombol ini berfungsi untuk menampilkan gambar produk secara
autoplay

30. 29
 Tombol Exit
Tombol ini berfungsi untuk keluar dari lihat gambar
 Tombol Selanjutnya
Tombol ini berfungsi untuk melihat gambar selanjutnya
 Tombol Sebelumnya
Tombol ini berfungsi untuk melihat gambar sebelumnya