TUGAS 5

LANGKAH - LANGKAH MEMBUAT WEB WORDPRESS, JOOMLA, dan OSCOMMERCE

1. WEB WORDPRESS
Bagi anda yang suka menulis blog tentu anda mengenal beberapa aplikasi web untuk keperluan publishing blog anda, salah satunya adalah Wordpress. Wordpress mempunyai fitur-fitur yang lengkap, kemudahan dalam publishing, instalasi dan pengelolaan blog.
Tulisan ini akan menjelaskan langkah demi langkah untuk keperluan instalasi Wordpress. Dan juga dijelaskan bagaimana mengganti theme default dari Wordpress ini. Tentunya anda ingin sekali blog anda mempunyai tampilan yang berbeda dari pada theme defaultnya. Theme default ini biasanya otomatis digunakan setelah instalasi Wordpress selesai.
Berikut ini adalah langkah-langkah yang dapat anda lakukan untuk instalasi Wordpress:
Login ke CPANEL hosting anda.
Anda dapat memilih instalasi Wordpress melalui menu Fantastico.
Kemudian pilih Wordpress pada bagian Blogs.
Opsi instalasi akan ditampilkan di sebelah kanan. Silakan klik pada link New Installation. Keterangan disk space required adalah kapasitas pada hard-disk yang dibutuhkan untuk Wordpress dan disk space available adalah kapasitas hard-disk yang tersedia. Pastikan kapasitas yang tersedia masih mencukupi.
Kemudian anda akan diminta mengisi data-data sebagai berikut:
• Pilih domain yang akan digunakan, atau gunakan default saja.
• Direktori dimana Wordpress akan diinstall, misalnya: wp. Jadi weblog anda nantinya akan diakses dengan alamat http://www.namadomain-anda.com/wp. Untuk isian ini bisa dikosongkan.
• Admin access, digunakan untuk login admin pengelolaan Wordpress. Tentukan username dan passwordnya.
• Selanjutnya pada Base Configuration, isikan nickname Admin, email Admin, Nama Website, dan Deskripsinya.
• Pada email configuration, isikan username dan password CPANEL anda.
• Klik tombol Install Wordpress.
Kemudian di halaman konfirmasi instalasi, klik tombol Finish Installation. Setelah itu anda bisa klik HOME untuk kembali ke halaman depan dari CPANEL anda.
Instalasi telah selesai, silakan lihat hasil instalasi anda melalui alamat website anda, misalnya: http://www.namadomain-anda.com/wp. wp adalah dimana Wordpress diinstall seperti yang anda isikan pada konfigurasi instalasi langkah sebelumnya. Kemudian anda bisa melanjutkan untuk konfigurasi weblog anda. Caranya adalah dengan login sebagai admin.
Buka web browser baru, masukkan alamat website anda ditambahkan nama direktori dimana Wordpress diinstall, dan tambahkan direktori wp-admin. Susunan alamatnya adalah sebagai berikut: http://www.namadomain-anda.com/wp/wp-admin. Silakan masukkan username dan password untuk Admin.
Weblog anda ternyata masih menggunakan theme default dari Wordpress, tentunya anda ingin sesuatu yang berbeda, anda bisa melihat-lihat koleksi theme Wordpress di website http://themes.wordpress.net/.
Apabila anda sudah menentukan pilihan untuk theme tertentu, silakan klik download untuk menyimpan theme tersebut ke komputer anda. Setelah itu ikuti langkah-langkah berikut ini untuk mulai memasang theme baru anda.
Kembali ke CPANEL anda, silakan klik File Manager. Setelah itu akan muncul pop-up window baru yang menampilkan susunan direktori di hosting anda.
Anda akan melakukan upload file theme yang tadi anda download di folder public_html/wp/wp-content/themes. Untuk masuk ke direktori public_html silakan klik icon bergambar kotak berwarna kuning. Dan seterusnya untuk masuk ke direktori wp, wp-content dan themes.

Klik pada gambar panah ke atas berwarna hitam untuk melakukan upload di folder tersebut, yaitu folder themes.
Kemudian klik pada browse untuk memilih file theme yang akan diupload dan klik tombol Upload.
Setelah proses upload selesai maka akan muncul notifikasi seperti pada gambar.
Dan file yang anda upload akan ditampilkan di struktur direktori.
Karena file theme yang baru saja anda upload dalam bentuk terkompresi .zip, maka klik pada nama file theme baru anda, untuk proses dekompres.
Dan di sebelah kanan akan muncul menu seperti pada gambar, silakan pilih Extract File Contents.
Kemudian akan muncul pop-up window baru yang menampilkan detail proses dekompres. Window pop-up silakan ditutup.
Klik link themes untuk merefresh tampilan susunan direktori terbaru. Proses upload theme baru anda telah selesai, silakan kembali ke weblog anda dengan masih berada pada halaman Admin.
Pada dashboard Wordpress weblog anda, silakan klik menu Presentation.

Semestinya pada current theme adalah theme default dari Wordpress, dan dibawahnya terdapat available theme, salah satunya adalah theme yang baru saja anda upload. Silakan klik pada theme baru anda.
Untuk melihat hasil instalasi theme baru anda, silakan klik menu View Site

2. WEB JOOMLA
Joomla merupakan sebuah cms yang paling powerfull yang bisa anda gunakan untuk membangun website anda. Berikut ini adalah langkah2 instalasi joomla melalui fantastico di Jagoan Hosting Indonesia:
1. silahkan login cpanel anda
• namadomainanda/cpanel
• masukkan username dan password
• login
2. masuk menu fantastico de luxe dengan klik menu fantastico De Luxe
• KLik menu joomla untuk memulai instalasi
• klik New installation (pastikan bahwa directory tempat anda menginstal masih kosong dan pastikan juga tidak ada database joomla yang sama sebelumnya)
3. Mulai masukkan data2 di form2 tersebut:
a. Installation location (isi form untuk tempat instalasi joomla)
• Install on domain : jika anda ingin menempatkan di domain utaman anda, silahkan isi dengan nama domain anda.
• Jika anda ingin menemptakan di subdomain anda silahkan isi dengan subdomain anda (pastikan sebelumnya anda telah membuat subdomain)
• Install in directory : (silahkan dikosongkan saja)
b. Admin access data (isi form untuk akses administrator page di joomla)
• Administrator-username (you need this to enter the protected admin area) :isi dengan username yang anda kehendaki untuk administrator page di joomla
• Password (you need this to enter the protected admin area) : isi dengan password yang anda kehendaki untuk administrator page di joomla
c. Base configuration
• Admin e-mail (your email address): isi dengan alamat email yang bertanggung jawab atas admin area
• Admin full name : (silahkan dikosongi)
• Site name:boleh nama domain anda atau nama lain yang anda kehendaki
4. KLik Install joomla
5. KLik finish installation
Joomla anda telah terinstalasi di hosting anda, silahkan coba jika sudah menginstalasi silahkan coba langsung akses domain anda atau sub domain anda.
Template joomla terdiri dari beberapa file di dalamnya, agar mudah mengedit atau sekedar mangganti image, kita harus tahu dulu struktur file template joomla. Nah jika kita sudah mengenal strukturnya kita akan mudah mengedit dan mengotak-atik template joomla tersebut.
Struktur file template joomla standar terdiri dari beberapa file diantaranya :
• File index.php : file ini berisi instruksi-instruksi program yang berfungsi untuk menggabungkan seluruh komponen yang ada di Joomla untuk diatur penempatannya guna menghasilkan tampilan website sesuai dengan keinginan.
• File template_css.css : file ini berfungsi untuk mendefinisikan fungsi-fungsi css yang digunakan untuk tampilan website. Biasanya dalam file css digunakan untuk mengatur warna pada tampilan, jenis dan ukuran huruf, format link, dll.
• File tempaleDetails.xml : digunakan sebagai penyimpan informasi mengenai template, sekaligus digunakan untuk menyimpan informasi pada saat peng install an template.
• File template_thumbnail.png : merupakan gambar kecil dari template yang nantinya akan digunakan oleh file templatedetails.xml untuk menampilkan gambar mini preview template.
Struktur diatas hanyalah template yang standar, setiap template strukturnya akan berbeda tergatung si Empu/ pembuat template, apakah ada file javascriptnya atau lain sebagainya.
Nah mari kita coba kenali satu persatu file-file tersebut:
1. CSS folder ini merupakan tempat disimpannya file-file berextensen .css (Cascading style sheet) yaitu file-file yang fungsinya untuk mengatur tampilan atau wajah dari web kita. mulai dari lebar template, margin, font, warna, sampai ke pengaturan image baground yang akan di tampilkan di halaman web kita.
2. Image folder ini merupakan tempat disimpannya file gambar/image template kita. seperti file header, list, buton, baground dan sebagainya. formatnya ada yang jpg, png, gif dan lain sebagainya.
3. Index.php ini merupakan file utama template dimana di dalamnya merupakan program-program yang meramu semua komponen dan susunan modul-modul yang akan di tampilkan di halaman website kita. kayaknya perlu mengupas tersendiri tentang file index.php ini.
4. Index.html file ini tidak berisikan file apa alias kosong hal ini berfungsi jika ada yang mengakses langsung ke folder ini dan menggunakan file index.html maka file inilah yang akan dieksekusi. dan jika di lihat di browser maka tidak akan terlihat apa-apa. begitu juga dengan file yang sama yang berada dalam folder css dan image.
5. Template_thumnail.png ini hanyalah screen shoot dari template kita. File ini akan berfungsi saat kita akan memilih template mana yang akan di pake baik itu di menu beckend maupun frontend. kalau nama mungkin bisa lupa tapi kalau ngelihat gambarnya kita akan ingat..tampilan template-nya.
6. TemplateDetails.xml biasanya ini merupakan file tempat menyimpan instruksi-instruksi saat penginstallan juga berisikan info si pembuat tempalte yang akan tampil pada menu beckend. Dan file ini juga sebagai insttalernya template joomla kita.
Nah itu hanya sebatas file template setandar lain halnya jika File tersebut ada Javasriptnya maupun ada Flash biasanya file-file tersebut disimpan dalam folder sendiri-sendiri. Jika sudah mengerti minimal yang standar ini mudah-mudahan dalam mengedit template joomla akan lebih mudah dan cepat. Selamat berexperimen dan mengedit template joomla.

3. WEB OSCOMMERCE
Perpaduan antara kemajuan teknologi internet dan kesediaan sekelompok masyarakat cyber untuk saling berbagi dan membantu orang lain telah memberikan manfaat luar biasa kepada masyarakat umum di seluruh penjuru dunia. Salah satu dari mereka adalah komunitas oscommerce yang telah memungkinkan ribuan pelaku usaha kecil mengembangkan bisnisnya dengan membuka toko online.
Oscommerce adalah komunitas dunia maya yang menyediakan program untuk membuka toko online di internet. Program tersebut namanya oscommerce yang bisa kita dapatkan secara gratis dengan mendownloadnya dari www.oscommerce.com. Tidak hanya program toko online, mereka juga menyediakan modul-modul tambahan yang bisa kita pasang di toko online kita. Kita juga bisa bergabung dalam forum komunitas pengguna oscommerce untuk saling berbagi pengalaman dan masalah dalam mengelola toko oscommerce kita.
Hal pertama yang harus dilakukan adalah mendaftarkan nama domain yang akan dipakai untuk menamai toko online kita. Sebagai contoh nama domain adalah tokobagus.com. Biasanya pada saat mendaftarkan nama domain, kita juga akan menyewa jasa hosting yang akan kita pakai untuk menyimpan program dan data-data toko online kita.
Sebagaimana telah saya sampaikan sebelumnya, kita cukup mengeluarkan dana beberapa ratus ribu per tahun untuk membuka toko online di internet. Uang beberapa ratus ribu itulah yang harus kita keluarkan untuk biaya pendaftaran domain dan membeli jasa hosting untuk jangka waktu 1 tahun. Pada umumnya perusahaan penyedia jasa hosting juga menyediakan jasa pendaftaran domain. Beberapa perusahaan tersebut di antaranya adalah idwebhost, rumahweb dan masterweb. Anda bisa mendapatkan daftar perusahaan yang lebih panjang dengan melakukan pencarian melalui google dengan kata kunci “jasa web hosting” atau “web hosting service”.
Dalam mencari layanan web hosting, Anda bisa memilih jasa hosting yang didalam kontrol panelnya menyediakan fasilitas Fantastico. Fasilitas ini akan sangat mempermudah kita dalam melakukan instalasi toko online oscommerce. Dengan fantastico proses tersebut akan menjadi seperti proses menginstalasi program / software pada umumnya ke komputer kita.
Dari beberapa pengalaman membeli jasa web hosting, ada web hosting provider yang menggunakan CPanel sebagai kontrol panelnya, sementara yang lain mempergunakan SPanel. Yang memiliki fasilitas fantastico adalah web hosting yang mempergunakan CPanel sebagai kontrol panelnya.
Tetapi saya yakin Anda tidak cukup puas dengan default tampilan toko online oscommerce yang Anda dapatkan saat pertama kali membukanya. Kita perlu mengadakan perubahan layout agar tampilan toko online kita menjadi lebih menarik dan berikut adalah bebarpa tips yang bisa kita lakukan.
Oscommerce adalah program yang ditulis dengan bahasa pemrograman PHP. Untuk mengubah tampilan toko online kita, tentu saja kita harus melakukan editing terhadap script-script oscommerce yang ditulis dalam bahasa pemrograman PHP tersebut.
Untuk melakukan editing oscommerce diperlukan sebuah text editor. Saya sarankan Anda untuk memakai Netpadd yang bisa didapatkan secara gratis dari www.netpadd.com. Beberapa bulan memakai netpadd, saya merasakan program ini sangat simple, mudah dan nyaman dipergunakan untuk mengedit script PHP.
Anda mungkin juga memerlukan program uploader untuk memindahkan file dari hard-disk komputer ke web hosting server. File uploader yang cukup populer adalah Filezilla yang bisa didownload secara gratis dari www.filezilla-project.org. Tutorial penggunaan filezilla banyak terdapat di internet yang bisa di-search di Google dengan kata kunci : filezilla tutorial. Silakan Anda pilih yang paling mudah dipahami.
Sebelum melakukan editing / perubahan tampilan, kita perlu mengenal bagian-bagian halaman toko online oscommerce. Setiap halaman tampilan toko oscommerce terdiri atas 5 bagian =
- Header, yang terletak pada bagian paling atas, biasanya berisi gambar banner / logo toko online bersangkutan.
- Left column (kolom kiri) terletak di bagian tengah (di bawah header) sisi kiri.
- Right column (kolom kanan) terletak di bagian tengah sisi kanan.
- Main area (area utama) terletak di bagian tengah di antara kolom kiri dan kolom kanan.
- Footer, yang terletak pada bagian paling bawah setiap halaman toko online oscommerce.
Jika Anda menginstall oscommerce melalui fasilitas Fantastico, maka Anda perlu mendownload program oscommerce dari www. oscommerce.com untuk mendapatkan script files PHP yang akan kita edit. Di dalamnya kita akan mendapatkan banyak file PHP yang disimpan dalam beberapa folder. Yang pertama adalah folder “catalog” yang di dalamnya berisi file-file yang mengatur tampilan main area (area utama) toko online oscommerce, misalkan index.php, create_account.php dan checkout_process.php.
Di dalam folder “catalog” juga terdapat beberapa sub-folder, yang utama adalah : admin, images, install dan includes. Admin berisi file-file php yang berfungsi untuk mengelola administrasi toko online kita, seperti memasukkan produk yang akan dijual, memonitor order yang masuk, memonitor stock barang dan pengiriman order. Images berisi file-file gambar yang ada di toko online. Install berisi file-file yang diperlukan pada saat menginstall toko online oscommerce. Includes berisi file php yang berfungsi mengatur tampilan header, kolom kiri, kolom kanan dan footer.
Di dalam sub folder includes kita juga menjumpai beberapa sub-sub folder, seperti : boxes, classes, function, modules dan languages. Boxes berisi file-file php yang mengatur tampilan menu di kolom kiri dan kolom kanan.
Sub-sub folder function berisi file-file yang diperlukan untuk menjalankan beberapa fungsi tertentu dalam toko online kita. Sementara sub-sub folder modules berisi file-file yang berfungsi untuk memberikan pilihan kepada pembeli tentang cara pembayaran dan cara pengiriman barang yang telah dibelinya. Sedangkan sub folder languages menyimpan file-file yang harus kita edit jika kita ingin mengubah kata-kata yang ada di tampilan toko online oscommerce. Kita juga harus mengedit / menambahkan file-file yang ada di dalamnya jika ingin menambahkan pilihan bahasa dalam toko kita. Default pilihan bahasa yang ada adalah English, German dan Espanol.

KESIMPULAN

Menurut saya web yang terbaik adalah Joomla daripada wordpress dan Oscommerce

Joomla memiliki beberapa Keunggulan :
- Diklaim sebagai cms open source dengan pengguna terbanyak di dunia.
- Digunakan oleh website yang sederhana hingga website profesional.
- Sering update baik dari sisi cms maupun dari pluggin.
- Mendapat kepercayaan dunia dan beberapa kali menerima penghargaan menjadi cms open source terbaik dunia.
- Mudah dioperasikan.
- Dapat dijalankan di komputer lokal.
- Banyak pluggin tambahan.
- Template dapat dirubah-rubah sekehendak hati dan dapat membuat template sendiri.
- Banyak pihak pengembang yang terus menambahkan content-content Joomla.