22
Ujian Tengah Semester E-commerce Dyah Ratri Satiti 0910223108 Management International Faculty of Economic & Business Brawijaya University 2012

Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

Ujian Tengah Semester

E-commerce

Dyah Ratri Satiti

0910223108

Management International

Faculty of Economic & Business

Brawijaya University

2012

Page 2: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

1. WordPress

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer

digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa

pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya

merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog,

WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena

kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya.

Langkah – langkah membuat WordPress:

1. Buka web WordPress, dan akan terlihat page seperti berikut:

Tampilan gambar diatas merupakan halaman utama wordpress. Secara default bahasa

yang digunakan adalah bahasa inggris, akan tetapi kita dapat mengubahnya menjadi

bahasa Indonesia melalui menu pilihan yang ada dibagian atas tampilan. Tekan menu

tombolGet started here untuk memulai proses pendaftaran.

2. Isikan data-data yang diminta seperti: Blog Address (nama blog),Username, Password,

dan Confirm. Untuk nama blog, wordpress akan melakukan pemeriksaan otomatis untuk

memastikan nama yang akan digunakan masih tersedia.

Pada field isian username biasanya akan langsung terisi dengan nama alamat blog

sebelumnya, berikutnya lanjutkan dengan mengisi password dan tuliskan

kembalipassword yang telah diisi sebelumnya pada field confirm.

Page 3: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

3. Sekarang isikan data alamat email valid yang akan digunakan, untuk

bahasa dashboard silahkan pilih ingin menggunakan bahasa Inggris atau Indonesia.

Jika semua field sudah terisi silahkan menekan menu tombol Create Blog dibagian

bawah form.

Page 4: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

4. Isi data First Name (Nama Depan), Last Name (Nama Belakang), danAbout

Yourself (Deskripsi Blog). Klik menu tombol Save Profile, pastikan alamat emailnya

benar kemudian dilanjutkan dengan mengklik menu tombol Update e-mail dibawahnya.

5. Jika sudah, sekarang saatnya kita melakukan proses aktivasi akun melalui email

konfirmasi yang telah dikirimkan. Buka email konfirmasi dari wordpress dan klik menu

tombol Active Blog.

Page 5: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

6. Sekarang akun wordpress yang dibuat sudah aktif, kita akan langsung dibawa menuju

tampilan dashboard blog wordpress yang kita buat sebelumnya. Disini merupakan area

kerja blog wordpress dimana semua proses membuat postingan, menambah plugin,

mengganti theme, memasukkan video dan gambar, serta aktivitas admin lainnya. Jika

dilihat sekilas, ada beberapa tambahan fasilitas yang diberikan wordpress pada versi

terbarunya kali ini. Coba kita buka jendela browser baru dan ketik nama blog kita, maka

akan muncul tampilan depan blog wordpress kita masih dengan

menggunakan theme standar.

Keunggulan WordPress:

WordPress memiliki banyak keunggulan dan fitur untuk dunia blog, antara lain:

Gratis. Untuk mendapatkan perangkat lunak WordPress hanya perlu mengunduh dari

situsnya tanpa dipungut biaya, bahkan untuk blog komersial sekalipun.

Berbasis kode sumber terbuka (open source). Pengguna dapat melihat dan memperoleh

barisan kode-kode penyusun perangkat lunak WordPress tersebut secara bebas, sehingga

pengguna tingkat lanjut yang memiliki kemampuan pemrograman dapat bebas melakukan

modifikasi, bahkan dapat mengembangkan sendiri program WordPress tersebut lebih lanjut

sesuai keinginan.

Templat atau desain tampilannya mudah dimodifikasi sesuai keinginan pengguna.

Sehingga apabila pengguna memiliki pengetahuan HTML yang memadai, maka pengguna

tersebut dapat berkreasi membuat template sendiri. Pengguna yang tidak mengerti HTML,

Page 6: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

tentu saja masih dapat memilih ribuan template yang tersedia di internet secara bebas,

yang tentu saja gratis.

Pengoperasiannya mudah.

Satu blog WordPress, dapat digunakan untuk banyak pengguna (multi user). Sehingga

WordPress juga sering digunakan untuk blog komunitas. Anggota komunitas tersebut dapat

berperan sebagai kontributor.

Jika pengguna sebelumnya telah mempunyai blog tidak berbayar, misalnya di

alamat Blogger, LiveJournal, atauTypePad, pengguna dapat mengimpor isi blog-blog

tersebut ke alamat hosting blog pribadi yang menggunakan perangkat lunak WordPress.

Dengan demikian pengguna tidak perlu khawatir isi blog yang lama akan menjadi sia-sia

setelah menggunakan perangkat lunak WordPress.

Selain pengguna yang banyak, banyak pula dukungan komunitas (community support)

untuk WordPress.

Tersedia banyak plugin yang selalu berkembang. Plugin WordPress sendiri yaitu sebuah

program tambahan yang bisa diintegrasikan dengan WordPress untuk memberikan fungsi-

fungsi lain yang belum tersedia pada instalasi standar. Misalnya plugin anti-spam, plugin

web counter, album foto.

Kemampuan untuk dapat memunculkan XML, XHTML, dan CSS standar.

Tersedianya struktur permalink yang memungkinkan mesin pencari mengenali struktur blog

dengan baik.

Kemungkinan untuk meningkatkan performa blog dengan ekstensi.

Mampu mendukung banyak kategori untuk satu artikel. Satu artikel dalam WordPress dapat

dikatogorisasikan ke dalam beberapa kategori. Dengan multikategori, pencarian dan

pengaksesan informasi menjadi lebih mudah.

Fasilitas Trackback dan Pingback. Juga memiliki kemampuan untuk melakukan otomatis

Ping (RPC Ping) ke berbagai search engine dan web directory, sehingga website yang

dibuat dengan Wordpress akan lebih cepat ter index pada search engine.

Fasilitas format teks dan gaya teks. WordPress menyediakan fitur pengelolaan teks yang

cukup lengkap. Fitur – fitur format dan gaya teks pada kebanyakan perangkat lunak

pengolah kata seperti cetak tebal, cetak miring, rata kanan, rata kiri, tautan tersedia di

WordPress.

Halaman statis (Halaman khusus yang terpisah dari kumpulan tulisan pada blog).

Mendukung LaTeX.

Page 7: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

Mempunyai kemampuan optimalisasi yang baik pada Mesin Pencari (Search Engine

Optimizer)

2. Joomla!

Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka

(free opensource) ditulis menggunakan PHP dan basisdataMySQL untuk keperluan

di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla!

diantaranya adalah sistem cachinguntuk peningkatan performansi, RSS, blogs, poling, dll.

Joomla! menggunakan lisensi GPL.

Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti "kebersamaan".

Secara garis besar dan gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server

web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung

dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari

kode program dalam bahasa PHPdan basisdata merupakan tempat penyimpanan konten.

Joomla menggunakan Apache sebagai server web dan MySQL untuk basisdatanya.

Pertamakali, pengguna meminta akses terhadap halaman Joomla dengan mengeksekusi URL

pada browser web yang kemudian terhubung denganserver web. Permintaan ini yang dalam

istilah teknis lebih dikenal dengan query string selain terdapat URL juga mengandung

parameter konten (section, category, ID article dan lain-lain). Berdasarkan parameter tersebut,

sistem skrip Joomla melakukan kontak dengan basisdata dan mengambil konten yang

dimaksud berdasarkan parameternya. Terakhir, konten dan templat (template) digabung

bersama dan kembali sebagai halaman html, gambar, css dan javascript.

Paket Joomla! terdiri dari beberapa bagian yang terpisah dan termodul yang sangat fleksibel,

dapat dengan mudah dikembangkan dan diintegrasikan. Sebagai contoh "plugins" WikiBot yang

memperbolehkan penulis di Joomla menggunakan "Wikitags" pada bagian artikel yang

fungsinya secara otomatis membuat pranala dinamis ke artikel Wikipedia pada saat

ditampilkan. Ada lebih tersedia 1,700 "plugins" yang secara resmi didelegasikan oleh

OpenSourceMatters tersedia di http://extensions.joomla.org/ dan saat ini secara resmi

dipindahkan ke http://joomlacode.org dengan dukungan server yang lebih lengkap.

Page 8: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

Pada tanggal 17 September 2005, diluncurkan Joomla versi awal yaitu 1.0.0 yang merupakan

versi alias dari Mambo 4.5.2.3 yang dikembangkan oleh "Pengembang Inti Mambo hingga

Agustus 2005" yang hengkang dari Mambo.

Pemimpin Tim saat itu Andrew Eddie yang dikenal dengan sebutan "MasterChief" menulis surat

terbuka di komunitas dan diumumkan di forum mamboserver.com. Tim pengembang kemudian

membuat situs OpenSourceMatters untuk mendistrubusikan informasi ke pengguna,

pengembang, desainer web dan komunitas lain pada umumnya.

Perkembangan Joomla berawal dari Joomla 1.0.0 sampai dengan tahap yang luar biasa yaitu

Joomla 1.0.15. Namun seiring dengan perkembangan versi Joomla 1.0.x ini, sekitar tahun 2007

telah dimulai pengembangan Joomla 1.5.x yang memiliki beberapa persamaan dan perbedaan

yang cukup signifikan. Saat ini Joomla 1.5.x telah mencapai pada tahap Joomla 1.5.20.Untuk

versi Joomla 1.6 sudah pada tahap versi beta dan dapat diunduh di www.joomla.org. Semakin

baru versi Joomla memiliki penyempurnaan dari versi-versi sebelumnya.

Masing-masing punya daya tarik tersendiri, Joomla 1.5.9 menawarkan nuansa baru dan lebih

modern termasuk dalam systemya. Sedangkan Joomla 1.0.15 lebih stabil dan terdukung oleh

banyak aplikasi dan developer.

Berikut adalah cara-cara membuat Joomla. Sebelum kita membuat sebuah website

menggunakan Joomla, terlebih dahulu kita menginstalnya. Namun untuk menginstal Joomla,

kita harus terlebih dahulu mengistal xampp. Berikut ini adalah cara menginstal xampp :

CARA MENGINSTAL XAMPP

Sebelum menginstal Joomla, kita memerlukan sebuah server, sehingga Joomla dapat diinstal

dan dijalankan di Komputer local tanpa harus terhubung ke Internet.

Cara menginstalnya adalah sebagai berikut ;

Klik dua kali icon XAMPP yang anda miliki atau klik kanan open pada file nya XAMPP.

Page 9: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Pilih Bahasa Indonesia pada pilihan bahasa yang digunakan.

- Klik OK DAN Klik next pada halaman setup wizard

- Klik instal

Page 10: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Proses Instalasi akan berjalan. Jika sudah selesai, klik Finish. Setelah klik Selesai, akan

muncul pesan seperti berikut :

Page 11: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode
Page 12: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Klik No agar XAMPP tidak masuk kedalam proses servis pada system operasi komputer

kita. Dengan demikian, komputer tidak terbebani akibat dari XAMPP yang berjalan terus-

menerus.

- Klik Yes, jika Anda ingin langsung menjalankan control panel XAMPP server.

- Dengan demikian, proses instalasi XAMPP server telah selesai.

Page 13: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

Begitulah cara menginstal XAMPP. Kemudian kita akan melanjutkan dengan menginstal

Joomla. Namun sebelumnya kita harus menjalankan XAMPP server terlebih dahulu.

MENJALANKAN XAMPP SERVER

Setelah menginstal XAMPP, langkah berikutnya adalah menginstal Joomla. Namun

sebelumnya kita harus menjalankan service Apache dan MySql terlebih dahulu. Caranya adalah

sebagai berikut :

- Buka XAMPP melalui Start – All Program – Apachefriends- XAMPP – Control XAMPP

Service Panel.

- Klik Start pada bagian Apache.

- Klik Start pada bagian MySql. Maka XAMPP telah berjalan.

Page 14: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

CARA MENGINSTAL JOOMLA

Setelah menjalankan service Apache dan MySql, selanjutnya kita bisa menginstal Joomla.

Berikut adalah cara menginstal Joomla:

- Buat folder di C – Program Files – XAMPP – Htdocs. Pada contoh kali ini, buat folder

joomla.

Page 15: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode
Page 16: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Copy seluruh isi folder Joomla dari Internet.

- Buka browser, lalu ketik localhost/joomla. Kemudian tekan Enter. Secara otomatis akan

membuka file index.php di folder joomla/instalation. Kemudian klik next.

- Isi formulir yang disediakan.

Page 17: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Lengkapi isian formulir

o Database Type : mysql

o Host Name : localhost

Page 18: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

o Username : root

o Password : (kosongkan)

o Database Name : zaelanidb (contoh)

- Klik next. Kemudian klik OK jika semua isian telah benar.

- Masukkan nama situs (nantinya akan muncul di Title bar). Misalnya saja

www.zaelaniakbar.com

- Kemudian isi alamat email dan ganti pasword yang diberikan (nantinya akan menjadi

pasword admin).

- Klik Install Sample Data.

Page 19: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Klik next

- Klik view site untuk melihat halaman website yang telah Anda buat. Anda diminta untuk

menghapus folder Instalation untuk bisa mengakses situs yang telah dibuat. Buka

kembali windows explorer dan hapus folder Instalation di folder joomla.

Page 20: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Untuk mengubah/mengatur tampilan beserta isinya, dapat dilakukan di bagian

administrator.

- Masukkan username dan passwordnya.

Page 21: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

- Tampilan utama administrator yang berisi Control Panel, yang selanjutnya dapat kita

ubah sesuai kebutuhan kita untuk membangun sebuah website.

- Sebelum mengatur hal lain, sebaiknya atur terlebih dulu Global Configuration.

- Tampilan website setelah diubah

Page 22: Ujian Tengah Semester E-commerce · 1. Buka web WordPress, dan akan terlihat page seperti berikut: Tampilan gambar diatas merupakan halaman utama wordpress. Secara ... Berbasis kode

Refrensi:

http://zaelaniakbar.blogspot.com/2010/01/cara-mudah-membuat-website-

menggunakan.htmlhttp://andita1984.wordpress.com/2011/01/10/cara-menjalankan-instalasi-joomla/

http://id.wikipedia.org/wiki/WordPress

http://www.bloggerborneo.com/cara-membuat-blog-menggunakan-wordpress

http://www.bloggerborneo.com/cara-membuat-blog-menggunakan-wordpress

http://andita1984.wordpress.com/2011/01/10/cara-menjalankan-instalasi-joomla/