1

MEMBANGUN CONTENT MANAGEMENT SYSTEM MQGS(MYSQL QUERIES GENERATOR SYNTAX)

Denis CialaA.Hafiz Al Bary

Jurusan Sistem InformasiSTMIK PalComTech Palembang

Abstrak

Content Management System MQGS merupakan CMS untuk website berbasis news portal,blog dan pengolahan forum di dalamnya yang di gabungkan dalam satu system untukmemenuhi kebutuhan akan media informasi berbasis website dengan menyediakan berbagaikebutuhan di kalangan masyarakat, akademik maupun perusahaan, yang menuntutpengolahan mendasar akan pengolahan informasi seperti text, vidio, audio, embed script dandokumen office viewer serta penyimpanan file lainnya, dengan dilengkapi komponentambahan berupa aplikasi mqgs untuk mengcustom tabel dalam pengolahan DML (DataManipulation Language) seperti insert, update, delete dan select yang di inport melaluipengolahan komponen untuk semakin menyesuikan kebutuhan induvidu pengguna CMS.Peneliti menyempurnakan CMS Mqgs menggunakan Adobe Dreamweaver dan MySql sebagaidatabase. Metode yang digunakan dalam penelitian ini adalah UWE (UML- WebEngineering) dengan menggunakan Unified Modelling Language) dan Diagram Activity.Penelitian ini bertujuan untuk mengembangkan sebuah website berbasis web untukmengelola data website pada umumnya.Kata Kunci: Content Management System, Website, DML, UWE.

PENDAHULUAN

Perkembangan teknologi saat ini sudah semakin pesat, saat ini setiap orang dituntutuntuk mengikuti segala perkembangan yang ada, segala kebutuhan akan informasi pun saatini sudah semakin cepat dan mudah didapatkan dengan memanfaatkan segala kecanggihanteknologi-teknologi yang ada. Peningkatan popularitas Internet dan World Wide Web padatahun 1990an, telah membawa era baru dalam penyampaian informasi, dimana Internet telahmenjadi media publikasi yang sangat populer. Adanya informasi baru yang diberikanmembuat banyak orang berpikir untuk selalu mengembangkan media-media yang dapatmenyalurkan informasi tersebut, agar dapat dengan mudah dalam memilih suatu informasidengan cepat dan terperinci.

Conten Management System (CMS) memisahkan isi dan desain sehingga konsistensitampilan senantiasa terjaga dengan baik, setiap bagian website dapat memiliki isi dantampilan berbeda, tanpa harus khawatir kehilangan identias website secara keseluruhan. Datadisimpan dalam satu tempat sehingga mudah memanfaatkan kembali informasi untukberbagai keperluan. CMS juga membuat flexibel pengaturan alur kerja atau work flow danhak akses sehingga memperbesar kesempatan pengguna berpartisipasi mengembangkanwebsite. Perkembangan tersebut tentunya tidak terlepas dari ketegantungan pengguna padasistem pengolahan data yang biasa disebut DBMS (Database Management System)merupakan sebuah system yang dibuat untuk mengorganisasi, menyimpan, dan menarik datadengan mudah. Mysql adalah salah satu jenis database server yang sangat terkenal, sehinggauntuk mengoperasikan database Mysql dengan phpmyadmin, perlu mengerti bahasa SQL(Structured Query Language), walaupun tetap mengerti database tanpa SQL, namun untuk

2

kepentingan pemrograman dan pengolahan database lebih lanjut, serta keamanan dari pihakwebmaster sendiri SQL merupakan hal yang sangat penting untuk di ketahui agar bisamengakses data dari sisi client. Penggunaan bahasa pemrogramman SQL menjadi sangatpenting dikarenakan struktur bahasa SQL merupakan pondasi utama dalam mengelolah datadengan berbagai kondisi dan spesifikasi yang di perlukan.

Seiring perkembangan CMS dari masa ke masa semakin beragam dan telahdisesuaikan berdasarkan jenis-jenis kebutuhan CMS itu sendiri seperti CMS bebasis Forum,News Portal, Blog dan E-Commerce dari berbagai jenis aplikasi CMS tersebut penulismengamati dalam segi data yang ditampilkan (Queries) semua memiliki struktur pengolahanhalaman yang sama yang telah di tetapkan. CMS diharapkan tidak hanya mengelolahhalaman-halaman dinamis dan pengolahan user, tetapi juga harus bisa lebih baikmemanipuasi data dalam hal ini adalah pengolahan data secara DML (Data ManipulationLanguage) yang merupakan kumpulan perintah SQL yang digunakanuntuk proses pengolahan isi data di dalam tabel seperti memasukkan, merubah danmenghapus isi data serta menampilkan data. agar dalam kondisi pengolahan data lebihmaksimal dengan beragam spesifikasi data yang bisa di tampilkan serta menyangkut padarelasi antar field table menjadi lebih mudah. Berdasarkan uraian tersebut, maka penulismelakukan penelitian yang berjudul: Membangun Content Management System MQGS(Mysql Queries Generator Syntax).

LANDASAN TEORI

Web (Website)Menurut Riyanto (2007:2) Web adalah fasilitas hypertext yang mampu menampilkan

data berupa teks, gambar, suara, animasi dan multimedia lainnya, dimana diantara data-datatersebut saling terkait dan berbuhungan satu dengan yang lainnya untuk memudahkan dalammembaca data tersebut dibutuhkan sebuah browser seperti internet eksplorer, netscape, operaataupun mozila firefox.

Menurut Simarmata (2010:274) Web adalah merupakan kumpulan halaman-halamanwab yang berhubungan dengan komponen perangkat lunak yang terkait secara semantisdengan konten dan secara sintaktis melalui tautan dan mekanisme kontrol lainnya.

PHP (PHP Hypertex Prepocessor)Menurut Peranginangin (2008:2), PHP singkatan dari PHP Hypertex Prepocessor

yang digunakan sebagai bahasa script server-side dalam pengembangan Web yang disisipkanpada dokumen HTML.

CSS (Cascading Style Sheet)Menurut Rusli (2012:2), CSS adalah cara memformat halaman situs secara efektif dan

efisien.

HTML (Hyper Text Mark-up Language)Menurut Siddik (2012:18), HTML merupakan tag dasar yang mendefinisikan bahwa

dokumen ini adalah dokumen HTML.Menurut Yuhefizar (2008:159), world wide web sering disingkat dengan www atau

web adalah suatu metode untuk menampilkan informasi di internet, baik berupa teks, gambar,suara maupun video interaktif dan mempunyai kelebihan untuk menghubungkan link satudokumen dengan dokumen lainnya (hypertext) yang dapat diakses melalui sebuah browser.

3

Web BrowserMenurut Siddik (2012:5), Web Browser adalah software yang digunakan untuk

menampilkan informasi dari server web. Software ini telah dikembangkan denganmenggunakan user interface grafis, sehingga pemakai dapat dengan melakukan “point danclick” untuk pindah antar dokumen.

CMS (Content Management System)Menurut Andi (2011:2), CMS (Content Management System), sistem merupakan

suatu alat atau gabunngan dari alat yang efisien, efektif dan memudahkan pembuatahhalaman web.

Uses CaseMenurut Simarmata (2010:80), Use case adalah komponen – komponen utama yang

menggerakkan model use case tersebut. Sebuah use case dapat didefinisikan sebagai satubagian fungsionalitas yang memberi seorang pengguna sebuah hasil berupa nilai.

HASIL DAN PEMBAHASAN

AnalisisAnalisis sistem berjalan untuk mengetahui bagaimana alur proses yang terjadi pada

sistem yang sudah berjalan dan mengetahui kekurangan dan kendala yang dihadapi padadalam penggunaan CMS dan bahasa SQL pada umumnya.

Tabel 1.Identifikasi Penyebab Masalah

Masalah PenyebabProses perancangan table query(hasil output table) serta formInput yang lama

Belum adanya aplikasi yang menghasilkandesain ouput dan form yang di integrasikankedalam website sederhana dan mudah difahami

Rata-rata penggunaan newsportal dan blog digunakan olehkalangan umum dan pelajaruntuk memposting artikel atauberita serta kebutuhan informasiberbasis multimedia sepertividio, audio, gambar maupundokumen viewer office

Penggunaan news portal dan blog dikalanganumum dan mahasiswa untuk mempostingberita / artikel, halaman informasi yanghampir sama hanya berbeda desain

Lamanya proses coding secaramanual untuk setiap field daritabel database.

Banyak dari akademisi dan kalangan umumyang membuat suatu pemprosesan untuktable yang terdiri dari form Input, update dandelete masih menuliskan koding secaramanual dari setiap varible ke fileds tabeldatabase

Use Case DiagramUse case diagram merupakan model diagram UML yang digunakan untuk

menggambarkan requirement fungsional yang diharapkan dari sebuah sistem.

4

Gambar 1. Use Case Diagram

Diagram ActivityDiagram activity menggambarkan berbagai alir aktivitas dalam sistem yang sedang

dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, danbagaimana mereka berakhir.

5

Gambar 2. Diagram Activity

Class DiagramClass diagram dibangun atau dibuat untuk mendokumentasikan dan menggambarkan

kelas-kelas dalam pemrograman yang nantinya akan dibangun.

6

Gambar 3. Class Diagram

Form Input LoginForm Input Login berfungsi untuk masuk menu utama. User harus mengisi username

dan password untuk dapat masuk kemenu utama. Adapun tampilan form input login dapatdilihat pada gambar berikut:

7

Gambar 5. Form Input Login

Form Halaman Dashboard AdminDesain halaman dashboard admin adalah untuk memulai control panel management

aplikasi website. Tampilannya seperti gambar dibawah ini :

Profile

Post

Halaman

Pengaturan

Pengguna

Admin

Statistik Pengunjung

9

icon

9

icon

9

icon

9

icon

9

icon

9

icon

9

icon

Halaman Utama

Post

Media

Halaman

Tampilan

Komponen

Pengguna

Content Management SystemDenis Ciala (021100095) & A hafiz al bary (022090265)

Navigasi : ________

Statistik Pengunjung 4 hari yang lalu

Post Kategori Tags Media Halaman Komponen Pengguna

Gambar 6. Form Halaman Dashboard Admin

Desain Tampilan Dashboard AdminDesain halaman dashboard admin adalah untuk memulai control panel management

aplikasi website. Tampilannya seperti gambar dibawah ini :

7

Gambar 5. Form Input Login

Form Halaman Dashboard AdminDesain halaman dashboard admin adalah untuk memulai control panel management

aplikasi website. Tampilannya seperti gambar dibawah ini :

Profile

Post

Halaman

Pengaturan

Pengguna

Admin

Statistik Pengunjung

9

icon

9

icon

9

icon

9

icon

9

icon

9

icon

9

icon

Halaman Utama

Post

Media

Halaman

Tampilan

Komponen

Pengguna

Content Management SystemDenis Ciala (021100095) & A hafiz al bary (022090265)

Navigasi : ________

Statistik Pengunjung 4 hari yang lalu

Post Kategori Tags Media Halaman Komponen Pengguna

Gambar 6. Form Halaman Dashboard Admin

Desain Tampilan Dashboard AdminDesain halaman dashboard admin adalah untuk memulai control panel management

aplikasi website. Tampilannya seperti gambar dibawah ini :

7

Gambar 5. Form Input Login

Form Halaman Dashboard AdminDesain halaman dashboard admin adalah untuk memulai control panel management

aplikasi website. Tampilannya seperti gambar dibawah ini :

Profile

Post

Halaman

Pengaturan

Pengguna

Admin

Statistik Pengunjung

9

icon

9

icon

9

icon

9

icon

9

icon

9

icon

9

icon

Halaman Utama

Post

Media

Halaman

Tampilan

Komponen

Pengguna

Content Management SystemDenis Ciala (021100095) & A hafiz al bary (022090265)

Navigasi : ________

Statistik Pengunjung 4 hari yang lalu

Post Kategori Tags Media Halaman Komponen Pengguna

Gambar 6. Form Halaman Dashboard Admin

Desain Tampilan Dashboard AdminDesain halaman dashboard admin adalah untuk memulai control panel management

aplikasi website. Tampilannya seperti gambar dibawah ini :

8

Gambar 7. Desain Tampilan Dashboard Admin

Form Halaman News PortalDesain Halaman news portal dibuat untuk menampilkan hasil pengolahan data

dashboard admin sesuai kebutuhan management administrator sebagai media informasiseperti pada Gambar dibawah ini :

8

Gambar 7. Desain Tampilan Dashboard Admin

Form Halaman News PortalDesain Halaman news portal dibuat untuk menampilkan hasil pengolahan data

dashboard admin sesuai kebutuhan management administrator sebagai media informasiseperti pada Gambar dibawah ini :

8

Gambar 7. Desain Tampilan Dashboard Admin

Form Halaman News PortalDesain Halaman news portal dibuat untuk menampilkan hasil pengolahan data

dashboard admin sesuai kebutuhan management administrator sebagai media informasiseperti pada Gambar dibawah ini :

9

Gambar 8. Form Halaman News Portal

Desain Tampilan News PortalDesain Halaman news portal dibuat untuk menampilkan hasil pengolahan data

dashboard admin sesuai kebutuhan management administrator sebagai media informasiseperti pada Gambar dibawah ini :

10

Gambar 9. Desain Tampilan News Portal

Form Halaman Timeline ForumDesain halaman utama timeline forum sebagai halaman utama yang berisi hasil

diskusi pengguna forum dan sebagai media informasi seperti pada Gambar dibawah ini :

10

Gambar 9. Desain Tampilan News Portal

Form Halaman Timeline ForumDesain halaman utama timeline forum sebagai halaman utama yang berisi hasil

diskusi pengguna forum dan sebagai media informasi seperti pada Gambar dibawah ini :

10

Gambar 9. Desain Tampilan News Portal

Form Halaman Timeline ForumDesain halaman utama timeline forum sebagai halaman utama yang berisi hasil

diskusi pengguna forum dan sebagai media informasi seperti pada Gambar dibawah ini :

11

Gambar 10. Form Halaman Timeline forum

Desain halaman Timelie ForumDesain halaman utama timeline forum sebagai halaman utama yang berisi hasil

diskusi pengguna forum dan sebagai media informasi seperti pada Gambar dibawah ini :

12

Gambar 11. Desain Halaman Timeline Forum

Implementasi DatabaseDari hasil implementasi yang telah dibuat, maka pembuatan basis data dilakukan

dengan menggunakan bahasa SQL, dimana aplikasi pemograman yang digunakan adalahPHP MyAdmin. Implementasi database dapat dilihat pada Tabel 2 sebagai berikut: NamaBasis Data : cms_mqgs.sql

12

Gambar 11. Desain Halaman Timeline Forum

Implementasi DatabaseDari hasil implementasi yang telah dibuat, maka pembuatan basis data dilakukan

dengan menggunakan bahasa SQL, dimana aplikasi pemograman yang digunakan adalahPHP MyAdmin. Implementasi database dapat dilihat pada Tabel 2 sebagai berikut: NamaBasis Data : cms_mqgs.sql

12

Gambar 11. Desain Halaman Timeline Forum

Implementasi DatabaseDari hasil implementasi yang telah dibuat, maka pembuatan basis data dilakukan

dengan menggunakan bahasa SQL, dimana aplikasi pemograman yang digunakan adalahPHP MyAdmin. Implementasi database dapat dilihat pada Tabel 2 sebagai berikut: NamaBasis Data : cms_mqgs.sql

13

Tabel 2.Implementasi Database

Nama Tabel KegunaanTable mqgs_user Menyipan data user news portal dan

member forumTable mqgs_post Menyipan data postingan artikel

news portal, data halaman,menyimpan data forum berupa datavidio, youtube, audio, dokumen dangaleri

Table mqgs_setting Menyimpan data identitas websitedan identitas admin master

Table mqgs_terms Menyimpan data kategori, tags danmedia

Table mqgs_traffic Menyimpan data traffic pengunjungnews portal

Table mqgs_comment Menyimpan data komentar postinganartikel dan forum

Table mqgs_component Menyimpan data tabel exporttambahan

Implementasi InterfaceBerupa tabel interface, seperti tabel berikut :

Tabel 3.Implementasi Interface

No. Nama Interface Kegunaan1 Desain login Tampilan menu login.2 Desain Forum Merupakan halaman menu utama

diskusi forum3 Desain News Portal Merupakan halaman berita news

portal dan blog4 Desain Halaman Dashboard Merupakan halaman kelolah admin

master5 Desain Halaman Tools

Aplikasi MQGSMerupakan halaman deteksi tablekomponen untuk menghasilkan kode(Input, Update dan Delete)

PengujianPengujian merupakan bagian yang penting dalam siklus pengembangan perangkat

lunak. Pengujian dilakukan untuk menjamin kualitas dan juga mengetahui kelemahan dariperangkat lunak. Tujuan dari pengujian ini adalah untuk menjamin bahwa perangkat lunakyang dibangun memiliki kualitas yang handal. Pengujian perangkat ini menggunakan metodepengujian black box. Pengujian black box ini tidak perlu tahu apa yang sesungguhnya terjadidalam sistem atau perangkat lunak, yang diuji adalah masukan serta keluarannya. Denganberbagai masukan yang diberikan, apakah sistem atau prangkat lunak Memberikan keluaranseperti yang kita harapkan atau tidak. Dibawah ini adalah tabel hasil pengujian web ContentManagement System MQGS menggunakan metode pengujian black-box.

14

Tabel 4.Pengujian

No Data yang Diuji Pemroses Hasil1 Data User Form user Berhasil2 Data Post Form post atikel,

halaman, submit forumBerhasil

3 Data Wesite Setting Form Website Setting Berhasil4 Data Terms Form Kategori, Tags

dan MediaBerhasil

5 Data Traffic Grafik Pengunjung Berhasil6 Data Comment Form komentar news

portal dan forumBerhasil

PENUTUP

Setelah melakukan analisis dan perancangan pada CMS ini, maka dapat ditarikkesimpulan antara lain: Kebutuhan akan website mendorong penggunaan situs denganberbagai kebutuhan informasi yang mendukung berbagai kebutuhan website seperti newsportal, blog dan forum, dengan mendukung kebutuhan multimedia seperti memyimpan file,vidio, gambar, audio hingga dokumen office viewer, agar pengguna dapat menampilkaninformasi sesuai yang dibutuhkannya. CMS merupakan sebuah aplikasi dengan konsepContent Managemant System yang dapat membantu pengguna dalam mengatur danmengelola situs web pribadinya tanpa harus memiliki kemampuan bahasa pemrogramanberbasis web. Mendukung kebutuhan selain media informasi dengan adanya sistemkomponen untuk mengupload / menambah tabel baru yang kemudian bisa ditambahkankedalam aplikasi MSGS untuk mengelolah isi data tabel seperti insert, select, update dandelete.

DAFTAR PUSTAKA

Andi. 2011. Matering CMS Programming with PHP & MySql. Semarang: WahanaKomputer.

Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySql. Semarang:Universitas Diponegoro.

Riyanto, Selamet. 2007. Membangun Website dengan Adobe Photoshop dan MacromediaDreamweaper. Bandung: Datakom Lintas Buana.

Rusli, Ronald. 2013. Membuat Aplikasi GPS dan Suara Antrion dengan PHP. Yogyakarta:Lokomedia.

Siddik, Betha. 2012. Pemrograman Web dengan PHP. Informatika. Bandung: Andi.

Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta: Andi Offset

Yuhefizar. 2008. 10 Jam Menguasai Internet : Teknologi dan Aplikasinya. Jakarta: PT.ElexMedia Komputindo.