Download - Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)
![Page 1: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/1.jpg)
My Site: www.margatekno.com 1
Build In E-Commerce Project
Oleh Puput Irfansyah,M.Kom
Universitas Indraprasta PGRI Jakarta
![Page 2: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/2.jpg)
Mengapa Anda wajib membuatproyek E-Commerce?
My Site: www.margatekno.com
![Page 3: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/3.jpg)
• Mencari jawaban………….…
My Site: www.margatekno.com
![Page 4: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/4.jpg)
Website Dinamis (1)
• Website yang interaktif, bisa di-
update isinya denga mudah, bisa
komentar, dsb.
• Terdiri dari file dan database
My Site: www.margatekno.com
![Page 5: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/5.jpg)
Website Dinamis (2)
• File-file
• File-file PHP yang membuat website
terlihat oleh mata kita dan
berfungsi sesuai fungsinya
• File-file gambar, musik, dsb
• Database
• Tempat penyimpanan data-data
yang dimasukkan oleh pengguna:
tulisan, komentar, link menuju file
gambar, dsb
My Site: www.margatekno.com
![Page 6: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/6.jpg)
Persiapan
• Server hosting dan domain
• Server hosting: tempat nyimpen
file2
• Domain: alamat
www.namadomain.com /.net /.org
/dsb..
• Sewa dimana? Banyaak! Googling:
web hosting dan domain Indonesia
• Yg Gratis: idhostinger.com
• Yg bayar: masterwebnet.com
My Site: www.margatekno.com
![Page 7: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/7.jpg)
Karena kita ga konek Internet
• Program “simulasi” server hosting,
namanya XAMPP
• Di komputer sendiri
• Butuh program untuk ngebuka dan
ngezip (mis. WinZip, WinRar, IZArc,
7Zip, dsb)
My Site: www.margatekno.com
![Page 8: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/8.jpg)
Install XAMPP (1)
• Jalankan Installer XAMPP: xampp-win32-
1.6.7-installer.exe
My Site: www.margatekno.com
![Page 9: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/9.jpg)
Install XAMPP (2)
• Install di My Documents, terus Next, dan
Install
My Site: www.margatekno.com
![Page 10: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/10.jpg)
Install XAMPP (3)
My Site: www.margatekno.com
![Page 11: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/11.jpg)
Install XAMPP (4)
My Site: www.margatekno.com
![Page 12: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/12.jpg)
XAMPP
• My Documents\xampp\htdocs
• Tempat menaruh file-file kita
• Diibaratkan dengan File Manager di cPanel
server hosting beneran
My Site: www.margatekno.com
![Page 13: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/13.jpg)
XAMPP
• http://localhost/phpmyadmin >
tempat database
My Site: www.margatekno.com
![Page 14: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/14.jpg)
Installasi Via CPANEL Hosting
14My Site: www.margatekno.com
![Page 15: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/15.jpg)
Membuat Database di CPANEL
15My Site: www.margatekno.com
![Page 16: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/16.jpg)
Membuat User Database
16My Site: www.margatekno.com
![Page 17: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/17.jpg)
17My Site: www.margatekno.com
![Page 18: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/18.jpg)
Sebagai Contoh Install
WordPressMempersiapkan file-file
My Site: www.margatekno.com
![Page 19: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/19.jpg)
Buat folder My Documents\XAMPP\htdocs\websiteku
My Site: www.margatekno.com
![Page 20: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/20.jpg)
Extract WordPress di sana
My Site: www.margatekno.com
![Page 21: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/21.jpg)
Pindahkan dari dalam folder websiteku/wordpress ke luar
My Site: www.margatekno.com
![Page 22: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/22.jpg)
Summary: Install WordPress
Mempersiapkan file-file
• Download dari website (buka dari
CD)
• Buat folder My
Documents\XAMPP\htdocs\websit
eku
• Extract di sana
My Site: www.margatekno.com
![Page 23: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/23.jpg)
Install WordPressMempersiapkan database
My Site: www.margatekno.com
![Page 25: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/25.jpg)
Buat database, masukkan websiteku
My Site: www.margatekno.com
![Page 26: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/26.jpg)
Buat database selesai
Catat informasi ini:
Nama database: websiteku
Nama user: root
Password: (tidak ada password)
Note: di server hosting sebenarnya, ada password
![Page 27: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/27.jpg)
Summary: Install WordPress
Mempersiapkan database
• Jalankan XAMPP
• Buka http://localhost/phpmyadmin
• Buat database bernama
„websiteku‟ (tanpa kutip, boleh
juga dengan nama lain)
• Catat nama database, nama
username dan password (root dan
„‟)
My Site: www.margatekno.com
![Page 28: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/28.jpg)
Install WordPressMenginstall WordPress
My Site: www.margatekno.com
![Page 29: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/29.jpg)
Buka http://localhost/websiteku
• Klik “Create a Configuration File”
My Site: www.margatekno.com
![Page 30: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/30.jpg)
Siapkan informasi database yang tadi sudah disiapkan
My Site: www.margatekno.com
![Page 31: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/31.jpg)
Masukkan informasi-informasi itu
My Site: www.margatekno.com
![Page 32: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/32.jpg)
Lanjut..
My Site: www.margatekno.com
![Page 33: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/33.jpg)
Hampir Selesai..
My Site: www.margatekno.com
![Page 34: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/34.jpg)
Selesai!
• Catat username dan password sementara itu di notepad
My Site: www.margatekno.com
![Page 36: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/36.jpg)
Summary: Install WordPress
• Buka http://localhost/websiteku
• Install > masukin informasi
database, judul blog dsb
• Selesai > catat password
• Bikin website selesai
My Site: www.margatekno.com
![Page 37: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/37.jpg)
Menambahkan Plugin Ecommere
• Cari Plugin E-commerce yg paling
direkomendasikan (karena
wordpress defaultnya bukan
engine ecommerce)
• Kedua Install Plugin Ecommerce
dihalaman Administrator
• Konfigurasi Plugin sesuai kehendak
• Tentukan THEME sendiri (bisa
download gratis THEME sesuai
selera)
37My Site: www.margatekno.com
![Page 38: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/38.jpg)
Halaman Admin (Dashboard)
38My Site: www.margatekno.com
![Page 39: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/39.jpg)
Membuat Website DEAL denganwordpress
• Plugin DEAL dari
http://wpdeals.me/ dapat
membantu untuk membuat
website Deal and discount
39My Site: www.margatekno.com
![Page 40: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/40.jpg)
CMS CMS Lainnya
• Konsep CMS adalah:
• Tidak perlu membuat sistem dari
awal
• Namun perlu pengembangan
agar lebih terlihat profesional
• Terdapat managament content
• Administrasi sistem lebih mudah
karena terdapat Modul yg
terintegrasi
40My Site: www.margatekno.com
![Page 41: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/41.jpg)
CMS Lokomedia Store
41My Site: www.margatekno.com
![Page 42: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/42.jpg)
Unduh filenya
• http://bukulokomedia.com
• Proses Installasi hampir sama
• Modifikasi Images, CSS, Template,
konten, harga, dsb bisa melalui
halaman Admin.Khusus untuk CSS,
Kontruksi Interface bisa diubah
melalui “htdoc\folderCMS”
42My Site: www.margatekno.com
![Page 43: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/43.jpg)
PrestaShop www.prestashop.com
43
![Page 44: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/44.jpg)
Download PrestaShop
• Proses Installasi hampir sama
• Modifikasi Images, CSS, Template,
konten, harga, dsb bisa melalui
halaman Admin.Khusus untuk CSS,
Kontruksi Interface bisa diubah
melalui “htdoc\folderCMS”
• Default Bhs. Inggris-Untuk Alih
bahasa download Plugin Bhs.
Indonesia, begitu pun Currency
nya.
44My Site: www.margatekno.com
![Page 45: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/45.jpg)
OSCommerce www.oscommerce.com
45My Site: www.margatekno.com
![Page 46: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/46.jpg)
• Proses Installasi hampir sama
• Modifikasi Images, CSS, Template,
konten, harga, dsb bisa melalui
halaman Admin.Khusus untuk CSS,
Kontruksi Interface bisa diubah
melalui “htdoc\folderCMS”
• Default Bhs. Inggris-Untuk Alih
bahasa download Plugin Bhs.
Indonesia, begitu pun Currency
nya.
46My Site: www.margatekno.com
![Page 47: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/47.jpg)
OSCLASS www.osclass.org
47
OSCLASS Untuk Jobs
My Site: www.margatekno.com
![Page 48: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/48.jpg)
48
OSCLASS Untuk Iklan Baris
![Page 49: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/49.jpg)
49
OSCLASS Untuk Properti
My Site: www.margatekno.com
![Page 50: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/50.jpg)
Modifikasi OS Class
50My Site: www.margatekno.com
![Page 51: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/51.jpg)
Upload Ke Hosting
• Login akun Hosting
• Upload bisa berbagai cara:
1. Bisa menggunakan FTP(ex:Filezilla)
2. Bisa via CPANEL (ZIPUploadExtract)
51My Site: www.margatekno.com
![Page 52: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/52.jpg)
Upload Ke Hosting Via FTP
52My Site: www.margatekno.com
![Page 53: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/53.jpg)
Upload ke Hosting Via CPANEL
53My Site: www.margatekno.com
![Page 54: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/54.jpg)
Upload di direktori Root ber ekstensi ZIP
54My Site: www.margatekno.com
![Page 55: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/55.jpg)
Jika selesai, Lihat hasinya di folder ROOT kemudian Ekstrak
55My Site: www.margatekno.com
![Page 56: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/56.jpg)
Create DATABASE
• User database sudah ada
• Buat nama database
• Import Database di PHPMYADMIN
• Konfigurasi di File “config.php”
pada umumnya.
• And the last website published
56My Site: www.margatekno.com
![Page 57: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/57.jpg)
57My Site: www.margatekno.com
Filosofi
![Page 58: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/58.jpg)
58My Site: www.margatekno.com
![Page 59: Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)](https://reader033.vdocuments.pub/reader033/viewer/2022052617/54798552b479597c098b47b9/html5/thumbnails/59.jpg)
TERIMAKASIH
59My Site: www.margatekno.com