Anda di halaman 1dari 34

LAPORAN CARA INSTALASI WORDPRESS DI LOCALHOST PADA XAMPP

Di ajukan sebagai tugas Ujian Akhir Semester Mata Kuliah Web Design

DISUSUN OLEH :

Dwisetya Hasto | 0215123024

Rama Ramdani | 0215123027

Vonny Destriany | 0215123003


KATA PENGANTAR

Alhamdulillah puji syukur kita panjatkan kehadirat Allah SWT atas segala limpahan

rahmat, dan hidayah-Nya sehingga penulis dapat menyelesaikan laporan ini tepat pada

waktunya, penulis sadari bahwa penyusunan laporan ini masih jauh dari kesempurnaan baik

dari segi bahasa ataupun struktur penulisannya. Tetapi penulis berusaha semaksimal mungkin

untuk menampilkan yang terbaik khususnya untuk saya sendiri sebagai penyusun maupun

saudara-saudara sebagai pembaca.

Penulis juga mengucapkan terima kasih kepada semua pihak yang turut membantu

dalam proses penyusunan laporan ini, terutama kepada dosen pembimbing maupun rekan-

rekan mahasiswa.

Penulis menyadari bahwa penyusunan laporan ini masih banyak kekurangan oleh

karena itu penulis mengharapkan kritik dan saran dari pembaca yang sifatnya membangun

bagi kesempurnaan laporan-laporan selanjutnya.

Bandung, Januari 2017

Penyusun
BAB I

PENDAHULUAN

1.1 Latar Belakang

Dewasa ini perkembangan dunia yang paling cepat dirasakan adalah perkembangan teknologi

informasi dan komunikasi. Sebagai salah satu bagian dari teknologi informasi itu, dikenal

adanya internet, sebelum itu diperkenalkan dengan istilah Jaringan (Network). Jaringan

(network) adalah kumpulan dua atau lebih komputer yang terhubung secara fisik sehingga

keduanya dapat saling berkomunikasi. Jaringan dengan jaringan bersatu membentuk

internetworking, lalu internetworking dan internetworking bersatu membentuk internet.

Internet adalah kumpulan paling akhir dan paling besar dari jaringan di seluruh dunia.

Dunia internet tidak lepas dari teknologi Website atau lebih dikenal dengan sebutan web. Web

adalah salah satu fitur dari intenet disamping fitur-fitur lain seperti e-mail, remote (SSH) dan

ftp. CMS (Content Management Sistem) secara definisi dapat diartikan sebagai Sebuah

sistem atau aplikasi software yang memberikan kemudahan-kemudahan kepada para

penggunanya dalam mengelola, mengupload, mengedit konten untuk ditampilkan pada

sebuah web dan mengadakan perubahan isi konten sebuah website tanpa perlu harus dibekali

pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang

bahasa pemrograman web.

Dengan demikian, setiap orang, penulis maupun editor maupun yang baru belajar web

designer/development atau orang awam sekalipun setiap saat dapat menggunakannya secara

leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur

tangan langsung dari pihak webmaster.


Secara umum, arti dari content management adalah menggunakan koneksi dengan halaman

web sehingga proses maintenance (pemeliharaan) dapat dilakukan lewat browser (web-base).

Sulit untuk mendefinisikan CMS secara utuh karena meliputi sifat dan berbagai fungsi yang

sangat beragam. Karena sistem ini saling berkaitan dengan perusahaan pembuat software,

opensource atau aplikasi-aplikasi di dunia, maka sistem ini akan selalu berkembang secara

berkelanjutan yang pada prinsipnya sistem ini akan selalu dikembangkan menjadi sistem

yang terintegrasi dengan sistem lainnya dan akan selalu disempurnakan.

Karena CMS memisahkan antara isi dan desain, konsistensi tampilan dapat senantiasa dijaga

dengan baik. Setiap bagian dari website dapat memiliki isi dan tampilan yang berbeda-beda,

tanpa harus khawatir kehilangan identitas dari website secara keseluruhan. Oleh karena

semua data disimpan dalam satu tempat, pemanfaatan kembali dari informasi yang ada untuk

berbagai keperluan dapat dengan mudah dilakukan.

CMS juga memberikan kefleksibelen dalam mengatur alur kerja atau workflow dan hak

akses, sehingga memperbesar kesempatan berpartisipasi dari pengguna dalam pengembangan

website. Hal ini akan sangat menguntungkan bila website yang dikelola memiliki

kompleksitas yang tinggi dan mengalami kemajuan yang cukup pesat

Keuntungan menggunakan CMS adalah menjaga website terstruktur dengan baik dan

komprehensif, mengurangi biaya pemeliharaan website tersebut, dan meningkatkan

keamanan data. Pada laporan ini akan termuat tiga teori CMS beserta dengan cara

instalasinya yaitu berupa cms SilverStripe, Mambo, dan e107,

1.2 Batasan Masalah

Ada beberapa masalah yang termuat di dalam laporan ini adalah sebagai berikut:

1. Bagaimana cara instalasi silverstripe CMS pada Localhost?


2. Bagaimana cara instalasi e107 CMS pada Localhost?

3. Bagaimana cara instalasi wordpress CMS pada Localhost?

1.3 Tujuan

Adapun tujuan dalam menyusun laporan ini adalah :

1. Untuk mengetahui cara instalasi silverstripe CMS pada Localhost.

2. Untuk mengetahui cara instalasi e107 CMS pada Localhost.

3. Untuk mengetahui cara instalasi wordpress CMS pada Localhost.

BAB II

KAJIAN PUSTAKA

2.1 Pengertian CMS

CMS (Content Management System) adalah aplikasi web yang siap pakai. Ini merupakan

istilah untuk pemilik website mengupdate websitenya tanpat bantuan pengembang web. Yang

dilakukan pengembang web hanya installasi awal dan konfigurasi awal saja. Selanjutnya

untuk pengisian artikel, gambar, dan konten-konten lainnya bisa dilakukan oleh pemilik

website tanpa harus mengetahui kode-kode HTML ataupun pemrograman web seperti PHP

atau ASP .NET

Content Management System (CMS) adalah software sistem manajemen konten yang

diimplementasikan dalam bentuk aplikasi web, digunakan untuk membuat dan mengelola

konten HTML. Aplikasi ini dipakai untuk mengelola dan mengatur material web (dokumen

HTML dan gambar yang terkait) yang dinamis dalam jumlah besar. CMS memfasilitasi
pembuatan dan pengaturan konten, pengeditan, dan banyak fungsi esensial dari pemeliharaan

web.

a. Fungsi CMS

Beberapa manfaat dari penggunaan CMS dapat dijabarkan sebagai berikut:

1. Manajemen data

Ini merupakan fungsi utama dari CMS. Semua data/informasi baik yang telah ditampilkan

ataupun belum dapat diorganisasi dan disimpan secara baik. Suatu waktu data/informasi tadi

dapat dipergunakan kembali sesuai dengan kebutuhan. Selain itu, CMS juga mendukung

berbagai macam format data, seperti XML, HMTL, PDF, dll., indexing, fungsi pencarian, dan

kontrol terhadap revisi yang dilakukan terhadap data/informasi.

2. Mengatur siklus hidup website

Banyak CMS memberikan fasilitas kepada para penggunanya untuk mengelola bagian atau

isi mana saja yang akan ditampilkan, masa/waktu penampilan dan lokasi penampilan di

website. Tak jarang sebelum ditampilkan, bagian atau isi yang dimaksud terlebih dahulu di-

review oleh editor sehingga dijamin kevaliditasannya.

3. Mendukung web templating dan standarisasi

Setiap halaman website yang dihasilkan berasal dari template yang telah terlebih dahulu

disediakan oleh CMS. Selain dapat menjaga konsistensi dari tampilan secara keseluruhan,

para penulis dan editor dapat berkonsentrasi secara penuh dalam melaksanakan tugasnya

menyediakan isi website.


4. Personalisasi website

Sekali sebuah isi ditempatkan ke dalam CMS, isi tersebut dapat ditampilkan sesuai dengan

keinginan dan kebutuhan dari penggunanya. Terlebih lagi dengan kelebihan CMS yang dapat

memisahkan antara desain dan isi, menyebabkan proses personalisasi dapat berjalan dengan

mudah.

5. Sindikasi

Sindikasi memberikan kemungkinan kepada sebuah website untuk membagi isinya kepada

website-website yang lain. Format data yang didukung juga cukup variatif mulai dari rss, rdf,

xml hingga backend scripting. Sama halnya dengan personalisasi, sindikasi juga dapat

dilakukan dengan mudah karena isi dan desain telah dibuat terpisah.

6. Akuntabilitas

Oleh karena CMS mendukung alur kerja dan hak akses yang jelas kepada para penggunanya,

data/informasi yang disampaikan dapat dipertanggungjawabkan dengan baik. Setiap penulis

ataupun editor memiliki tugas masing-masing dengan hak akses yang berbeda-beda pula.

b. Kelebihan & Kekurangan CMS

Kelebihan CMS :

o Waktu pembuatan website cepat, karena tidak menulis kode dan merancang database.

o Isi website bisa diubah oleh orang yang tidak menguasai pemrograman web (HTML,

PHP, CSS, JS, dll).

o Banyak CMS yang tersedia gratis dan open source.


o Banyak tersedia ekstensi (modul, template, dll) untuk penambahan fitur dengan cepat.

Kekurangan CMS :

o Bentuk dan fitur website mirip dengan website yang lain yang dibuat dengan CMS

yang sama.

o Fitur dan fungsi website terbatas, tidak 100% sesuai dengan keinginan pemilik

website.

o Terbatasnya editing kode HTML ataupun PHP.

o Untuk website kecil penggunaan CMS terlalu berlebihan, dan untuk website

enterprise, menggunakan CMS fiturnya terlalu terbatas.

Ada beberapa CMS berikut ini yang sangat populer yang bisa gunakan secara gratis.

Tujuannya adalah untuk membuat website sesuai dengan kebutuhan. Di antaranya adalah

SilverStripe, e107, dan WordPress

2.2 SilverStripe CMS

SilverStripe adalah CMS mempunyai fitur lengkap dan mampu menyediakan apa yang kita

butuhkan. CMS ini dibangun memggunakan bahasa pemrograman php dan database Sapphire

. SilverStripe mempunyai banyak pendukung aplikasi dan dapat membantu para pengembang

untuk lebih berkarya. SilverStripe di rilis pada bulan November tahun 2006 oleh beberapa

orang team yang ahli di bidang OpenSource.

SilverStripe adalah sistem manajemen konten sumber bebas dan terbuka (CMS

OpenSource) untuk menciptakan dan memelihara website. Hal Ini memberikan keluaran dari
panel berbasis web kotak administrasi yang memungkinkan pengguna untuk membuat

modifikasi pada bagian-bagian situs web, yang mencakup situs web editor WYSIWYG. Inti

dari SilverStripe CMS adalah Sapphire, Web PHP kerangka aplikasi.

SilverStripe dirilis di bawah Lisensi BSD. Sebuah demonstrasi online dari CMS tersedia

sebagai video dan sebagai demo interaktif. Dokumentasi yang tersedia untuk pengguna CMS

dan pengembang website.

Inti dari SilverStripe bernama Sapphire. Sapphire menyediakan pengembangan situs

kerangka untuk membangun dan memperluas website didasarkan pada teknik pemrograman

modern termasuk model-view controller (MVC seperti, model tersebut tidak mencakup

kemampuan untuk memberitahu pandangan update ) pola dan objek-relasional mapper.

SilverStripe menghasilkan markup menggunakan bahasa template kustom berdasarkan

HTML yang menawarkan penampung sederhana dan logika kondisional. SilverStripe dapat

dikembangkan melalui modul, widget, tema, kustomisasi kode, dan ModelAdmin.

1. Kelebihannya :

a. Fitur yang sangat lengkap

b. Bisa melakukan apa saja sesuai keinginan kita.

c. Menggunakan Php dengan kerangka sapphire sehingga bisa disesuaikan.

d. Memiliki banyak dukungan gratis

e. Dokumentasi yang lengkap bagi para pengembang.

2. Kekurangannya :

1. Stock templatenya belum banyak dan masih terbatas .

2. Belum bisa memberi review banyak karena masih coba.


2.1 e107 CMS

CMS e107 adalah Penerbitan Solusi Konten Lanjutan Pages Situs Web, Dokumen, Menu dan

Link (Content Management System) didukung oleh PHP dan MySQL yang memberikan

Anda sebuah website benar-benar dinamis dan profesional di luar kotak. Ini open source

(gratis), mudah disesuaikan dan tidak memerlukan pengetahuan tentang bahasa pemrograman

untuk menggunakannya untuk membangun sebuah situs web. Hal ini mudah digunakan untuk

pemula dan belum kuat dan cukup fleksibel untuk memenuhi kebutuhan para profesional.

Dengan e107 Anda dapat membuat website bisnis dengan mudah dan cepat atau situs

komunitas. Ada sistem forum yang kuat sebagai aplikasi dasar dan file-based caching dengan

kinerja tinggi. CMS e107 dirilis di bawah GNU General Public License.

1. Kelebihannya :

o Tampilan yang bagus

o Installasi mudah

o Stok template banyak tapi biasa masih harus buat sendiri

o Admin panel cukup bersahabat

o Support di forumnya cukup lengkap

2.1 WordPress CMS

1. SejarahWordpress
(Matt Mullenweg, Ketua Pengembang WordPress)

Sejarah WordPress dimulai saat Matt Mullenweg yang merupakan pengguna aktif dari b2

mengetahui bahwa proses pengembangan b2 dihentikan oleh pemrogramnya (programmer)

yang bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan

pengembangan b2.[6]

WordPress muncul pertama kali di tahun 2003 hasil kerja keras Matt Mullenweg dengan

Mike Little.[6] Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan

tampilan yang menarik, adalah juga karena dukungan komunitas terhadap perangkat

lunak sumber terbuka untuk blog. [6]

WordPress.com dan WordPress.org

WordPress menyediakan dua alamat yang berbeda,

yaitu WordPress.com dan WordPress.org[7].

WordPress.com merupakan situs layanan blog yang menggunakan mesin WordPress,

didirikan oleh perusahaan Automattic[5]. Dengan mendaftar pada situs WordPress.com,

pengguna tidak perlu melakukan instalasi atau konfigurasi yang cukup sulit.[5] Sayangnya,

pengguna WordPress.comtidak dapat mengubah template standar yang sudah disediakan.


[8]
Artinya, pengguna tidak dapat menambahkan asesori apa pun selain yang sudah

disediakan.[8] Meski demikian, fitur yang disediakan oleh WordPress.com sudah cukup bagus.
[8]
WordPress.org merupakan wilayah pengembang (developer). Di alamat ini, seseorang dapat

mengunduh (download) aplikasi beserta seluruh berkas CMS WordPress. Selanjutnya, CMS

ini dapat diubah ulang selama seseorang menguasai PHP, CSS dan skrip lain yang

menyertainya.[7]WordPress dengan Bahasa Indonesia ada berkat kerja para kontributor

di Indonesia yang dipimpin oleh Huda Toriq,

seorang Mahasiswa Kedokteran dari Universitas Diponegoro (UNDIP) Semarang.[9]

Berikut ringkasan perbedaan dalam penggunaan WordPress.com dan WordPress.org:[7]

o WordPress.com: untuk pengguna yang ingin membuat blog sendiri secara cepat dan

punya alamat website.

o WordPress.org: untuk pengguna yang ingin memodifikasi WordPress menurut

kebutuhan sendiri atau ingin membuat blog menggunakan alamat dan server sendiri.

1. Versi

Para pengembang inti WordPres saling berbagi layaknya membuat komposisi musik jazz, dan

setiap rilis diberikan sebutan (nama) dalam rangka penghormatan kepada

para musisi jazztersebut dengan segala penghormatan dan pujian. Namun ada tiga rilisan

sebelum versi 1.0 yang tidak mereka beri sebutan dan hanya menyertakan versinya saja.
[10]
Berikut daftar versi, tanggal rilis dan nama sandi yang berasal dari nama musisi jazz: [10]

2. Pengertian 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.

WordPress adalah sebuah blog tool berdasarkan bahasa pemograman PHP dan data base

Mysql dan berlisensi public (GPL),wordpress merupakan CMS(Content management

system)yang bersifat gratis. CMS disini adalah yang dimaksud disini adalah sebuah

perangkat lunak yang dapat mengatur isi dari sebuah situs maupun blog.wordpress

merupakan sebuah platform blog sebagai penerus dari generasi B2/Cafeblog dan masih

serupa seperti CMS berbasis PHP dan Mysql lainya.

Fitur wordpress ini bersifat dinamis, hal ini disebabkan adanya perbaikan bahkan

perombakan dari versi lama ke versi yang lebih baru. Namun secara umum fitur wordpress

ini dapat dituliskan sebagai berikut:

o Merupakan sebuah Content Management System

o Lisensi GNU General Public License sehingga dapat didownload secara bebas (gratis)

o Support dokumentasi yang lengkap dan komunitas yang banyak

o Support dengan berbagai bahasa, bahkan untuk sekarang ini bukan hanya bahasa

Indonesia yang telah disupport akan tetapi WordPress dalam bahasa sunda pun sudah

tersedia.

o Fasilitas pencarian yang komprehensif.

o Administrasi dan maintenance sangat mudah

o Kemudahan posting dengan dukungan WYSIWYG (What You See Is What You Get)

editor.
o Kemudahan mengimport data dari sistem blog lainnya.

o Menggunakan interface XML RPC yang memungkinkan posting dari mana saja.

o Sindikasi otomatis dengan Atom dan RSS

o Support kategori dan sub kategori yang tak terbatas.

1. Kelebihan :

2. Kekurangan :

o Adanya themes yang bisa dipilih lebih dari 100

o Dashboard yang lengkap

o Pada beberapa themes bisa mengganti header dan kode css

o Bisa menambahkan page baru

o Adanya anti spam otomatis

o Plug in sangat banyak karena bersifat open source

o CMS-nya bisa di download dan dijalankan secara offline atau dipasang di web hosting

lain

o WordPress menyediakan file upload untuk dokumen dan gambar

o Mudah dalam meninggalkan komentar

o Dapat membuat sub category

o Tidak bisa digunakan untuk berbisnis

o Tidak support javascrip

o Tidak bisa mengedit themes misalnya merubah css dan HTML kecuali upgrade

berbayar

BAB III

PEMBAHASAN
3.1 Cara Instalasi Silverstripe CMS Pada Localhost

SilverStripe adalah CMS mempunyai fitur lengkap dan mampu menyediakan apa yang wisnu

butuhkan. CMS ini dibangun memggunakan bahasa pemrograman php dan database Sapphire

. SilverStripe mempunyai banyak pendukung aplikasi dan dapat membantu para pengembang

untuk lebih berkarya. SilverStripe di rilis pada bulan November tahun 2006 oleh beberapa

orang team yang ahli di bidang OpenSource.

Adapun cara instalasi silverstripe cms pada localhost adalah sebagai berikut.

Langkah 1 :

Buat new folder di data C://XAMPP//htdocs dengan nama folder silverstripe, atau sesuai

dengan keinginan Anda. Setelah itu, cari file SilverStripe-cms-v3.0.3 lalu klik, kemudian

extract to folder yang sudah di buat sebelumnya.

Langkah ke-2 :

Buka browser (firefox/chrome) lalu ketik URL localhost/phpmyadmin tekan enter , maka

muncullah gambar seperti di bawah ini. Lalu pilih bahasa sesuai yang di inginkan

Setelah itu, pilih DATABASE maka tampil gambar seperti di bawah ini. Lalu masukkan

Create new Database dengan nama dbsilverstripe lalu create, sesuai petunjuk di bawah ini.
Langkah Ke-3 :

Setelah pembuatan database selesai, maka selanjutnya buka browser (Chrome/Firefox) lalu

ketikhttp:localhost/silverstripe, sesuai nama folder yang telah dibuat di XAMPP/htdocs,

maka akan muncul seperti di bawah ini

Setelah tampil layar di atas, maka selanjutnya klik SilverStripeCMS-v2.4.2. sesuai petunjuk

di atas, maka tampillah gambar berikut ini.

Keterangan pengisian server untuk gambar di atas adalah: isi server = localhost, username =

root, password = dikosongkan, dan database name = dbsilverstripe

Langkah Ke-4 :
Isi email = sesuai dengan keinginan Anda misalkan ;

deviyati_adm_tik@yahoo.com Password = password sesuai keinginan Anda, lalu klik Instal

SilverStripe.

Langkah Ke-5 :

Setelah selesai tahap pengisian server berdasarkan petunjuk diatas, maka kita tunggu tahap

proses penginstalan ini sampai selesai., ternyata hasil dari penginstalannya ialah seperti

tampilan berikut ini.

Proses instal telah sukses, maka tinggal (Click Here to Delete the Instal Files) yang berwarna

biru.

Langkah Ke-6 :

Setelah click here to delete the install files, maka akan muncul tampilan seperti ini.
Setelah melakukan Log In, maka muncul Silahkan Log In dengan menggunakan Email dan

Password yang Anda pakai pada saat penginstalan sebelumnya.

Langkah Ke-7 :

tampilan gambar di bawah ini. Di sini muncul file Instalasi telah di hapus, kemudian klik the

CMS yang berwarna biru untuk melihat website Anda.

Setelah klik the CMS, maka yg akan muncul seperti gambar di bawah ini. Tampilan berikut

ini adalah tampilan administrator dari SilverStripe CMS dengan konten-konten didalamnya.
3.2 Cara Instalasi e107 CMS pada localhost

Dengan e107 Anda dapat membuat website bisnis dengan mudah dan cepat atau situs

komunitas. Ada sistem forum yang kuat sebagai aplikasi dasar dan file-based caching dengan

kinerja tinggi. CMS e107 dirilis di bawah GNU General Public License.

Adapun cara instalasi e107 cms pada localhost adalah sebagai berikut.

Langkah 1 :

Sebelum melakukan proses extract ,terlebih dahulu buat new folder di data

C://XAMPP//htdocs dengan nama folder e107cms. Setelah itu, cari file e107_1.0.2_full lalu

buka, kemudian extract to folder yang sudah di buat sebelumnya.

Langkah ke-2 :

Buka browser (mozilla atau yang lainnya) lalu ketik URL nya localhost/phpmyadmin tekan

enter , maka muncullah gambar seperti di bawah ini. Lalu pilih bahasa yang di inginkan.
Setelah itu pilih DATABASE, maka tampil gambar seperti di bawah ini. Lalu masukkan

Database baru dengan nama e107cms dan ciptakan, sesui petunjuk gambar di bawah ini.

Setelah pembuatan database selesai, maka

selanjutnya buka browser (Mozilla/Firefox) lalu ketikhttp:localhost/e107cms, sesuai nama

folder yang telah dibuat di XAMPP/htdocs, maka akan muncul seperti gambar di bawah ini :

Lalu klik Set Language.

Langkah ke-4 :

Setelah klik Set Language, maka tampilah gambar seperti di bawah ini.
Kemudian Anda isi kotak di atas/isi server = localhost, username = root, Password = tidak

perlu diiisi, database = e107cms, Lalu klik Continue.

Langkah Ke-5 :

Setelah klik continue, maka yang akan muncul tampilan di bawah ini :

Selanjutnya klik Continue.

Langkah Ke-6:

Setelah klik continue, maka muncullah gambar seperti di bawah ini.


Di sini akan mulai proses Instalasi. Maka klik Continue Installation.

Langkah Ke-7 :

Setelah klik continue installation, maka proses penginstalan akan berlanjut, lalu akan muncul

gambar seperti ini.

Kemudian keterangan pengisian di atas adalah username = deviyati, Display name =

Administrator, Password = password sesuai keinginan, email =

deviyati_adm_tik@yahoo.com. Lalu Klik Continue.

Langkah Ke-8 :

Setelah klik continue, maka muncul seperti ini.


Klik Continue

Langkah Ke-9 :

Setelah klik continue, maka muncul tampilan sebagai berikut :

Maka berakhirlah proses installation, dan silahkan Klik Continue.

Langkah Ke-10:

Setelah klik continue, maka tampil gambar di bawah ini.


Inilah tampilan CMS e107 dan telah berhasil diinstal pada PC/Laptop Anda. Silahkan Login

untuk mengubah konten pada website Anda.

Langkah Ke-11:

Setelah berhasil diinstal CMS e107 pada PC Anda, maka selanjutnya klik login sesuai

petunjuk gambar diatas, maka muncul tampilan seperti di bawah ini.

Inilan tampilan untuk Log In.

Setelah Anda melihat tampilan gambar di atas ini, maka segera Anda masukkan username

dan password yang sudah d buat pada langkah langkah di atas. Kemudian Anda Login.
Langkah Ke-12 :

Setelah Anda mengisi UserName, dan UserPassword seperti petunjuk di atas, tampilan yang

akan muncul setelah Anda mengklik Log In adalah sebagai berikut :

Setelah tampil gambar seperti di atas, kemudian Anda ingin melihat halaman administrator.

Maka Anda tinggal mengklik saja Admin berdasarkan petunjuk di atas. Lalu muncullah

tampilanWelcome Administrator seperti berikut ini.

3.1 Cara Instalasi WordPress CMS pada Localhost


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.

Adapun langkah penginstalannya adalah seperti berikut ini :

1. Ekstrak terlebih dahulu paket modul WordPress CMS yang telah Anda download.

2. Anda akan menemukan sebuah

modul yang berada di sebuah folder yang biasanya diberi nama wordpress-35_3.
3. Pindahkan folder modul WordPress CMS yang bernama wordpress-35_3 tersebut ke

dalamC:\xampp\htdocs. Yang paling utama diperhatikan adalah penyimpanan yang harus

dilakukan di folder htdocs. Jika sudah memindahkan atau mengcopy paste modul

WordPress CMS tersebut, pembaca boleh mengganti nama folder wordpress-35_3 sesuai

keinginan Anda. Misalkan kita pakai ajha nama foldernya dengan wordpress

4. Buka browser, kemudian ketik alamat http://localhost/phpmyadmin” pada

address bar sehingga muncul halaman phpMyAdmin. Lalu pilih bahasa sesuai dengan

keinginan Anda. Misalkan kita pilih Language English.

5. Kita akan membuat database yang akan digunakan oleh wordpress CMS yang akan kita

instal. Cukup tulis nama database yang akan kita gunakan pada kotak di bawah
tulisan Create new database. Misalkan kita beri nama dbwordpress. Kemudian klik

tombol Create yang ada di sebelah kanannya.

6. Masih pada browser Anda, ketikkan juga

alamat http://localhost/wordpress” padaaddress bar-nya. Perhatikan bahwa alamat

tersebut bergantung pada penamaan folder yang Anda berikan pada langkah 3. Karena kita

memberi nama foldernya adalah wordpress, maka alamat URL-nya

adalah http://localhost/wordpress”. Namun, jika pembaca memberi nama lain

misalnya webku, maka alamatnya menjadi http://localhost/webku”. Maka

muncul pada halaman index of/wordpress.

7. Setelah klik wordpress sesuai petunjuk di atas, maka muncul tampilan di bawah ini. File

tersebut merupakan file yang berisi setting (konfigurasi) untuk web WordPress CMS kita.

Untuk membuat file konfigurasi tersebut, klik tombol yang bertuliskan Create a

Configuration File.
8. Selanjutnya akan muncul halaman Setup Configuration File seperti berikut ini. Klik

tombol yang bertuliskan Lets Go!.

9. Halaman yang selanjutnya muncul adalah

halaman isian untuk setting konfigurasi.

o Database Name : isi dengan nama database yang kita create pada langkah 5, yaitu

dbwordpress.

o User Name : isi dengan username yang punya akses untuk masuk ke dalam sistem

phpMyAdmin pada server yang kita gunakan. Untuk localhost dengan XAMPP,

biasanya username-nya adalah root. Password : kosongkan saja..

o Database Host : karena kita menyimpan/menghosting web kita pada localhost, maka

isi dengan localhost.

o Table Prefix : digunakan untuk mengunikkan tabel pada database dbwordpress.

Untuk sementara gunakan yang default, yaitu wp_.


Setelah itu klil tombol Submit.

10. Jika pengaturan sudah benar, maka akan muncul halaman seperti di bawah ini. Klik

tombol Run the install .

11. Selanjutnya Anda akan diminta untuk

mengisi informasi tentang web yang akan Anda buat dengan WordPress CMS ini.

o Blog Title : isi dengan judul web Anda yang akan terlihat pada title bar browser.

o Your E-mail : isi dengan alamat email Anda (anda boleh mengisi dengan sembarang

email jika tidak mempunyai alamat email).

o Beri centang pada kotak kecil disamping tulisan Allow my blog to appear jika

ingin web yang akan Anda buat terlihat pada Google. Tapi jika Anda tidak ingin

mencentangnya tidak apa-apa. Setelah semua dirasa benar, klik tombol Install

WordPress

12. Akhirnya instalasi WordPress CMS pada localhost berhasil. Pembaca akan ditunjukkan

username serta password yang akan pembaca gunakan untuk masuk ke halaman administrator
pada wordpress CMS pembaca. Jangan tutup terlebih dahulu halaman tersebut. Anda harus

mengingat atau jika perlu mencatat password tersebut.

13. Selanjutnya, buka tab atau wondow baru pada browser Anda. Kita akan mencoba masuk

untuk pertama kali ke halaman administrator atau untuk wordpress biasanya disebut halaman

Dashboard. Ketik alamat http://localhost/wordpress/wp-deviyati”. Alamat tersebut

merupakan alamat halaman Dashboard web WordPress CMS yang telah Anda instal tersebut.

Masukkan username dan password yang sesuai yang telah ditunjukkan pada langkah 12

14. Setelah Anda masukkan UserName dan

Passwordnya maka muncul halaman Dashboard, seperti halaman gambar di bawah ini.
Untuk melihat tampilan wordpress CMS yang telah Anda instal, silahkan ketikkan pada

browser dengan alamat http://localhost/wordpress”. Dan ini adalah keseluruhan file

web wordpress CMS tersebut. Hanya dengan beberapa langkah saja, Anda sudah

mendapatkan sebuah website utuh.

BAB IV

PENUTUP

4.1 Kesimpulan

Bertolak dari pembahasan di atas, maka yang perlu disimpulkan dalam laporan ini adalah :

CMS (Content Management System) adalah aplikasi web yang siap pakai. Ini merupakan

istilah untuk pemilik website mengupdate websitenya tanpa bantuan pengembang web. Yang

dilakukan pengembang web hanya installasi awal dan konfigurasi awal saja. Selanjutnya
untuk pengisian artikel, gambar, dan konten-konten lainnya bisa dilakukan oleh pemilik

website tanpa harus mengetahui kode-kode HTML ataupun pemrograman web seperti PHP

atau ASP .NET

Content Management System (CMS) adalah software sistem manajemen konten yang

diimplementasikan dalam bentuk aplikasi web, digunakan untuk membuat dan mengelola

konten HTML. Aplikasi ini dipakai untuk mengelola dan mengatur material web (dokumen

HTML dan gambar yang terkait) yang dinamis dalam jumlah besar. CMS memfasilitasi

pembuatan dan pengaturan konten, pengeditan, dan banyak fungsi esensial dari pemeliharaan

web.

Pada laporan ini ada termuat beberapa langkah-langkah atau cara install CMS yang tinggal

siap digunakan oleh para pemilik website. Namun dalam hal ini perlu di ketahui bahwa

sebelum masuk pada tahap proses penginstalan terlebih dahulu di pastikan harus tersedia dan

terinstal aplikasi pendukung pada computer/Laptop Anda, misalnya Mozilla Firefox, dan

Xampp. Kemudian di pastikan juga bahwa hasil dari Extract file CMSnya harus tersave di

folder Xampp htdocs.

4.2 Saran

Di harapkan bagi para pembaca, khususnya dosen pemegang mata kuliah CMS, bahwa data

yang termuat serta cara install CMS pada isi laporan ini, itu adalah benar-benar hasil dari

susunan saya sebagai penulis, maka saya sangat mengharapkan saran dan kritikan dari bapak

yang sifatnya memotifasi dan membangun demi kelengkapan dan kelancaran pembuatan

laporan selanjutnya.

DAFTAR PUSTAKA
http://www.maniacms.web.id/2012/02/mengenal-cms-silverstrip.html

http://www.maniacms.web.id/2012/01/macam-macam-cms.html

http://finderonly.com/2009/01/07/download-content-management-system-gratis/

http://sitijubaidahsetyowijaya.wordpress.com/2012/06/26/cms/

http://unpas.ac.id/pages/category/blog

http://id-nald.blogspot.com/

Anda mungkin juga menyukai