manual book admin percetakan - banyu.center filesegera mengganti username dan password default...
Post on 18-Mar-2019
237 Views
Preview:
TRANSCRIPT
1
manual book admin percetakan
Daftar isi 1
Login admin 3
Dahboard awal admin 4
Manajemen menu master 5
a Kategori produk 5
b Produk 6
c Bahan 9
d Provinsi 10
e Bank 10
f Satuan 11
g Promo 12
h Finishing 13
i Supplier 14
j Ukuran 14
k Kota 15
Manajemen menu member 16
a Daftar member 16
b Pesan member 17
Manajemen administrator 18
Manajemen pemesanan 18
a Data hari ini 18
b Data keseluruhan 21
c Laporan pembayaran 21
Manajemen laporan 26
a Laporan keseluruhan 26
b Laporan dengan sorting waktu 27
2
Manajemen setting tampilan website 29
a Kontak 29
b Sosial media 30
c Ganti logo 31
d Rekening 32
e Alamat kantor 33
f Map lokasi 33
g Slider 36
h Galeri 37
i Berita 38
j About us 39
3
Manual Book Administrator Percetakan
1 Login Admin
Ketika anda mengakses halaman admin dari website percetakan ini maka halaman yang
pertama muncul adalah halaman admin Anda diminta memasukan username dan
password agar bisa mengakses data administrator Secara default anda dapat login
menggunakan username lsquoadminrsquo dan password lsquoadminrsquo Setelah login anda disarankan
segera mengganti username dan password default tersebut demi keamanan
4
2 Dasboard awal halaman admin
Setelah Login anda akan melihat dashboard awal halaman admin Dari halaman inilah
anda dapat melihat semua data administrasi melalui masing-masing menu vertical-
navbar yang ada disebelah kiri Anda juga dapat melihat data jumlah member total nilai
pemesanan hari ini total nilai pemesanan keseluruhan dan juga jumlah transaksi yang
telah masuk melalui 4 panel warna-warni yang ada dihalaman ini
5
3 Manajemen Menu Master
Menu master pada pada dashboard berisi sub-submenu tentang data master dari data
percetakan yang ditampilkan
a Kategori produk
6
Halaman ini berfungsi untuk menambah mengedit dan menghapus data dari kategori
produk percetakan yang ada Setiap produk yang akan dimasukan harus memiliki
kategori yang ada pada halaman ini
b Produk
Halaman ini berisi tentang datfar produk apa saja yang akan ditampilkan di website
percetakan Anda dapat menambah mengedit dan menghapus data produk melalui
halaman ini
Untuk menambah produk anda melakukannya dengan mengrsquoklikrsquo tombol lsquotambah produkrsquo
yang ada diatas table produk
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
2
Manajemen setting tampilan website 29
a Kontak 29
b Sosial media 30
c Ganti logo 31
d Rekening 32
e Alamat kantor 33
f Map lokasi 33
g Slider 36
h Galeri 37
i Berita 38
j About us 39
3
Manual Book Administrator Percetakan
1 Login Admin
Ketika anda mengakses halaman admin dari website percetakan ini maka halaman yang
pertama muncul adalah halaman admin Anda diminta memasukan username dan
password agar bisa mengakses data administrator Secara default anda dapat login
menggunakan username lsquoadminrsquo dan password lsquoadminrsquo Setelah login anda disarankan
segera mengganti username dan password default tersebut demi keamanan
4
2 Dasboard awal halaman admin
Setelah Login anda akan melihat dashboard awal halaman admin Dari halaman inilah
anda dapat melihat semua data administrasi melalui masing-masing menu vertical-
navbar yang ada disebelah kiri Anda juga dapat melihat data jumlah member total nilai
pemesanan hari ini total nilai pemesanan keseluruhan dan juga jumlah transaksi yang
telah masuk melalui 4 panel warna-warni yang ada dihalaman ini
5
3 Manajemen Menu Master
Menu master pada pada dashboard berisi sub-submenu tentang data master dari data
percetakan yang ditampilkan
a Kategori produk
6
Halaman ini berfungsi untuk menambah mengedit dan menghapus data dari kategori
produk percetakan yang ada Setiap produk yang akan dimasukan harus memiliki
kategori yang ada pada halaman ini
b Produk
Halaman ini berisi tentang datfar produk apa saja yang akan ditampilkan di website
percetakan Anda dapat menambah mengedit dan menghapus data produk melalui
halaman ini
Untuk menambah produk anda melakukannya dengan mengrsquoklikrsquo tombol lsquotambah produkrsquo
yang ada diatas table produk
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
3
Manual Book Administrator Percetakan
1 Login Admin
Ketika anda mengakses halaman admin dari website percetakan ini maka halaman yang
pertama muncul adalah halaman admin Anda diminta memasukan username dan
password agar bisa mengakses data administrator Secara default anda dapat login
menggunakan username lsquoadminrsquo dan password lsquoadminrsquo Setelah login anda disarankan
segera mengganti username dan password default tersebut demi keamanan
4
2 Dasboard awal halaman admin
Setelah Login anda akan melihat dashboard awal halaman admin Dari halaman inilah
anda dapat melihat semua data administrasi melalui masing-masing menu vertical-
navbar yang ada disebelah kiri Anda juga dapat melihat data jumlah member total nilai
pemesanan hari ini total nilai pemesanan keseluruhan dan juga jumlah transaksi yang
telah masuk melalui 4 panel warna-warni yang ada dihalaman ini
5
3 Manajemen Menu Master
Menu master pada pada dashboard berisi sub-submenu tentang data master dari data
percetakan yang ditampilkan
a Kategori produk
6
Halaman ini berfungsi untuk menambah mengedit dan menghapus data dari kategori
produk percetakan yang ada Setiap produk yang akan dimasukan harus memiliki
kategori yang ada pada halaman ini
b Produk
Halaman ini berisi tentang datfar produk apa saja yang akan ditampilkan di website
percetakan Anda dapat menambah mengedit dan menghapus data produk melalui
halaman ini
Untuk menambah produk anda melakukannya dengan mengrsquoklikrsquo tombol lsquotambah produkrsquo
yang ada diatas table produk
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
4
2 Dasboard awal halaman admin
Setelah Login anda akan melihat dashboard awal halaman admin Dari halaman inilah
anda dapat melihat semua data administrasi melalui masing-masing menu vertical-
navbar yang ada disebelah kiri Anda juga dapat melihat data jumlah member total nilai
pemesanan hari ini total nilai pemesanan keseluruhan dan juga jumlah transaksi yang
telah masuk melalui 4 panel warna-warni yang ada dihalaman ini
5
3 Manajemen Menu Master
Menu master pada pada dashboard berisi sub-submenu tentang data master dari data
percetakan yang ditampilkan
a Kategori produk
6
Halaman ini berfungsi untuk menambah mengedit dan menghapus data dari kategori
produk percetakan yang ada Setiap produk yang akan dimasukan harus memiliki
kategori yang ada pada halaman ini
b Produk
Halaman ini berisi tentang datfar produk apa saja yang akan ditampilkan di website
percetakan Anda dapat menambah mengedit dan menghapus data produk melalui
halaman ini
Untuk menambah produk anda melakukannya dengan mengrsquoklikrsquo tombol lsquotambah produkrsquo
yang ada diatas table produk
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
5
3 Manajemen Menu Master
Menu master pada pada dashboard berisi sub-submenu tentang data master dari data
percetakan yang ditampilkan
a Kategori produk
6
Halaman ini berfungsi untuk menambah mengedit dan menghapus data dari kategori
produk percetakan yang ada Setiap produk yang akan dimasukan harus memiliki
kategori yang ada pada halaman ini
b Produk
Halaman ini berisi tentang datfar produk apa saja yang akan ditampilkan di website
percetakan Anda dapat menambah mengedit dan menghapus data produk melalui
halaman ini
Untuk menambah produk anda melakukannya dengan mengrsquoklikrsquo tombol lsquotambah produkrsquo
yang ada diatas table produk
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
6
Halaman ini berfungsi untuk menambah mengedit dan menghapus data dari kategori
produk percetakan yang ada Setiap produk yang akan dimasukan harus memiliki
kategori yang ada pada halaman ini
b Produk
Halaman ini berisi tentang datfar produk apa saja yang akan ditampilkan di website
percetakan Anda dapat menambah mengedit dan menghapus data produk melalui
halaman ini
Untuk menambah produk anda melakukannya dengan mengrsquoklikrsquo tombol lsquotambah produkrsquo
yang ada diatas table produk
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
7
Untuk menambah produk anda harus mengisi form diatas setiap kolom harus diisi dan
tidak boleh dikosongkan Data ndashdata yang harus diinputkan adalah
Kode-produk untuk kode produk anda tidak perlu menginputkannya karena
ketika menambahkan produk baru system akan membuatkan kode produk yang
unik dan tidak mungkin sama dengan produk lain
Nama produk isikan nama produk dengan nama jelas dan usahakan tidak terlalu
panjang karena dapat merusak tampilan website jika nama terlalu panjang
Foto anda harus menginputkan data foto dari produk yang bersangkutan
Sebagai gambaran bagi para customer tentang produk tersebut
Nama kategori untuk kategori anda tinggal memilih saja dari daftar yang sudah
ada Jika di daftar kategori yang dimaksud belum ada maka anda harus menu ke
sub menu kategori dulu untuk menambahkan kategori baru sesuai dengan
kategori produk yang bersangkutan Baru kemudian kembali ke halaman input
produk untuk menginputkan produk yang bersangkutan Hal ini juga berlaku untuk
kolom ukuran bahan satuan dan finishing
Harga harga yang diinputkan disini adalah harga persatuan produk semisal harga
produk adalah Rp 30000lusin
Minimal order kolom ini menyatakan jumlah minimal dari suatu produk agar
dapat dipesan isikan dengan angka jika tidak ada minimal order maka masukan
saja 1 dengan satuan buah
Berat(gr) kolom ini digunakan untuk menginputkan berat produk berdasarkan
satuan yang telah diinputkan dengan ukuran gram Semisal 1000 gram buah
Keterangan berisi tentang deskripsi singkat tentang produk yang dimaksud atau
dpat pula diisi tentang informasi tambahan dari produk tersebut
Untuk mengedit produk anda dapat melakukannya dengan mengrsquoklikrsquo tombol detail pada
baris produk ayng dimaksud
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
8
Dari halaman ini akan ditampilkan tentang data produk khusus kode produk tidak dapat
diedit karena berhubungan dengan logika sistem Anda pata merubah foto produk pada
kolom ganti foto atau mengganti data lainnya sesuai kolom yang ada Kemudian klik
simpan pada button yang berada dibawah
Untuk menghapus data produk anda dapat melalukannya dengan mengklik tombol
berrsquoikon rsquo tempat sampah yang ada di sebelah kanan
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
9
c Bahan
Halaman bahan digunakan untuk mengatur data tentang bahan-bahan yang akan
digunakan dalam memproduksi produk percetakan Juga berisi tentang supplier dari
bahan-bahan tersebut Anda
Jika anda akan menambahkan bahan maka anda harus menginputkan nama bahan
beserta supliernya Jika daftar supplier belum ada anda harus ke sub menu supplier dulu
untuk menginputkan supplier baru yang belum terdaftar
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
10
d Provinsi
Halaman ini digunakan untuk mengatur master daftar provinsi nantinya dapat digunakan
untuk customisasi pengisian alamat pengiriman produk
e Bank
Halaman master bank adalah halaman yang digunakan untuk mengisi daftar bank yang
yang nantinya dapat memfasilitasi member dalam melakukan transaksi transfer
pembayaran Anda dapat menambah mengedit dan menghapus daftar bank dihalaman
ini
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
11
f Satuan
Halaman master satuan digunakan sebagai daftar ukuran satuan yang akan digunakan
dalam menyatakan jumlah quantity berbagai produk percetakan seperti lusin buah
eksemplar dll Anda dapat menambahkan mengedit atau menghapus satuan yang ada
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
12
g Promo
Halaman master promo digunakan untuk menampilkan daftar produk yang masuk
kategori promo Anda dapat menghapus mengedit atau menambahkan promo
dihalaman ini Maksimal item promo yang dapat diinputkan adalah tiga Jika sudah berisi
tiga promo dan anda akan menambahkan lagi maka akan muncul peringatan bahwa anda
tidak dapat lagi menambahkan item promo baru
Untuk dapat menambahkan promo anda lakukan dengan kli tombol tambah promo
Maka muncul tampilan seperti ini
Nama promo digunakan untuk mengisi judul promorsquo
Foto digunakan untuk menampilkan foto dari promo agar lebih menarik
Nama produk diisi dengan memilih dari daftar produk mana yang akan
dipromosikan jika belum masuk daftar Maka masukan dulu produk yang
bersangkutan agar dapat dimasukan ke item promo
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
13
Nilai promo diisi dengan jumlah potongan harga dari produk yang bersangkutan
Nilai diisi dalam bentuk rupiah (ex 2000)
Keterangan digunakan untuk memberikan penjelasan tambahan dari produk
yang masuk kategori promo ini
h Finishing
Halaman Finishing digunakan untuk menyimpan daftar jenis finishing dari sebuah
produk percetakan Seperti laminating jilid dll
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
14
i Suplier
Halaman ini berisi tentang daftar supplier dari bahan bahan yang kita peroleh dalam
proses produksi Anda dapat menambahkan dan menghapusnya
j Ukuran
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
15
Halaman master ukuran digunakan untuk menginputkan daftar ukuran dari berbagai
macam produk percetakan Untuk menambahkan produk baru maka klik tambah produk
maka muncul form seperti ini
Ukuran digunakan untuk memasukan ukuran produk
Nama ukuran memasukan nama produk dari ukuran tersebut
k Kota
Digunakan untuk memasukan daftar kota dari alamat pengiriman yang akan dituju
Beserta ongkos kirimnya Nilai ongkos kirim adalah biaya perkilo pengiriman ke kota
tersebut
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
16
4 Manajemen Menu member
a Daftar member
Halaman ini berisi daftar member yang sudah mendaftar Anda dapat mengecek data
member atau bahkan menghapus data member jika sudah login sebagai admin Namun
aksi menghapus member tidak disarankan
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
17
b Pesan member
Halaman ini menampilkan daftar pesan yang telah dikirim oleh admin ke member untuk
keperluan validasi file ataupun validasi pembayaran
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
18
5 Manajemen Administrator
Halaman ini berisi data administrator Seorang admin dapat menghapus atau
menambahkan data admin baru
6 Manajemen Pemesanan
a Data Hari ini
Digunakan untuk melihat daftar pemesanan yang masuk pada hari ini
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
19
Halaman ini berisi daftar pemesanan yang masuk pada hari ini Anda dapat melihat detail
pemesanan dengan mengklik ikon bergambar pencil pada sebelah kanan table
Dari halaman detail produk anda dapat melihat kolom status file berwarna hijau itu
tandanya status belum dicek maka tugas admin adalah untuk mengecek file desain yang
diupload oleh member anda dapat mendownload file desain tersebut dengan mengklik
ikon desain Kemudian tombol sebelahnya untuk merubah status file
Setelah melihat file dari member halaman ini untuk merubah status file desain member
Jika tidak dapat diproses maka admin harus mengisikan deskripsi penyebab file tidak
dapat diproses di kolom bawah agar member mengetahui kesalahan desaiinya Pesan
ini nantinya akan dikirim ke member Jika dapat di proses silahkan klik opsi lsquodapat
diprosesrsquo
kemudian klik button status yang ada dibawah kode transaksi untuk merubah status file
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
20
Jika semua file desain dapat diproses maka ubah status transaksi menjadi lsquomenunggu
konfirmasi pembayaranrsquo Dan otomatis akan mengirim pesan ke halaman member
memberitahukan bahwa file desain sudah fix dan silahkan lakukan pembayaran
Sekarang tugas admin untuk mengecek status file sudah selesai Dan merubah status
trnansaksi sudah selesai Tinggal menunggu member melakukan transaksi pembayaran
Jika member sudah melakukan input konfirmasi pembayaran maka akan muncul
notifikasi di halaman admin bagian konfirmasi pembayaran
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
21
b Data keseluruhan
Laporan ini berisi daftar keseluruhan transaksi yang telah masuk Tidak hanya hari ini
Tetapi dari awal waktu Anda dapat melakukan seperti yang dapat dilakukan di halaman
data hari ini pada halaman ini juga untuk transaksi yang masuk pada hari hari yang lalu
c Laporan Pembayaran
Angka satu pada menu laporan pembayaran menunjukan bahwa ada satu konfirmasi
pembayaran masuk yang belum anda cek
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
22
Pada kolom status ada 2 baris yang memiliki warna hijau Itu artinya ada 2 transaksi yang
harus admin validasi Caranya adalah klik tombol detail pada kolom opsi
Dari halaman ini anda diharuskan dengan teliti mengecek data konfirmasi yang telah
dimasukan oleh member Jika tidak valid maka lihi reupload file konfirmasi pembayaran
Dan isi kolom penyebab pembayaran tidak dapat diuprove Deskripsi ini nantinya akan
dikirm ke member dan akan meminta member melakukan konfirmasi ulang
Jika data valid maka pilih opsi rsquoproses pengerjaanrsquo
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
23
Jika anda memilih opsi ini pertama kalimaka akan muncul tulisan ldquodurasi belum diinputrdquo
Anda tidak dapat merubah status transaksi ke lsquoproses pengerjaan rsquo jika durasi pengerjaan
produk belum anda dinputkan Untuk menginputkan durasi pengerjaan produk caranya
dengan klik pada tulisan lsquolihat detailrsquo
Dihalaman ini anda diminta menginputkan durasi pengerjaan dari produk yang dipesan
Caranya dengan klik ikon yang ada di kolom opsi
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
24
Inputkan lama pengerjaan pada halaman ini dengan hitungan hari
Jika sudah diinputkan semua durasi produk pesanan Maka akan muncul tombol ubah
status transaksiklik tombol tersebut Maka akan kembali ke halaman detail transaksi
Pilih lagi opsi lsquoproses pengerjaanrsquo maka sekarang keterangan tulisan lsquodurasi sudah
terinputrsquo dan update status transaksi dapat dilakukan
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
25
Jika proses pengerjaan produk sduah selesai dikerjakan maka jika metode pengiriman
adalah dimabil sendiri oleh member maka tinggal menunggu member mengambil
barang Dan jika sudah diambil oleh member maka ubah status transaksi menjadi
lsquoterambilrsquo
Jangan lupa isikan nama si pengambil barang pesanan untuk transaksi tersebut
Jika barang pesanan tersebut dikirim maka pilih opsi lsquoterkirimrsquo dan jangan lupa inputkan
no resi pengiriman sebagai tanda bukti
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
26
7 Manajemen Laporan
a Laporan keseluruhan
Dihalaman awal laporan anda dapat melihat seluruh data transaksi pembayaran yang
telah valid Klik button print untuk mencetak laporan keseluruhan
Data diatar menunnjukan jumlah transaksi yang sudah melakukan konfirmasi
pembayaran adalah 5 transaksi
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
27
Total order yang masuk ada 26 transaksi Dan tanggal pada saat laporan tersebut dicetak
adalah 25 september 2017
b Laporan dengan sorting waktu
Anda juga dapat mencetak laporan berdasarkan periode tertentu yang ada pilih
Melalui sorting data yang ada di pojok kanan atas
Masukan parameter tanggal mulai dan tanggal akhir kemudian klik sorting
Jika anda ingin mencetak klik tombol print
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
28
dihalaman laporan dengan sorting tanggal ditampilkan jumlah transaksi yang sudah
masuk pada periode tersebut dan juga jumlah total order yang telah masuk pada periode
itu
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
29
8 Manajemen Setting Tampilan Website
a Kontak
Digunakan untuk mengatur kontak customer service yang dapat dihubungi oleh
pengunjung website Kontak ini hanya berisi 1 daftar sehingga anda tidak dapat
menambahkan tetapi dapat mengeditnya
Dan akan tampil dihalaman footer website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
30
b Sosial Media
Berisi halaman social media resmi milik perusahaan Anda dapat megnhapus
menambahkan atau mengeditnya
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
31
Yang perlu diperhatikan adalah format pengetikan alamat sosmed harus tepat agar bisa
di direct langsung ke halaman akun social media tersebut dengan sesuai
Hasilnya nanti akan ditampilkan di footer web bagian paling kanan
c Ganti Logo
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
32
Halaman ini digunakan untuk mengganti logo pada header web Ukuran yang disarankan
adalah 169 x 32 pixel Dan akan tampil dihalaman header seperti ini
d Rekening
Halaman ini digunakan untuk menampilkan rekening perusahaan yang akan dapat
menerima transfer pembayaran dari member Anda hanya dapat menginputkan satu akun
rekening sajasehingga jika rekening berubah anda harus mengeditnya Dan akan
ditampilkan di footer website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
33
e Alamat kantor
Halaman ini digunakan untuk mengedit alamat kantor perusahaan Dan akan ditampilkan
di footer website
f Map lokasi
Digunakan untuk mengedit lokasi perusahaan yang tertera di google map Untuk
merubah lokasi dengan lokasi baru maka lokasi baru harus sudah terdaftar di google
mapjika sudah terdaftar buka lokasi baru dengan google map
Contoh seperti ini
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
34
Pilih share kemudian embed map
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
35
Kemudian anda akan menemukan alamat link yang otomatis di blok biru Ambil hanya
yang ada di di dalam petik dua pertama yaitu dari ldquo https ldquo sebagai contoh seperti
ini
httpswwwgooglecommapsembedpb=1m141m81m31d395636084551627662d
10923000943d-
74252593m21i10242i7684f1313m31m21s0x2e655e6378d9a0f73A0xa42c4053
977975562sBanyustudio5e03m21sen2sid4v1506324654133
Jadi width dan height tidak perlu ikut di copy Kemudian masukan ke halaman edit lokasi
map
Dan hasilnya akan ditampilkan di map yang ada dihalaman tentang kami
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
36
g Slider
Halaman ini digunakan untuk mengedit foto slider yang ada di halaman awal website
percetakan Jika akan mengganti foto ukuran yang disarankan adalah 1920x 600 pixel
Agar tampilan slider tetap rapi dan tidak berantakan
maksimal foto slider adalah 3 foto
judul dan keterangan adalah tag yang ada didalam slider
link adalah halaman yang dituju jika halaman itu di klik
active adalah foto yagn akan tampil pertama kali jika bernilai lsquoyarsquo
Ketiga foto minimal harus memiliki satu nilai aktif tetapi tidak bisa bernilai aktif semuanya
Intinya harus ada yang bernilai lsquoyarsquo da nada yang lsquotidakrsquo Dan hasilnya akan tampil di
slider halaman awal website seperti ini
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
37
h Galeri
Digunakan untuk mengatur foto yang akan ditampilkan digaleri pada halaman tentang
kami Ukuran foto yang disarankan adalah 720x480 pixel Jumlah foto yang dapat
ditampilkan adalah 8 buah Dan akan tampil diwebsite pada halaman tentang kami seperti
ini
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
38
i Berita
Halaman ini digunakan untuk mengatur artikel pendek yang ada dibawah slider admin
dibatasi hanya dapat menginputkan 4 judul berita
Nama ikon diisi dengan kode ikon fontawesome Anda dapat melihat library kodenya di
httpfontawesomeioicons artikel akan tampil pada halaman awal dibawah slider
39
j About us
Halaman ini digunakan untuk mengedit deskripsi perusahaan yang ada pada halaman
tentang kami Semua model pengetikan yang anda ketik di editor maka akan tampil sama
persis di website
top related