39
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

manual book admin percetakan - banyu.center filesegera mengganti username dan password default tersebut demi keamanan. 4 2. Dasboard awal halaman admin Setelah Login anda akan melihat

Embed Size (px)

Citation preview

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

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