APP | MRL

LATIHAN TIK XAMPP, OPENCHART, PHPMYADMIN

1) Pengertian dan komponen dari fungsi pada openchart:

Database Driver Tipe database. Ada 3 jenis paling tidak, yaitu:
a) MySQL
b) MySQLi (MySQL terbaharukan)
c) PDO
Database Host: Dimana database terletak / tersimpan. Gunakan localhost yang
artinya terletak di host local. localhost bias digaanti dengan IP
dimana database terletak
User Username untuk dapat mengakses database
Password Passowrd untuk dapat mengakses database
Database Name Nama database untuk penyimpanan data yang terdapat pada
Openchart
Database Prefix Prefix depan table pada database. Misal prefixnya adalah OC_ .
Maka table satu yang ada dalam DB itu adalah OC_satu
Username Username pengguna akun openchart
Password Password pengguna akun openchart
Email Email terdaftar pengguna akun openchart
2) Langkah menambah rupiah pada Openchart dan komponenya:
a. Klik menu OpenChart saat didalam administrasi openchart
b. Klik menu system, currencies.
c. Klik tombol plus, add new
d. Isi currency title, nama mata uang itu. Dalam hal ini Indonesia Rupiah
e. Isi kode mata uang. Isi sesuai dengan kode ISO atau kode yang terdaftar pada
bursa efek umumnya. Dalam hal ini adalah IDR
f. Symbol Left: Simbol dikiri nominal saat menggunakan mata uang itu. Dalam
hal ini Rp.
g. Symbol Right: Seperti Symbol Left, tapi terdapat di kanan.
h. Decimal Places: Jumlah angka dibelakang koma.
i. Value: Nilai dari mata uang tersebut. Masukkan 1 jika memang mata uang

XI/ULUM/KOM HALAMAN 1
APP | MRL

standar yang akan digunakan. Jika tidak, kosongkan. Akan diisi dan diupdate
secara automatis melalui internet
j. Status: Status mata uang tersebut, enabled/disabled. Artinya, bias
digunakan/tidak
3) Menambah menu kategori:
a. Klik menu OpenChart saat didalam administrasi openchart
b. Klik menu catalog, categories.
c. Klik add new di pojok kanan atas
d. Komponen yang diisi:
Category Name Nama kategori tersebut.
Category Deskripsi kategori tersebut
description
Meta title Keterangan yang menjelaskan tentang meta tag,
kosongkan
Meta Tag Keyword Kata kunci dalam pencarian yang mudah
dikenali oleh sistem, kosongkan.
Parent Kosongkan jika menu kategori yang akan dibuat
merupakan kategori utama dan diisi dengan nama
kategori lain jika akan dijadikan sebagai sub
kategori
Column Jumlah kolom sub kategori yang akan ditampilkan.
Hanya bias untuk parent top
Sort Order Pengaturan urutan menu kategori. Untuk parent /
kategori utama, dimulai dari 0
Status Enabled/disabled

XI/ULUM/KOM HALAMAN 2
APP | MRL

XI/ULUM/KOM HALAMAN 3
APP | MRL

4) Backup database pada opencart

a. Klik menu OpenChart saat didalam administrasi openchart
b. Klik menu System, Tools
c. Klim menu backup/restore
d. Klik ekspor dipojok kanan untuk mendownload database
e. Klik choose file pada opsi restore backup, file database yang teresedia. Lalu
klik upload di pojok kanan
5) Langkah-langkah pengaturan beberapa fitur
Home Slideshow
1) Klik menu OpenChart saat didalam administrasi openchart
2) Klik menu design, banners.
3) Klik Add Banner untuk menambah banner lain.
4) Untuk mengubah banner/home slideshow:
a. Banner Name: Nama Banner
b. Status: Enabled / Disabled.
c. Title: Nama gambar untuk banner itu.
d. Link: Jika di klik, gambar itu akan me-redirect ke web mana. Hyperlink.
e. Image: Gambarnya itu sendiri
f. Sort order: Urutan gambar tersebut dalam banner.
g. Klik save untuk menyimpan
Logo Toko
1) Klik menu OpenChart saat didalam administrasi openchart
2) Klik menu settings, edit
3) Klik image

XI/ULUM/KOM HALAMAN 4
APP | MRL

4) Klik store logo, klik logo edit

Icon Toko
1) Klik menu OpenChart saat didalam administrasi openchart
2) Klik menu settings, edit
3) Klik image
4) Klik icon logo, klik logo edit

5) Susunan menu pada Openchart

Dashboard Statistika dan kumpulan informasi mengenai
web kamu
Catalog Berisi mengenai pilihan produk yang kamu jual
dalam web ini. Disini kamu bias mengubah
produk anda, seperti penjualnya, harganya,
menambah produk, dan menambah menu.
Kata kunci:katalog = kumpulan data mengenai
produk.
Extensions Extensi atau plugin tambahan yang membantu
web anda.
Design Menyangkut mengenai tampilan web kamu,
seperti, banner, dan tata letak
Sales Menyangkut opsi transaksi jual beli, retur
penjualan,
Customers Menyangkut data pembeli anda yang
mempunyai akun di web anda.

XI/ULUM/KOM HALAMAN 5
APP | MRL

Marketing Untuk keperluan marketing

System Menyangkut pengaturan system web anda,
sepert favicon, logo toko, nama toko, Bahasa,
pengaturan mata uang, mem-backup database
Reports Laporan hasil web anda, seperti laporan
penjualan, produk, pembeli, dan marketing

6) Menambah Bahasa pada OpenCart

a. Download dahulu lokalisasi Bahasa di www.opencart.com
b. Masukkan hasil zip dalam folder web yang ada di htdocs XAMPP
c. Setelah itu buka panel, system, localization, languages.
d. Klik add new language

e. Language Name: Nama Bahasa yang akan dipakai

f. Kode: Kode Bahasa umumnya (mis Indonesia ID)
g. Image: Gambar menunjukkan bahasaa Indonesia
h. Directory: Dimana file lokalisasi Bahasa itu terletak
i. Status: ada atau tidak
j. Sort Order: Urutan ke berapa

XI/ULUM/KOM HALAMAN 6
APP | MRL

7) Modul Featured
a. Panel Extentions modules featured
b. Klik edit

c. Modul Name: Nama modul

d. Products: produk yang mau ditampilkan. Bersifat autocomplete
e. Limit: Batas maksimal
f. Width dan Height: Lebar dan tinggi modul
g. Statusnya: Aktif/ Tidak
8) XAMPP
a. Server lokal yang bisa diinstal dalam PC
b. 3 aplikasi dalam XAMPP: Apache, MySQL,

c. 2 Aplikasi utama agar server localhost berjalan: Apache dan MySQL. Harus diaktifkan
melalui control-panel XAMPP dengan klik start.
9) Menginstal Openchart
a. Download opencart di opencart.com
b. Extract file ZIP. Buka hasilnya, cari folder upload
c. Masukkan folder upload ke dalam folder htdocs XAMPP C:\XAMPP\htdocs
d. Nyalakan APACHE dan MySQL. Ketik di browser anda: localhost/upload/index.php
e. Ikuti instruksi berikutnya

XI/ULUM/KOM HALAMAN 7
APP | MRL

10) Membuat database

a. Masuknya localhost, klik phpmyadmin atau masukkan di browser
localhost/phpmyadmin
b. Klik databases, dan klik new. Masukkan nama dan klik create
c. Hasilnya akan dipakai untuk disambungkan ke pengaturan dan instalasi opencart

11) E-Commerce
a. Disebut juga dengan perdagangan elektronik adalah penyebaran, pembelian,
penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet,
televisi, atau jaringan komputer lainnya.
b. E-dagang dapat melibatkan transfer dana elektronik, pertukaran data elektronik,
sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis.
c. Menyediakan harga kompetitif
d. Menyediakan jasa pembelian yang tanggap, cepat, dan ramah.
e. Menyediakan informasi barang dan jasa yang lengkap dan jelas.
f. Menyediakan banyak bonus seperti kupon, penawaran istimewa, dan diskon.
g. Memberikan perhatian khusus seperti usulan pembelian.
h. Menyediakan rasa komunitas untuk berdiskusi, masukan dari pelanggan, dan lain-
lain. Mempermudah kegiatan perdagangan
i. Masalah dala E-commerce
a. Penipuan dengan cara pencurian identitas dan membohongi pelanggan.
b. Hukum yang kurang berkembang dalam bidang e-commerce.
j. Contoh E-Commerce di Indonesia
a. Bukalapak.com
b. Lazada.co.id
c. Tokopedia.com
d. Olx.co.id
e. Elevenia
f. Jakartanotebook.com
g. www.rakuten.co.id
h. www.zalora.co.id/
i. Bhinneka.com
j. Tokoonline.com

XI/ULUM/KOM HALAMAN 8
APP | MRL

Istilah dalam dunia Web

WorldWideWeb (WWW) Tempat dimana bahan dokumen dan keperluan web lainnya
disimpan dan dapat diakses melalui URL
Hosting Tempat untuk menyimpan dan menampung data dan dokumen
agar dapat diakses oleh internet
Domain Alamat web yang me-route ke alamat web angka yang tertera
pada IP Hosting. Contoh: IP suatu hosting adalah 8.8.8.8.
Domain eskrimberjalan.tk akan mengarahkan pengguna ke IP
8.8.8.8 dan mengakses data yang disimpan di alamat tersebut
FTP (File Trasnfer Protocol) Protokol yang mengatur pertukaran data antara klien dan
server antara network yang tersedia. Merupakan protokol yang
meng-upload data web kita ke tempat hosting agar dapat
diakses dalam internet. FTP dapat diakses melalui: 1) Aplikasi
yang dibuat untuk itu, 2) Aplikasi built-in terdapat di hosting
tersebut.

JAVASCRIPT

Penulisan Javascript

1. External: <script type=text/javascript src=java.js></script>

XI/ULUM/KOM HALAMAN 9
APP | MRL

2. Internal: dapat dibagi menjadi:

a. Body: cth: <body><script> #masukkan javascript </script> </body>
b. Head: missal: <head><script> #masukkan javascript </script> </head>
3. Penulisan komentar:
a. // untuk 1 baris
b. /* ini untuk lebih dari satu barus */

Input

1. Input: Penulisan menggunakan Var. Men-define / tetapkan data suatu variable.

2. Jenis Data
parseInt: Merubah data yang tadinya teks jadi integer / angka.

parseFloat Merubah data yang tadinya teks / apapun menjadi pecahan/float.

Prompt Muncul window untuk menginput data.
String Tipe data tampung huruf angka dan tanda baca. Angka tidak dipakai
dalam perhitungan matematis
Numeric Tampung 0-9, dipakai dalam perhitungan matematis
Number
Float: Data yang menampung bilangan pecahan

3. Struktur Umum Variable: Namavariable = nilaivariable

4. Nilai variable didapat dari:
a. Sudah ditentukan

b. Ditetapkan oleh user melalui input form

Var a1 didapat dari nilai dari
input bernama UH1 di Form1

c. Ditetapkan oleh user melalui input pop-up message

d. Ditetapkan oleh rangkaian persamaan aritmatik

5. Syarat Penulisan Variable Javascript

a. Diawali huruf
b. Case-sensitive (antara A dan a beda)
c. Tidak ada spasi

XI/ULUM/KOM HALAMAN 10
APP | MRL

d. Bukan fungsi misalkan if atau fungsi javascript lainnya

Proses

Logo Arti If Statement

* Kali
If (kondisi pertama) {
+ Tambah kondisi kedua, variable baru, dst }
- Kurang Else if (kondisi kedua) {
/ Bagi
Timbul kondisi baru }
% (mot) Sisa pembagian
Math.pow(a, b); A pangkat B
(perhatikan huruf
KAPITAL)

Salah satu bagian proses adalah penulisan

function. Misal: function oke() { kode }

Function menjalankan kode yang terdapat

didalam function / braket tersebut.

Bisa dijalankan automatis (disisipkan di

bagian header HTML) atau menggunakan
onClick pada button (lihat contoh)

Jika kita menklik button tersebut, maka

function oke akan berjalan

Output (Penulisan Hasil Proses dan Input)

Document.write Menulis sesuatu di dalam dokumen HTML

Cth: Document.write.form1.ket.value : Menulis data /
sesuatu dalam form1, nama input ket, mengubah value
atau nilai dalam input form ket menjadi apa yang ditulis
dalam Document.write.form.1.ket.value
window.alert(namavar). Menulis sebuah peringatan menggunakan popup
Alert(teksnya) Menulis sebuah peringatan / alert.
innerHTML. Menulis kedalam sebuah elemen HTML

XI/ULUM/KOM HALAMAN 11
APP | MRL

Contoh: document.getElementById("demo").innerHTML =
"Hello Dolly."; mengganti isi elemen demo dalam
HTML tersebut menjadi tertulis Hello Dolly

console.log(). Menulis catatan console pada browser

Lihat Contoh Untuk Menjadi Semakin Jelas

Refrensi

http://www.w3schools.com/js/

XI/ULUM/KOM HALAMAN 12