PERBANDINGAN ANTARA CMS

Content Management System atau sering disebut dengan CMS adalah aplikasi web yang berisikan template untuk mengelola isi halaman web secara mudah. Selain perkembangan teknologi web dan infrastruktur internet, perkembangan pesat Content Management System juga dipicu oleh kebutuhan masyarakat dan pelaku bisnis yang menginginkan web dapat mendukung kegiatan bisnis mereka secara mudah dalam hal pengelolaan content, cepat dalam pembuatan web, serta murah dalam pengadaannya.

Ada beberapa jenis-jenis Content Management System atau CMS, yaitu :

• ·         CMS untuk membuat personal blog, contohnya WordPress.
• ·         CMS untuk membuat web e-Commerce, contohnya PrestaShop, OsCommerce, Opencart, Drupal.
• ·         CMS untuk membuat web e-Learning, contohnya Moodle.
• ·         CMS untuk membuat personal web, contohnya joomla!, Mambo.
• ·         CMS untuk membuat e-Office, contohnya katanya (Kantor Maya).
• ·         CMS untuk membuat web e-Forum, contohnya phpBB, MYBB,Vbulletin.

Berikut adalah beberapa jenis framework berbasis scripting language PHP :

1. ·         Code Igniter (CI).
2. ·         RubyOnRail (RoR).
3. ·         CakePHP.
4. ·         FuseBox.

Beberapa perbandingan dari CMS yang sering dipakai oleh user antara lain ;

A. Prestashop

1. Prestashop

        Merupakan salah satu E-Commerce yang bersifat opensource dan gratis. Prestashop dibuat oleh sekolompok programmer dari Paris (Perancis) pada bulan Aug 2007.        

CMS Prestashop juga sama dengan CMS Opencart, kedua CMS ini sama-sama dikhususkan untuk membuat sebuah toko online dengan mudah.

2. Alasan pengguna menggunakan Prestashop

        Kelebihan yang dimiliki oleh prestashop adalah opensource yang artinya gratis, selain itu prestashop juga cepat dalam hal transaksi maupun pengoperasian website. Fitur yang disediakan juga melimpah seperti adanya katalog dan modul, prestashop juga termasuk cms yang aman.

  

3. Tampilan Prestashop

          Ini adalah tampilan dari www.prestashop.com . Fitur yang terdapat pada prestashop memungkinkan untuk user mengedit sendiri halaman website yang ingin dibuat serta dapat disesuaikan dengan kebutuhan user.

        Gambar di bawah adalah contoh website e-commerce yang dibuat menggunakan prestashop. Prestashop memiliki tampilan yang sederhana dengan interface yang mudah dimengerti serta penyesuaian yang sesuai keinginan pengguna.

B. OPENCHART

1. Openchart

CMS OpenCart adalah CMS khusus untuk membuat sebuah Toko Online. CMS ini juga banyak dipakai baik bagi kalangan personal maupun developer yang ingin membangun sebuah toko online. CMS Opencart ini sudah bisa dibilang lengkap, karena memang CMS ini dikhususkan untuk E-Commerce. Beda dengan CMS-CMS diatas. Kekurangan CMS Opencart adalah dari sisi SEO, tetapi untuk manajemen kontennya CMS ini bisa dibilang mudah.

      2. Alasan pengguna memilih Openchart

Alasan mengapa banyak pengguna membuat website menggunakan openchart adalah karena openchart merupakan cms yang bersifat open source serta unlimited categories yang membuat pengguna dapat membuat dan menambahkan kategori produk sesuka hati dan tanpa batas. Openchart juga memiliki kemampuan ketersediaan Bahasa seperti Bahasa Indonesia atau Bahasa Inggris.

               

      3. Tampilan Openchart 

C. CUSHYCMS 

Salah satu CMS yang ringan, cepat dan sederhana. CMS ini akan memberikan para akses dan kemampuan kepada pengguna untuk mengubah isi dari jumlah tertentu halaman. CMS ini dikenal cukup friendly apalagi kalau anda mempunyai pengetahuan akan CSS yang cukup, anda akan dapat bereksperimen banyak dengan CSS ini

Pembuatan Website Biodata Sederhana

Tugas kali ini adalah untuk membuat penjelasan tentang pembuatan web sederhana untuk memperkenalkan diri secara mudah menggunakan template. Alasan mengapa menggunakan template adalah karena selain praktis, kodingan yang digunakan juga mudah. Template yang digunakan menggunakan HTML yang dapat diedit sesuai dengan keinginan serta disesuaikan dengan kebutuhan. Beberapa penjelasan singkat mengenai setiap bagian koding adalah sebagai berikut :


1.Koding untuk membuat website pada tampilan HOME

<!DOCTYPE html><html><head>    <title>Home</title>    <link href="style/style.css" rel="stylesheet" type="text/css" />    <!--slider start-->    <link href="style/quake.slider.css" rel="stylesheet" type="text/css" />    <script type="text/javascript" src="js/jquery.min.js"></script>    <script src="js/quake.slider-min.js" type="text/javascript"></script>    <script type="text/javascript">        $(document).ready(function () {            $('.quake-slider').quake({ thumbnails: false, frameWidth: 600, frameHeight: 600 });        });    </script>    <!--slider end--></head><body>    <!--wrapper start-->    <div id="wrapper">        <!--mainbody start-->        <div id="mainbody">            <div id="logo">                <a href="#"></a>            </div>            <!--content start-->            <div id="content">                <!--leftsidebar start-->                <div id="leftsidebar">                    <!--main_tittle start-->                    <div class="main_tittle">                        <h3>                            Biodata                        </h3>                    </div>                    <!--main_tittle start-->                    <div class="clearfix">                    </div>                    <!--main_desc start-->                    <div class="main_desc">                        <p>NAMA : Dwi Ayu Septiyana</p> <p>TTL : Jakarta, 25 September 1994</p> <p>ALAMAT : Ds.Tanah Merah Rt.01/01 No.14 Kec.Sepatan Kab.Tangerang-Banten</p> <p>NO.TELEPON : 08998699787</p> <p>EMAIL : dwiseptiyana99@gmail.com</p> <p>SNAPCHAT : @dwiseptiyana99</p> <p>INSTAGRAM : @dwiayuseptiyana</p> <p>BLOG : simplehyuk.blogspot.com</p>                    </div>                    <!--main_desc end-->                    <div class="clearfix">                    </div>                    <div class="clearfix">                    </div>                    <!--about start-->                    <div class="about">                        <h2>                            About Dwi</h2>                        <br />                        <p>                         Hai! Nama saya Dwi Ayu Septiyana, mahasiswa semester akhir di Universitas Gunadarma Jurusan Sistem Infromasi NPM 12112274, anak ke-2 dari dua bersaudara.</p><p>wanita biasa yang hidup di lingkungan tidak biasa ingin menjadi seorang yang luar biasa dengan usaha yang biasa-biasa aja.</p><p>Penikmat Super Junior, Pecinta Eunhyuk, Pengagum Cameron Dallas, Penyuka Arsenal, Penggemar Taylor Swift, Penonton One Piece.</p><p>seorang penulis cerita romance amatir yang doyan baca dan mendengarkan music juga berkeinginan menjadi seorang editor. sekian.</p>                      </div>                    <!--about end-->                </div>                <!--leftsidebar end-->                <!--navigation start-->                <div id="navigation">                    <div class="nav">                        <ul>                            <li><a href="#" class="active"><span>Home</span></a></li>                            <li>|</li>                            <li><a href="contact.html"><span>Contact</span></a></li>                        </ul>                    </div>                </div>                <!--navigation end-->                <!--sidebar start-->                <div id="sidebar">                    <div id="slider-wrapper">                        <div class="quake-slider">                            <div class="quake-slider-images">                                <img src="images/slider01.jpg" alt="" />                                <img src="images/slider02.jpg" alt="" />                                <img src="images/slider03.jpg" alt="" />                                <img src="images/slider04.jpg" alt="" />                            </div>                            <div class="quake-slider-captions">                            </div>                        </div>                        <!--  <div id="slider" class="nivoSlider">                            <img src="images/slider04.jpg" alt="" />                            <img src="images/slider01.jpg" alt="" />                            <img src="images/slider02.jpg" alt="" />                            <img src="images/slider03.jpg" alt="" />                        </div>-->                    </div>                </div>                <!--sidebar end-->            </div>            <!--content end-->        </div>        <!--mainbody end-->    </div>    <!--wrapper end-->    <div class="clearfix">    </div>    <!--footer start-->    <div id="footer">        <p>            <span>By : Dwi Septiyana.</span></p>        <div class="clearfix">        </div>    </div>    <!--footer end--></body></html>

Output dari kodingan tersebut merupakan tampilan awal pada Home 

2. Koding untuk membuat website pada tampilan CONTACT

<!DOCTYPE html><html><head>    <title>Contact</title>    <link href="style/style.css" rel="stylesheet" type="text/css" />    <script src="js/jquery.min.js" type="text/javascript"></script>    <script src="js/template.js" type="text/javascript"></script></head><body>    <!--wrapper start-->    <div id="wrapper">        <!--mainbody start-->        <div id="mainbody">            <div id="logo">                <a href="home.html"></a>            </div>            <!--navigation start-->            <div id="navigation">                <div class="nav">                    <ul>                        <li><a href="home.html"><span>Home</span></a></li>                        <li>|</li>                        <li><a href="#" class="active"><span>Contact</span></a></li>                    </ul>                </div>            </div>            <!--navigation end-->            <!--main start-->            <div id="main">                <!--contact_page start-->                <div class="contact_page">                    <!--contact_items start-->                    <div class="contact_items">                        <!--grey_bar start-->                        <div class="grey_bar">                            <!--breadcrumbs start-->                            <div id="breadcrumbs">                                <ul>                                    <li><a href="home.html">Home</a></li>                                    <li>» </li>                                    <li>Contact</li>                                </ul>                            </div>                            <!--breadcrumbs end-->                            <h2>                                Contact Us                            </h2>                        </div>                        <!--grey_bar end-->                        <h2>                            HUBUNGI DWI AYU SEPTIYANA</h2>                        <br /><p>Untuk kritik atau saran dan untuk bisa menghubungi saya langsung bisa tinggalkan pesan anda disini :</p>                        <div class="formblock">                            <input name="name" type="text" id="name" onclick="this.value=''" value="Name" />                        </div>                        <div class="formblock">                            <input name="email" type="text" id="email" onclick="this.value=''" value="Email" />                        </div>                        <div class="formblock">                            <textarea name="message" id="message" cols="" rows="" onclick="this.value=''" class="textarea">Message</textarea>                            <div class="clearfix">                            </div>                            <br />                            <div class="send_btn" id="send-message">                                <a href="#">Send</a>                            </div>                            <img src="images/sending.gif" id="img-sending" alt="sending message..." />                            <div id="mail-send-msg">                            </div>                        </div>                    </div>                    <!--contact_items end-->                    <!--contact_sidebar end-->                    <div class="contact_sidebar">                        <!--address start-->                        <div id="address">                            <h2>                                Contact</h2>                                </li>                                <li>Email: <a href="#">dwiseptiyana99@gmail.com</a></li>                                <li>Blog: <a href="#">http://www.simplehyuk.blogspot.com</a></li>                                <li>Phone: 089-986-997-87</li>                            </ul>                        </div>                        <!--address end-->                        <div class="clearfix">                        </div>                    </div>                    <!--contact_sidebar end-->                </div>                <!--contact_page end-->            </div>            <!--main end-->        </div>        <!--mainboty end-->    </div>    <!--wrapper end-->    <div class="clearfix">    </div>    <!--footer start-->    <div id="footer">        <p>            <span>By: Dwi Septiyana.</span></p>        <div class="clearfix">        </div>    </div>    <!--footer end--></body></html>

Output dari kodingan tersebut tampilan pada bagian CONTACT