laporan - web viewinternet dan e-commerce. kelompok 1 | laporan pembuatan bisnis online makanan...

13
Internet Dan E-Commerce LAPORAN Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0 Pembuatan Toko Online (Cake, Catering, & Snack ) Menggunakan Joomla Kelompok 1 IF 10c RAHAYU (5520110084) YOSEP H (5520110090) A. DIKI R ( )

Upload: danghanh

Post on 30-Jan-2018

217 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

LAPORAN

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0

Pembuatan Toko Online

(Cake, Catering, & Snack ) Menggunakan Joomla

Kelompok 1IF 10c

RAHAYU (5520110084)YOSEP H (5520110090)A. DIKI R ( )

UNIVERSITAS SURYAKANCANA

FAKULTAS TEKNIK JURUSAN INFORMATIKA CIANJUR

TAHUN 2011/2012

Page 2: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Perdagangan elektronik atau e-dagang (bahasa Inggris: Electronic commerce, juga ecommerce) adalah penyebaran, pembelian, penjualan, pemasaranbarangdan jasa melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya. Edagang dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis.

Modul paket yang saya gunakan untuk mengubah website joomla menjadi website ecommerce adalahVirtueMart. VirtueMart adalah modul #1 untuk kustomisasi website joomla menjadi website toko online pada saat ini.

Di sini kami dari kelompok satu akan memerangkan cara instalasi joomla menggunakan aplikasi yang bernama APPSERV.

Pertama saya akan menjelaskan cara pengistalasian joomla dalam APPSERV adalah sebagaiberikut :

instalasi appserv: Instal aplikasi appserv-win32-2.5.10.exe, lalu klik 2x. Kemudian tampil appserv 2.5.10 setup, pilih next. Selanjutnya pada license agreement, pilih I Agree. Choose Install location, pilih next. Pada select components, pilih semua check list lalu klik next. Pada Apache HTTP server information, ketik “localhost” pada Server Name dan

ketik alamat Email anda pada Administrator’s Email Address. Lalu klik Next. Ketik root password yang mudah anda ingat. Misal: root. Lalu klik install. Proses instalasi dimulai, tunggu beberapa menit. Setelah proses instalasi selesai klik Finish. Muncul folder “AppServ” pada direktori C:\. Berisi folder “www” berfungsi

meletakkan direktori web (joomla). Folder “MySQL” berfungsi menyimpan database web.

Klik Start > Internet Mozilla Firefox atau Internet Explorer. Ketik address “http://localhost/”. Akan tampil The AppServ Open Project-2.5.10 for windows.

Ketik pada address “http://localhost/phpmyadmin”. Akan ada menu phpMyAdmin.

Copy Software Joomla pada disk C:/ Seperti pada gambar di bawah ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 1

Page 3: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Setelah itu ganti nama folder dengan klik kanan rename ubah folder dengan folder “coba”. Masuk ke Mozilla Firefox, lalu masukan link http://localhost/coba/administrator lalu klik Ok maka akan muncul gambar seperti dibawah ini:

Kemudian tekan tombol

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 2

Page 4: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Tekan , lalu lagi sampai pada gambar seperti dibawah ini:

Ketikan a) Host Name : larasab) User Name : root (sesuaikan dengan username pada phpMySQL anda)c) Password : root (sesuai dengan password yang anda gunakan pada phpMySQL

juga)Database Name: coba (sesuai nama folder yang anda pakai di folder tadi)

Lalu tekan lagi. Lakukan langkah” berikutnya hingga nanti akan muncul pesan bahwa instalasi telah berhasil.Instalasi joomla telah selesai dengan muncul pesan “Congratulations! Joomla! is now installed”Setelah kita klik site akan muncul tampilan dengan pesan “Please Remember to Completely Remove The Installation Directory”.Langkah selanjutnya adalah hapus folder “installation” dan file “install.php” pada direktori C:\AppSev\www\joomlaSetelah sukses menghapusnya kembali ke Mozilla. Ketik “http://localhost/coba/”, maka akan tampil halaman dari website kita.Untuk masuk control panel, ketik http://localhost/coba/administrator, ketik “admin pada username, ketik “admin” pada password. Klik login seperti pada gambar dibawah ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 3

Page 5: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Setelah proses instalasi selesai, maka anda dapat melihat admin panel kusus untuk virtuemart. Untuk mengaksesnya secara manual adalah dengan masuk ke admin panel joomla (http://localhost/joomla/administrator ) lalu menu yang harus dipilih adalah Components-VirtueMart. Tampilan admin panel untuk virtuemart akan tampak seperti ini:

Hal pertama yang harus dilakukan adalah mengubah setting tentang toko online anda. Untuk melakukan hal ini, pilihlah menu pada navigasi pada sebelah kiri Store - Edit Store, Pada halaman Store Information, ubahlah informasi seperti yang diinginkan. Seperti Logo, currency information, nama toko, dan lain sebagainya. Setelah semua informasi mengenai toko anda telah diperbaharui, maka tekan “Save” pada pojok kanan atas. Lalu kita klik Components → VirtueMart, maka akan muncul form seperti ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 4

Page 6: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Lalu nanti akan muncul ke :

Pilih List Category Products lalu pada tabel seperti dibawah ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 5

Page 7: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Hapus cemua Category yang ada pada List Category dengan mengklik dan Remove, lakukan sampai category yang ada terhapus dan list categorypun kosong.

Setelah itu klik tombol , lalu buat beberapa list category seperti dibawah ini:

Buat juga Beberapa products pada website kita, dengn mengklik List product lalu masukan beberapa product seperti dibawah ini

Pilih category terlebih dahulu pada saat akan menambahkan product seperti dibawah ini:Contoh kita buat product untuk Kue Basah

Lalu kita klik ok,Maka akan muncul seperti ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 6

Page 8: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Klik tombol , lalu akan muncul seperti pada gambar berikut:

Isikan semua perintah yang kiranya diperlukan pada tabel-tabel dikoom tersebut, kita masuk pada Display Option, Product Status, Product Dimension and Weight, Product Image, dan Related Product.

Setelah terisi klik dan lalu klik kanan new teb pada dan buat beberapa sehingga memperoleh beberapa prodact seperti dibawah ini:

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 7

Page 9: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Maka tampilan setelah pengisian kolom list category akan tampak seperti dibaawah ini :

Dan setelah di Preview akan tampak seperti ini :Beginilah tampilan Home nya.

Pada Pojok atas Kanan kita bisa lihat category yang telah kita buat tadi, Dan jika kita klik salah satu category tersebut maka akan tampak seperti pada gambar dibawah ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 8

Page 10: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Jika kita mengklik Nama Prodact maka akan muncul deskripsi dari rodact tersebut, seperti ada gambar dibawah ini :

Dan jika kita mengklik foto pada prodact tersebut otomatis imagepun akan menjadi lebih jelas seperti pada gambar dibawah ini :

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 9

Page 11: LAPORAN - Web viewInternet Dan E-Commerce. Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 0. LAPORAN. ... TAHUN 2011/2012. Perdagangan elektronik . atau e-dagang

Internet Dan E-Commerce

Dan Pada Caegory Kue Basah akan tampil seperti ini :

Dan jika akan dibeli kita hanya perlu mengklik lalu nanti akan memesan secara lagsung.Selesai.

Kelompok 1 | Laporan Pembuatan Bisnis Online Makanan (Joomla) 10