Build In E-Commerce Project
Oleh Puput Irfansyah,M.Kom

Universitas Indraprasta PGRI Jakarta

My Site: www.margatekno.com
...
Mengapa Anda wajib membuat
proyek E-Commerce?

My Site: www.margatekno.com
• Mencari jawaban………….…

My Site: www.margatekno.com
Website Dinamis (1)
• Website yang interaktif, bisa diupdate isinya denga mudah, bisa
komentar, dsb.
• Terdiri dari file d...
Website Dinamis (2)
• File-file
• File-file PHP yang membuat website
terlihat oleh mata kita dan
berfungsi sesuai fungsiny...
Persiapan
• Server hosting dan domain
• Server hosting: tempat nyimpen
file2
• Domain: alamat
www.namadomain.com /.net /.o...
Karena kita ga konek Internet
• Program “simulasi” server hosting,
namanya XAMPP
• Di komputer sendiri
• Butuh program unt...
Install XAMPP (1)

• Jalankan Installer XAMPP: xampp-win321.6.7-installer.exe
My Site: www.margatekno.com
Install XAMPP (2)

• Install di My Documents, terus Next, dan
Install
My Site: www.margatekno.com
Install XAMPP (3)

My Site: www.margatekno.com
Install XAMPP (4)

My Site: www.margatekno.com
XAMPP

• My Documentsxampphtdocs
• Tempat menaruh file-file kita
• Diibaratkan dengan File Manager di cPanel
server hostin...
XAMPP
• http://localhost/phpmyadmin >
tempat database

My Site: www.margatekno.com
Installasi Via CPANEL Hosting

My Site: www.margatekno.com

14
Membuat Database di CPANEL

My Site: www.margatekno.com

15
Membuat User Database

My Site: www.margatekno.com

16
My Site: www.margatekno.com

17
Sebagai Contoh Install
WordPress
Mempersiapkan file-file

My Site: www.margatekno.com
Buat folder My
Documents
XAMPPhtdocswebsi
teku

My Site: www.margatekno.com
Extract WordPress di sana

My Site: www.margatekno.com
Pindahkan dari dalam folder
websiteku/wordpress ke luar

My Site: www.margatekno.com
Summary: Install WordPress
Mempersiapkan file-file

• Download dari website (buka dari
CD)
• Buat folder My
DocumentsXAMPP...
Install WordPress
Mempersiapkan database

My Site: www.margatekno.com
Buka
http://localhost/phpmyadmin

My Site: www.margatekno.com
Buat database,
masukkan websiteku

My Site: www.margatekno.com
Buat database selesai

Catat informasi ini:

Nama database: websiteku
Nama user: root
Password: (tidak ada password)
Note:...
Summary: Install WordPress
Mempersiapkan database

• Jalankan XAMPP
• Buka http://localhost/phpmyadmin
• Buat database ber...
Install WordPress
Menginstall WordPress

My Site: www.margatekno.com
Buka http://localhost/websiteku

• Klik “Create a Configuration File”

My Site: www.margatekno.com
Siapkan informasi database
yang tadi sudah disiapkan

My Site: www.margatekno.com
Masukkan informasi-informasi itu

My Site: www.margatekno.com
Lanjut..

My Site: www.margatekno.com
Hampir Selesai..

My Site: www.margatekno.com
Selesai!

• Catat username dan password sementara
itu di notepad
My Site: www.margatekno.com
http://localhost/websiteku

My Site: www.margatekno.com
Summary: Install WordPress
• Buka http://localhost/websiteku

• Install > masukin informasi
database, judul blog dsb
• Sel...
Menambahkan Plugin Ecommere
• Cari Plugin E-commerce yg paling
direkomendasikan (karena
wordpress defaultnya bukan
engine ...
Halaman Admin (Dashboard)

My Site: www.margatekno.com

38
Membuat Website DEAL dengan
wordpress
• Plugin DEAL dari
http://wpdeals.me/ dapat
membantu untuk membuat
website Deal and ...
CMS CMS Lainnya
• Konsep CMS adalah:

• Tidak perlu membuat sistem dari
awal
• Namun perlu pengembangan
agar lebih terliha...
CMS Lokomedia Store

My Site: www.margatekno.com

41
Unduh filenya
• http://bukulokomedia.com

• Proses Installasi hampir sama
• Modifikasi Images, CSS, Template,
konten, harg...
PrestaShop www.prestashop.com

43
Download PrestaShop
• Proses Installasi hampir sama

• Modifikasi Images, CSS, Template,
konten, harga, dsb bisa melalui
h...
OSCommerce www.oscommerce.com

My Site: www.margatekno.com

45
• Proses Installasi hampir sama

• Modifikasi Images, CSS, Template,
konten, harga, dsb bisa melalui
halaman Admin.Khusus ...
OSCLASS

www.osclass.org

OSCLASS Untuk Jobs
My Site: www.margatekno.com

47
OSCLASS Untuk Iklan Baris
48
OSCLASS Untuk Properti
My Site: www.margatekno.com

49
Modifikasi OS Class

My Site: www.margatekno.com

50
Upload Ke Hosting
• Login akun Hosting

• Upload bisa berbagai cara:
1. Bisa menggunakan FTP(ex:Filezilla)
2. Bisa via CPA...
Upload Ke Hosting Via FTP

My Site: www.margatekno.com

52
Upload ke Hosting Via CPANEL

My Site: www.margatekno.com

53
Upload di direktori Root ber ekstensi ZIP

My Site: www.margatekno.com

54
Jika selesai, Lihat hasinya di folder
ROOT kemudian Ekstrak
My Site: www.margatekno.com

55
Create DATABASE
• User database sudah ada

• Buat nama database
• Import Database di PHPMYADMIN
• Konfigurasi di File “con...
Filosofi

My Site: www.margatekno.com

57
My Site: www.margatekno.com

58
TERIMAKASIH

My Site: www.margatekno.com

59
Upcoming SlideShare
Loading in …5
×

Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)

947 views

Published on

Cara Mudah Membangun Situs Ecommerce, langkah konkrit menjadi technopreneurship. Oleh Puput Irfansyah, M.Kom

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
947
On SlideShare
0
From Embeds
0
Number of Embeds
143
Actions
Shares
0
Downloads
148
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)

  1. 1. Build In E-Commerce Project Oleh Puput Irfansyah,M.Kom Universitas Indraprasta PGRI Jakarta My Site: www.margatekno.com 1
  2. 2. Mengapa Anda wajib membuat proyek E-Commerce? My Site: www.margatekno.com
  3. 3. • Mencari jawaban………….… My Site: www.margatekno.com
  4. 4. Website Dinamis (1) • Website yang interaktif, bisa diupdate isinya denga mudah, bisa komentar, dsb. • Terdiri dari file dan database My Site: www.margatekno.com
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. Install XAMPP (1) • Jalankan Installer XAMPP: xampp-win321.6.7-installer.exe My Site: www.margatekno.com
  9. 9. Install XAMPP (2) • Install di My Documents, terus Next, dan Install My Site: www.margatekno.com
  10. 10. Install XAMPP (3) My Site: www.margatekno.com
  11. 11. Install XAMPP (4) My Site: www.margatekno.com
  12. 12. XAMPP • My Documentsxampphtdocs • Tempat menaruh file-file kita • Diibaratkan dengan File Manager di cPanel server hosting beneran My Site: www.margatekno.com
  13. 13. XAMPP • http://localhost/phpmyadmin > tempat database My Site: www.margatekno.com
  14. 14. Installasi Via CPANEL Hosting My Site: www.margatekno.com 14
  15. 15. Membuat Database di CPANEL My Site: www.margatekno.com 15
  16. 16. Membuat User Database My Site: www.margatekno.com 16
  17. 17. My Site: www.margatekno.com 17
  18. 18. Sebagai Contoh Install WordPress Mempersiapkan file-file My Site: www.margatekno.com
  19. 19. Buat folder My Documents XAMPPhtdocswebsi teku My Site: www.margatekno.com
  20. 20. Extract WordPress di sana My Site: www.margatekno.com
  21. 21. Pindahkan dari dalam folder websiteku/wordpress ke luar My Site: www.margatekno.com
  22. 22. Summary: Install WordPress Mempersiapkan file-file • Download dari website (buka dari CD) • Buat folder My DocumentsXAMPPhtdocswebsit eku • Extract di sana My Site: www.margatekno.com
  23. 23. Install WordPress Mempersiapkan database My Site: www.margatekno.com
  24. 24. Buka http://localhost/phpmyadmin My Site: www.margatekno.com
  25. 25. Buat database, masukkan websiteku My Site: www.margatekno.com
  26. 26. Buat database selesai Catat informasi ini: Nama database: websiteku Nama user: root Password: (tidak ada password) Note: di server hosting sebenarnya, ada password
  27. 27. 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
  28. 28. Install WordPress Menginstall WordPress My Site: www.margatekno.com
  29. 29. Buka http://localhost/websiteku • Klik “Create a Configuration File” My Site: www.margatekno.com
  30. 30. Siapkan informasi database yang tadi sudah disiapkan My Site: www.margatekno.com
  31. 31. Masukkan informasi-informasi itu My Site: www.margatekno.com
  32. 32. Lanjut.. My Site: www.margatekno.com
  33. 33. Hampir Selesai.. My Site: www.margatekno.com
  34. 34. Selesai! • Catat username dan password sementara itu di notepad My Site: www.margatekno.com
  35. 35. http://localhost/websiteku My Site: www.margatekno.com
  36. 36. 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
  37. 37. 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) My Site: www.margatekno.com 37
  38. 38. Halaman Admin (Dashboard) My Site: www.margatekno.com 38
  39. 39. Membuat Website DEAL dengan wordpress • Plugin DEAL dari http://wpdeals.me/ dapat membantu untuk membuat website Deal and discount My Site: www.margatekno.com 39
  40. 40. 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 My Site: www.margatekno.com 40
  41. 41. CMS Lokomedia Store My Site: www.margatekno.com 41
  42. 42. 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 “htdocfolderCMS” My Site: www.margatekno.com 42
  43. 43. PrestaShop www.prestashop.com 43
  44. 44. 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 “htdocfolderCMS” • Default Bhs. Inggris-Untuk Alih bahasa download Plugin Bhs. Indonesia, begitu pun Currency nya. My Site: www.margatekno.com 44
  45. 45. OSCommerce www.oscommerce.com My Site: www.margatekno.com 45
  46. 46. • Proses Installasi hampir sama • Modifikasi Images, CSS, Template, konten, harga, dsb bisa melalui halaman Admin.Khusus untuk CSS, Kontruksi Interface bisa diubah melalui “htdocfolderCMS” • Default Bhs. Inggris-Untuk Alih bahasa download Plugin Bhs. Indonesia, begitu pun Currency nya. My Site: www.margatekno.com 46
  47. 47. OSCLASS www.osclass.org OSCLASS Untuk Jobs My Site: www.margatekno.com 47
  48. 48. OSCLASS Untuk Iklan Baris 48
  49. 49. OSCLASS Untuk Properti My Site: www.margatekno.com 49
  50. 50. Modifikasi OS Class My Site: www.margatekno.com 50
  51. 51. Upload Ke Hosting • Login akun Hosting • Upload bisa berbagai cara: 1. Bisa menggunakan FTP(ex:Filezilla) 2. Bisa via CPANEL (ZIPUploadExtract) My Site: www.margatekno.com 51
  52. 52. Upload Ke Hosting Via FTP My Site: www.margatekno.com 52
  53. 53. Upload ke Hosting Via CPANEL My Site: www.margatekno.com 53
  54. 54. Upload di direktori Root ber ekstensi ZIP My Site: www.margatekno.com 54
  55. 55. Jika selesai, Lihat hasinya di folder ROOT kemudian Ekstrak My Site: www.margatekno.com 55
  56. 56. 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 My Site: www.margatekno.com 56
  57. 57. Filosofi My Site: www.margatekno.com 57
  58. 58. My Site: www.margatekno.com 58
  59. 59. TERIMAKASIH My Site: www.margatekno.com 59

×