tutorial Toko On-Line menggunakan opencart

tutorial opencart

CMS.. ?CMS ( Content Management System ) adalah suatu perangkat lunk yang memungkinkan seseorang untuk menambah atau memanipulasi isi dari suatu situs web dan sebuah CMS terdiri atas dua buah element antaranya adalah : *CMA(ContenManagementApplication) *CDA(ContentDeliveryApplication) Perbedaan dari keduanya adalah jika CMA si user dapat memanej dari sebuah isi situs web tanpa harus mengetahui mengenai HTML atau memiliki keahlian sebagai seorang webmaster. Dan CDA biasanya dilakukan oleh para developer atau para pengembang dari sebuah CMS untuk mengupdate atau memper barui dari sebuah CMS. SebuahCMSmempunyaifiturdankemampuanyangberbedabedaakantetapisecara garisbesarsebuahCMSmemilikifiturpublikasiberbasisweb,manajementformatcontrol revisi,pembuatanindex,pencariandanpengarsipan. DanpemanfaatansebuahCMSsendiriadaberbagaijenisdiantaranyasebagai: *Websiteperusahaan,organisasiataukomunitas * Portal *Galerifoto * Aplikasi e-commerce * Website pribadi * Forum sharing Dari sekian banyak CMS yang di kembangkan ada beberapa CMS yang sering digunakan olehparapenggiatduniamaya(internet),entahituuntukwebsitepribadiataupununtuk kepentinganbisnisonlinediantaranyaCMStersebutadalah: * Wordpress * OpenCart * Joomla * Prestahop Dari beberapa CMS yang telah disebutkan diatas keunggulanya adalah kita bisa mendapatkanya secara gratis, dan kita bisa mendownloadnya dari website sumbernya semisal wordpress kita bisa mendownloadnya di http://www.wordpress.org dan kita juga bisamengolahCMStersebutsecaraofflinedengansaratkitasudahmenginstallaplikasiyang berfungsiuntukwebserverlokal.

Untuk menjalankan aplikasi CMS secara offline kita membutuhkan aplikasi webserver local,aplikasiiniberfungsiuntukmensimulasikanserverwebyangsebenarnya.Padaaplikasi inipulakitanantinyameletekanfilefileCMSuntukdiinstalldicomputer/laptoppribadi kita. Aplikasiwebserversendiriadabebagaimacamdiantaranyaadalahappserv,xamppdan yang buatan anak Indonesia sendiri ada yang bernama dongkrak.

Web server lokal ( localhost )

internetclub make something diferent

tutorial opencartPadakesemptankaliinikitaakanmenggunakanaplikasiwebserverxamppdikarenakan aplikasiinisanggatmudahuntukdigunakandanmudahuntukdikonfigurasi. Xampp Aplikasixamppbisakitadapatkansecaragratisdenganmendowloadnyadihttp://www. apachefriends.orgatautinggalbukaCDdanbukadifoldersoftware. Padadasarnyaaplikasiiniterdiridaritigatooldiantaranyaadalah: -Apacheberfungsisebagaiwebserver -PHP berguna untuk compiler bahasa pemrograman PHP -Mysqlberfungsisebagaiaplikasidatabase -Phpmyadmin tool management database mysql InstallXampp Untuk mengistall xampp kita tinggal double klik pada master install xampp lihat gambar Setelah di double klik maka akan muncul pop up untuk memilih bahasa yang akan digunakan dalam penginstallan.

SecaradefaultbahasayangpertamakalimunculadalahbahasaEnglish,danuntukpop upinikitapilihbahasaEnglishsaja. Setelahkitaklikokmakaakankeluartampilansepertipadagambar

Untuktampilaninihanyalahberisitentanginformasiversidarixamppjadikitalangsung klikpadatombolnextsehinggamuncultampilahsepertiberikut

internetclub make something diferent

tutorial opencartPadatampilankaliiniperlukitaperhatikan padabagiandestinationfolder,pada defaultnyaberisiC:\xamppdanpadabagian ini sebenarnya kita menginstallnya di localdiskselainC:\,akantetapidemialasan kemudahankitaisidestinationfolderseperti padadefaulnyayakniC:\xampp.

Selanjutnyakitakliknextdanmunculah tampilansepertipadagambar Padabagianiniyangperlukitaperhatikan adalahpadabagiaSERVICESECTION,pada bagianinikitadiberiduapilihan,yangpertama apakahkitamaumenginstallapache,mysql danfilezillasebagaiservicediwindowsjika yamakaceklistlahjikatidakbiarkansaja.Agar memudahkankitanantinyalebihbaikkita installketigatooltersebutsebagaiservice. Mau Tau kenapa .? Dikarenakanjikakitamenginstallketigatoolitusebagaiservicemakaketikalaptop/PC kitanyalakandanmasukkesystemoperasiwindowsmakaketigatooltersebutlangsung aktivakantetapijikaketigatooltersebuttidakkitainstallsebagaiservicemakaketika kitamasukkedalamsystemoperasiwindowsmakakitaharusmengaktivkanyasecara manual. Padatampilaninikitabiasmelihatpaketpaket apasajadaribawaanxamppyangsedangdalam proses installasi. Dan kita tunggu hingga proses tersebutselesaidanklikpadatombolnext. Maka akan muncul sebuah tampila yang akan memberitahukitabahwapenginstallanxampp telahcomplit.Akantetapibukanberartiproses penginstallan telah selesai coba kita klik pada tombolfinishapayangakanmuncul.

internetclub make something diferent

tutorial opencartPada pop up ini kita diberi tahu bahwa proses intallketigatoolyangsudahdisebutkandiatas telahterinstall,klikok Selamatandatelahsuccessdalammenginstallxampp,apakahandaakanmenjalankancontrolpanel xammpsekarang, Klik pada tomblo yes maka akan keluar control panel darixampp

Akantetapisetelahkitarestart/kitashutdownpc ataulaptopkitatampilacontrolpanelinitidakakan munculnamunbukanberartixampptidakberjalan, systemxampptetapberjalanuntukmengeceknya kitatinggalbukabrowserkesayangankitabias menggunakanMozilla,chrome,operaatauinternet explorernyawindowsdanketikapadaaddressbar http://localhost Maka akan tampil sebagai berikut

Setelahtampilsepertidigambardi atasmakakitapilihbahasaEnglish setelah di klik maka akan tampil sepertisamping Sampai disini kita sudah berhasil untukmenginstallxamppsebagai webserver local. Tinggal kita mengcustomisenya.internetclub make something diferent

tutorial opencartCustimise XamppApakahsetelahberhasilmenginstallxamppsemuanyasudahberes? Tentujawabanyatidak,karenaadabeberapabagianyangharuskitaeditdanharuskita kenali antara lain adalah : Documentroot Managementdatabase Mari kita berkenalan dan mencoba memahami beberapa hal di atas Documentroot Documentrootadalahsebuahfolderataudirectorydimanakitamenyimpansemuafile CMSataufile2yangakankitatampilkankedalambrowser.Letakdirectorurootpadaaplikasi xamppterletakdiC:/xampp/htdocsuntuklebihjelasnyasilahkanlihatdigambardibawah ini.

Didirectoryhtdocslahkitanantinyaakanmenyimpanwordpress atau opencart Management database HampersemuaCMSpastinyamembutuhkandatabase dimana database tersebut akan berperan sebagai media untukmenyimpanberbagaimacamdatainformasipenting dari sebuah website. DanjikakitamenginstallsebuahCMSyangbersifatoffline atauonlinepastinyamembutuhkandatabasedansewaktu penginstallanpastinyasebuahCMSakanmemintakepada kita untuk mengisikan username dan password dari database kita. Setelahkitamenginstallxamppdatabasepadaxamppbelumterproteksiataubelum terpassword maka dari itu kita harus membuat sebuah password untuk database kita. Untukmembuatnyasilahkanandabukabrowserandadanketikanhttp://localhostpada addressbar.Danakantampilhalamanxampp

internetclub make something diferent

tutorial opencartPada menu sebelah kiri akan kita temui menu security,kitaklikmenutersebutuntukmasuk kedalam menu security . pada menu security kita lihat pada table pada bagian The MySQL admin user root has nolongernopasswordberstatusUNSECURE karena database mysql kita belum terpassword untuk mempasswordnya kita lihat ada linkhttp://localhost/security/xamppsecurity. php dibagian bawah table dan kita klik link tersebut. Sehinggaakantampilsepertigambardibawahini

PerhatikanpadabagianMYSQLSECTION: "ROOT"PASSWORDterdapatduakolom dan silahkan password di kolom tersebut. Setelah itu klik tombol password changing setelah itu akan tampil sebuah tampilan yang hamper sama akan tetapi ada sebuah keterangan dalam bahasa inggris therootpasswordwassuccessfully. PleaserestartMYSQLforloadingthese changes ! Dari keterangan tersebut kita tahu bahwa password telah berhasil dibuat untuk mengeceknyasilahkanadabukabrowserlaluketikanhttp://localhost/phpmyadmin jikapasswordtelahtersettingketikakitamembukalinktersebutmakaakanmuncul popupsepertipadagambar. Silahkan isikan UserName:root Password : password yang telah anda buat Sampaidisinikitatelahberhasiluntukmensettingdatabasekitasehinggatidakdapat diakses oleh orang lain

internetclub make something diferent

tutorial opencart

opencartSebelumkitamelangkahketahaponlinealangkahbaiknyakitamenginsttalshop onlinekitasecaraofflineterlebihdahuludikarenakanuntukmempermudahkitauntuk mengcustomiseshoponlinedarisegitampilanataupunsettinganyanglainya. Disini kita akan mencoba untuk membuat shop online menggunakan opencart. Untuk menginstallnya caranya sebagai berikut. Sebelum kita menginstall wordpress kita harus membuat database untuk wordpress. Untuk membuatnyakitatinggaltuliskanhttp://localhost/phpmyadmin pada browser. Setelah itu kita isikan username dan password kita jika berhasil maka akan tampil sebuah tampilansepertipadagambardibawahini.

Untuk membuat sebuah database baru kitatinggalmengisikannamadatabase di bagian create dabase setelah itu klik tombol create. Untuk lebih jelasnya lihat pada gambar dibawah ini .

lalu kita buat sebuah database untuk menampung data toko onlinekita, sepertigambardisamping. setelah berhasil maka akan tampil sebagai berikut

Setelah itu kita kelangkah selanjutnya yaitu menginstall opencartinternetclub make something diferent

tutorial opencart Installasi opencartSeandainya kita mendownload opencart dari websitenya http://opencart.com makafilemasihdalambentukzipjadisamadenganwordpresskitaharusmengekstranya terlebihdahulu,lalume-renamenyadengannamabaru,danmengcopykanhasilextrakan kedalamdirectoryroot,bilamenggunakanxamppmakaberadadidirectorihtdocs,tapijika kita menggunakan AppServ maka berada di directori www

Jikadirectorihasilextrakansudahberada didalam directory root ( htdocs ) maka kita tinggalmengsksesfoldertersebutdengan mengetikanlocalhostdiikutinamafolderkita tersebutsemisalnamafolderkitatokoonline makaketikan: http://localhost/tokoonline didalamaddressbarbrowser, sehingga tampil halaman opencart.

lalupilihfolderupload maka akan muncul halaman isntallasi opencart sepertidibawahini

DibawahkolomLICENSEterdapat kotak ceklist yang bertuliskan I agree to license pada kota tersebut kita harus menceklistnya setelah itu kita klikpadatombolcontinue.

internetclub make something diferent

tutorial opencart

Setelahkitameng-kliktombolcontinemaka akantampilhalamstep2preinstallation dan didalamnya terdapat berbagai macam informasimengenaisystemyangakan digunakan oleh opencart. Langsung klik pada tombolcontinue.

Stepketigaadalahstepconfigurasidimanakitaharus mengisibeberapaformyangdibagimenjadiduabagianbagianyangpertamaadalah pleaseenteryourdatabaseconnectiondetails,untukpenjelasandariformyangberada didalamnya adalah sebagai berikut : Database Host : localhost

User : di isi sesuai dengan username phpmyadmin Password phpmyadmin : isikan password

Database Name : isikan database yang tadi anda buat didalam phpmyadmin Database prefix :default Pada bagian kedua adalah baginian pleace enter a username and passwordfortheadministration. padabagianinikitaakanmengisiform yangberfungsiuntuklogin/masukkedalamhalamanadministrator.Untukpenjelasanya sebagai berikut : Username Password Email : isi sesuai keinginan anda : isikan password sesuai keinginan anda :isikanalamatemailandainternetclub make something diferent

tutorial opencartJikakolomkolomtersebuttelahterisimakakitakliktombolcontinuesehinggaakan tampilhalamanfinishingsepertipadagambardibawahini:

Padastepfinishinginikita akan disajikan dua pilihan yang pertama apakah kita akan melihat tampilan depan dari opencart jika iya silahkan klik pada gambar disebelah kiri dan akan tampil halama depan opencart

halaman depan toko online kita (default)

halaman depan login admin toko online

internetclub make something diferent

tutorial opencarthalaman depan toko online kit adi halaman ini kita akan dapat melihat hasil perubahan- perubahan yang kita lalukan pada toko online kita,

halaman admin toko onlinedi halaman ini kita akan dapat melalukakn perubahan- perubahan pada toko online kita, mulai dari pengaturan setting hingga posting prosuk dan kategori, untuk lebih lanjutnya akan kita bahas,

halaman depan admin toko online

internetclub make something diferent

tutorial opencartmenu-menu pada halaman admin

catalogberisi menu-menu untuk mengatur isi / konten produk toko online kita

catalog >> Categoriesmenu berisi pengaturan menu kategori produk di halaman toko online kita

catalog >> Productmenu berisi pengaturan tentang insert, edit maupun delet produk di dalam toko online kita, kita dapat memasukan produk baru, mengedit suatu produk, maupun men-delet nya dari toko online kita

catalog >> Atributemenu berisi pengaturan untuk memberi atribut (keterangan tambahan ) pada produk di toko online kita

internetclub make something diferent

tutorial opencart

Extensionsberisi pegaturan terhadap ekstensi default maupun yang kita tambahkan di toko online kita, ini mirip dengan Plug in

Extensions >> Modules

berisi pengaturan modul yang terinstall di toko online kita, modul modul tambahan ini juga dapat kita peroleh di situs opencart, modul sendiri ialah semacan fitur tambahan yang dapat kita aktif/non kan pada menu ini

to be continue........

internetclub make something diferent

tutorial opencart

internetclub make something diferent