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 

Aplikasi Grafik Komputer dan Pengolahan Citra Dalam Kehidupan Sehari-Hari

Aplikasi Grafik Komputer dan Pengolahan Citra Dalam Kehidupan Sehari-Hari

Aplikasi grafik komputer sering kita jumpai dalam kehidupan sehari hari. Pada kepentingan tertentu, citra (gambar) digunakan untuk mengungkapkan pertimbangan, ilustrasi, penggambaran, ingatan, pendidikan, komunikasi, navigasi, hiburan, dan sebagainya kemudian dihubungkan dengan pengubahan dan perbaikan citra (gambar) yang bertujuan antara lain untuk Memperbaiki kesalahan data sinyal gambar akibat transmisi sinyal dan Meningkatkan penampakan gambar sehingga dapat diterima oleh sistem penglihatan manusia.

Pada umumnya pengolahan citra melibatkan alat bantu komputer, yang selanjutnya dihubungkan dengan konsep komputasi dan elektronik dunia mesin sejalan dengan atribut penglihatan manusia. Aspek komputer adalah sebuah sistem yang berhubungan dengan elemen-elemen perangkat keras seperti sensor optik dan arsitektur pengolahan pararel pada komputer, grafika komputer dan display serta elemen-elemen perangkat lunak seperti manipulasi data dan perhitungan data gambar. Sedangkan aspek penglihatan (vision) adalah bayangan dari sistem penglihatan manusia dan melingkupi aspek fungsional mata, saraf optik, dan otak. 

GRAFIK KOMPUTER

 Grafik komputer  adalah salah satu cabang disiplin ilmu informatika yang mempelajaripembuatan gambar dengan menggunakan komputer. Perbedaan antara grafik komputerdengan pengolahan citra adalah dalam pengolahan citra, gambar input kedalam prosespengolahan citra sudah tersedia, sedangkan pada grafik komputer dilakukan proses untuk menciptakan gambar dari awal.fds

Berikut merupakan manfaat Grafik Komputer dalam kehidupan sehari-hari : 

     1. Bidang Pendidikan

Grafik komputer pada pendidikan digunakan untuk mempresentasikan objek-objek pada siswa secara nyata, dapat melalui power point ataupun software lainnya. Dengan penggunakan bentuk objek ini diharapkan siswa lebih nyata dalam menerima semua materi yang telah diajarkan. tidak hanya teori saja tetapi sudah melihat bentuk dan simulasinya. Bentuk ini dapat berupa penggambaran bidang, ruang, grafik, gambar kerangka manusia,susunan tubuh manusia,dan sebagainya.

              

                                                    Contoh Sebuah Persentasi 

    2.Bidang Hiburan

Pada sekarang ini semua acara hiburan di Tv banyak menggunakan grafik komputer.Mulai dari film kartun,iklan di TV dan sampai acara sinetron sekalipun sudah di selipi oleh grafik komputer. Grafik komputer disini berupa efek animasi yang dapat membuat film semakin menarik.

Contoh karya dalam sebuah Film

       3. Bidang Perancangan

Pada bidang ini grafik komputer digunakan untuk membuat berbagai desain dan model objek yang akan dibuat. Misalnya digunakan untuk mendesain suatu arsitektur bangunan,desain kendaraan dan lainnya.Menggunakan software desain grafis seperti auto cad, 3D MAX semuanya akan berlangsung secara mudah dan lebih spesifik dalam perancangan yang akan dibuat. Memperkecil tingkat kesalahan sehingga akan menghasilkan suatu model yang sama seperti aslinya.

Contoh Perancangan untuk membuat gedung sdg

     4.Bidang visual 

bisa digunakan untuk pemotretan lewat satelit, GPS, foto kamera dan lain-lain

Contoh Gambar yang di ambil Oleh Satelite

Aplikasi-aplikasi computer grafik :

Computer-Aided Design (CAD)

CAD adalah alat bantu berbasis komputer yang digunakan dalam proses analisis dam desain, khusunya untuk sistem arsitektural dan engineering. CAD banyak digunakan dalam mendesain bagunan, mobil, pesawat, komputer, alat-alat elektronik, peralatan rumah tangga, dan berbagai produk lainnya. Contoh aplikasinya: AutoCAD.

Computer-Aided Sofware Engineering (CASE)

CASE mirip dengan CAD tetapi digunakan dalam bidang sofware engineering. CASE digunakan dalam memodelkan user requirement, pemodelan basisdata, workflow dalam proses bisnis, struktur program, dan sebagainya. Contoh aplikasi: Rational Rose, SyBase Power Designer

Virtual Reality

Virtual Reality adalah lingkungan virtual yang seakan-akan begitu nyata di mana user dapat berinteraksi dengan objek-objek dalam suasana atau lingkungan 3 dimensi. Perangkat keras khusus digunakan untuk memberikan efek pemadangan 3 dimensi dan memampukan user beriteraksi dengan objek-objek yang ada dalam lingkungan. Aplikasi ini dapat memberikan keutungan berupa mengurangi resiko cedera selama latihan, mengurangi biaya penerbangan, melatih perwira sebelum melakukan terjun payung sesungguhnya.

Visualisasi Data

Visualisasi Data adalah teknik-teknik membuat image, diagram, atau animasi untuk mengkomunikasikan pesan. Visualisasi telah menjadi cara yang efektif dalam mengkomunikasikan baik data atau ide abstrak maupun nyata sejak permulaan manusia.

Pendidikan dan Pelatihan

Model-model yang dihasilkan melalui komputer yang tentunya menggunakan grafis biasa digunakan sebagai alat bantu pendidikan. Model-model seperti proses-proses fisika dan kimia, fungsi-fungsi psikologi, simulasi, dan sebagainya dapat membantu sesorang memahami bagaimana operasi atau proses yang terjadi dalam suatu sistem.

Computer Art

Computer art adalah penggunaan komputer grafis untuk menghasilkan karya-karya seni. Hasil dapat berupa kartun, potret, foto, layout media cetak, logo, lukisan abstrak, desain interior atau eksterior, dan lain sebagainya.

Pengolahan Citra

Pengolahan citra berkaitan dengan teknik-teknik untuk modifikasi dna intepretasi citra, meningkatkan kualitas citra, analisis citra, dan mengenali pola-pola visual yang ada dalam suatu citra. Contoh: perbaikan citra sehingga menjadi lebih jelas.

Computer Vision

Compute Vision adalah ilmu pengetahuan dan teknologi dari mesin-mesin yang dapat melihat. Sebagai disiplin ilmu, computer vision berkaitan dengan teori untuk membangun sistem buatan yang dapat menarik informasi dari citra-citra. Informasi tersebut kemudian dapat digunakan sebagai input dalam mengambil keputusan atau tindakan. Data citra yang diambil dapat berupa video, citra dari berbagai kamera, dan sebagainya.

Graphical User Interface

Graphical User Inteface adalah antarmuka grafis yang mempermudah interaksi manusia dengan komputer dan alat-alat yang dikendalikan oleh komputer. GUI sudah sering kita lihat berupa window-window yang digunakan pada sistem operasi Windows, Mac, maupun Linux.

  PENGOLAHAN CITRA 

      Pengolahan citra  adalah salah satu cabang dari ilmu informatika. Pengolahan citra berkutat pada usaha untuk melakukan transformasi suatu citra/gambar menjadi citra lain dengan menggunakan teknik tertentu.

               

                Citra adalah gambar dua dimensi yang dihasilkan dari gambar analog dua dimensi yang kontinu menjadi gambar diskrit melalui prosessampling. Gambar analog dibagi menjadi N baris dan M kolom sehingga menjadi gambar diskrit. Persilangan antara baris dan kolom tertentu disebut dengan piksel. Contohnya adalah gambar/titik diskrit pada baris n dan kolom m disebut dengan piksel. Beberapa pemanfaatan pengolahan citra dalam kehiduan sehari-hari yaitu :

          1.Bidang pertanian

Teknik pengolahan citra telah banyak dipergunakan dalam bidang pertanian antara lainpenentuan jenis cacat biji kopi, pemutuan edamame, pemeriksaan mutu karet RSS, pemutuan buah mangga, identifikasi tingkat ketuaan dan kematangan jeruk lemon dan manggis.

          2.Bidang perdagangan

 Pembacaan kode batang (bar code) yang tertera pada barang (umum digunakan di pasar swalayan/supermarket).

          3.Bidang militer

Mengenali sasaran peluru kendali mela lui sensor visual. 

Pengolahan Citra Bidang MIliter (RADAR)

4.Bidang Kedokteran 

biasanya digunakan untuk rontgen tubuh manusia yang berfungsi untuk mengetahui ada atau tidaknya kelainan di tubuh.

Aplikasi Yang Berkaitan Dengan  Pengolahan Citra 

  1. Corel Painter

Program pencitraan ini sekarang tersedia baik di Windows dan Macintosh. Desainer dapat menggunakan program untuk membuat gambar yang terlihat alami dengan fitur freehand nya. Pengguna juga dapat memilih dari beberapa efek seperti cat minyak dan cat air dan mencetak output dalam kanvas atau kertas.

2.  Corel Paint Shop Pro Photo

Ini merupakan program pencitraan untuk mengedit bitmap grafis dan vektor mengedit grafis. Hak untuk program awalnya dimiliki oleh Jasc Software Minneapolis. Hak untuk mendistribusikan program ini sekarang milik Corel Corporation setelah dibeli Jasc Software pada tahun 2004. Program, yang lebih dikenal sebagai Paint Shop dan sebagai pesaing Adobe Photoshop, dapat didownload sebagai shareware. Adobe Photoshop lebih populer dari program pencitraan karena pertama memiliki versi untuk Microsoft dan Apple Macintosh.

3.  Adobe Photoshop

Program pencitraan dikembangkan oleh Adobe Systems dan dianggap sebagai favorit pasar dalam hal mengedit gambar, manipulasi gambar dan gambar bitmap. Versi terbaru Adobe Photoshop CS3 Extended yang dirilis hanya tahun ini. Ini adalah versi ketiga sejak Adobe Photoshop berganti nama produk. Ia menawarkan alat-alat baru, filter non-destruktif, 3D dan pencitraan ilmiah.

4.  Corel Photo-Paint

Program pencitraan dibundel dengan Corel Draw Graphics Suite. Hal ini dapat membuat grafik dan memanipulasi gambar. Hal ini juga memungkinkan pengguna untuk menghilangkan mata merah dalam foto. Program ini dapat didownload dari situs Corel sebagai freeware.

5.  Microsoft Paint

Program pencitraan yang digunakan dikenal sebagai Kuas untuk Windows dan dapat ditemukan dibundel dengan Microsoft Windows. Pengguna dapat melakukan percobaan dengan campuran warna program ini memungkinkan bersamaan mengambil tiga warna. Ada banyak fungsi dimana pengguna dapat berlatih untuk meningkatkan keahliannya.

       6.  Penggunaan ULTRASONOGRAFI (USG) 

Ultrasonografi medis (sonografi) adalah sebuah teknik diagnostik pencitraan menggunakan suara ultra yang digunakan untuk mencitrakan organ internal dan otot, ukuran mereka, struktur, dan luka patologi, membuat teknik ini berguna untuk memeriksa organ.

Mesin USG merupakan bagian dari USG dimana fungsinya untuk mengolah data yang diterima dalam bentuk gelombang. Mesin USG adalah CPU nya USG sehingga di dalamnya terdapat komponen-komponen yang sama seperti pada CPU pada PC cara USG merubah gelombang menjadi gambar.

       7.  Mikroskop Elektron

Mikroskop elektron adalah salah satu contoh dari pengolahan citra dalam bidang kedokteran, yang di maksud dengan mikroskop elektron adalah sebuah mikroskop yang dapat memperbesar detail gambar yang sangat kecil.Adapun kegunaan dari mikroskop elektron ini yaitu digunakan dalam  patologi anatomi, Patologi anatomi ini berfungsi untuk mengindentifikasi organel dalam sel namun kegunaanya telah sangat dikurangi dengan immunhistochemistry tetapi masih tak tergantikan untuk diagnosis penyakit ginjal, identifikasi sindrom silia immotile dan banyak tugas-tugas lainnya.

http://proactivedb23.blogspot.com/2011/12/tugas-1-contoh-aplikasi-grafik-komputer.html 

http://setyopangestu80.blogspot.com/2012/10/grafik-komputer-dan-pengolahan-citra.html

http://gilang-gendut.blogspot.com/2012/09/aplikasi-grafik-komputer-pengolahan_29.html

http://titi-nyunyun.blogspot.com/2011/10/pemanfaatan-grafik-komputer-dan.html