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