fitraerizal.files.wordpress.com€¦  · web viewwebsite adalah sebuah tempat yang memungkinkan...

27
BAB I PENDAHULUAN A. Latar Belakang Website adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun juga yang dapat di akomodasikan oleh teks, tulisan, gambar, video, animasi dan file multimedia lainnya. Untuk membuat website tidaklah sulit seperti dulu. Dahulu kala, minimal dibutuhkan keahlian penggunaan bahasa pemrograman HTML. Tetapi HTML saja tidak cukup. Setelah masa- masa HTML, digunakanlah bahasa pemrograman PHP untuk pembuatan web dinamis. Lalu bahasa pemrograman SQL yang digunakan pada database untuk penyimpanan data halaman web tersebut. Ketiga bahasa pemrograman tersebut menjadi standar yang harus dimiliki oleh para pemrogram website. Tetapi sekarang, kebutuhan tersebut tidaklah mutlak. Dengan adanya CMS, kita dimudahkan dalam pembangunan website Minimal website dapat dijadikan sebagai brosur elektronik yang dapat diakses dari seluruh dunia selama 24 jam. Selain itu fungsi yang sekarang marak di manfaatkan dari website adalah sebagai sarana jual beli online produk yang akan dijual. Seperti contoh toko online ternama tokobagus.com atau denifurniture.com sebagai contoh toko online yang menjual 1

Upload: others

Post on 02-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

BAB

I

PENDAHULUAN

A. Latar Belakang

Website adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya,

hobinya, pengetahuannya, produk yang dijualnya dan apapun juga yang dapat di

akomodasikan oleh teks, tulisan, gambar, video, animasi dan file multimedia lainnya.

Untuk membuat website tidaklah sulit seperti dulu. Dahulu kala, minimal dibutuhkan

keahlian penggunaan bahasa pemrograman HTML. Tetapi HTML saja tidak cukup. Setelah

masa-masa HTML, digunakanlah bahasa pemrograman PHP untuk pembuatan web dinamis.

Lalu bahasa pemrograman SQL yang digunakan pada database untuk penyimpanan data

halaman web tersebut. Ketiga bahasa pemrograman tersebut menjadi standar yang harus

dimiliki oleh para pemrogram website. Tetapi sekarang, kebutuhan tersebut tidaklah mutlak.

Dengan adanya CMS, kita dimudahkan dalam pembangunan website

Minimal website dapat dijadikan sebagai brosur elektronik yang dapat diakses dari

seluruh dunia selama 24 jam. Selain itu fungsi yang sekarang marak di manfaatkan dari

website adalah sebagai sarana jual beli online produk yang akan dijual. Seperti contoh toko

online ternama tokobagus.com atau denifurniture.com sebagai contoh toko online yang

menjual mebel. Sedangkan untuk bisa membuat sebuah website yang bagus dan interaktif,

seseorang perlu memahami dasar pemograman HTML, pemrogaman server side dan

database yang berguna untuk menyimpan data.

CMSimple adalah salah satu contoh CMS yang bisa di gunakan untuk membuat website

tanpa membutuhkan pengetahuan bahasa pemrograman.

B. Rumusan masalah

1. Bagaimana cara menginstal CMSimple pada XAMPP ?

2. Bagaimana cara mengisi content-content pada CMSimple ?

C. Tujuan

1. Untuk mengetahui cara penginstalan CMSimple pada xampp

2. Untuk mengetahui cara mengisi content-conten atau isi dari pada CMSimple

1

Page 2: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

D. Manfaat

Manfaat yang diharapkan dari penulisan laporan ini adalah Sebagai bahan rujukan

mahasiswa dalam membuat Website dengan memanfaatkan aplikasi CMS opensource

menggunakan CMSimple

2

Page 3: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

BAB

II

KAJIAN PUSTAKA

A. Definisi CMS

Sistem Manajemen Konten (CMS) Sistem Manajemen Konten (Content Management

System, [CMS]) adalah perangkat lunak yang memungkinkan seseorang untuk

menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web. Umumnya,

sebuah CMS (Content Management System) terdiri dari dua elemen:

1. Aplikasi manajemen isi (Content Management Application, [CMA])

2. Aplikasi pengiriman isi (Content Delivery Application [CDA]).

Elemen CMA digunakan untuk mengelola konten yang mungkin tidak memiliki

pengetahuan mengenai HTML untuk mengelola pembuatan, pengubahan, dan penghapusan

isi dari suatu situs web tanpa perlu memiliki keahlian sebagai seorang webmaster. Elemen

CDA menggunakan dan menghimpun informasi-informasi yang sebelumnya telah ditambah,

dikurangi atau diubah oleh pemilik situs web untuk memperbaharui situs web tersebut.

Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda. Walaupun begitu, kebanyakan

dari perangkat lunak ini memiliki fitur publikasi berbasis Web, manajemen format, kontrol

revisi, pembuatan indeks, pencarian, dan pengarsipan.

Keuntungan Menggunakan CMS

1. Manajemen data

Ini merupakan fungsi utama dari CMS. Semua data/informasibaik yang telah

ditampilkan ataupun belum dapat diorganisasi dan disimpan secara baik. Suatu waktu

data/informasit dapat dipergunakan kembali sesuai dengan kebutuhan. Selaini tu, CMS

juga mendukung berbagai macam format data, seperti XML, HMTL, PDF, dll., indexing,

fungsipencarian, dan kontrol terhadap revisi yang dilakukan terhadap data/informasi.

Untuk menggunakan CMS biasanya pengetahuan tentang bahasa pemrograman tidaklah

terlalu dibutuhkan, karena semua proses berjalan dengan otomatis (WYSIWYG).

3

Page 4: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

Begitupula dengan proses ‘update’, dapat dilakukan dengan cepat sehingga menjamin

kemutakhiran informasi yang ditampilkan.

2. Mengatur siklus hidup CMS

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 tempale dan standarisasi

Setiaphalaman website yang dihasilkan berasal dari template yang telah terlebih dahulu

di sediakan oleh CMS. Selain dapat menjaga konsistensi dari tampilan secara

keseluruhan, para penulis dan editor dapat berkonsentrasi secara penuh dalam

melaksanakan tugasnya menyediakan isi website. Bila isi telah tersedia, maka proses

publikasi dapat berjalan dengan mudah karena sudah ada template sebelumnya. Beberapa

bagian dari website biasanya telah ditetapkan sedemikian rupa sehingga tidak dapat

diubah begitu saja. Hal ini dilakukan untuk memberikan standarisasi kepada seluruh

bagian dari website.

4. Personalisasi website

Sekali sebuah isi ditempatkan kedalam 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 di dukung 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. Akutabilitas

Olehkarena CMS mendukung alur kerja dan hak akses yang jelas kepada para

penggunanya, data/informasi yang disampaikan dapat dipertanggung jawabkan dengan

baik. Setiap penulis ataupun editor memiliki tugas masing-masing dengan hak akses yang

4

Page 5: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

berbeda-beda pula. Dengan demikian setiap perubahan yang terjadi di website dapat

ditelusuri dan diperbaiki seperlunya dengan segera.

Kekurangan CMS

1. Mengharuskan menggunakan source kode yang kadang membingungkan.

2. Ada beberapa fitur-fitur yang kurang terpakai, sehingga membuat jadikurang efisien.

3. Security lebih rawan terutama yang opensource, karn abanyak orang yang tahu  tentang

code dan kelemahannya.

4. Template telah tersedia, sehingga kurang bias berekspresi.

Pada umumnya sebuah CMS memiliki 2 bagian kategori yaitu bagian Front-end dan

Back-end. Terdapat banyak sekali CMS di dunia open source saat ini, beberapa diantaranya

yang cukup populer dan memiliki fitur yang lengkap adalah CMSimple,Joomla, Wordpress,

Drupal dan Xoops. Masing-masing memiliki kekhasan dan kekayaan modul tersendiri.

B. CMSimple

CMSimple adalah salah satu script CMS Open Source yang paling mudah aplikasinya.

Karena pengaplikasiannya sangat simple sesuai dengan namanya. Kita tidak lagi memerlukan

database atau mysql. Cukup upload semua script, lalu masuk admin area untuk mensetting

menu, isi, dll.

Secara ringkas dapat di katakan bahwa cms ini berbeda dengan CMS yang lazim kita

gunakan (wordpress, joomla, drupal). Sesuai namanya cms ini benar-benar simple. 

Beberapa keistimewaan CMSimple antara lain:

1. File script sangat kecil, sehingga upload ke hosting tidak memerlukan waktu yg lama.

2. Template cukup banyak tersedia gratis , misalnya di www.dotcomwebdesign.com

tersedia hingga lebih kurang 700 template.

3. Hanya memerlukan PHP, tidak perlu mysql. Halaman-halaman yang tercreate akan

menjadi halaman html murni yang tidak disusun di table

4. Penulisan konten serta editingnya juga sangat mudah karena memakai FCKeditor

juga disertai fasilitas edit HTML.

5. Meski simple sudah cukup untuk membuat halaman website. Ada fungsi search, ada

hyperlink.

5

Page 6: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

6. Sangat cocok dipakai untuk membangun web berbasis CMS sederhana, misalnya

untuk personal web atau company profile

6

Page 7: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

BAB

III

PEMBAHASAN

A. Menginstal CMSimple

CMSimple adalah sebuah sistem manajemen konten yang bersifat gratis dan difungsikan

sebagai sistem manajemen konten yang sederhana, ringan, dan cepat. karna tidak

membutuhkan basisdata maka setiap dat akan tersimpan langsung di HTML server web.

CMSimple tidak membutuhkan basisdata karena setiap data akan tersimpan langsung di

berkas HTML di server web. Ini memudahkan instalasi dan backup data, selain itu kebutuhan

hosting menjadi lebih hemat karena tidak menggunakan basisdata. Konfigurasi data dan

bahasa juga disimpan dalam format teks. Seperti umumnya sistem manajemen konten

lainnya, CMSimple menawarkan berbagai plug-in, yang dibuat oleh pihak ketiga di HTML

server web.

Berikut cara menginstal CMSimple dengan menggunakan XAMPP

1. Buka xampp control panel lalu start apachenya

2. Extract master CMSimple

7

Page 8: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

3. Copy master CMSimple yang telah di extract sebelumnya. Buka folder C:\xampp\htdocs

Lalu pastekan

8

Page 9: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

4. Selanjutnya buka web browser, dan panggil CMSimple di web browser

cara memanggilnya yaitu ketik localhost/CMSimple atau sesuaikan dengan nama folder

tempat script-scriptnya dan selesailah proses penginstalan CMSimple. Cukup simple dan

sederhana !.

9

Page 10: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

B. Mengedit content

Membuat postingaan

1. Login ke halaman admin. Caranya klik login yang berada di area paling bawah

halaman web.

2. Masukkan password login dengan nama “test” lalu klik login

3. Untuk membuat menu klik level1 page , sub menu gunakan level page2, untuk judul

postinhan gunakan level3 page dan untuk isi postingan gunakan p(paragraph).

10

Page 11: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

4. Setelah memasukka semua isi yang hendak di posting lalu klik icon save.

5. Untuk melihat hasilnya klik view mode

11

Icon save

Page 12: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

Mengedit nama dan menghapus menu

1. Pastikan anda telah login ke halaman admin, atau klik edit mode (sudah login)

2. Klik pada menu pages

3. Pilih menu yang ingin diganti namanya. Klik kanan pada menu tersebut pilih rename

page lalu klik icon save. Ex: menu Welcome to CMSimple diganti menjadi HOME.

12

Icon

Sudah terubah

Page 13: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

4. Untuk menghapus menu select pada menu yang ingin di hapus, lalu pilih icon delete

page kemudian delete

5. Hasilnya

13

Page 14: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

Membuat menu baru beserta submenunya

1. Klik edit mode

2. Klik salah satu menu. ex: menu HOME (jika ingin membuat menu di bawah menu

HOME).

3. Buatlah sebuah tulisan dengan menggunakan heading level1 page lalu buatlah

submenunya dengan mmenggunakan heading level2 page. Ex: menu utama

MAKALAH submenu MAKALAH ADMINISTRASI. Kemudian klik icon save.

4. Hasilnya

14

Page 15: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

Menginsert gambar pada postingan

1. Buatlah satu postingan yang nantinya akan di sisipkan gambar

2. Jangan lupa utnuk judul postingan gunakan heading level3 dan untuk isi

postingan gunakan p(paragraph). Ex: saya akan membuat postingan pada

menu makalah submenu makalah administasi

3. Klik pada icon insert/Edit image. Lalu klik browse

4. Klik uplode file lalu pilih file kemudian carilah lokasi tempat anda

menyimpan foto yang ingin anda sisipkan. setelah foto tersebut keluar klik

foto tersebut lalu insert

15

Page 16: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

5. Pastikan foto yang disisipkan tadi menggunakan p(paragraph) supaya nantinya

di baca sebagai bagian dari postingan. Lalu save

6. Hasilnya

16

Page 17: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

7. Anda juga bias mengatur posisi gambarnya dengan memblock gambar tesebut

lalu atur posisi gambarnya dengan menggunakan icon ini

Mengganti title dan password web

1. Klik setting lalu klik Edit CMS configuration

2. Gantilah tulisan yang ada pada title dan password lalu klik save

3. Hasilnya

17

Page 18: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

Memngganti template atau tema

1. Download terlebih dahulu templatenya. Anda bias mendownloadnya disini

www.dotcomwebdesign.com.

2. Extract terlebih dahulu. Copy template tersebut lalu pastekan

Ke sini C:\xampp\htdocs\CMSimple\templates

3. Klik setting lalu pilih Edit CMS configuration. Klik pada select menu yang

ada pada kolom templates lalu pilihlah nama templates yang annda pastekan

tadi kemudian save

4. Hasilnya

18

Page 19: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

Mengubah background page dan header di CMSimpleBerikut langkah-langkah mebgubah background page sewrta header pada cmsimple

1. masukklah ke folder C:\xampp\htdocs\CMSimple\templates\default_plus2\images pada komputer anda lalu editlah gambar bg dan top1. atau anda jua bisa langsung menggantinya dengan gambar yang baru dengan catatan tidak mengganti nama dari gambarnya

2. Hasilnya

 

19

Page 20: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

BAB

IV

PENUTUP

A. KESIMPULAN

Dari penjelasan di atas makan dapat di simpulkan bahwa dari sekian banyak aplikasi CMS

open source, CMS Simple lah yang paling simpel penggunaanya dan paling mudah

penginstalannya

Dan CMS Simple difungsikan sebagai sistem manajemen konten yang sederhana, ringan,

dan cepat. Dibuat atau dibangun menggunakan PHP yang berjalan di atas Linux/server

Apache, atau pada Win32 dengan Apache atau IIS. CMSimple berlisensi di bawah

persyaratan GPL3.

20

Page 21: fitraerizal.files.wordpress.com€¦  · Web viewWebsite adalah sebuah tempat yang memungkinkan seseorang menyatakan dirinya, hobinya, pengetahuannya, produk yang dijualnya dan apapun

DAFTAR PUSTAKA

http://koblunkbilly.web.id/2012/05/apa-itu-cms-content-management-system-definisi-cms/

#ixzz2GG1JW0WI

http://tommylizerd.blogspot.com/20 12/05/cms-Simple.html

http://wikipedia.org/wiki/cmsimple

21