Menginstal CMS

PERANCANGAN WEB

Instalasi CMS  (Content Managemant System)

                               Di Susun Oleh :

                               Nama               : Yesi Okta Firanti

                               Nim                   : 120155201031

                               Kelas                : A

                               Mk                  : Perancangan Web

UNIVERSITAS MARITIM RAJA ALI HAJI

2013

A.    CMS (Content Managemant System)

              Untuk menginstal Cms terlebih dahulu menginstal Xampp, Disini saya akan menguraikan cara menginstal Xampp, Terlebih dahulu Kita harus memiliki Xampp tersebut, Kita dapat
mendownloadnya.

                    Gambar, Xampp

Setelah itu klik dua kali pada Xampp anda kemudian akan muncul tampilan seperti berikut ini

                                Kotak Dialog Untuk memilih

Klik pada Tombol Ok setelah Itu akan muncul tampilan seperti berikut ini

Setelah muncul tampilan seperti di atas Langsung saja klik Ok kemudian akan muncul tampilan seperti berikut ini

Klik Next Untuk memulai Instalasi Setelah itu akan muncul tampilan seperti berikut ini

Klik Pada Tombol Next setelah itu akan muncul tampilan seperti berikut ini

Itu adalah Tempat untuk menginstal kemudian klik Tombol Instal, maka Akan di mulai penginstalan Dan terlihat seperti gambar berikut ini

Tunggu Sampai Penginstalan selesai kemudian akan muncul tampilan seperti berikut ini

Klik Ok Kemudian muncul  tampilan seperti berikut ini

Starkan Pada Mysql Dan Apache sehingga Berubah menjadi

Kemudian akan  muncul tampilan seperti berikut ini

Dengan Tampilan seperti itu maka Xampp anda berhasil Di instal, kemudian langsung buka browser

Kemudian Akan Muncul tampilan seperti berikut ini

Maka Kita dapat membuat CMS dengan localhost Xampp

1.    
WORDPRESS

Langkah-Langkah penginstalan Wrdpress Menggunakan Xampp

          Pertama, Kita harus memiliki Wordpress dalam bentuk Zip dalam computer, jika belum kita harus mendownload, Kemudian kita buat data base dengan membuka localhost/phpmyadmin

Kita simpan di htdocs, Setelah itu Extrackkan Wordpress tersebut di htdocs, Kemudian kita browser dengan menulis

Nah setelah itu akan muncul tampialn seperti berikut ini

Klik Dua kali pada Wordpress setelah itu akan muncul tampialn seperti berikut ini

Klik pada Create a Configuration File Setelah itu akan muncul tampilan seperti berikut ini

Selanjutnya masuk pada tahap konfigurasi penginstalan . Anda isi Konfigurasi seperti yang ada pada web server. Seperti gambar berikut ini

Jika konfigurasi instalasi telah benar Anda Isi, maka akan tampak halaman seperti gamabr 19 lalu akan muncul tampilan berikut ini

Klik pada Run the Instal Kemudian akan muncul tampilan seperti berikut ini

Apabila proses instalasi wordpress berhasil, maka akan tercipta akun baru dengan nama admin dan pasword yang akan tampil pada halaman tersebut, lalu Anda klik login seperti pada gambar berikut ini

Instal Wordpress setelah itu akan muncul tampilan seperti berikut ini

Nah Setelah Login kita akan di bawa kehalaman baru terlihat seperti gambr

Setelah Muncul seperti gambar di atas maka penginstalan Wordpress kita berhasil dan, dapat di manfaatkan seperti yang kita inginkan, disini saya akan mengisi artikel pertama berisi Biodata saya Maka saya harus memanfaatkan fitur-fitur yang ada seperti gambar berikut ini

2.      LOKOMEDIA

Berikut adalah tutorial instalasi salah satu CMS Lokomedia. CMS ini sangat cocok bagi anda yang ingin membangun website lokal karena menggunakan Bahasa Indonesia baik pada FrontEnd (halaman website) maupun Backend (halaman admin). Berikut langkah-langkahnya:

Download installer Lokomedia di Upload dan ekstrak installer Lokomedia tersebut , Seperti gambar

1. Buat sebuah database baru melalui menu "Database MySQL". Selanjutnya silahkan import file database dblokomedia.sql yang tersedia pada installer lokomedia tersebut melalui menu "PHPMyAdmin".
   
   
2. Edit file konfigurasi yang terletak di direktori /config/koneksi.php dan ubahlah variable berikut sesuai dengan database yang telah anda buat (lihat screenshot):
   
   $server = "localhost"; //ubah menjadi mysql.idhostinger.com
   $username = "root"; //ubah menjadi user database anda
   $password = ""; //ubah menjadi password database anda
   $database = "dblokomedia"; //ubah menjadi nama database anda
   
   
3. Login ke halaman admin anda, www.domain-anda.com/adminweb/. Isikan Username: admin dan Password: admin.
   
4. Pilih menu "Setting Web" => "Manajemen User". Klik "Edit" untuk mengubah password admin default diatas. Ubah password admin anda dengan kombinasi huruf besar, huruf kecil dan angka.
   
   
   

Instalasi CMS Lokomedia selesai. Silahkan isi konten website anda.

3.TEXTPATRENT

1. Kita harus mendownload cms paterent terlebh dahulu, setelah itu kita simpan di hatdocs dan lakukan penginstalan seperti gambar di bawah ini

  2. Setelah itu kita buat database seperti gambar di bawah ini

2. Setelah itu tulis localhost/Textpatrent setelah itu akan muncul tampilan seperti berikut ini

Klik Di Sini

3. Setelah diklik tampilan seperti beriku klik pada tanda panah akan muncul tampilan seperti berikut ini

4.  Kemudian akan muncul tampilan seperti berikut ini

Setelah itu klik di Submit akan muncul tampilan seperti berikut ini

Setelah di isi daftar di atas kita langsung klik pada tombol Next Kemudian akan muncul tapilan seperti berikut ini

Untuk Melanjutkan pada tahap berikutnya, kita harus menyalin kode tersebut dipastekan seperti gambar berikut.

Simpan pada Textpatrent seperti gambar di bawah ini

Kemudian akan muncul tampilan seperti berikut ini yaitu pada langkah berikutnya:

Seteloah di isi pada tampilan berikut ini kemudian klik pada tombol Next Setelah itu akan muncul tampilan seperti berikut ini:

Nah, setelah tampilan seperti di atas muncul kemudian akn muncul tampilan seperti berikut ini

Tekan tombol Next Kemudian akan muncul tampilan seperti berikut ini

Tetapkan bahasa yang akan anda gunakan. Disini saya menetapkan bahasa Indonesia maka setelah itu akan muncul tampilan seperti berikut ini

Setelah Muncul tampilan seperti di atas maka, anada telah berhasil mendaftar Cms di Textpatrent dan dapat anda gunakan sebaik-baiknya.\

            Disini Saya akan mengisi Textpatrent dengan Artikel Biodata saya seperti gambar berikut

Setelah Itu Klik pada Tombol Terbitkan, maka Tulisan itu sudah siap dan bisa menjadi artikel untuk disimpan

4.DRUPAL

Drupal merupakan CMS open source software yang dikembangkan komunitas dan memiliki lebih dari 630 ribu orang pengguna serta didistribusikan di bawah GPL ( General Public Lisence ). Drupal software dimulai sejak 1999 sebagai Message Board, dan tahun 2001 untuk pertama kalinya Drupal.org di luncurkan secara online.

 Bahasan kita kali ini adalah bagaimana cara membuat website menggunakan CMS Drupal di server XAMPP.

Cara Buat Website Menggunakan CMS Drupal Di XAMPP :

• Bila anda belum punya CMS Drupal, kita harus unduh terlebih dulu di situs Drupal.
• Buatlah database baru untuk Drupal dengan mengklik phpMyAdmin pada Tools di menu utama Xampp. Kemudian klik Databases | Create database isikan dengan drupal | Collation gunakan utf8_unicode_ci | terakhir klik Create. Gambar dibawah.

Tulis nama Basis Data anda disini

1. Create database,

2. Pilih utf8_unicode_ci,

3. Klik Create,

4. Ini adalah database drupal yang kita buat.

·         Selanjutnya copy paste CMS Drupal di C:\xampp\htdocs. Jika dalam bentuk arsip, ekstrak di folder htdocs

Sekarang buka salah satu browser dan ketik localhost/drupal di linknya ( sesuaikan nama folder drupal yang ada di htdocs ). Misalnya : kalau folder drupal anda adalah drupal-7.22 maka anda harus mengetik localhost/drupal-7.22Setelah itu akan muncul tampilan seperti berikut ini

Klik Di Sini

• Langkah selanjutnya jika drupal telah berhasil terbuka adalah klik Save and continue seperti gambar dibawah ini.

Klik Di Sini

Kemudian Akan muncul tampialn seperti berikut ini.

• Langkah berikut yaitu mengisi DB_NAME ( drupal ), DB_USER ( root ), serta DB_PASSWORD ( password yang saya gunakan adalah root disini ). Lihat gambar.

Setelah Di Klik pada tombol Save And Continue Maka akan muncul tampilan seperti berikut ini

·         Bila berhasil, kita akan menunggu Installasi Drupal dan kemudian sobat akan dibawa ke halaman Site Information yang terdiri dari : Nama website, Site email address, Username account ( Pengelola Web ), Email address, Password user beserta konfirmasinya, Default country, dan Time zone. Apabila sudah klik Save and continue kembali.

Terakhir bila semua lancar dan Finished telah di centang, anda bisa mencoba mengunjungi website anda sendiri dengan mengetik localhost/drupal pada link web browser. Lihat gambar dibawah ini

Nah, Langkah Terakhir kita akan menulis Sesuatu di dalam Drupal tersebut seperti gambar di bawah ini saya akan mengisi Biodata Saya, maka akan muncul tampilan seperti gambar berikut ini

Setelah di save maka akan muncul tampilan seperti berikut ini

Dan banyak lagi tulisan yang dapat kita masukan dalam Drupal ini.

5.JOOMLA

Cara Instalasi Joomla Di Xampp

1.      Pertama Kita harus memiliki cms Joomla untuk di instal dan di extracts di htdocs

Dan buat database di Phpmyadmin setelah itu tulis di browser localhost/jomla maka akan muncul tampilan sepertigambar berikut

                      Setelah diisi daftar tersebut klik pada tombol Next kemudian akan di bawa pada halaman berikutnya seperti gambar berikut ini

Setelah itu klik pada tombol Next maka akan muncul tampilan berikut ini

Pilih Ini

Setelah itu klik pada tombol next akan muncul tampilan seperti berikut ini

Setelah melakukan penginstalan, kemudian akan muncul tampilan berikut ini

Klik Di Sini

Klik pada tombol Administrator maka akan muncul tampilan eperti berikut ini

Masukkan Username Anda Dan Password Kemudian Login, setelah itu akan muncul tampilan seperti gambara berikut ini

Untuk Menulis

Untuk menambah tulisan klik pada AddNew Artcel, kemudian akan muncul tampilan seperti berikut ini

Disini saya menuliskan Biodata Saya Setelah selesai menulis Save dan dapat kita lihat hasil postingan kita seperti gambar berikut ini

Nah, Berarti anda telah berhasil memiliki CMS Joomla, dan anda dapat memanfaatkannya sebaik mungkin.

6.SILVERSTRIPE

Kita harus memiliki cms Silverstripe dengan cara terlebih dahulu di download kemudian setelah berhasil mendownload simpan di htdocs setelah itu buat database seperti gamabar di bawah ini

Kemudian Extract SilverStripe Di htdocs Seperti gamabar berikut ini

Setelah browser dan tulis seperti gamabar berikut ini

Akan muncul tampilan seperti berikut ini

Ini adalah langkah awal kita dalam penginstalan kemudian akan muncul tampilan berikut ini

Klik pada tmbol Instal SilverStripe sehingga akan muncul tampilan penginstalan seperti berikut ini

Setelah itu akan mucul tampilan seperti pada gambar berikut ini

Ingat : Dalam penginstalan CMS Silver ini terlebih dahulu kita harus menghapus Config.php Seperti gambar berikut ini

Maka Untuk melihat hasil Instal cms ini akan muncul tampilan seperti gambar berikut ini

Nah, itu artinya kita dapat telah berhasil dan dapat menggunakan cms ini dengan sebaik-baiknya

Fitur-fitur yang ada dalam cms ini

                             

7. MADE SIMPLE

Langkah-langkah dalam penginstalan, cms madesimple, langkahawal kita harus memiliki cms made simple tersebut dengan cara di download kemudian kita dapat langsung menyimpan di htdocs dan mengextract sama seperti cms yang lain, setelah itu buat database dengan browser menulis localhost/phpmyadmin untuk membuat database setelah itu akan muncul
tampilan seperti berikut ini

Setelah itu tulis di browser localhost/madecms kemudian akan muncul tampilan seperti berikut ini

Klik Tombol Submit Kemudian akan muncul tampilan seperti berikut ini

Klik pada Tombol Continue setelah itu akan muncul tampilan seperti berikut ini

Klik Continue, kemudian isikan

Isikan Username anda dengan nama anda, dan email anda dengan alamat email anda dan password sesuai keinginan anda, setelah itu klik Continue

Akan muncul tampilan seperti berikut ini

Setelah anda isi site name, nama anda, timezone asia/Jakarta, dan password dikosongkan maka klik continue akan muncul tampilan seperti berikut ini

Klik Continue kemudian akan muncul tampilan seperti berikut ini

Nah itu artinya instalasi selesai kemudian klik pada tombol go to the admin panel kemudian akan muncul tampilan seperti berikut ini

Untuk melihat dari website anda, anda dapat mengklik pada tombol view site sehingga akan muncul tampilan seperti berikut ini

Itu lah tampilan dan cara penginstalan smc madesimple disini kita dapat mempergunakan semanfaat mungkin, kita dapat menulis dan berbagi apa saja.

PENUTUP

Semoga uraian ini bisa bermanfaat dan dapat dipergunakan sebaik mungkin, jika terdapat kesalahan saya minta maaf yang sebesarnya.

Referensi

-Buku Panduan Website Keren

-Internet