Download - Laporan Kerja Praktek 1 3
BAB I
PENDAHULUAN
1.1 Latar Belakang
Bisnis adalah salah satu bidang pekerjaan yang banyak
menghasilkan penghasilan. Kita bisa berbisnis apapun dizaman sekarang ini,
dari berbisnis menjual barang-barang kebutuhan rumah tangga, kebutuhan
industri, keamanan dan masih banyak lainnya. Dengan berbisnis selain
mendapatkan penghasilan, kita bisa juga mendapatkan teman maupun saingan.
Dalam menghadapi persaingan bisnis, kita harus melakukan strategi-strategi
dalam memperbaiki kualitas bisnis yang kita jalani, memasarkan bisnis yang
kita jalani, dan masih banyak lainnya yang harus kita lakukan.
Pada zaman sebelum adanya tekhnologi, bisnis dipasarkan
hanyalah lewat pembicaraan dari satu orang ke orang lainnya, memasarkannya
secara langsung ke rumah-rumah. Sekarang dizaman tekhnologi yang semakin
maju ini, bisnis banyak dipasarkan melalui media cetak, media elektronik dan
media Internet. Memasarkan bisnis dengan media internet sangatlah bagus,
karena dengan memasarkan bisnis dengan menggunakan media internet
semua orang yang mengakses internet bisa melihat produk-produk yang kita
tawarkan. Salah satu cara memasarkan bisnis melalui media internet adalah
dengan menggunakan website. Dengan menggunakan website, orang-orang
akan bisa dengan mudah mengakses produk-produk yang kita tawarkan.
CV Mitra Solusi Abadi adalah perusahaan yang bergerak dalam
bidang penjualan alat-alat keamanan elektronik, alat-alat perhitungan
elektronik, alat-alat pencetakan struk, perangkat lunak untuk penjualan, mesin
absensi, dan GPS. Dalam pemasaran produk perusahaan ini sudah cukup baik,
tapi dalam memasarkannya belum menggunakan website. Maka dari itu, agar
1
pemasaran dan penjualan produknya lebih baik dari sebelumnya, perlu dicoba
untuk memasarkan melalui website.
1.2 Rumusan Masalah
Jika di cermati, dalam pemasaran produk dari perusahaan ini perlu
dilakukan pemasaran melalui website, karena produk yang dijual diperlukan
oleh banyak perusahaan-perusahaan di Bali, sehingga ketika perusahaan-
perusahaan tersebut ingin melihat-lihat produk yang dijual oleh CV Mitra
Solusi Abadi ini, perusahaan-perusahaan tersebut hanya perlu membuka
website.
1.3 Tujuan Kerja Praktek
A. Bagi Mahasiswa
Kegiatan kerja praktek ini dapat mengembangkan bakat yang
dimiliki oleh mahasiswa dan mahasiswa dapat belajar bagaimana caranya
untuk menganalisa masalah yang ada dan menyelesaikan masalah yang
ada.
B. Bagi Perguruan Tinggi
Kerja praktek ini bertujuan untuk mendidik mahasiswa agar ketika
lulus dari perguruan tinggi nanti, bisa memiliki pengalaman yang bisa di
gunakan untuk bekerja.
C. Bagi Instansi
Tujuannya adalah untuk membantu menganalisa masalah yang ada
dari perusahaan, kemudian mencarikan solusinya.
2
1.4 Ruang Lingkup
Untuk membatasi ruang lingkup permasalahan yang di hadapi dengan
maksud rancangan yang akan di hasilkan tidak terlalu meluas dan tidak
melewati batas maka ruang lingkup dapat di jabarkan sebagai berikut :
1. Bagaimana cara menampilkan produk dengan baik, sehingga tidak
membingungkan bagi yang membuka website ini.
2. Bagaimana cara membuat tampilan yang baik, sehingga bisa menarik
perhatian yang membuka website ini.
1.5 Metode Kerja Praktek
1.5.1 Lokasi Kerja Praktek
Lokasi kerja praktek di laksanakan di CV Mitra Solusi Abadi yang
beralamat JL . Pulau Bungin no 5F.
1.5.2 Metode Pengumpulan Data
a. Jenis Data
1. Data Kuantitatif merupakan data yang berbentuk angka-angka dan
dapat di hitung berapa harga produk-produk yang di jual di CV
Mitra Solusi Abadi.
2. Data Kualitatif merupakan data yang tidak berbentuk angka seperti
informasi-informasi produk yang di jual di CV Mitra Solusi Abadi.
b. Sumber Data
1. Data primer yaitu data yang di peroleh langsung dari lokasi kerja
praktek, yaitu CV Mitra Solusi Abadi.
3
2. Data sekunder yaitu data yang di peroleh dari beberapa referensi
buku dan referensi lainnya yang berkaitan dengan laporan ini
c. Teknik pengumpulan data
1. Wawancara
Teknik pengumpulan data ini di lakukan dengan melakukan
wawancara langsung dengan bagian marketing CV Mitra Solusi
Abadi.
2. Observasi
Observasi adalah cara untuk mendapatkan data dengan
melakukan pengamatan secara langsung pada CV Mitra Solusi
Abadi.
3. Studipustaka
Cara mengumpulkan data dengan membaca buku yang
berkaitan dengan masalah yang di teliti.
1.5.3 Metode Analisa Sistem
Setelah data di kumpulkan, maka di rancangkan web yang di mana
dalam memodelkan sistem informasi yang dibuat menggunakan Data Flow
Diagram.
1.6 Metode Penulisan
Untuk lebih terarahnya penulisan laporan ini, maka sistematika
penulisan laporan ini membagi menjadi bab dan masing – masing menjadi
4
sub-sub bab yang saling berhubungan. Penulisan masing-masing bab dapat di
lihat sebagai berikut ini :
BAB I PENDAHULUAN
Dalam bab ini dapat di uraikan latar belakang masalah, rumusan
masalah, tujuan dan manfaat kerja praktek, ruang lingkup kerja praktek,
metode kerja praktek dan metode penulisan laporan.
BAB II DESKRIPSI PERUSAHAAN
Dalam bab ini akan di uraikan tentang deskripsi perusahaan dari
sejarahnya, struktur organisasinya, serta apa saja kegiatan yang di lakukan
oleh perusahaan ini.
BAB III TINJAUAN PUSTAKA
Dalam bab ini akan di uraikan tentang bagaimana cara signup pada
google builder, bagaimana cara untuk mendaftarkan domain, bagaimana cara
membuat website ini dengan menggunakan google builder dan bagaimana data
flow diagram dari website ini.
BAB IV IMPLEMENTASI SISTEM
Dalam bab ini akan diuraikan tentang implementasi dari
pembuatan website bisnis online ini.
BAB V PENUTUP
Dalam bab ini akan diuraikan beberapa kesimpulan dan saran-saran
untuk mengembangkan website ini.
5
BAB II
TINJAUAN UMUM PERUSAHAAN
2.1 Sejarah Perusahaan
2.2 Struktur Organisasi Perusahaan
2.3 Kegiatan Perusahaan
BAB III
TINJAUAN PUSTAKA
3.1 Google Perakit Situs Bisnis
3.1.1. Google Perakit Situs Bisnis
Google Perakit Situs Bisnis adalah alat yang berada pada website berfungsi untuk membuat sendiri situs web yang dapat digunakan dengan mudah untuk bisnis kecil. Dengan menggunakan alat ini, dapat menaruh konten di media google, membuat katalog yang
6
mudah yang berisi produk yang dibuat, memungkinkan pengguna menghubungi pemilik situs, dan menampilkan statistik kunjungan, semuanya berada pada satu antarmuka pusat.
Alat web ini merupakan bagian dari program khusus yang bertujuan untuk membantuk bisnis kecil di negara tertentu. Alat web ini belum tersedia secara global untuk semua pengguna web, jadi baru di beberapa negara tertentu saja.
Alat web ini bersifat gratis untuk selamanya sehingga kita bisa memakai sampai kapanpun, tapi dalam domainnya bersifat hanya gratis satu tahun, sehingga ketika domain web ini sudah satu tahun, agar bisa diakses, kita harus memperpanjang domainnya.
Google juga menyediakan dua produknya untuk memasarkan website kita. Kedua produk itu adalah Google Place dan GoogleAdwords.
3.1.2. Sign Up Google Perakit Situs Bisnis
Dalam penggunan tool Google Perakit Situs Bisnis ini, kita
memerlukan account google. Tahap-tahap pendaftarannya adalah
sebagai berikut :
1. Buka situs www.bisnisgoonline.co.id pada kolom situs browser
anda
Gambar 3.1 Website GIBO
2. Setelah itu, akan muncul tampilan seperti gambar di bawah ini
7
Gambar 3.2 Tampilan website GIBO
3. Tarik ke bawah Scroll browser, cari button “MULAI
SEKARANG”, kemudian klik button tersebut, dan akan membuka
bagian mulai
Gambar 3.3 Button mulai mendaftar GIBO website builder
4. Pada bagian mulai ini, terdapat 3 langkah, yaitu
- Buat account akun Google (jika belum punya)
Langkah ini dilakukan jika kita belum mempunyai
account google, untuk menjalani langkah ini klik button “BUAT
AKUN GOOGLE SEKARANG”, jika kita mempunyai account
Yahoo, Hotmail atau yang lainnya, kita harus daftar terlebih
dahulu dengan mengklik button pada langkah 1 ini. Setelah itu
daftar akun dengan mengikuti langkah-langkahnya.
Gambar 3.4 Button buat akun google
8
- Mulai buat situs web baru
Setelah mempunyai akun google atau setelah
melewati langkah 1, maka klik button “BUAT SITUS WEB
GRATIS ANDA SEKARANG”
Gambar 3.5 Button buat situs web
Setelah itu akan ditampilkan form pendaftaran, isikan
form pendaftaran website tersebut
Gambar 3.6 Form pendaftaran google site builder
setelah selesai mengisi, pada bagian tampilan, klik
tombol “BUAT SITUS”
Gambar 3.7 Button selesai pendaftaran
9
Jika kita mengklik “BUAT SITUS”, berarti kita telah
mensetujui semua persayaratan untuk pembuatan situs ini. Untuk
melihat apa saja persayaratan pembuatan situs ini, klik link
“Bisnis Lokal Go Online”.
Setelah itu tampil halaman untuk membuat website, dan
sudah siap untuk dibuat rancangan websitenya.
Gambar 3.8 Tampilan google site builder
- Menggunakan panduan langkah demi langkah dalam
pembuatan web
Jika kita ingin mendapatkan langkah-langkah atau tips
dan trik dalam pembuatan website dengan website builder ini,
kita bisa mengikuti langkah ketiga dengan cara mengklik link
tulisan “langkah demi langkah kami”, jika mengklik link
tersebut, kita akan diperlihatkan halaman langkah-langkah untuk
pembuatan website dengan menggunakan website builder ini.
Gambar 3.9 Gambar langkah 3
10
5. Setelah selesai 3 langkah tersebut, kita sudah bisa menggunakan
alat pembuat situs ini.
3.1.3. Membuat Website Dengan Google Builder
Setelah selesai mendaftar, kita bisa menggunakan perakit
situs ini. Ada beberapa menu yang terdapat pada perakit situs bisnis
ini, diantaranya adalah :
1. Laman
Dengan menggunakan menu ini, kita bisa mengatur
halaman-halaman pada website kita. Halaman-halaman website
bisa ditampilkan pada menu website kita dan bisa juga
disembunyikan dari menu website kita. Berikut adalah cara-cara
pembuatan halaman-halaman dan pengaturan halaman-halaman
pada website kita :
a. Menambahkan halaman website
Dalam sebuah website banyak menggunakan halaman, yang
dimana halaman-halaman tersebut berisi konten yang berbeda-beda,
maka dari itu kita harus mempersiapkan halaman-halaman untuk
menampung konten-konten website kita, berikut adalah cara
menambahkan halaman website :
‐ Pada menu “Laman”, klik button “Tambahkan laman baru”
Gambar 3.10 Button tambah halaman
‐ Kemudian ditampilkan halaman untuk mengisi tentang
halaman yang akan kita buat. Pada kolom “Nama Laman”
11
adalah nama halaman yang akan terlihat pada pengaturan
halaman dan akan menjadi link halaman tersebut, dan pada
pilihan “Pilih tata letak Anda” adalah opsi konten dari
halaman kita tersebut, apakah halaman kita tersebut nanti
kontennya berisi teks, menjadi banyak kolom, tentang daftar
produk, teks dan hubungi kami, dan galeri foto / rangkai slide.
Jika kita memilih salah satu dari itu, kita bisa menambahkan
konten lainnya di pengaturan konten pada halaman tersebut.
Setelah mengisi nama konten dan memilih bentuk konten,
klik button “Oke”.
Gambar 3.11 Pilihan konten halaman
b. Mengatur konten dari halaman website
Setelah halaman dibuat, kita harus mengisi konten dari
halaman tersebut, dan mengatur tata letak dari konten tersebut agar
terlihat bagus tata letaknya. Untuk mengatur konten halaman website
ini caranya adalah sebagai berikut :
‐ Klik nama halaman dari website tersebut, maka akan di
tampilkan tata letak konten dari halaman tersebut. Nama
halaman terletak pada kiri, di bawah menu “Laman”, dan tata
letak kontent berada di kanan, di samping nama halaman
12
Gambar 3.12 Tampak kiri menu Laman
Gambar 3.13 Tampak kanan menu Laman
‐ Disini kita menggunakan konten teks, maka terlihat tampilan
seperti gambar diatas. Untuk memasukkan teks, kita klik
tulisan “Klik disini untuk mengedit”. Untuk teks, kita bisa
mengedit dalam bentuk biasa, atau dalam bentuk html. Jika
kita mengedit dalam bentuk html, maka aturan-aturan html
yang akan di terapkan, sehingga untuk melakukan edit dalam
bentuk html, diperlukan ilmu-ilmu yang cukup baik dalam
bidang html.
Gambar 3.14 Tampilan edit konten text
13
Seperti yang terlihat diatas, jika kita mengisi konten text berupa
text, kita sudah di berikan perlengkapan yang cukup untuk
melakukan pengisian konten berupa text. Pada pengisian
konten text, kita bisa juga menambahkan konten berupa
gambar dan video, dengan cara klik button “Tambahkan
gambar” atau button “Tambahkan video”.
Gambar 3.16 Tampilan button tambahkan gambar
dan video
‐ Jika kita ingin membuat konten kita menjadi dua kolom, tiga
kolom atau empat kolom, arahkan kursos ke tulisan “Klik
disini untuk mengedit”, dan klik button “Pisahkan”.
Gambar 3.17 Button pisahkan konten
Setelah dipisahkan, maka akan terlihat seperti gambar berikut
ini:
Gambar 3.18 Hasil konten dipisahkan
Ketika konten dipisahkan, konten awal akan terletak
disebelah kiri, dan konten-konten baru lainnya terletak di
14
sebelah kanannya. Setelah konten dipisahkan, maka ada
tambahan button lagi, yaitu Edit, Pindahkan ke kiri,
Pindahkan ke kanan, Ubah ukuran dan Hapus. Edit digunakan
untuk memasukkan konten, Pindahkan kekanan untuk
memindahkan konten tersebut ke sebelah kanan konten
lainnya, Pindahkan kekiri untuk memindahkan konten ke
sebelah kiri konten lainnya, Ubah ukuran digunakan untuk
mengubah ukuran horizontal dari kontent tersebut dan hapus
digunakan untuk menghapus konten yang ada.
Gambar 3.19 Button pisahkan gambar‐ Untuk menambahkan konten lainnya, klik tulisan
“Tambahkan blok konten”. Disini jika kita mengklik pada
kolom konten yang paling bawah, maka akan muncul kolom
konten baru lagi di bawahnya secara otomatis. Dalam satu
halaman, hanya bisa terdapat 4 blok konten secara horizontal
dan bisa lebih dari 10 blok konten secara vertikal.
Gambar 3.20 Tampilan tambah blok konten vertikal
Ketika menambahkan konten pada halaman, maka lebih
banyak pilihannya, diantaranya adalah:
15
Gambar 3.21 Pilihan tambahkan konten Teks
Untuk teks, kita bisa menambahkan konten berupa teks,
baik teks biasa, maupun teks secara html
Gambar
Untuk gambar, konten yang ditampilkan hanya bisa satu
gambar saja. Dalam pemilihan gambar disediakan menu
untuk mencari gambar yang dipilih, diantaranya adalah
Unggah foto untuk menambahkan foto baru, Foto stok
untuk mencari stok foto yang berada di google picasa, Foto
untuk mencari stok disekitar gambar yang pernah kita
unggah, dan google gambar untuk mencari gambar
keseluruh website. Setelah pilih gambar, klik button “Pilih”.
16
Gambar 3.22 Pemilihan gambar
Gambar 3.23 Tampilan konten gambar
Setelah gambar dipilih, kita masih bisa mengatur
gambar tersebut di blok konten kita, caranya adalah
arahkan kursor ke blok konten tersebut, pilih edit. Setelah
klik edit, akan ada menu tambahan lagi, yaitu mengatur
ukuran gambar, posis gambar (kiri, tengah atau kanan) dan
mengubah gambar.
17
Gambar 3.24 Pengaturan konten gambar
Galeri Foto
Selain konten gambar, ada juga konten lainnya untuk
menampilkan gambar yaitu Galeri Foto. Dengan galeri foto,
kita bisa menampilkan beberapa foto yang kita pilih. Ada
beberapa model tampilan pada galeri foto ini, yaitu Kolom
Tunggal untuk menampilkan dengan format foto satu
kolom, Petak Kolom Ganda untuk menampilkan dua
kolom, Petak 3 Kolom untuk menampilkan 3 kolom, Petak
4 Kolom untuk menampilkan 4 kolom, Galeri Rangkai
Slide untuk menampilkan slide secara penuh dan Galeri
Film Strip untuk menampilkan slide dengan ada pilihan
gambar-gambar yang ada di bawah slidenya. Semua model
pada galeri foto tersebut akan menampilkan teks dari
gambar-gambar yang dipilih.
18
Gambar 3.25 Pilihan galeri foto
Pada model Galeri- Rangkai Slide, ada tambahan opsi
Tampilkan bingkai foto yang bergunakan untuk
mempercantik slide dengan frame dan Putar otomasi
dengan waktu transisi tertentu agar berjalan secara
otomatis.
Sedangkan pada Galeri – Strip Film hanya terdapat
tambahan opsi berupa Putar otomatis.
Untuk menambahkan gambar-gambar yang akan di
tampilkan, klik button “Tambahkan gambar ke galeri” dan
pilih gambar-gambar yang akan ditambahkan pada konten
galeri foto ini.
Gambar 3.26 Tambahkan gambar pada galeri
Setelah memilih gambar, maka akan ditampilkan gambar-
gambar yang telah dipilih. Jika sudah selesai klik ok.
19
Gambar 3.27 List gambar yang dimasukan
Konten galeri strip-film akan terlihat seperti gambar di
bawah ini:
Gambar 3.28 Tampilan galeri film
Video
20
Konten video ini dalam memasukkan kontennya hanya
menyediakan satu pilihan, yaitu search video pada Google.
Fasilitas search video ini agak susah dipakai, karena jika kita
search video yang kata kuncinya mirip dengan kata kunci lainnya
tapi lebih populer dengan yang kita cari, maka yang keluar
adalah video yang lainnya, untuk mencari yang sesuai dengan
keinginan kita agak susah, karena urutan hasil pencarian
mengikuti urutan popularitas dari video tersebut
Gambar 3.29 Pencarian video
Daftar Produk
Daftar produk adalah pilihan konten yang digunakan
untuk menampilkan produk berdasarkan kategori yang dipilih
ataupun menampilkan semua kategori yang ada. Dalam
menampilkan produk pada blok konten, ada 2 mode, yaitu mode
Dalam tabel dan Dalam daftar.
21
Gambar 3.30 Opsi menampilkan produk
Mode tabel menampilkan produk dalam kotak-kotak
yang semua ukurannya sama. Di dalam kotak-kotak tersebut
terdapat gambar produk, nama produk dan harga produk. Jika
salah satu produk di klik, maka akan menampilkan detail produk
22
Gambar 3.31 Tampilan produk mode tabel
Mode daftar menampilkan sedikit produk dengan
menampilkan gambar produk, nama produk dan sedikit deskripsi
produk dan harga produk. Jika tulisan “Lainnya” di klik, maka
akan menampilkan detail dari produk tersebut. Garis bawah
panjang digunakan untuk membatasi antara satu produk dengan
produk yang lainnya.
Gambar 3.32 Tampilan produk mode daftar
23
Jika sudah selesai memilih kategori produk dan
model penampilan produk, maka klik tombol “Oke”.
Hubungi Kami
Konten hubungi kami ini digunakan untuk menampilkan form
yang berfungsi untuk menghubungi pemilik situs jika ada
barang yang ingin dipesan, ada yang ingin ditanyakan, atau
ingin mengkontak kita. Jika ada pelanggan yang
menghubungi kita, maka akan ada pemberitahuan ke email
atau melalui sms yang telah diatur pada setelan website ini.
Gambar 3.33 Tampilan konten hubungi kami Peta
Pilihan konten yang terakhir adalah peta. Peta ini berfungsi
untuk menampilkan toko kita dalam bentuk peta pada
google map, sehingga ketika ada pelanggan yang ingin
langsung mengunjungi toko kita, pelanggan tersebut sudah
mempunyai gambaran dimanakah letak toko kita.
24
Gambar 3.34 Tampilan conten peta‐ Seandainya kita ada salah memasukkan konten, untuk
menghapusnya, arahkan kursor pada konten tersebut,
kemudian pilih hapus, maka konten tersebut akan kehapus
Gambar 3.35 Tampilan button hapus kontenc. Mengganti nama halaman website kita
Pada saat pembuatan halaman, ada kemunggkinan
terjadinya kesalahan dalam pemberian nama. Untuk
memperbaiki kesalahan tersebut, kita bisa mengubah halaman
tersebut dengan cara klik drop down pada halaman tersebut dan
pilih ganti nama.
25
Gambar 3.36 Tampilan ganti nama laman
Setelah itu akan muncul akan muncul form untuk
mengganti nama halaman tersebut. Setelah mengganti nama dari
halama tersebut klik button “Oke”.
Gambar 3.37 Tampilan pengubahan nama laman
d. Menyembunyikan halama dari menu website kita
Dalam pembuatan halaman dari sebuah website,
tidaklah semuanya ditampilkan dalam menu karena ada
beberapa halaman yang ditampilkan ketika mengklik salah satu
link yang terdapat pada halaman website tersebut. Untuk
menyembunyi-kan halaman dalam menu caranya adalah klik
dropdown pada nama halaman tersebut, kemudian pilih
sembunyikan dari menu
26
Gambar 3.38 Menyembunyikan laman
e. Menghapus halaman website kita
Terkadang ketika kita sudah membuat halaman, tetapi
ternyata halaman tersebut sudah tidak dibutuhkan dan ingin
pemilihan nama halaman lebih sedikit terlihat, maka kita harus
menghapus halaman tersebut dari daftar halaman kita. Cara
menghapus halaman tersebut adalah klik dropdown pada
halaman tersebut, kemudian pilih hapus
Gambar 3.39 Menghapus laman
Setelah itu akan muncul konfirmasi apakah yakin
halaman tersebut akan dihapus, jika kita memang ingin
menghapusnya klik button “Oke”
27
Gambar 3.40 Konfirmasi penghapusan laman
f. Menjadikan halaman sebagai halaman utama
Setiap dari website mempunyai halaman utama.
Halaman utama adalah halaman yang ditampilkan ketika alamat
website itu dibuka. Cara menjadikan halaman sebagai halaman
utama adalah klik dropdown nama halaman tersebut, kemudian
pilih jadikan beranda, setelah itu halaman tersebut akan menjadi
halaman utama dari website tersebut.
g. Menambahkan konten pada halaman
Dalam menambahkan konten baru pada halaman ada dua
cara, yaitu mengklik “tambah blok konten pada laman tersebut” atau
dengan cara klik drop down pada nama halaman, kemudian pilih
“tambahkan konten”
28
2. Desain
Menu desain ini digunakan untuk mendesain tampilan
website kita secara keseluruhan. Dalam mengatur tampilan website
ini, terdapat 2 pilihan pengaturan yaitu “Tema” dan “Tingkat
Lanjut”. Jika kita melakukan pengaturan pada tema, maka tampilan
akan sesuai dengan tema yang dipilih dan itu mempengaruhi ke
seluruh halaman pada website kita, sehingga jika kita ingin
mengatur tampilan secara manual, lebih baik pilih tema “simple
white”.
Pada pengaturan tingkat lanjut kita bisa melakukan banyak penga-
turan, diantaranya adalah :
Gambar halaman dan latar belakang halaman
Jadi disini kita bisa mengganti warna dan gambar latar belakang
halaman sehingga bisa lebih baik penampilannya. Letak gambar
latar belakang halaman juga bisa diatur dan pengulangan gambar
29
juga bisa diatur (untuk gambar kecil, pengulangan gambar
diperlukan agar tidak pecah tampilannya).
Warna tulisan dan warna link
Jika kita menggunakan gambar latar belakang pada halaman kita,
kita harus memadukan warna dengan baik sehingga tulisan dan
link masih tetap terlihat.
Jenis font dan ukuran font
Agar tampilan menarik, kita bisa mengatur jenis font dan ukuran
font
Gambar header dan latar belakang header
Header adalah salah satu elemen penting dari sebuah website,
karena header adalah logo dari website tersebut, jadi
dipengaturan ini kita bisa memasukkan header dengan tata letak
dan pengulangan gambar yang bisa diatur.
Latar belakang menu, warna menu ketika dipilih dan teks menu
Jika semuanya telah berwarna, kita juga perlu mengatur warna
untuk menu kita, sehingga tampilan dari website kita terlihat
baik.
Gambar konten dan latar belakang konten
Blok konten juga bisa dihias sehingga bisa terlihat indah ketika
dilihat. Menghias blok konten bisa memasukkan gambar dan
mengatur bagaimana tata letak gambar tersebut dan bagaimana
pengulangan gambar tersebut.
30
Latar belakang produk, warna tulisan produk dan warna tulisan
harga produk.
Jika kita menggunakan gambar pada latar belakang halaman kita,
kita harus mengatur dengan baik warna-warna yang bisa
menyatu dan terlihat dengan gambar latar belakang halaman kita
sehingga detail produk bisa dilihat dengan jelas.
Jika batal melakukan perubahan pada tingkat lanjut, klik button
“Setel ulang ke default”.
3. Produk
Pada menu produk ini, kita bisa melakukan pembuatan kategori
untuk produk yang kita masukkan dan menambahkan produk-
produk yang akan ditampilkan. Tampilan menu produk ini,
kategori terletak pada sisi kiri dan produk-produk pada kategori
tersebut terletak pada sisi kanan. Pada kategori ini kita bisa
melakukan penambahan kategori dan perubahan nama kategori,
berikut adalah cara-caranya :
a. Menambah kategori
Pembuatan kategori untuk sebuah produk sangatlah penting,
karena kategori ini digunakan untuk mengelompokkan produk-
produk yang kita inputkan di website ini. Dengan
pengkategorian produk, kita bisa dengan mudah menampilkan
produk sesuai dengan isinya, dan pelanggan pun bisa
mengetahui bahwa produk itu gambaran umumnya digunakan
untuk apa. Pengaturan kategori juga diperlukan untuk
mempermudah dan memperindah tampilan produk. Pada blok
konten penampilan produknya sebanyak jumlah produk pada
kategori yang dipilih. Jadi jika kita salah dalam pengkategorian
produk ataupun banyak barang dijadikan satu kategori, maka
31
penampilan produk tidak akan terlihat baik bahkan merusak
penampilan produk.
Cara menambahkan kategori adalah klik button “Tambahkan
kategori”, kemudian masukkan nama kategori dan klik button
“Oke”
Setelah itu nama kategori akan masuk kedalam list kategori yang
terletak disebelah kiri.
Ketika baru dibuat kategori tersebut, maka disebelah kanan (list
produk) terlihat kosong.
b. Mengubah nama kategori
32
Dalam penamaan kategori, bisa terjadi kesalahan penamaan.
Untuk memperbaikinya, kita bisa melakukannya dengan cara
mengubah nama kategori tersebut. Cara mengubah nama
kategori tersebut, adalah dengan cara cari nama produk dan klik
tombol pensil pada produk tersebut
Setelah itu muncu form pengubahan nama kategori, kemudian
ubah nama kategori tersebut dan klik “Oke”.
c. Menghapus kategori
Penghapusan kategori ini dilakukan ketika kita ada salah
membuat kategori dan ingin menghapusnya agar tidak
memenuhi tampilan list kategori. Cara menghapusnya adalah
arahkan kursor ke nama kategori tersebut, kemudian klik gambar
tongsampah, setelah itu kategori akan terhapus.
33
Pada sebelah kanan kategori terdapat list produk dari kategori
yang di pilih. List produk ini bisa melakukan beberapa hal.
Berikut opsi-opsi yang terdapat pada list produk:
a. Tambahkan Produk
Ketika menambahkan produk dari kategori yang telah dipilih,
maka otomatis pada opsi “Kategori” tertulis sesuai dengan list
kategori yang dipilih. Dalam menambahkan produk kita bisa
menambahkan nama produk, harga, kategori deskripsi, video
produk dan gambar produk. Untuk menambahkan gambar
produk caranya adalah klik gambar produk, maka akan tampil
opsi seperti gambar berikut
Pada nama album, sebaiknya gunakan nama kategori produk
tersebut agar dalam pengelompokkan gambar lebih mudah.
Biasanya ketika memasukkan produk baru, kita memasukkan
34
gambar baru. Untuk memasukkan gambar baru, klik button
“Pilih foto dari komputer anda” dan cari file di komputer kita.
Setelah gambar di upload dan otomatis menjadi gambar
produk. Dalam satu produk, bisa memiliki banyak gambar,
untuk menambahkan gambar lainnya klik gambar kamera
disebelah kanan gambar yang di upload sebelumnya. Jika su-
dah selesai kli button “Simpan”.
b. Pengubahan
Dalam penginputan data produk, ada kemungkinan kesalahan
dalam penulisan nama produk, harga, detail produk dan
gambar. Untuk memperbaikinya tidak perlu menghapus dan
membuat baru lagi, karena pada menu produk ini bisa
mengubah produk yang sudah ada. Caranya adalah klik pada
produk tersebut, setelah itu dengan otomatis tampil form
untuk melakukan pengubahan produk.
Setelah melakukan pengubahan produk, klik button “Simpan”.
35
c. Duplikasi
Sebuah produk ada yang mempunyai 1 macam kategori, ada
juga yang mempunyai lebih dari 1 macam kategori, misalnya
sepeda motor adalah kendaraan berkategori roda dua dan
beraktegori kendaraan yang menggunakan bahan bakar.
Penginputan produk pada perakit situs bisnis ini tidak bisa
langsung menginputkan 1 produk mempunyai banyak
kategori, hanyalah bisa 1 produk 1 kategori. Untuk mengatasi
masalah tersebut, pada menu produk terdapat duplikasi
produk. Jadi ketika terdapat satu produk yang mempunyai
banyak kategori, duplikasi terlebih dahulu produk tersebut
sebanyak kategori yang dimiliki oleh produk tersebut dan edit
kategori produk tersebut setiap duplikasi produk tersebut.
Dalam menduplikasi produk, setiap kali mengklik button,
hanyalah menduplikasi 1 produk, jadi jika ingin menduplikasi
7 produk, kita harus memilih produk tersebut dan klik button
duplikasi sebanyak 7 x serta mengedit produk tersebut
sebanyak 7 x.
36
d. Hapus
Setiap produk mempunyai jangka waktu sampai tidak
produksi lagi, seperti laptop yang dalam satu tahun tidak akan
memproduksi lagi laptop satu tahun yang lalu. Ketika kita
mempunyai produk yang sudah tidak ada stok nya lagi dan
sudah tidak produksi lagi, lebih baik kita menghapus produk
tersebut agar tidak memenuhi list produk pada kategori
tersebut sehingga lebih mudah dalam pengaturan produk-
produk berikutnya. Untuk menghapus produk tersebut
caranya adalah centang produk tersebut, kemudian klik hapus
dan produk pun akan terhapus.
e. Mengubah urutan produk
Dalam penjualan produk terdapat produk baru dan produk
terfavorit. Pada umumnya produk terbaru dan produk
terfavorit akan dimunculkan lebih di atas dibandingkan
produk lainnya. Ketika kita sudah menginputkan banyak
produk dan ingin mengubah urutan produk favorit (terletak
paling bawah diantara produk lainnya) menjadi urutan paling
atas caranya adalah dengan mengklik panah atas berulang kali
pada produk tersebut. Setelah tidak ada produk lagi di atas
produk tersebut, maka tanda panah atas akan di sembunyikan
dan produk tersebut telah menjadi produk yang urutan
tampilnya paling depan.
37
4. Setelan
Menu setelan ini digunakan untuk mengatur pengaturan yang
terdapat didalam website tersebut. Pengaturan-pengaturan yang
terdapat pada menu setelan ini adalah :
a. Pengaturan Penerbitan
Disini kita bisa mengatur apakah website kita diperuntukan
untuk umum atau hanya untuk pribadi. Jika untuk umum, semua
orang bisa mengakses website kita, dan jika untuk pribadi
hanya kita yang bisa mengakses website kita tersebut.
b. Administrator dan penerima email pesanan
Disini kita melakukan pengaturan siapa-siapa saja yang bisa
menerima email pemesanan produk yang dipesan oleh
costumer.
38
c. Penerima SMS pesanan
Disini kita melakukan pengaturan nomer handphone
yang akan dihubungi ketika ada yang memesan produk kita atau
ada yang memasukkan formulir hubungi kami.
d. Bahasa dari website kita
Bahasa yang digunakan pada website kita perlu
dipertimbangkan karena tidak semua orang bisa mengerti semua
bahasa. Untuk menentukan pengaturan bahasa, kita harus
mengetahui konsumen kita sasaran ke mana dan bahasa apa yang
digunakan, jika sudah memikirkannya dengan matang, kita ubah
bahasa website kita. Disini kita juga bisa mengaktifkan translate
bahasa secara otomatis, tetapi fitur ini tidak akan maksimal
hasilnya, karena hasil pengubahan bahasanya masih belum baik.
e. Pemesanan online pada website kita
Pada website builder ini juga ada pengaturan untuk
melakukan pemesanan secara online, sehingga ketika ada
pengunjung website yang ingin membeli barang pada website kita,
pengunjung bisa mengklik button pesan dan informasi pemesanan
akan dikirimkan melalui email dan sms kita.
5. Dasbor
Pada menu ini kita bisa melihat statistik dari website kita.
Statistik tersebut dalam bentuk Harian (jumlah halaman yang diakses),
detail page halaman-halaman yang diakses selama 30 hari, dan negara
pengakses dari halaman kita.
3.1.4. Daftar Domain Google Builder
Sesudah selesai merancang situs kita, kita harus mendaftarkan domain
untuk situs kita, agar situs kita bisa diakses
39
3.2 Data Flow Diagram
3.2.1. DFD
3.2.1.1 Pengertian DFD
DFD (Data Flow Diagram) memberikan gambaran
bagaimana data masuk dan keluar dari dalam, dan ke suatu
entity/representasi dari seumber dan tujuan aliran data tersebut,
aturan dari proses data, penyimpanan data dan entitas eksternal.
DFD juga merupakan diagram yang menggambarkan sistem secara
terstruktur dengan membaginya menjadi beberapa level dan proses
parallel pada system serta menunjukkan arus data, dan simpanan
data. Pada bagian ini dijelaskan urutan-urutan dari prosedur-
prosedur yang terdapat pada suatu sistem.
DFD adalah suatu model logika data atau proses yang
dibuat untuk menggambarkan dari mana asal data dan kemana
tujuan data yang keluar dari system, dimana data disimpan, proses
apa yang menghasilkan data tersebut dan interaksi antara data yang
tersimpan dan proses yang dikenakan pada data tersebut.
3.2.1.2 Elemen-elemen DFD
3.2.1.3 Pembuatan DFD
Dalam pembuatan DFD, kita harus mengikuti aturan-aturan yang ada agar mudah dimengerti bagi pengembang aplikasi dan bagi costumer, aturan-aturan dalam DFD yaitu :
- Tidak boleh untuk menghubungkan external entity/ kesatuan luar/terminator/ dengan external entity lainnya secara langsung.Tidak boleh menghubungkan data store/simpanan data dengan data store lainnya secara langsung.- Tidak boleh menghubungkan data store dengan external entity secara langsung.
40
Pada setiap proses harus ada data flow/arus data yang masuk dan data flow/arus
data yang keluar, demikian pula sebaliknya.
Tidak boleh ada proses dan arus data yang tidak memiliki nama, karena dapat
mengakibatkan arus data tidak berhubung.
Tidak boleh ada proses yang tidak memiliki nomor.
Metode pembuatan DFD :
Mulai dari umum sampai detail.
Jabarkan setiap proses sedetail mungkin.
Pelihara konsistensi antar proses (Perhatikan jumlah masukan ke proses dan
keluar dari proses).
Berikan label atau nama yang bermakna, seperti :
Nama untuk external entity, proses, dan data store gunakan huruf besar
Nama untuk data flow/arus data gunakan huruf kecil.
Menjaga konsistensi dengan model lain seperti state of purpose, entity
relationship diagram, data dictionary dan proses specification.
Tahapan pembuatan DFD :
Diagram Konteks (Level Top)
Diagram yang digunakan untuk menggambarkan sistem secara global. Pada tahap
ini penggambaran lingkaran tunggal mewakili keseluruhan sistem.
Diagram Nol (Level Nol)
Diagram yang digunakan untuk menggambarkan tahapan-tahapan proses yang ada
pada diagram konteks.
Diagram Detil (Level Satu)
Diagram yang digunakan untuk menggambarkan arus data secara detil tahapan-
tahapan proses pada diagram nol. Dalam menggambarkan diagram detil ini perlu
diperhatikan konsistensi jumlah input dan output yang ada pada diagram nol dan
detil. Bila pada level ini sudah tidak ada lagi terdapat anak proses, maka pada
proses dinamakan proses primitive, pada nomor prosesnya cukup diberi P.
41
DFD sebagai alat pemodelan dapat dikatakan sebagai model
sederhana, tetapi sangat berguna untuk memodelkan fungsi dalam sistem. Jika
sistem yang akan dikembangkan memiliki ketergantungan dengan waktu (Real
Time System), maka DFD memerlukan pemodelan sistem lainnya.
3.2.2. DFD Website www.mitrasolusiabadi.co.id
Bab IV
Implementasi dan Interface dari www.mitrasolusiabadi.co.id
42
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang didapat dari perancangan website dengan menggunakan
google builder adalah :
1. Dalam desain dari halaman tidak boleh mengganggu isi dari
konten, karena jika mengganggu isi dari konten para pembuka website
tidak akan bisa melihat konten tersebut
2. Dalam memasukkan produk haruslah dipikir dengan baik-baik,
karena dalam pembuatan produk
5.2 Saran
Dari pengamatan yang penulis lakukan, dapat disampaikan saran-saran yang
hendaknya nanti dapat bermanfaat. Adapun saran-saran tersebut adalah :
1. Karena sangat diperlukannya sistem informasi ini, diperlukannya
programmer dan trainer untuk membuat sistem informasi ini dan
melatih para karyawan untuk menggunakan sistem informasi ini.
2. Dari laporan ini, diharapkan mahasiswa mampun memodelkan
sistem tidak hanya menggunakan DFD dan ERD saja, tetapi bisa juga
43
memodelkan sistem dengan menggunakan meto Permodelan
Berorientasi Object.
Daftar Pustaka
1. http://support.google.com/businesssitebuilder/bin/answer.py?
hl=id&answer=1657626 , diakses pada tanggal 9 September 2012, jam
17.06
2. Jogiyanto, Analisis dan Disain Sistem Informasi, ANDI OFFSET
Yogyakarta, 1990
3. Gordon. B.Davis, Kerangka Dasar Sistem Informasi Manajemen, Jakarta
Binaman Pressindo, 1995
4. Barry E. Cushing dalam buku Accounting Information System and
Business Organization
5. Barry E. Cushing, (2005). Accounting information systems and business
organizations. Edisi2. Addison-Wesley Pub. Co.Universitas Michigan.
6. Anthony, Robert N, dan John Dearden, 1990, “Sistem Pengendalian
Manajemen”, Alih Bahasa Agus Maulana, Erlangga, Yogyakarta
7. Stephen A. Moscove dan Mark G. Simkin. Analisis & Disain.
8. Jogiyanto HM., MBA., Akt., Ph.D., Analisis & Desain Sistem Informasi,
ANDI OFFSET Yogyakarta, 2005
9. Sri Dharwiyanti, Romio Satrio W, Pengantar Unified Modeling Language,
2003, ilmukomputer.com
44