Skripsi_Perancangan CMS forum diskusi dan chatroom komunitas Radiohead Indonesia

5/13/2018 Skripsi_Perancangan CMS forum diskusi dan chatroom komunitas Radiohead I...

http://slidepdf.com/reader/full/skripsiperancangan-cms-forum-diskusi-dan-chatroom-komunitas-radio



PERANCANGAN CONTENT MANAGEMENT SYSTEM (CMS) FORUM

DISKUSI DAN CHAT ROOM KOMUNITAS RADIOHEAD INDONESIA

SKRIPSI

Diajukan sebagai salah satu syarat untuk gelar kesarjanaan pada

Jenjang Pendidikan Strata 1

OLEH :

SANTOSA AWI JUSTY

07101152630030

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PUTRA INDONESIA “YPTK”

PADANG

2012



vi

ABSTRACT

Santosa Awi Justy, BUILD CONTENT MANAGEMENT SYSTEM (CMS)

DISCUSSION FORUM AND CHAT ROOM

INDONESIAN RADIOHEAD COMMUNITY

This study aims to collect some or any Radiohead fans in a discussion forumand they will do some interaction each others, share all information about Radiohead,

and find any descriptions of topics that will be wanted.

This analysis method describes the UML is the Unified Modeling Language

(UML) is a "language" that has become standard in the industry to determine,

visualizations, designing and documenting the artifacts of software systems, to model

non-business and other software systems MySQL is an application or mengola

system for database or data management. Php is a server-side scripting language that

can be fused with a tag - HTML tag. With Content Management System (CMS)

method, an Implemented program could be easier to be organized.

Keywords: Forum, Radiohead, UML, CMS



vii

ABSTRAK

Santosa Awi Justy, PERANCANGAN CONTENT MANAGEMENT SYSTEM

(CMS) FORUM DISKUSI DAN CHAT ROOM

KOMUNITAS RADIOHEAD INDONESIA

Penelitian ini bertujuan untuk mengumpulkan penggemar Radiohead dalamsuatu forum diskusi dan saling berinteraksi satu sama lain, berbagi informasi tentang

Radiohead, dan mencari topik pembahasan yang diinginkan.

Pada metode analisa ini menjelaskan tentang UML yaitu Unified Modelling

Language (UML) adalah sebuah “bahasa” yang telah menjadi standar dalam industri

untuk menentukan, visualisasi, merancang dan mendokumentasikan artifact dari

sistem software, untuk memodelkan bisnis dan sistem non software lainnya MySQL

yaitu aplikasi atau system untuk mengola database atau manajemen data. Php adalah

bahasa server-side scripting yang bisa menyatu dengan dengan tag – tag HTML,

dengan metode Content Management System (CMS), maka program yang

diimplementasikan jadi mudah untuk dikelola.

Kata Kunci : Forum, Radiohead, UML, CMS



x

DAFTAR ISI

HALAMAN JUDUL .......................................................................................... i

LEMBARAN PERNYATAAN ......................................................................... ii

LEMBARAN PENGESAHAN SKRIPSI ....................................................... iii

LEMBARAN PENGESAHAN PENGUJI SIDANG SKRIPSI ..................... iv

LEMBARAN PENGESAHAN LULUS SIDANG SKRIPSI ......................... v

ABSRTACT ........................................................................................................ vi

ABSTRAK .......................................................................................................... vii

KATA PENGANTAR ........................................................................................ viii

DAFTAR ISI ...................................................................................................... x

DAFTAR GAMBAR ......................................................................................... xvi

DAFTAR TABEL .............................................................................................. xviii

DAFTAR LAMPIRAN ...................................................................................... xix

BAB 1 PENDAHULUAN .................................................................................. 1

1.1 Latar Belakang Masalah ......................................................................... 1

1.2 Perumusan Masalah ................................................................................ 2

1.3 Hipotesis ................................................................................................. 2

1.4 Batasan Masalah ..................................................................................... 3

1.5 Tujuan Penelitian .................................................................................... 3

1.6 Manfaat Penelitian .................................................................................. 3

1.7 Gambaran Organisasi ............................................................................. 4

1.7.1 Sejarah Organisasi ........................................................................ 4

1.7.2 Struktur Organisasi ........................................................................ 5

1.7.3 Kegiatan Organisasi ...................................................................... 5

BAB II LANDASAN TEORI ............................................................................ 7



xi

2.1 Situs Web ................................................................................................ 7

2.1.1 Pengertian Situs Web ...................................................................... 7

2.1.2 Sejarah Situs Web ........................................................................... 8

2.1.3 Jenis Situs Web .............................................................................. 9

2.1.3.1 Situs Web Statis .................................................................... 9

2.1.3.2 Situs Web Dinamis ................................................................ 10

2.2 Hypertext Processor (PHP) ....................................................................... 11

2.2.1 Sejarah PHP ..................................................................................... 11

2.2.2 Contoh Program PHP ...................................................................... 13

2.2.3 Keunggulan PHP ............................................................................. 13

2.3.4 PHP Framework .............................................................................. 14

2.3.4.1 CakePHP ................................................................................ 14

2.3.4.2 CodeIgniter ............................................................................ 15

2.3.4.3 Prado ..................................................................................... 16

2.3.4.4 Symfony ................................................................................. 16

2.3.4.5 Zend Framework ................................................................... 17

2.3 MySQL ..................................................................................................... 18

2.3.1 Pengertian MySQL .......................................................................... 18

2.3.2 Sistem Manajemen Basis Data Rasional ......................................... 18

2.3.3 Keistimewaan MySQL .................................................................... 19

2.4 Web Server …........................................................................................... 21

2.4.1 Defenisi Web Server ........................................................................ 21

2.4.2 Sejarah Web Server ......................................................................... 22

2.4.3 Fitur Umum Web Server ................................................................. 23

2.4.4 Terjemahan Path Web Browser ....................................................... 24



xii

2.4.5 Batas Beban Web Server ................................................................. 25

2.4.6 Contoh Web Server .......................................................................... 26

2.5 Content Managemenent System (CMS) .................................................. 26

2.5.1 Defenisi CMS .................................................................................. 26

2.5.2 Manfaat CMS .................................................................................. 27

2.5.3 Pengelolaan CMS ............................................................................ 29

2.5.4 Perangkat Lunak CMS .................................................................... 31

2.5.5 Pemanfaatan CMS .......................................................................... 31

2.6 Forum Internet ......................................................................................... 32

2.6.1 Defenisi Forum Internet ................................................................... 32

2.6.2 Keanggotaan Otomatis Forum Internet ........................................... 32

2.6.3 Administrator dan Moderator Forum Internet ................................. 33

2.6.4 Perangkat Lunak Forum Internet ..................................................... 33

2.6.5 Etika Penggunaan Forum Internet ................................................... 34

2.6.5.1 Kiriman Ganda ...................................................................... 34

2.6.5.2 Spam ...................................................................................... 35

2.6.5.3 Sanksi ..................................................................................... 35

2.7 Unified Modelling Language (UML) ...................................................... 35

2.7.1 Pengertian UML .............................................................................. 36

2.7.2 Sejarah UML ................................................................................... 37

2.7.3 Tujuan UML .................................................................................... 37

2.7.4 Jenis - Jenis Diagram UML ............................................................. 37

2.7.4.1 Use Case Diagram ................................................................. 37

2.7.4.2 Class Digram ......................................................................... 39

2.7.4.3 Statechart Diagram ................................................................ 42



xiii

2.7.4.4 Activity Diagram .................................................................. 43

2.7.4.5 Sequence Diagram ................................................................. 44

2.7.4.6 Collaboration Diagram .......................................................... 45

2.7.4.7 Component Diagram ............................................................. 47

2.7.4.8 Deployment Digagram .......................................................... 47

2.7.5 Langkah - Langkah Penggunaan UML ............................................ 48

BAB III METODOLOGI PENELITIAN ......................................................... 50

3.1 Kerangka Penelitian ................................................................................. 50

3.2 Tahapan Penelitian ................................................................................... 50

3.2.1 Penelitian Pendahuluan ................................................................... 50

3.2.2 Pengumpulan Data .......................................................................... 51

3.2.3 Analisa Dan Perancangan ................................................................ 52

3.2.4 Implementasi ................................................................................... 53

3.2.5 Pengujian ......................................................................................... 54

BAB IV ANALISA DAN PERANCANGAN ................................................... 55

4.1 Analisa Sistem ......................................................................................... 55

4.2 Perancangan Sistem ................................................................................. 55

4.2.1 Kebutuhan Sistem ............................................................................ 55

4.2.1.1 Perangkat Keras Sistem ......................................................... 56

4.2.1.2 Perangkat Lunak Sistem ........................................................ 56

4.2.2 Pengolahan Data .............................................................................. 57

4.2.2.1 Perancangan Program ............................................................ 57

4.3 Pembuatan Pemodelan ............................................................................ 58

4.3.1 Use Case Diagram ........................................................................... 58

4.3.1.1 Defenisi / Identifikasi Aktor .................................................. 58



xiv

4.3.1.2 Defenisi Identifikasi Use Case .............................................. 59

4.3.1.3 Diagram Use Case ................................................................. 61

4.3.2 Class Diagram ................................................................................. 61

4.3.2.1 Identifikasi Class ................................................................... 61

4.3.2.2 Class Diagram ....................................................................... 62

4.3.2.3 Tabel Database dari Class Diagram ...................................... 63

4.3.3 Sequence Diagram ........................................................................... 66

4.3.3.1 Sequence Diagram Proses Mengirim Post ............................ 66

4.3.3.2 Sequence Diagram Proses Melihat Profile ............................ 68

4.3.3.3 Sequence Diagram Proses Chatroom .................................... 70

4.3.3.4 Sequence Diagram Administrasi ........................................... 71

4.3.4 Collaboration Diagram .................................................................... 71

4.3.4.1 Collaboration Diagram Proses Mengirim Post ...................... 72

4.3.4.2 Collaboration Diagram Proses melihat Profile ...................... 73

4.3.4.3 Collaboration Diagram Proses Chatroom .............................. 75

4.3.4.4 Collaboration Diagram Administrasi .................................... 76

4.3.5 Activity Diagram ...................................................................... 76

4.3.6 Statechart Diagram ................................................................... 79

4.3.7 Deployment Diagram ............................................................... 82

4.4 Desain User Interface .............................................................................. 83

4.4.1 Desain Kontrol Administrasi ........................................................... 83

4.4.2 Desain Halaman ............................................................................... 85

BAB V IMLPEMENTASI DAN PENGUJIAN ............................................... 88

5.1 Implementasi Sistem ................................................................................ 88

5.1.1 Lingkungan Implementasi ............................................................... 88



xv

5.1.1.1 Perangkat Keras ( Hardware) ................................................ 88

5.1.1.2 Perangkat Lunak (Software) .................................................. 89

5.2 Pengujian .................................................................................................. 89

5.2.1 Konfigurasi ...................................................................................... 89

5.2.1.1 Konfigurasi Server ................................................................. 90

5.2.1.1 Konfigurasi Client ................................................................. 91

5.2.2 Interface ........................................................................................... 92

5.2.2.1 Index ...................................................................................... 92

5.2.2.2 Forum ..................................................................................... 93

5.2.2.3 Topik ..................................................................................... 94

5.2.2.4 Userlist .................................................................................. 94

5.2.2.5 Chatroom ............................................................................... 95

5.2.3 Interface Administrator ................................................................... 96

5.2.3.1 Admin Kategori .................................................................... 96

5.2.3.2 Admin Forum ........................................................................ 96

BAB VI PENUTUP ............................................................................................ 98

6.1 Kesimpulan ............................................................................................... 98

6.2 Keterbatasan Sistem ................................................................................. 99

6.3 Saran ......................................................................................................... 99

DAFTAR PUSTAKA

LAMPIRAN



xvi

DAFTAR GAMBAR

Gambar 2.1 Situs Web Resmi Radiohead ............................................................... 8

Gambar 2.2 Contoh Program Hallo World ............................................................. 13

Gambar 2.3 Contoh Program Fibonaci .................................................................... 13

Gambar 3.1 Kerangka Penelitian ............................................................................ 50

Gambar 4.1 Use Case Diagram ............................................................................... 61

Gambar 4.2 Class Diagram ..................................................................................... 62

Gambar 4.3 Sequence Diagram Proses Mengirim Post Untuk Member ................. 67

Gambar 4.4 Sequence Diagram Proses Mengirim Post Untuk Admin ................... 67

Gambar 4.5 Sequence Diagram Proses Mengirim Post Untuk Guest ..................... 68

Gambar 4.6 Sequence Diagram Proses Melihat Profile Untuk Guest ..................... 68

Gambar 4.7 Sequence Diagram Proses Melihat Profile Untuk Member ................ 69

Gambar 4.8 Sequence Diagram Proses Melihat Profile Untuk Admin .................. 69

Gambar 4.9 Sequence Diagram Proses Proses Chatroom Untuk Member ............. 70

Gambar 4.10 Sequence Diagram Proses Proses Chatroom Untuk Admin ............. 70

Gambar 4.11 Sequence Diagram Administrasi ...................................................... 71

Gambar 4.12 Collaboration Diagram Proses Mengirim Post Untuk Member ........ 72

Gambar 4.13 Collaboration Diagram Proses Mengirim Post Untuk Admin .......... 72

Gambar 4.14 Collaboration Diagram Proses Mengirim Post Untuk Guest ............ 73

Gambar 4.15 Collaboration Diagram Proses Melihat Profile Untuk Guest ............ 73

Gambar 4.16 Collaboration Diagram Proses Melihat Profile Untuk Member ........ 74

Gambar 4.17 Collaboration Diagram Proses Melihat Profile Untuk Admin .......... 74

Gambar 4.18 Collaboration Diagram Proses Proses Chatroom Untuk Member ..... 75

Gambar 4.19 Collaboration Diagram Proses Proses Chatroom Untuk Admin ....... 75

Gambar 4.20 Collaboration Diagram Administrasi ................................................ 76

Gambar 4.21 Activity Diagram Untuk Guest ......................................................... 77



xvii

Gambar 4.22 Activity Diagram Untuk Member ..................................................... 78

Gambar 4.23 Activity Diagram Untuk Admin ....................................................... 79

Gambar 4.24 Statechart Diagram Proses Mengirim Post ....................................... 80

Gambar 4.25 Statechart Diagram Proses Melihat Profile ....................................... 81

Gambar 4.26 Statechart Diagram Chatroom .......................................................... 81

Gambar 4.27 Statechart Diagram Administrasi ...................................................... 82

Gambar 4.28 Deployment Diagram ........................................................................ 82

Gambar 4.29 Desain Kontrol Kategori ................................................................... 83

Gambar 4.30 Desain Kontrol Forum ...................................................................... 84

Gambar 4.31 Desain Post Dalam Topik ................................................................. 85

Gambar 4.32 Desain Profile .................................................................................. 86

Gambar 4.29 Desain Edit Profile ............................................................................ 87

Gambar 4.29 Desain Chatroom .............................................................................. 87

Gambar 5.1 Konfigurasi IP Address Server ........................................................... 90

Gambar 5.2 Uji Ping Ke Komputer Client ........................................................... 90

Gambar 5.3 Tampilan XAMPP ............................................................................. 91

Gambar 5.4 Konfigurasi IP Address Client ........................................................... 91

Gambar 5.5 Uji Ping Ke Komputer Server ........................................................... 92

Gambar 5.6 Tampilan Index .................................................................................. 93

Gambar 5.7 Tampilan Froum ................................................................................. 93

Gambar 5.8 Tampilan Topik .................................................................................. 94

Gambar 5.9 Tampilan Userlist ............................................................................. 95

Gambar 5.10 Tampilan Chatroom .......................................................................... 95

Gambar 5.11 Admin Kategori ............................................................................... 96

Gambar 5.12 Admin Forum ................................................................................. 91



xviii

DAFTAR TABEL

Tabel 2.1 Simbol Use Case Diagram ...................................................................... 38

Tabel 2.2 Simbol Class Diagram ............................................................................ 41

Tabel 2.3 Simbol Statechart Diagram ..................................................................... 42

Tabel 2.4 Simbol Activity Diagram ....................................................................... 44

Tabel 2.5 Simbol Sequence Diagram ..................................................................... 45

Tabel 2.6 Simbol Collaboration Diagram ............................................................... 46

Tabel 2.7 Simbol Deployment Diagram ................................................................. 47

Tabel 4.1 Rancanga Program .................................................................................. 57

Tabel 4.2 Defenisi / Identifikasi Aktor ................................................................... 58

Tabel 4.3 Defenisis / Identifikasi Use Case ............................................................ 59

Tabel 4.4 Identifikasi Class .................................................................................... 61

Tabel 4.5 Struktur Tabel Kategori .......................................................................... 63

Tabel 4.6 Struktur Tabel Forum ............................................................................. 63

Tabel 4.7 Struktur Tabel Post ................................................................................. 64

Tabel 4.8 Struktur Tabel Online ............................................................................. 64

Tabel 4.9 Struktur Tabel Topik ............................................................................... 65

Tabel 4.10 Struktur Tabel User ............................................................................... 65

Tabel 4.11 Struktur Tabel Chatroom ...................................................................... 66

Tabel 4.12 Desain Index ......................................................................................... 84

Tabel 4.13 Desain Forum ....................................................................................... 85

Tabel 4.14 Desain Userlist ...................................................................................... 84



xix

DAFTAR LAMPIRAN

LAMPIRAN 1 : LISTING PROGRAM

LAMPIRAN 2 : CURRICULUM VITAE

LAMPIRAN 3 : KATA PERSEMBAHAN



1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Disaat adanya dan makin berkembangnya situs jejaring sosial, seiring

berjalannya waktu dan banyaknya pengguna jasa internet seperti mencari artikel,

membuat blog, menonton video dan musik, permainan online, mendaftarkan diri

pada jejaring sosial, dan berdiskusi. Dan pada saat itu pula banyak juga yang

membuat forum komunitas - komunitas seperti komunitas para pemain game,

komunitas pecinta musik, dan sebagainya.

Oleh sebab itu salah satu kumpulan komunitas penggemar Radiohead di salah

satu jejaring sosial Facebook telah dikelola dengan baik, dengan banyaknya member

yang berpatisipasi dalam grup ini dan pengelola grup mengembangkan lagi ke

beberapa situs jejaring sosial yang lain separti Twitter , Youtube channel, dan Blog.

Radiohead adalah salah satu grup musik asal Inggris yang terbentuk pada tahun

1986 dengan beraliran Alternative Rock dan Electronic Music yang beranggotakan

Thom Yorke, Jonny Greenwood, Ed O’Brien, Colin Greenwood, dan Philip Selway.

Sampai sekarang ini, Radiohead memiliki 8 album. Radiohead memiliki unsur musik

breaktrough sehingga banyak meginspirasi musisi lainnya. Dengan jutaan

penggemar didunia termasuk di Indonesia.

Maka dari latar belakang ini, dikembangkanlah komunitas ini yang dirancang

dalam bentuk Forum diskusi dan Chat Room, dengan adanya forum ini anggota dapat

berinteraksi satu sama lain, baik secara langsung melalui chatting maupun dengan

tidak langsung melalui threading topic. Dalam pembangunan forum diskusi ini,

digunakan dengan metode Content Management System (CMS) dan menggunakan



2

bahasa pemrograman PHP, MySql, aplikasi chatting, dan aplikasi tambahan yang

diperlukan untuk membangun forum diskusi ini berjalan secara optimal.

Berdasarkan masalah tersebut diatas, inilah yang menarik minat untuk

merancang suatu aplikasi berbasis web forum diskusi, dengan judul

“PERANCANGAN CONTENT MANAGEMENT SYSTEM (CMS) FORUM

DISKUSI DAN CHAT ROOM KOMUNITAS RADIOHEAD INDONESIA”.

1.2 Perumusan Masalah

Berdasarkan latar belakang yang diuraikan diatas, maka ada beberapa

perumusan masalah yang dapat dikemukakan yaitu:

1. Bagaimana konsep pemrograman Content Management System ini dapat

membangun suatu forum diskusi?

2. Bagaimana pengelolaan dari Conent Management System yang akan

dirancang?

3. Bagaimana forum diskusi ini dapat memenuhi kepuasan anggota dalam

penggunaannya?

1.3 Hipotesis

Berdasarkan perumusan masalah diatas, maka dibuatlah suatu hipotesis sebagai

jawaban sementara dari permasalahan tersebut yaitu:

1. Diharapkan forum diskusi yang dijalankan dengan Content Management

System sudah mampu untuk digunakan oleh pengelola maupun para anggota.

2. Diharapkan dengan Content Maagement System, forum diskusi ini dapat

dikelola dengan baik dan dapat mengatur semua konten oleh administrator .

3. Diharapkan dengan forum diskusi yang dirancang, para anggota dapat

melakukan komunikasi dan berinteraksi satu sama lain.



3

1.4 Batasan Masalah

Forum diskusi ini dibangun dengan menggunakan bahasa pemrograman PHP

dan memanfaatkan framework sebagai fitur pendukung dalam perancangannya. Dan

source code untuk membangun forum diskusi dengan Content Management System.

Dengan permasalahan ini didapatkan batasan masalah yaitu CMS yang berfungsi

mengelola halaman web dengan mudah, mengedit layout, header, form, tabel dan

konfigurasi lainnya.

1.5 Tujuan Penelitian

Adapun tujuan dari penelitian yang dilakukan yaitu:

1. Membangun sebuah forum diskusi untuk komunitas pecinta Radiohead di

Indonesia.

2. Mengumpulkan para penggemar Radiohed untuk saling berbagi koleksi seperti

musik, gambar, video, dan sebagainya.

3. Dapat berinteraksi satu sama lain sehingga para anggota dapat saling kenal

dan dapat berkumpul pada suatu tempat yang telah ditentukan.

1.6 Manfaat Penelitian

Beberapa manfaat dalam perancangan forum diskusi ini yaitu:

1. Diharapkan semua penggemar Radiohead yang ada di Indonesia

2. Bisa mengenal komunitas penggemar Radiohead yang lainnya, memberikan

informasi terbaru mengenai Radiohead,

3. Mengetahui aturan – aturan yang diterapkan dalam pembangunan dan

publikasi sebuah situs web.



4

1.7 Gambaran Organisasi

Indonesian Radiohead Fans adalah suatu organisasi pecinta Radiohead, suatu

grup musik yang berasal dari Inggris. Organisasi ini memiliki banyak anggota di

seluruh Indonesia. Sampai saat ini telah banyak mengadakan berapa tribute event

maupun gathering bulanan untuk saling berbagi pengtahuan tentang Radiohead.

Kegiatan tersebut hanya baru dilakukan di daerah pulau Jawa seperti di Jakarta dan

Bandung. Oleh sebab itu organisasi ini memiliki anggota di luar pulau Jawa,

sehingga organisasi ini lebih aktif di dunia maya.

1.7.1 Sejarah Organisasi

Sekitar pertengahan 2009, Abraham Sitompul seorang yang pertama kali

membaut grup komunitas Radiohead di Facebook , seiring berjalannya waktu penulis

adalah seseorang yang juga penggemar Radiohead bergabung kedalam grup tersebut,

tidak lama keumdian kegiatan penulis sanagat aktif dalam grup ini sehingga admin

pendiri grup mengangkat penulis menjadi admin dari grup tersebut. Sampai sekarang

grup ini dikelola oleh empat orang admin termasuk penulis sendiri.

Pada awal Januari 2010 penulis mendirikan grup ini di jejaring sosial twitter

dan disaat itu pula para pengelola grup mengadakan gathering pertama di Jakarta

yang mengumpulkan para anggota dan tribute bersama - sama. Pada tanggal 13

Februari 2010 grup ini mengadakan event pertama Radiohead For Indonesia di FX

Studio di Jakarta dengan dipersembahkan oleh grup musik lokal. Pada saat itu pula

kepengurusan Indonesian Radiohead Fans dibentuk oleh pengelola komunitas ini.

Sampai sekarang ini beberapa event telah dilaksanakan yang berupaya

mendatangkan Radiohead ke Indonesia.



5

1.7.2 Struktur Organisasi

Struktur organisasi Indonesian Radiohead Fans ditetapkan pada tahun 2010

oleh pendiri organisasi itu sendiri dengan susunan sebagai berikut:

1. Advisor : Andryas Effendi.

2. Chairman : Abraham Sitompul.

3. Vice Chairman : Candy Asril.

4. Secretary : Josef Rainhard.

5. Treasurer : Tari Fitri.

6. Event & Activities : Bondan Panji Fauzi, Natasya Sitorus

7. Public Relations : Nur Rahma Medina, Alfonsus Tristyantoro.

8. Media Relation : Mahdesi Iskandar.

9. Information & Technology : Santosa Awi Justy, Achmad A. Diory.

10. Documentation : Pepe Aditya, Anisa Fauzia

11. Creative Art : Geri Gee, Aero D. Oryan

12. Merchandise : William F. Tobing, Diko Oktaria



7

BAB II

LANDASAN TEORI

2.1 Situs Web

Menurut Wikipedia sebuah situs web (seiring pula disinkat menjadi situs saja,

website, atau site) adalah sebutan bagi sekelompok halaman web (webpage), yang

umumnya merupakan bagian dari suatu nama domain (domain name) atau

subdomain di world wide web (www) di internet.

2.1.1 Pengertian Situs Web

Situs web terdiri dari seluruh situs web yang tersedia kepada public. Halaman-

halaman sebuah situs web diakses dari sebuah URL yang menjadi akar (root ), yang

disebut homepage (halaman induk, sering diterjemahkan jadi beranda, halaman muka

atau laman web), dan biasanya disimpan dalam server yang sama. Tidak semua situs

web dapat diakses dengan gratis. Beberapa situs web memerlukan pembayaran agar

dapat menjadi pelanggan, misalnya situs-situs belanja, situs-situs berita, layanan

surat elektronik (e-mail), dan lain-lain.

Secara terminologi, website dalah kaumpulan dari halaman-halaman situs yang

biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada

di dalam world wide web (www) di internet. Sebuah laman web adalah dokumen

yang ditulis dalam format HTML (hyper Text Markup Language), yang hampir

selalu bisa diaksesmelalui HTTP, yaitu protokol yang menyampaikan informasi dari

server website untuk ditampilkan kepada pemakai melalui web browser. Semua

publikasi dari situs web tersebut dapat membentuk sebuah jaringan informasi yang

sangat besar.



8

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang

bisa disebut homepage, URL ini mengatur halaman-halaman situs untuk menjadi

debuah hirarki, meskipun hyperlink yang ada di halaman tersebut mengatur para

pembaca dan pemberitahu mereka susunan keseluruhan dan bagaimana arus

informasi ini berjalan.

Beberapa website memberitahukan subskripsi (data masukan) agar para user

bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada

beberapa situs-situs bisnis, situs-situs email gratisan, yang membutuhkan subskripsi

agar kita bisa mengakses situs tersebut.

Sumber : http://www.ateaseweb.com

Gambar 2.1 : Situs Berita Radiohead

2.1.2 Sejarah Situs Web

Penemu situs web adalah Sir Timothy John ¨Tim¨ Berners-Lee, sedangkan

situs web yang tersambung dengan jaringan pertamakali muncul pada tahun 1991.

Maksud dari Tim ketika merancang situs web adalah untuk memudahkan tukar

menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada

http://www.ateaseweb.com/

http://www.ateaseweb.com/



9

tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa

WWW dapat digunakan secara gratis oleh publik.

Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu, atau

menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya pembahasan

dalam sebuah situs web merujuk pada sebuah ataupun beberapa topik khusus, atau

kepentingan tertentu. Sebuah situs web bisa berisi pranala yang menghubungkan ke

situs web lain, demkian pula dengan situs web lainnya. Hal ini terkadang membuat

perbedaan antara situs web yang dibuat oleh individu ataupun perseorangan dengan

situs web yang dibuat oleh organisasi bisnis menjadi tidak begitu jelas.

Situs web biasanya ditempatkan pada server web. Sebuah server web

umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk

menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP

yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache

HTTP Server, atau Internet Information Services (IIS).

2.1.3 Jenis Situs Web

Dalam defenisi web, situs web terdiri dari dua jenis diantaranya yaitu situs web

statis yang tidak diperbaharui secara berkala dan situs web dinamis yang diprbaharui

secara berkala, penjelasan dari situs web tersebut yaitu:

2.1.3.1 Situs Web Statis

Situs web statis merupakan situs web yang memiliki isi tidak dimaksudkan

untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi atas

situs web tersebut dilakukan secara manual. Ada tiga jenis perangkat utilitas yang

biasa digunakan dalam pengaturan situs web statis:



10

1. Editor teks merupakan perangkat utilitas yang digunakan untuk menyunting

berkas halaman web, misalnya: Notepad atau TextEdit.

2. Editor WYSIWYG, merupakan perangkat lunak utilitas penyunting halaman

web yang dilengkapi dengan antar muka grafis dalam perancangan serta

pendisainannya, berkas halaman web umumnya tidak disunting secara

lengsung oleh pengguna melainkan utilitas ini akan membuatnya secara

otomatis berbasis dari laman kerja yang dibuat oleh pengguna. perangkat lunak

ini misalnya: Microsoft Frontpage, Macromedia Dreamweaver.

3. Editor berbasis templat, beberapa utilitas tertentu seperti Rapidweaver dan

iWeb, pengguna dapat dengan mudah membuat sebuah situs web tanpa harus

mengetahui bahasaHTML, melainkan menyunting halaman web seperti halnya

halaman biasa, pengguna dapat memilih templat yang akan digunakan oleh

utilitas ini untuk menyunting berkas yang dibuat pengguna dan menjadikannya

halam web secara otomatis.

2.1.3.2 Situs Web Dinamis

Situs web dinamis merupakan situs web yang secara spesifik didisain agar isi

yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan mudah.

Sesuai dengan namanya, isi yang terkadung dalam situs web ini umumnya akan

berubah setelah melewati satu periode tertentu. Situs berita adalah salah satu contoh

jenis situs yang umumnya mengimplementasikan situs web dinamis.

Tidak seperti halnya situs web statis, pengimplementasian situs web dinamis

umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks

dibandingkan situs web statis. Hal ini disebabkan karena pada situs web dinamis

halaman web umumnya baru akan dibuat saat ada pengguna yang mengaksesnya,

berbeda dengan situs web statis yang umumnya telah membentuk sejumlah halaman



11

web saat diunggah di server web sehingga saat pengguna mengaksesnya server web

hanya tinggal memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.

Untuk memungkinkan server web menciptakan halaman web pada saat

pengguna mengaksesnya, umumnya pada server web dilengkapi dengan mesin

penerjemah bahasa skrip (PHP, ASP, ColdFusion, atau lainnya), serta perangkat

lunak sistem manajemen basisdata relasional seperti MySQL.

Struktur berkas sebuah situs web dinamis umumnya berbeda dengan situs web

statis, berkas-berkas pada situs web statis umumnya merupakan sekumpulan berkas

yang membentuk sebuah situs web. Berbeda halnya dengan situs web dinamis,

berkas-berkas pada situs web dinamis umumnya merupakan sekumpulan berkas yang

membentuk perangkat lunak aplikasi web yang akan dijalankan oleh mesin

penerjemah server web, berfungsi memanajemen pembuatan halaman web saat

halaman tersebut diminta oleh pengguna.

2.2 Hypertext Processor (PHP)

Hypertext Preprocessoradalah bahasa skrip yang dapat ditanamkan atau

disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web

dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

2.2.1 Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs

personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada

waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa

sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.



12

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka,

maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah

diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul

ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter

PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,

perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut

sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP:

Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis

tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak

dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya

untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan

stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter

PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman

berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa

pemrograman ke arah paradigma berorientasi objek.



13

2.2.2 Contoh Program PHP

1. Contoh sederhana “Hallo World”

Sumber : http://id.wikipedia.org/wiki/php

Gambar 2.2 Contoh Program Hallo World

2. Contoh program Fibonacci

Sumber : http://id.wikipedia.org/wiki/php

Gambar 2.2 Contoh Program Fibbonacci

2.2.3 Keunggulan PHP

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan

sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai

apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan

developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah

karena memiliki referensi yang banyak.

http://id.wikipedia.org/wiki/php






14

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin

(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime

melalui console serta juga dapat menjalankan perintah-perintah system.

2.2.4 PHP Framework

PHP Framework adalah kumpulan library (class) yang bisa diturunkan, atau

bisa langsung dipakai fungsinya oleh modul-modul atau fungsi yang akan kita

kembangkan. Beberapa contoh PHP framework diantaranya yaitu:

2.2.4.1 CakePHP

CakePHP merupakan sebuah rapid development framework yang gratis dan

sumber terbuka untuk PHP.[1] CakePHP adalah sebuah framework atau kerangka

kerja untuk membuat aplikasi CRUD (Create, Read, Update, Delete) berbasis bahasa

pemrograman PHP. CakePHP juga menjadi salah satu framework pilihan yang

memungkinkan seorang dpengembang web untuk membuat sebuah aplikasi dengan

karakter pengembangan RAD (Rapid Application Development), yang

memungkinkan untuk digunakan dan dikembangkan menjadi aplikasi lain yang lebih

kompleks.

CakePHP membuang proses monoton dalam pengembangan aplikasi web.

CakePHP menyediakan semua alat bantu yang diperlukan untuk memulai tugas

coding yang perlu diselesaikan: yaitu logika aplikasi. Daripada membuat sesuatu

yang baru setiap memulai proyek baru, pengguna dapat meninjau unduhan CakePHP

dan mulai fokus kepada logik aplikasi yang hendak dibangun.

CakePHP memiliki tim pengembang (developer) dan komunitas yang aktif

(membawa nilai tambah ke proyek). Selain menjaga seseorang dari melakukan hal



15

yang membuang waktu, penggunaan CakePHP juga berarti inti (core) aplikasi yang

sudah teruji dengan baik dan secara periodik terdapat peningkatan/perbaikan.

Berbagai fitur-fitur CakePHP yaitu:

1. Komunitas yang aktif dan bersahabat.

2. Lisensi yang fleksibel.

3. Kompatibel dengan PHP versi 4 dan 5.

4. Operasi CRUD yang terintegrasi untuk interaksi dengan basis data.

5. Scaffolding aplikasi.

6. Otomatisasi pembuatan code (code generation).

7. Arsitektur MVC.

8. Request dispatcher dengan URL yang kustom, rapih dan adanya rute.

9. Validasi data yang terintegrasi.

10. Sistem templating yang cepat dan fleksibel (sintaks PHP, tersedia helpers).

11. View Helpers untuk AJAX, JavaScript, HTML Forms dan banyak lagi.

12. Email, Cookie, Keamanan, Session, dan komponen Request Handling.

13. ACL yang fleksibel.

14. Sanitasi Data.

15. Caching yang fleksibel.

16. Lokalisasi.

17. Dapat bekerja dari direktori web dimana saja, dengan sedikit atau bahkan

tanpa perlu melibatkan konfigurasi Apache.

2.2.4.2 CodeIgniter

CodeIgniter adalah aplikasi open source yang berupa framework dengan model

MVC (Model, View, Controller) untuk membangun website dinamis dengan



16

menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi

web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal.

2.2.4.3 Prado

PRADO PHP yaitu Rapid Application Development Object-oriented aplikasi

web kerangka untuk menghasilkan aplikasi web yang ditulis dalam PHP 5. PRADO

adalah kerangka kerja berbasis komponen dan kendali-event untuk pemrograman

Web yang cepat di PHP 5. PRADO reconceptualizes pengembangan aplikasi Web

dalam hal komponen, peristiwa dan sifat bukan prosedur, URL dan parameter

permintaan.

Sebuah komponen PRADO adalah kombinasi dari file spesifikasi (dalam

XML), sebuah template HTML dan PHP kelas. Komponen PRADO digabungkan

bersama untuk membentuk komponen yang lebih besar atau lengkap halaman

PRADO.

Tujuan utama dari PRADO PHP Framework adalah untuk instantiate prebuilt

dan aplikasi-spesifik jenis komponen, mengkonfigurasinya dengan menyetel properti

mereka, menanggapi acara mereka dengan menulis fungsi pengendali, dan menyusun

mereka ke dalam tugas-tugas aplikasi.

2.2.4.4 Symfony

Symfony adalah framework aplikasi web yang ditulis dalam PHP yang

mengikuti model-view-controller (MVC) paradigma. Dirilis di bawah lisensi MIT,

Symfony adalah perangkat lunak bebas. Website symfony-project.com diluncurkan

pada tanggal 18 Oktober 2005.

Symfony tidak harus bingung dengan Symphony CMS, Open Source XML /

XSLT sistem manajemen konten. Symfony bertujuan untuk mempercepat penciptaan



17

dan pemeliharaan aplikasi web dan untuk menggantikan tugas-tugas coding yang

berulang-ulang. Hal ini membutuhkan beberapa prasyarat untuk instalasi: Unix,

Linux, Mac OS atau Microsoft Windows dengan web server dan PHP 5 yang sudah

terinstall. Saat ini kompatibel dengan objek-relasional pemetaan berikut: Propel dan

Ajaran.

Symfony adalah ditujukan untuk membangun aplikasi yang kuat dalam

konteks perusahaan, dan bertujuan untuk memberikan pengembang kontrol penuh

atas konfigurasi dari struktur direktori ke perpustakaan asing, hampir semuanya

dapat disesuaikan. Untuk mencocokkan pedoman pengembangan usaha, Symfony

adalah dibundel dengan alat tambahan untuk membantu pengembang proyek uji,

debug dan dokumen.

2.2.4.5 Zend Framework

Zend Framework (ZF) adalah open source, berorientasi objek aplikasi web

diimplementasikan dalam kerangka kerja PHP 5 dan berlisensi di bawah Lisensi

BSD Baru

Zend Framework adalah berlisensi di bawah Open Source Initiative (OSI)-

disetujui Lisensi BSD Baru, dan semua kontributor kode harus menandatangani

Perjanjian Lisensi Kontributor (PKB) berdasarkan PKB Apache Software

Foundation. Kebijakan perizinan dan kontribusi didirikan untuk mencegah masalah

kekayaan intelektual bagi pengguna ZF komersial, menurut Andi Gutmans Zend.

Zend Technologies, co-didirikan oleh PHP kontributor inti Andi Gutmans dan

Zeev Suraski, merupakan sponsor perusahaan dari Zend Framework mitra Teknologi

termasuk IBM,. Google, Microsoft, Adobe Systems, dan StrikeIron.

Zend Framework membutuhkan PHP 5.2.4 atau lambat sejak versi 1.7.0. Versi

sebelumnya diperlukan PHP 5.1.4 atau lambat, meskipun Panduan Referensi



18

Programmer ZF itu sangat dianjurkan PHP 5.2.3 atau kemudian untuk perbaikan

keamanan dan kinerja termasuk dalam versi ini PHP. Zend Framework 2.0 akan

memerlukan PHP 5.3. PHPUnit 3.0 atau lambat diperlukan untuk menjalankan tes

unit dikirim dengan Zend Framework. Banyak komponen juga memerlukan ekstensi

PHP.

2.3 MySQL

Mysql adalah sebuah perangkat lunak system manajemen basis data SQL

( Database Management System) atau DBMS yang multithread, multi-user, dengan

sekitar 6 juta instalasi diseluruh dunia.

2.3.1 Pengertian MySQL

MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah

lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah

lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan

penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak

dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh

penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan

komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode

sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL

AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

2.3.2 Sistem Manajemen Basis Data Relasional

MySQL adalah sebuah implementasi dari sistem manajemen basisdata

relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General

Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun



19

dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang

bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama

dalam basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL

adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau

seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan

dengan mudah secara otomatis.

Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja

pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh

pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai

peladen basis data, MySQL mendukung operasi basisdata transaksional maupun

operasi basisdata non-transaksional. Pada modus operasi non-transaksional, MySQL

dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen

basisdata kompetitor lainnya. Namun demikian pada modus non-transaksional tidak

ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-

transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas

data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk

kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan

modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja

MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-

transaksional.

2.3.3 Keistimewaan MySQL

MySQL memiliki beberapa keistimewaan, antara lain :

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti

Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih

banyak lagi.



20

2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat

lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara

gratis.

3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu

yang bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning', MySQL memiliki kecepatan yang menakjubkan dalam

menangani query sederhana, dengan kata lain dapat memproses lebih banyak

SQL per satuan waktu.

5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti

signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-

lain.

6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang

mendukung perintah Select dan Where dalam perintah (query).

7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti

level subnetmask, nama host, dan izin akses user dengan sistem perizinan

yang mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam

skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu

tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung

mencapai 32 indeks pada tiap tabelnya.

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan

protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa

Indonesia belum termasuk di dalamnya.



21

11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai

aplikasi dan bahasa pemrograman dengan menggunakan

fungsi API (Application Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang

dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang

ada disertakan petunjuk online.

13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam

menangani ALTER TABLE, dibandingkan basis data lainnya

semacam PostgreSQL ataupun Oracle.

2.4 Web Server

Server web dapat merujuk baik pada perangkat keras ataupun perangkat lunak

yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi

HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam

layanan ke pengguna dengan menggunakan aplikasi tertentu seperti peramban web.

Web server yang terkenal diantaranya yaitu Apache, Microsoft Internet

Information Service (IIS), dan Apache Tomcat . Apache dan Apache Tomcat

merupakan server web antar-platform, sedangkan IIS hanya beroperasi di system

operasi Windows.

2.4.1 Defenisi Web Server

Fungsi utama dari web server adalah memberikan halaman web pada

permintaan kepada klien, ini berarti pengirim dokumen HTMLndan konten tambahan

yang mingkin disertakan dengan dokumen, seperti gambar, stylesheet, dan javascript.

Seorang klien biasanya web browser atau web crawler, memulai komunikasi dengan

membuat permintaan untuk sumber daya tertentu menggunakan HTTP dan server



22

merespon dengan kandungan sumber daya atau pesan kesalahan jika tidak dapat

melakukannya. Sumber daya biasanya file nyata pada memori sekunder server, tapi

ini belum tentu demikian dan tergantung pada bagaimana web server

diimplementasikan.

Sedangkan fungsi utama adalah untuk melayani konten, implementasi penuh

HTTP juga mencakup cara menerima konten dari klien. Fitur ini digunakan untuk

menyerahkan formulir web, termasuk upload file.

Banyak web server generik juga mendukung server-side scripting, misalnya,

Apache HTTP Server dan PHP. Ini berarti bahwa perilaku dari server web dapat

ditulis dalam file terpisah, sedangkan perangkat lunak server yang sebenarnya tetap

tidak berubah. Biasanya, fungsi ini digunakan untuk membuat dokumen HTML "on-

the-fly" sebagai lawan kembali dokumen tetap. Hal ini disebut content dinamis dan

statis masing-masing. Yang pertama terutama digunakan untuk mengambil dan

memodifikasi informasi dari database.

Web server tidak selalu digunakan untuk melayani dunia wide web. Mereka

juga dapat ditemukan tertanam dalam perangkat seperti printer, router, Webcam dan

melayani hanya jaringan lokal. Web server kemudian dapat digunakan sebagai

bagian dari sistem untuk memantau dan / atau pengadministrasian perangkat tersebut.

Hal ini biasanya berarti bahwa tidak ada perangkat lunak tambahan harus diinstalkan

pada komputer klien, karena hanya browser web diperlukan.

2.4.2 Sejarah Web Server

Pada tahun 1989 Tim Berners-Lee diusulkan oleh CERN (European

Organization for Nuclear Research) sebuah proyek baru, yang memiliki tujuan untuk

meringankan pertukaran informasi antara para ilmuwan dengan menggunakan sistem



23

hypertext . Sebagai hasil dari pelaksanaan proyek ini, pada tahun 1990 Berners-Lee

menulis dua program:

1. Browser bernama WorldWideWeb.

2. Web server pertama didunia, kemudian dikenal sebagai httpd CERN, yang

berjalan pada NeXTSTEP.

Antara 1991 dan 1994 kesederhanaan dan efektivitas teknologi awal yang

digunakan untuk surfing dan pertukaran data melalui World Wide Web membantu

menghubungkan mereka ke banyak sistem operasi yang berbeda dan menyebarkan

penggunaan mereka di antara banyak kelompok sosial oarang yang berbeda, pertama

dalam organisasi ilmiah, di universitas dan akhirnya di industri.

Pada tahun 1994 Tim Berners-Lee memutuskan untuk membentuk World Wide

Web Consortium (W3C) untuk mengatur perkembangan lebih lanjut dari teknologi

yang terlibat (HTTP, HTML, dan lain-lain) melalui proses standarisasi.

2.4.3 Fitur Umum Web Server

Beberapa fitur umum yang terdapat dalam web server yaitu:

1. Virtual hosting untuk melayani berbagai situs Web menggunakan satu alamat IP.

2. Mendukung file besar untuk bisa melayani file yang ukurannya lebih besar dari 2

GB pada 32 bit OS.

3. Bandwidth throttling membatasi kecepatan respon agar tidak jenuh jaringan dan

untuk dapat melayani lebih banyak klien.

4. Server-side scripting untuk menghasilkan halaman web dinamis, masih menjaga

Web server dan implementasi situs Web terpisah dari satu sama lain.



24

2.4.4 Terjemahan Path Web Browser

Web server mampu memetakan komponen path dari Uniform Resource

Locator (URL) ke:

1. Sistem lokal file sumber daya (untuk permintaan statis).

2. Nama program internal atau eksternal (untuk permintaan dinamis).

Untuk permintaan statis path URL yang diberikan oleh klien relatif ke direktori root

server Web. URL berikut seperti yang akan diminta oleh klien seperti

http://www.example.com/path/file.html, agen pengguna klien akan

menerjemahkannya ke koneksi ke www.example.com dengan permintaan HTTP 1.1

berikut : GET / path / file.html HTTP/1.1. Host: www.example.com. Web server

pada www.example.com akan menambahkan path yang diberikan ke path direktori

root. Pada server Apache, ini adalah umumnya / home / www (Pada mesin Unix,

biasanya / var / www). Hasilnya adalah file lokal dari sumber sistem : / Home / www

/ path / file.html.

Web server akan membaca file tersebut, jika ada dan mengirimkan respon ke

browser Web klien. Tanggapan akan menjelaskan isi file dan berisi file itu sendiri

atau pesan kesalahan akan kembali mengatakan bahwa berkas tidak ada atau tidak

tersedia.

2.4.5 Batas Beban Web Server

Sebuah server Web (program) telah ditetapkan batas beban, karena hanya

dapat menangani sejumlah terbatas koneksi concurrent klien (biasanya antara 2 dan

80.000, secara default antara 500 dan 1.000) per alamat IP (dan port TCP) dan dapat

melayani hanya sejumlah maksimum permintaan per detik, tergantung pada:

1. Pengaturan sendiri.

2. Jenis permintaan HTTP.

http://www.example.com/path/file.html

http://www.example.com/






http://www.example.com/path/file.html



25

3. Konten asal (statis atau dinamis).

4. Fakta bahwa konten dilayani atau tidak cache.

5. Keterbatasan hardware dan software dari OS mana ia bekerja.

2.4.6 Contoh Web Server

Beberapa dari contoh web server yang bisa dijalankan di secara offline di

perangkat komputer antara lain:

1. Apache

Apache adalah server web yang dapat dijalankan di banyak sistem operasi

(Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform

lainnya) yang berguna untuk melayani dan memfungsikan situs web dengan

Hypertext Processor (PHP). Protokol yang digunakan untuk melayani fasilitas

web/www ini menggunakan HTTP.

Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat

dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung

oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan

penanganan server menjadi mudah.

Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh

komunitas terbuka yang terdiri dari pengembang-pengembang dibawah

naungan Apache Software Foundation.

2. Internet Information Services (IIS)

Internet Information Services (IIS) adalah sebuah aplikasi web server

dan diset dengan fitur modul ekstensi yang dibuat oleh Microsoft yaitu Active

Server Pages (ASP) untuk digunakan oleh Microsoft Windows. Ini adalah web

server yang paling sering digunakan setelah Apache HTTP Server. Pada

Januari 2011, IIS melayani 21,00% dari semua website di internet dan 16,22%



26

dari satu juta website tersibuk di Internet. IIS 7.5 mendukung HTTP , HTTPS,

FTP, FTPS, SMTP dan NNTP. Ini adalah bagian integral dari keluarga produk

Windows Server, serta semua edisi Windows Vista dan Windows 7, meskipun

beberapa fitur tidak didukung pada versi klien Windows. IIS tidak diaktifkan

secara default ketika Windows diinstal.

3. Apache Tomcat

Apache Tomcat adalah sebuah servlet kontainer open source yang

dikembangkan oleh Apache Software Foundation (ASF). Tomcat menerapkan

Jawa Servlet dan JavaServer Pages (JSP) spesifikasi dari Sun Microsystems,

dan menyediakan sebuah "murni Java" HTTP lingkungan web server untuk

menjalankan kode Java.

Tomcat tidak boleh bingung dengan server web Apache, yang merupakan

implementasi C dari web server HTTP. kedua server web tidak dibundel

bersama. Apache Tomcat mencakup perangkat untuk konfigurasi dan

manajemen, tetapi juga dapat dikonfigurasi dengan mengedit file konfigurasi

XML.

2.5 Content Managemant System (CMS)

Content Management System atau CMS adalah salah satu metode dari bahasa

pemrograman PHP dan dalam database MySQL. CMS memunginkan user untuk

lebih mudah mengkonfigurasikan dari konten web secara langsung tanpa harus

mengkonfigurasikan dalam database.

2.5.1 Definisi CMS

Content Management Sytem adalah perangkat lunak yang memungkinkan

seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu



27

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 memperbolehkan si manajer isi -yang mungkin tidak memiliki

pengetahuan mengenai HTML (HyperText Markup Language)-, untuk memenej

pembuatan, modifikasi, 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 si empunya situs web untuk meng-update atau memperbaharui situs Web

tersebut. Kemampuan atau fitur dari sebuah sistem CMS berbeda-beda, walaupun

begitu, kebanyakan dari software ini memiliki fitur publikasi berbasis Web,

manajemen format, kontrol revisi, pembuatan index, pencarian, dan pengarsipan.

2.5.2 Manfaat CMS

Selain dari beberapa hal yang telah disebutkan di atas, CMS juga dapat

memberikan sejumlah manfaat kepada penggunanya yang dapat dijabarkan sebagai

berikut:

1. Manajemen data

Ini merupakan fungsi utama dari CMS. Semua data/informasi baik yang

telah ditampilkan ataupun belum dapat diorganisasi dan disimpan secara baik.

Suatu waktu data/informasi tadi dapat dipergunakan kembali sesuai dengan

kebutuhan. Selain itu, CMS juga mendukung berbagai macam format data,

seperti XML, HMTL, PDF, dan lain lain, indexing, fungsi pencarian, dan

kontrol terhadap revisi yang dilakukan terhadap data/informasi. Untuk

menggunakan CMS biasanya pengetahuan tentang bahasa pemograman



28

tidaklah terlalu dibutuhkan, karena semua proses berjalan dengan otomatis

(WYSIWYG). Begitupula dengan proses ‘update’, dapat dilakukan dengan

cepat sehingga menjamin kemutakhiran informasi yang ditampilkan.

2. Mengatur siklus hidup website

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 web templating dan standarisasi

Setiap halaman website yang dihasilkan berasal dari template yang telah

terlebih dahulu disediakan 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 ke dalam 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



29

Sindikasi memberikan kemungkinan kepada sebuah website untuk

membagi isinya kepada website-website yang lain. Format data yang didukung

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. Akuntabilitas

Oleh karena CMS mendukung alur kerja dan hak akses yang jelas kepada para

penggunanya, data/informasi yang disampaikan dapat dipertanggungjawabkan

dengan baik. Setiap penulis ataupun editor memiliki tugas masing-masing

dengan hak akses yang berbeda-beda pula. Dengan demikian setiap perubahan

yang terjadi di website dapat ditelusuri dan diperbaiki seperlunya dengan

segera.

2.5.3 Penggolongan CMS

Dari sekian banyak produk CMS yang beredar di pasaran, CMS dapat dibagu

dalam dua golongan besar yaitu:

1. CMS yang bersifat komersial

Dibuat dan dikembangkan oleh perusahaan-perusahaan software yang

menjalankan usahanya dengan motif mencari keuntungan. CMS jenis ini

memiliki dan menyediakan hampir semua feature yang diharapkan dari sebuah

CMS dan tentu saja tidak tersedia secara gratis. Setiap pengguna yang ingin

memanfaatkan CMS komersial untuk mengelola websitenya haruslah membeli

lisensi dari perusahaan pembuatnya. Lisensi yang tersedia sangatlah

bervariasi, mulai dari lisensi yang berdasarkan kepada jumlah pengguna

sampai kepada lisensi yang sifatnya multiserver dan dari yang berharga ribuan



30

dollar AS sampai kepada jutaan dollar AS. Semua dapat disesuaikan dengan

kebutuhan dan implementasi yang diharapkan pengguna.

Sebagai layanan purna jual, biasanya perusahaan CMS akan

memberikan pelatihan dan dukungan teknis berkelanjutan kepada para

penggunanya. Tidak hanya itu, versi terbaru dari produk yang dipakai, juga

dapat diperoleh dengan leluasa di area anggota dari website perusahaan CMS

yang dimaksud. Di bagian ini nantinya kita akan menampilkan daftar dari

perusahaan-perusahaan yang mengembangkan CMS secara komersial.

2. CMS yang bersifat Open Source

Dibuat dan dikembangkan oleh sekelompok orang atau perusahaan

yang intinya memberikan sebuahalternatif murah dan terjangkau kepada para

pengguna. Tersedia secara gratis dan dapat dipergunakan sesuai dengan

kebutuhan tanpa ada batasan. CMS jenis ini juga memberikan akses kepada

penggunanya akan kode-kode pemograman, sehingga memudahkan pengguna

memodifikasi CMS di masa-masa yang akan datang. Karena kode

pemrograman terbuka untuk umum, secara tidak langsung para pengguna

bahu-membahu dalam hal melacak dan memperbaiki bugs yang ada,

menambah dan meningkatkan fungsi dan kemampuan CMS dan memberikan

dukungan teknis dan non-teknis kepada yang membutuhkan. Sehingga prinsip

dari komunitas, oleh komunitas dan untuk komunitas tidaklah terlalu

berlebihan untuk menggambarkan situasi pengembangan CMS Open Source.

Walaupun gratis, bukan berarti CMS Open Source tidak memerlukan lisensi

dalam pemakaiannya. Bedanya, lisensi di sini berbentuk sebuah pernyataan

yang biasanya menerangkan bahwasanya software CMS tersebut dapat

dimodifikasi dan dikembangkan lebih lanjut dengan syarat semua kredit



31

dihormati dan kode tetap terbuka untuk umum. Lalu, apakah seseorang bisa

memanfaatkan teknologi ini untuk keperluan komersial? Tentu saja bisa.

Asalkan tidak mengenakan biaya atas CMS yang dipakai kepada klien, tapi

lebih kepada biaya pembuatan dan perawatan website. Saat ini banyak sudah

pihak yang beralih ke CMS Open Source, setelah mengingat dan menimbang

kemampuan yang ditawarkan CMS Open Source tidak jauh berbeda dengan

CMS komersial dan biaya yang terjangkau.

2.5.4 Perangkat Lunak CMS

Beberapa perangkat lunak Content Managemant System yaitu:

1. Drupal

2. Joomla

3. Wordpress

4. Plone

5. Vbulletin

6. PhpBB

7. IpBoard

2.5.5 Pemanfaatan CMS

Beberapa pemanfaatan Content Managemant System

1. Website perusahaan

2. Portal

3. Gallery photo

4. E-Commerce

5. Mengelola website pribadi

6. Forum diskusi



32

2.6 Forum Internet

Salah satu fitur dalam internet yaitu forum diskusi atau dengan kata lain yaitu

discussion board dan messageboard yang digunakan supaya user dapat mengajukan

suatu topik dan user lain dapat berpasitipasi dengan topik yang diajukan.

2.6.1 Defenisi Forum Internet

Forum internet merupakan fasilitas yang tersedia di internet, dan penggunanya

dapat berdiskusi. Forum berbasis internet ini sudah dikenal sejak tahun 1995, dan

fungsinya mirip bahkan lebih baik dari papan buletin dan milis internet yang sudah

ada sejak tahun 1980-an. Perasaan komunitas virtual sering muncul pada fourm-

forum yang memiliki anggota tetap. Teknologi, permainan komputer, musik, dan

politik merupakan tema paling populer yang menjadi pokok bahasan forum internet,

tetapi masih banyak lagi topik-topik lainnya. Beberapa contoh forum internet yang

paling populer yaitu Topix, Discussion, Howto. Dan forum di Indonesia yang

populer yaitu Kaskus.

2.6.2 Keanggotaan Otomatis Forum Internet

Forum anonim menawarkan anonimitas secara penuh atau anonimitas semu,

memperbolehkan pengiriman secara anonim. Captcha, otentikasi email, dan tripcode

merupakan cara-cara yang diterapkan untuk mencegah serangan spam pada forum-

forum anonim.

Anggota yang terdaftar di forum memiliki hak yang lebih baik, misalnya

kemampuan untuk menyunting kirimannya sendiri, memulai topik, mengontrol

pengaturan dan akses ke profil pengguna lain. Anggota diindentifikasikan dengan

nama pengguna (username) yang unik. Profil umumnya memiliki gambar berupa



33

avatar dan blok tanda tangan yang ditambahkan pada akhir setiap kiriman. Anggota

juga memiliki hak untuk mengirim pesan pribadi ke pengguna lainnya. Terkadang

anggota terdaftar juga memiliki hak untuk menghapus kiriman sebelumnya dan

menutup topik yang dibuatnya.

2.6.3 Administrator dan Moderator Forum Internet

Seorang administrator forum memiliki kemampuan untuk menyunting,

menghapus, memindahkan atau melakukan perubahan terhadap topik yang ada di

forum. Administrator umumnya juga memiliki kemampuan untuk menutup forum,

mengganti peralatan forum, mengganti kulit secara global, memodifikasi forum, dan

memblokir, menghapus atau menambah anggota dalam forum. Hak akses moderator

umumnya dapat diwakilkan kepada anggota forum lainnya. Moderator memiliki

kemampuan yang lebih sedikit dibanding administrator, di antaranya adalah

menyunting, menghapus, memindahkan topik, memperingati anggota atas kiriman

yang dianggap kasar dengan alasan yang logis, atau mengganti detil forum. Untuk

menjadi seorang moderator, anggota terlebih dahulu harus mengirimi surat lamaran

ke administrator melalui pesan pribadi(Private Message/PM).

2.6.4 Perangkat Lunak Forum Internet

Paket perangkat lunak forum tersedia secara luas di internet, dan ditulis dengan

menggunakan banyak bahasa pemrograman, seperti PHP, Perl, Java dan ASP.

Konfigurasi dan data setiap kiriman dapat disimpan dalam file teks atau database.

Setiap paket menawarkan fitur yang berbeda-beda, mulai dari pengiriman teks saja

sampai dengan yang mendukung multimedia dan dan melakukan format dengan kode

(yang dikenal dengan BBCode). Banyak paket yang dapat diintegrasikan dengan

mudah ke halaman web yang telah ada.



34

Beberapa aplikasi internet, seperti blog juga menggunakan fitur yang mirip

dengan forum. Komentar pada Wordpress di bagian bawah blog memberikan

kemampuan diskusi satu topik terhadap suatu kiriman blog.

2.6.5 Etika Penggunaan Forum Internet

Beberapa etika dan aturan yang berlaku dalam penggunaan forum diskusi ini

diantaranya etika mengajukan suatu topik yang baik dan benar dan tidak boleh

mengirim terlalu banyak berulang kali sehingga disebut sebagai spam.

2.6.5.1 Kiriman Ganda

Pelanggaran forum yang paling banyak adalah pengiriman ganda dalam forum

yang sama. Hal ini juga dapat menunjuk kepada orang yang mengirim pada forum

yang berbeda tetapi hanya memiliki sedikit perbedaan isi, khususnya di forum yang

memperbolehkan pengguna menyunting kiriman sebelumnya. Dalam kasus ini,

jumlah post untuk pengguna tersebut dapat bertambah. Kiriman ganda dapat terjadi

secara tidak disengaja, ketika pengirim menerima pesan kesalahan bahwa terdapat

perintah pengiriman http post walau pengiriman pesan sedang dilakukan, ketika

pengguna tidak bersabar dan menekan tombol pengiriman berulang kali. Dalam

beberapa kasus, pengiriman ganda kadang merupakan bentuk penyebaran spam.

Masalah yang sama yang dapat terjadi adalah pengiriman silang, yaitu

mengirim topik yang sama di beberapa forum yang berbeda.

2.6.5.2 Spam

Pengiriman spam adalah bentuk pelanggaran etika forum dimana pengguna

mengirim kata atau frase yang sama berulang-ulang, tetapi berbeda dari kiriman

ganda karena pengiriman spam lebih ditujukan karena kesengajaan dan kadang-

kadang dengan niat yang buruk.



35

2.6.5.3 Sanksi

Sanksi akan diberikan kepada anggota yang melanggar aturan forum. Sanksi

dapat diberikan berupa peringatan keras, diblokir sementara dan yang paling berat

adalah diblokir permanen. Sanksi yang diberikan akan disesuaikan dengan tingkat

pelanggarannya. Untuk pelanggaran yang tergolong ringan, sanksi yang diberikan

berupa peringatan, dan untuk pelanggaran yang tergolong berat akan dikenakan

sanksi berupa pemblokiran permanen.

2.7 Unified Modelling Language (UML)

UML sebagai sebuah bahasa yang memberikan vocabulary dan tatanan

penulisan kata-kata dalam ‘ MS Word ’ untuk kegunaan komunikasi. Sebuah bahasa

model adalah sebuah bahasa yang mempunyai vocabulary dan konsep tatanan /

aturan penulisan serta secara fisik mempresentasikan dari sebuah sistem. Seperti

halnya UML adalah sebuah bahasa standard untuk pengembangan sebuah software

yang dapat menyampaikan bagaimana membuat dan membentuk model-model, tetapi

tidak menyampaikan apa dan kapan model yang seharusnya dibuat yang merupakan

salah satu proses implementasi pengembangan software.

UML tidak hanya merupakan sebuah bahasa pemograman visual saja, namun

juga dapat secara langsung dihubungkan ke berbagai bahasa pemograman, seperti

JAVA, C++, Visual Basic, atau bahkan dihubungkan secara langsung ke dalam

sebuah object-oriented database. Begitu juga mengenai pendokumentasian dapat

dilakukan seperti; requirements, arsitektur, design, source code, project plan, tests,

dan prototypes. Untuk dapat memahami UML membutuhkan bentuk konsep dari

sebuah bahasa model, dan mempelajari 3 (tiga) elemen utama dari UML seperti



36

building block , aturan-aturan yang menyatakan bagaimana building block diletakkan

secara bersamaan, dan beberapa mekanisme umum (common).

2.7.1 Pengertian UML

Unified Modelling Language (UML) adalah sebuah “bahasa” yang telah

menjadi standar dalam industri untuk menentukan, visualisasi, merancang dan

mendokumentasikan artifact dari sistem software, untuk memodelkan bisnis dan

sistem non software lainnya. UML merupakan suatu kumpulan teknik terbaik yang

telah terbukti sukses dalam pemodelan sitem yang besar dan kompleks.

Dengan menggunakan UML kita dapat membuat model untuk semua jenis

aplikasi piranti lunak, dimana aplikasi tersebut dapat berjalan pada piranti keras,

sistem operasi dan jaringan apapun, serta ditulis dalam bahasa pemrograman apapun.

2.7.2 Sejarah UML

Tahun 1990 puluhan metodologi pemodelan berorientasi objek telah

bermunculan di dunia Diantaranya adalah: metodologi Booch, metodologi Coad ,

metodologi OOSE, metodologi OMT, metodologi Shlaer-Mellor, metodologi Wirfs-

Brock, dan sebagainya. Masing-masing metodologi membawa notasi sendiri-sendiri,

yang mengakibatkan timbul masalah baru apabila kita bekerja sama dengan

group/perusahaan lain yang menggunakan metodologi yang berlainan.

Dimulai pada bulan Oktober 1994 Booch, Rumbaugh dan Jacobson, yang

merupakan tiga tokoh yang boleh dikatakan metodologinya banyak digunakan

mempelopori usaha untuk penyatuan metodologi pendesainan berorientasi objek.

Pada tahun 1995 direlease draft pertama dari UML (versi 0.8). Sejak tahun 1996

pengembangan tersebut dikoordinasikan oleh Object Management Group (OMG –



37

http://www.omg.org). Tahun 1997 UML versi 1.1 muncul, dan saat ini versi terbaru

adalah versi 1.5 yang dirilis bulan Maret 2003. Booch, Rumbaugh dan Jacobson

menyusun tiga buku serial tentang UML pada tahun 1999. Sejak saat itulah UML

telah menjelma menjadi standar bahasa pemodelan untuk aplikasi berorientasi objek.

2.7.3 Tujuan UML

Tujuan utama UML diantaranya untuk :

1. Memberikan model yang siap pakai, bahasa pemodelan visual yang ekspresif

untuk mengembangkan dan saling menukar model dengan mudah dan

dimengerti secara umum.

2. Memberikan bahasa pemodelan yang bebas dari berbagai bahasa

pemrograman dan proses rekayasa.

3. Menyatukan praktek-praktek terbaik yang terdapat dalam bahasa pemodelan.

2.7.4 Jenis - Jenis Diagram UML

Unified Modelling Language memiliki diagram yang terdiri dari beberapa jenis

yaitu use case diagram, class diagram, statechart diagram, activity diagram,

sequence diagram, collaboration diagram, component diagram, dan deployment

diagram.

2.7.4.1 Use Case Diagram

Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah

sistem. Use case merepresentasikan sebuah interaksi antara aktor dengan sistem.

Seorang/sebuah aktor adalah sebuah entitas manusia atau mesin yang berinteraksi

dengan system untuk melakukan pekerjaan-pekerjaan tertentu. Use case merupakan

http://www.omg.org/

http://www.omg.org/



38

sebuah pekerjaan tertentu, misalnya login ke sistem, meng-create sebuah daftar

belanja, dan sebagainya.

Use case diagram dapat digunakan untuk :

1. Menyusun requirement sebuah sistem,

2. Mengkomunikasikan rancangan dengan klien, dan

3. Merancang test case untuk semua feature yang ada pada sistem.

Tabel 2.1 Simbol Use Case Diagram

NO GAMBAR NAMA KETERANGAN

1 Actor

Menspesifikasikan himpuan peran yang

pengguna mainkan ketika berinteraksi

dengan use case.

2 Dependency

Hubungan dimana perubahan yang

terjadi pada suatu elemen mandiri

(independent) akan mempengaruhi

elemen yang bergantung padanya

elemen yang tidak mandiri

(independent ).

3 Generalization

Hubungan dimana objek anak

(descendent ) berbagi perilaku dan

struktur data dari objek yang ada di

atasnya objek induk (ancestor ).

4 Include

Menspesifikasikan bahwa use case

sumber secara eksplisit .



39

5 Extend

Menspesifikasikan bahwa use case

target memperluas perilaku dari use

case sumber pada suatu titik yang

diberikan.

6 Association

Apa yang menghubungkan antara objek

satu dengan objek lainnya.

7 System

Menspesifikasikan paket yang

menampilkan sistem secara terbatas.

8 Use Case

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang menghasilkan

suatu hasil yang terukur bagi suatu aktor

9 Collaboration

Interaksi aturan-aturan dan elemen lain

yang bekerja sama untuk menyediakan

prilaku yang lebih besar dari jumlah dan

elemen-elemennya (sinergi).

10 Note

Elemen fisik yang eksis saat aplikasi

dijalankan dan mencerminkan suatu

sumber daya komputasi

2.7.4.2 Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan

sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek.



40

Class menggambarkan keadaan diantaranya :

1. Atribut/properti suatu sistem, sekaligus menawarkan layanan untuk

memanipulasi keadaan tersebut (metoda/fungsi).

2. Menggambarkan struktur dan deskripsi class, package dan objek beserta

hubungan satu sama lain seperti containment , pewarisan, asosiasi, dan lain-

lain.

Class memiliki tiga area pokok :

a). Nama (dan stereotype)

b). Atribut

3. Metoda

Atribut dan metoda dapat memiliki salah satu sifat berikut :

a). Private, tidak dapat dipanggil dari luar class yang bersangkutan

b). Protected , hanya dapat dipanggil oleh class yang bersangkutan dan anak-

anak yang mewarisinya

c). Public, dapat dipanggil oleh siapa saja

Class dapat merupakan implementasi dari sebuah interface, yaitu class abstrak

yang hanya memiliki metoda. Interface tidak dapat langsung diinstansiasikan, tetapi

harus diimplementasikan dahulu menjadi sebuah class. Dengan demikian interface

mendukung resolusi metoda pada saat run-time. Class dapat dikelompokkan menjadi

package. Kita juga dapat membuat diagram yang terdiri atas package.

Hubungan Antar Class

1. Asosiasi, yaitu hubungan statis antar class. Umumnya menggambarkan class

yang memiliki atribut berupa class lain, atau class yang harus mengetahui

eksistensi class lain. Panah navigability menunjukkan arah query antar class.

2. Agregasi, yaitu hubungan yang menyatakan bagian (“terdiri atas..”).



41

3. Pewarisan, yaitu hubungan hirarkis antar class. Class dapat diturunkan dari

class lain dan mewarisi semua atribut dan metoda class asalnya dan

menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang

diwarisinya. Kebalikan dari pewarisan adalah generalisasi.

4. Hubungan dinamis, yaitu rangkaian pesan (message) yang di- passing dari satu

class kepada class lain. Hubungan dinamis dapat digambarkan dengan

menggunakan sequence diagram yang akan dijelaskan kemudian.

Tabel 2.2 Simbol Class Diagram


1 Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku dan

struktur data dari objek yang ada di

atasnya objek induk (ancestor ).

2Nary

Association

Upaya untuk menghindari asosiasi

dengan lebih dari 2 objek.

3 Class

Himpunan dari objek-objek yang

berbagi atribut serta operasi yang

sama.

4 Collaboration

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang

menghasilkan suatu hasil yang terukur

bagi suatu aktor



42

5 Realization

Operasi yang benar-benar dilakukan

oleh suatu objek.

6 Dependency

Hubungan dimana perubahan yang

terjadi pada suatu elemen mandiri

(independent) akan mempegaruhi

elemen yang bergantung padanya

elemen yang tidak mandiri

7 Association

Apa yang menghubungkan antara

objek satu dengan objek lainnya

2.7.4.3 Statechart Diagram

Statechart diagram menggambarkan transisi dan perubahan keadaan (dari satu

state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli yang

diterima. Pada umumnya statechart diagram menggambarkan class tertentu (satu

class dapat memiliki lebih dari satu statechart diagram).

Tabel 2.3 Simbol StateChart Diagram


1 State

Nilai atribut dan nilai link pada suatu

waktu tertentu, yang dimiliki oleh suatu

objek.



43

2

Initial

Pseudo

State

Bagaimana objek dibentuk atau diawali

3

Final

State

Bagaimana objek dibentuk dan

dihancurkan

4 Transition

Sebuah kejadian yang memicu sebuah

state objek dengan cara memperbaharui

satu atau lebih nilai atributnya

5 Association

Apa yang menghubungkan antara objek

satu dengan objek lainnya.

6 Node

Elemen fisik yang eksis saat aplikasi

dijalankan dan mencerminkan suatu

sumber daya komputasi.

2.7.4.4 Activity Diagram

Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang

sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin

terjadi, dan bagaimana mereka berakhir.

1. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi

pada beberapa eksekusi.

2. Activity diagram merupakan state diagram khusus, di mana sebagian besar state

adalah action dan sebagian besar transisi di-trigger oleh selesainya state

sebelumnya (internal processing).



44

3. Activity diagram dapat dibagi menjadi beberapa object swimlane untuk

menggambarkan objek mana yang bertanggung jawab untuk aktivitas tertentu.

Tabel 2.4 Simbol Activity Diagram


1 Actifity

Memperlihatkan bagaimana masing-

masing kelas antarmuka saling

berinteraksi satu sama lain

2 Action

State dari sistem yang mencerminkan

eksekusi dari suatu aksi

3Initial

NodeBagaimana objek dibentuk atau diawali.

4Actifity

Final Node

Bagaimana objek dibentuk dan

dihancurkan

5 Fork Node

Satu aliran yang pada tahap tertentu

berubah menjadi beberapa aliran

2.7.4.5 Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan di

sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang

digambarkan terhadap waktu.

1. Sequence diagram terdiri antar dimensi vertikal (waktu) dan dimensi

horizontal (objek-objek yang terkait).



45

2. Sequence diagram biasa digunakan untuk menggambarkan skenario atau

rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event

untuk menghasilkan output tertentu.

Tabel 2.5 Simbol Sequence Diagram


1 LifeLine

Objek entity, antarmuka yang saling

berinteraksi.

2 Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi

3 Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi

2.7.4.6 Collaboration Diagram

Collaboration diagram juga menggambarkan interaksi antar objek seperti

sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan

bukan pada waktu penyampaian message. Setiap message memiliki sequence

number , di mana message dari level tertinggi memiliki nomor 1. Messages dari level

yang sama memiliki prefiks yang sama.



46

Tabel 2.6 Simbol Collaboration Diagram


1

Kelas peran peran Kelas menjelaskan bagaimana

objek berperilaku. Gunakan simbol

UML objek untuk mengilustrasikan

peran kelas, tetapi tidak daftar atribut

objek.

2

Asosiasi

peran

Asosiasi menggambarkan bagaimana

peran asosiasi akan berperilaku

diberikan situasi tertentu. Anda dapat

menarik peran asosiasi menggunakan

baris sederhana dilabeli dengan

stereotip.

3Pesan

Tidak seperti urutan diagram,

diagram kolaborasi tidak memiliki

cara eksplisit untuk menunjukkan

waktu dan bukannya jumlah pesan

dalam rangka eksekusi. urutan

penomoran dapat menjadi bersarang

menggunakan sistem desimal

Dewey.



47

2.7.4.7 Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen

piranti lunak, termasuk ketergantungan (dependency) di antaranya.

Komponen piranti lunak adalah modul berisi code, baik berisi source code

maupun binary code, baik library maupun executable, baik yang muncul pada

compile time, link time, maupun run time. Umumnya komponen terbentuk dari

beberapa class dan/atau package, tapi dapat juga dari komponen-komponen yang

lebih kecil. Komponen dapat juga berupa interface, yaitu kumpulan layanan yang

disediakan sebuah komponen untuk komponen lain.

2.7.4.8 Deployment Diagram

Deployment/physical diagram menggambarkan detail bagaimana komponen di-

deploy dalam infrastruktur sistem, di mana komponen akan terletak (pada mesin,

server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut,

spesifikasi server, dan hal-hal lain yang bersifat fisikal.

Sebuah node adalah server, workstation, atau piranti keras lain yang

digunakan untuk men-deploy komponen dalam lingkungan sebenarnya. Hubungan

antar node (misalnya TCP/IP) dan requirement dapat juga didefinisikan dalam

diagram ini.

Tabel 2.7 Simbol Deployment Diagram


1Komponen

node adalah sumber daya fisik

yang menjalankan kode komponen.



48

2Asosiasi

Asosiasi mengacu pada koneksi

fisik antara node, seperti Ethernet.

3Komponen

dan Nodes

komponen di dalam node yang

menyebarkan mereka.

2.7.5 Langkah–

Langkah Penggunaan UML

Berikut ini adalah tips pengembangan piranti lunak dengan menggunakan

UML:

1. Buatlah daftar business process dari level tertinggi untuk mendefinisikan

aktivitas dan proses yang mungkin muncul.

2. Petakan use case untuk tiap business process untuk mendefinisikan dengan

tepat fungsionalitas yang harus disediakan oleh sistem. Kemudian perhalus

use case diagram dan lengkapi dengan requirement, constraints dan catatan-

catatan lain.

3. Buatlah deployment diagram secara kasar untuk mendefinisikan arsitektur

fisik sistem.

4. Definisikan requirement lain (non-fungsional, security dan sebagainya) yang

juga harus disediakan oleh sistem.

5. Berdasarkan use case diagram, mulailah membuat activity diagram.

6. Definisikan objek-objek level atas ( package atau domain) dan buatlah

sequence dan/atau collaboration diagram untuk tiap alir pekerjaan. Jika



49

sebuah use case memiliki kemungkinan alir normal dan error, buatlah satu

diagram untuk masing-masing alir.

7. Buatlah rancangan user interface model yang menyediakan antarmuka bagi

pengguna untuk menjalankan skenario use case.

8. Berdasarkan model-model yang sudah ada, buatlah class diagram. Setiap

package atau domain dipecah menjadi hirarki class lengkap dengan atribut

dan metodanya. Akan lebih baik jika untuk setiap class dibuat unit test untuk

menguji fungsionalitas class dan interaksi dengan class lain.

9. Setelah class diagram dibuat, kita dapat melihat kemungkinan

pengelompokan class menjadi komponen-komponen. Karena itu buatlah

component diagram pada tahap ini. Juga, definisikan tes integrasi untuk setiap

komponen meyakinkan ia berinteraksi dengan baik.

10. Perhalus deployment diagram yang sudah dibuat. Detilkan kemampuan dan

requirement piranti lunak, sistem operasi, jaringan, dan sebagainya. Petakan

komponen ke dalam node.

11. Mulailah membangun sistem. Ada dua pendekatan yang dapat digunakan:

a). Pendekatan use case, dengan meng-assign setiap use case kepada tim

pengembang tertentu untuk mengembangkan unit code yang lengkap

dengan tes.

b). Pendekatan komponen, yaitu meng-assign setiap komponen kepada tim

pengembang tertentu.

12. Lakukan uji modul dan uji integrasi serta perbaiki model berserta codenya.

Model harus selalu sesuai dengan code yang aktual.

13. Piranti lunak siap dirilis.



5

BAB III

METODOLOGI PENELTIAN

3.1 Kerangka Penelitian

Kerangaka penelitian yang dilakukan dalam penelitian tugas akhir ini adalah

sebagai berikut:

Gambar 3.1 Kerangka Penelitian

3.2 Tahapan Penelitian

3.2.1 Penelitian Pendahuluan

Setelah dikumpulkannya teori teori yang bersangkutan maka ditentukan langkah

langkah dari metode penelitian ini. Penelitian ini bertujuan untuk mengumpulkan,

menganalisa, implementasi dan pengujian dari penelitian ini, sehingga penelitian ini

dapat dirancang dengan baik.

Penelitian Pendahuluan

Pengumpulan Data

Analisa dan Perancangan

Implementasi

Pengujian



5

3.2.2 Pengumpulan Data

a. Waktu Penelitian

Waktu pelaksanaan penelitian dilakukan pada bulan Maret 2011 sampai

bulan Agustus 2011.

b. Metode Penelitian

Dalam upaya memperoleh data yang dapat dipercaya kebenarannya, tepat

pada waktunya dan memberikan gambaran permasalahan secara keseluruhan

digunakan metode pengumpulan data sebagai berikut :

1. Penelitian Kepustakaan (Library Reseach)

Penelitian ini dilakukan dengan mempelajari dari berbagai sumber

literatur baik dari berbagai situs yang terdapat di internet, E-book maupun dari

buku-buku yang berkaitan dengan penelitian yang berguna untuk memperoleh

data dan informasi sebagai landasan teori dan sebagai acuan dalam

penyusunan laporan ini.

2. Penelitian Laboraturium (Laboratory Research)

Penelitian ini dilakukan dengan instalasi dan konfigurasi terhadap

sistem yang akan diteliti, penelitian dilakukan pada peralatan yang telah

disediakan dengan beberapa kebutuhan minimal hardware dan software.

3.2.3 Analisa dan Perancangan

Dalam menganalisa dan merancang dari penelitian ini, dilakukan pemodelan

berorientasi objek dengan mendesain Unified Modelling Language (UML) yang

berfungsi untuk memodelkan dan visualisasi untuk semua jenis aplikasi perangkat lunak.

Jenis jenis UML yang digunakan dalam penelitian ini diantaranya yaitu:



5

1. Use Case Diagram

Use case diagram menggambarkan fungsionalitas yang diharapkan dari

sebuah sistem. Use case merepresentasikan sebuah interaksi antara aktor dengan

sistem. Seorang/sebuah aktor adalah sebuah entitas manusia atau mesin yang

berinteraksi dengan system untuk melakukan pekerjaan-pekerjaan tertentu. Use

case merupakan sebuah pekerjaan tertentu, misalnya login ke sistem, meng-

create sebuah daftar belanja, dan sebagainya.

2. Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan

sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi

objek.

Class menggambarkan keadaan diantaranya :

a. Atribut/properti suatu sistem, sekaligus menawarkan layanan untuk

memanipulasi keadaan tersebut (metoda/fungsi).

b. Menggambarkan struktur dan deskripsi class, package dan objek beserta

hubungan satu sama lain seperti containment , pewarisan, asosiasi, dan lain-lain.

3. Statechart Diagram

Statechart diagram menggambarkan transisi dan perubahan keadaan (dari

satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli

yang diterima. Pada umumnya statechart diagram menggambarkan class tertentu

(satu class dapat memiliki lebih dari satu statechart diagram).



5

4. Activity Diagram

Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang

sedang dirancang, bagaimana masing-masing alir berawal, decision yang

mungkin terjadi, dan bagaimana mereka berakhir.

5. Deployment Diagram

Deployment diagram menggambarkan detail bagaimana komponen di-

deploy dalam infrastruktur sistem, di mana komponen akan terletak (pada mesin,

server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi

tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal.

Sebuah node adalah server, workstation, atau piranti keras lain yang

digunakan untuk men-deploy komponen dalam lingkungan sebenarnya.

3.2.4 Implementasi

1. Spesifikasi Sistem

Untuk melakukan sebuah analisa sistem maka diperlukan perangkat atau

peralatan dalam penelitian ini, perangkat terdiri dari perangkat keras dan

perangkat lunak, yang akan dijelaskan dan dijabarkan dibawah ini.

a. Spesifikasi Perangkat Keras

Sistem atau aplikasi yang dirancang membutuhkan perangkat keras

untuk membantu penelitian ini yaitu dengan menggunakan seperangkat

komputer untuk menjalankan program. Spesifikasi tersebut diantaranya:

Motherboard : Clevo M7x0S

BIOS : Revision: 1.00.20AX, Phoenix Technologies Inc.



5

Processor : Intel Pentium Dual Core 2,30 GHz, 64bit

Memory : 1GB, DDR2

Harddisk : FUJITSU G2 ATA Device (232.88GB)

Graphic Card : SiS Mirage 3 Graphics

b. Spesifikasi Perangkat Lunak

Sistem atau aplikasi yang dirancang membutuhkan perangkat lunak

untuk membantu dalam menyelesaikan rancangan aplikasi yang akan

digunakan yaitu :

Sistem Operasi : Microsoft Windows 7 Ultimate x64

Local Web Server : XAMPP versi 1.7.7

Bahasa Pemrograman : PHP, CSS, dan JavaScript

Web Browser : Google Chrome

Script Editor : Notepad, Notepad++, Adobe Dreamwaver

3.2.5 Pengujian

Dalam penalitian ini akan dilakukan pengujian program dengan hosting dengan

Localhost atau Local web server, Intranet atau Online Hosting dimana bahasa

pemrograman php, html, css, shockwave flash, dan bahasa pemrograman lainnya dapat

di terjemahkan ke bentuk visual melalui web browser.



55

BAB IV

ANALISA DAN PERANCANGAN

4.1 Analisa Sistem

Analisa sistem terdiri dari bagaimana tahap perancangan dari forum yang

dibangun secara terinci dan menganalisa desain Unified Modeling Language dari

sistem yang dibangun. Analisa penelitian bertujuan untuk mengetahui bagaimana

perancangan awal dari forum yang dibangun. Dalam pembentukan aplikasi ini lebih

memperhatikan untuk kenyamanan pengguna dengan interface yang disesuaikan

dengan selera pengguna. Dengan adanya penelitian yang kami lakukan diharapkan

dengan adanya forum ini dapat memenuhi keinginan pengguna dalam berdiskusi.

4.2 Perancangan Sistem

Setelah dilakukan analisa terhadap data yang ada, maka untuk tahap

berikutnya dilakukan desain sistem. Desain sistem dilakukan berdasarkan variabel-

variabel input, proses, output. Berikut ini akan ditampilkan bagaimana sistem yang

digunakan dapat berjalan dengan baik.

4.2.1 Kebutuhan Sistem

Untuk melakukan sebuah analisa system maka diperlukan perangkat atau

peralatan dalam penelitian ini, perangkat terdiri dari perangkat keras dan perangkat

lunak, yang akan dijelaskan dan dijabarkan dibawah ini .



56

4.2.1.1 Perangkat Keras Sistem

Sistem atau aplikasi yang dirancang membutuhkan perangkat keras untuk

membantu penelitian ini yaitu dengan menggunakan seperangkat komputer untuk

installasi program.

4.2.1.2 Perangkat Lunak Sistem

Sistem atau aplikasi yang dirancang membutuhkan perangkat lunak untuk

membantu dalam menyelesaikan rancangan aplikasi yang akan digunakan yaitu :

1. Software Local Web Server

Software ini terdiri dari PHP, Apache , dan MySql. Dalam penelitian ini penulis

menggunakan XAMPP versi 1.7.7 yang komponennya terdiri dari :

a. Apache versi 2.2.21.

b. PHP versi 5.3.8.

c. MySql Server versi 5.5

d. PhpMyAdmin versi 3.4.5

e. FileZilla versi 0.9.39 Beta

f. Mercury versi 4.6

g. Apache Tomcat versi 7.0.21

2. Software Web Browser

Web Browser yang berguna untuk menampilkan interface dari script dari PHP,

HTML, XML, CSS, JavaScript, Flash dan sebagainya.



57

4.2.2 Pengolahan Data

Pada bagian ini akan dilakukan pengolahan data yang mana data yang

diambil masih baku dan belum jelas. Maka diperlukan beberapa langkah dalam

melakukan pengolahan data dengan benar sehingga menghasilkan sebuah program.

4.2.2.1 Perancangan Program

Perancangan program dengan menggunakan bahasa pemrograman PHP

termasuk file CSS untuk desain halaman web dan file JavaScript untuk supaya

halaman web berjalan dengan optimal. Konten - konten tersebut diantaranya :

Tabel 4.1 Rancangan Program

No. File Deskripsi

1. Header Menampilkan judul forum di setiap halaman yang dibuka

2. Footer Menampilkan footer dari halaman

3. Index Menampilkan halaman utama dari forum yang

menampilkan kategori dar forum

4. Forum Menampilkan daftar forum dari kategori yang dipilih

5. Topik Menampilkan daftar topik dari forum yang dipilih

6. Post Mengim suatu kiriman, pesan

7. Userlist Menampilkan daftar user yang telah terdaftar

8. Register Menampilkan halaman pendaftaran pada member yang

belum terdaftar

9. Login Menampilkan halaman login pada member yang offline

10. Profile Menampilkan informasi profile member.

11. Delete Menghapus kategori, forum, topik, dan kiriman lainnya



58

12. Admin_kategori Menambahkan, mengedit, dan mengapus kategori

13. Admin_forum Menambahkan, mengedit, dan mengapus forum

14. Connect Penghubung antara program dan database

15. Chatroom Menampilkan chatroom untuk interaksi user secara

langsung

4.3 Pembuatan Pemodelan

Desain global merupakan rancangan sistem secara konseptual (logical),

rancangan global ini ditujukan untuk memudahkan dalam perancangan aplikasi

secara terinci. Desain global memberikan gambaran kepada user tentang aplikasi

yang akan dirancang dan informasi apa saja yang dihasilkan dari aplikasi yang

dikembangkan.

4.3.1. Use Case Diagram

Pada diagram ini dijelaskan tentang bagaimana proses dari user yang

menggunakan forum diskusi dengan mendaftar dan login sehingga bias berinteraksi

dan berpatisipasi dalam forum diskusi ini.

4.3.1.1 Defenisi / Identifikasi Aktor

Tabel 4.2 Defenisi / Identifikasi Aktor

No. Actor Deskripsi

1 Admin Seorang aktor yang mengontrol dan mengatur

semua konten dan kegaiatan user dalam forum

diskusi.

2 Member Seorang aktor yang menggunakan konten dalam

forum dan hanya dapat mengatur konten dari



59

kepunyaannya sendiri

3. Guest Seorang aktor yang mana hanya bisa melihat

konten dari forum, dan tidak dapat

menggunakannya

4.3.1.2 Defenisi / Identifikasi Use Case

Tabel 4.3 Defenisi / Identifikasi Use Case

No. Use Case Actor Requrement

1 Register Guest Pendaftaran bagi user yang belum

jadi member dala forum.

2 Login Member, Admin Dimana member dan admin masuk

untuk melakukan aktifitas dalam

forum

3 Lihat Index Guest, Member,

Admin

Dimana user melihat halaman

utama dari forum yang berisikan

menu, kategori, dan judul forum

4. Lihat Topik Guest, Member,

Admin

Dimana user melihat judul topik

dari forum yang dipilih

5. Lihat Post Guest, Member,

Admin

Dimana user melihat kiriman dari

topik yang diajukan.

6. Balas Post Member, Admin Dimana member atau admin dapat

mengajukan topik baru, dan

mengirim balasan

7. Hapus Post Member, Admin Dimana member dapat menghapus

kiriman dari member itu sendiri,



60

dan admin dapat menghapus

kiriman dari semua member

8. Lihat userlist Guest, Member,

Admin

Dimana user dapat melihat list

anggota yang terdaftar

9. Lihat user

profile

Guest, Member Dimana member dapat melihat

profile member lainnya.

10. Edit profile Member, Admin Dimana member dapat mengedit

profile nya sendiri, dan admin dapat

mengedit profil semua member

11. Chatroom Member, Admin Member dan admin dapat mengirim

pesan chat dan berinteraksi dengan

member lain

12. Administrasi Admin Dimana admin mengatur content

dari halaman index sepert kategori

dan forum

13. Create / modify

kategori

Admin Admin dapat menambah kategori

baru, mengganti nama kategori dan

menghapus kategori

14. Create / modify

forum

Admin Admin dapat menambah forum

baru, mengganti nama forum,

memindahkan forum ke kategori

lain, dan menghapus forum

15. Logout Member, Admin Dimana member, dan admin keluar

dari forum diskusi dan status

menjadi guest.



61

4.3.1.3 Diagram Use Case

Gambar 4.1 Use Case Diagram

4.3.2 Class Diagram

Pada class diagram ini dijelaskan bagaimana proses pengembangan sistem

dari sebuah komponen - komponen aplikasi, atribut - atribut dari elemen – elemen

data serta menjelaskan tentang struktur dan deskripsi class diagram bagaimana

seorang user dapat menggunakan forum.

4.3.2.1 Identifikasi Class

Tabel 4.4 Identifikasi Class

No. Class Requirement

1. Kategori Id, nm_kategori, posisi

2. Forum Nama_forum, jml_topik, jml_kiriman, wkt_kiriman,

register

lihat topik

lihat user profile Edit profile

chatroom

login

lihat index

create / modifyforum

create / modifykategori

administrasi

logout

lihat post

balas post

hapus post

Admin

member

guest

lihat user list



62

pengirim_trk, posisi, kategori_id

3. Topik Id, pengirim, jdl_topik, terkirim, wkt_kiriman,

wkt_kiriman_id, pengirim_trk, jml_balasan, forum_id

4. Post Id, pengirim, pengirim_id, kiriman, terkirim, topik_id

5. Chatroom Id, pengirim, pengirim_id, pesan_chat, terkirim

6. User Id, username, password, email, title, jml_kiriman,

wkt_kiriman, terdaftar, wkt_kiriman_id

4.3.2.2 Class Diagram

Gambar 4.2 Class Diagram

user

id

user_kategori_id

username

password

email

title

jml_kiriman

wkt_kirimanterdaftar

wkt_kiriman_chat

edit profile()

lihat profile()

login()

logout()

register()

lihat()

hapus_user()

forum

nama_forum

jml_topik

jml_kiriman

wkt_kiriman

'wkt_kiriman_id

pengirim_trkposisi

kategori_id

tambah()

ganti nama()

pindah ke kateori()

hapus()

lihat()

topik

idpengirim

jdl_topik

terkirim

wkt_kiriman

wkt_kiriman_id

pengirim_trk

jml_balasan

forum_id

topik baru()lihat()

hapus()

nn

nn

kategori

id

nm_kategori

posisi

ganti nama()

hapus()

tambah()

lihat()

n

n

n

n

post

id

pengirim

pengirim_id

kirimanterkirim

topik_id

balas()

hapus()

lihat()

nn nn

n

1

n

1

n

1

n

1n

1

n

1

n

1

n

1

Chatroom

id

pengirim

pengirim_idpesan_chat

terkirim

kirim pesan()n

1

n

1

online

user_id

username

wkt_login

idle

lihat()

set_online()

set_offline()

+n

+1+n

+1

+n +1



63

4.3.2.3 Tabel Database dari Class Diagram

Dalam pembuatan forum diskusi ini dibutuhkan database terlebih dahulu untuk

penyimpanan dan pengolahan data, struktur dari tabel - tabel yang digunakan yaitu :

1. Tabel Kategori

Tabel kategori berfungsi untuk menambahkan kategori dari forum diskusi dan

menempatkan di posisi yang diinginkan Struktur dari tabel ini adalah sebagai berikut.

Tabel 4.5 Struktur Tabel Kategori

Column Type Attributes Null Default

Id int(10) UNSIGNED No None

Nama kategori Varchar (20) No Kategori Baru

Posisi In (10) UNSIGNED No None

2. Tabel Forum

Tabel ini berfungsi untuk menambahkan forum dari topik yang akan dibahas.

Tabel 4.6 Struktur Tabel Forum



Nama forum Varchar (20) No Forum Baru

jml_topik Mediumint (8) UNSIGNED No 0

jml_kiriman Mediumint (8) UNSIGNED No 0

jml_kiriman tinyint(1) No 0

Pengirim_trk varchar(20) No 0

Wkt_kiriman Int(10) UNSIGNED Yes Null

Wkt_kiriman_id Int(10) UNSIGNED Yes Null

Kategori_id Int(10) UNSIGNED No 0



64

3. Tabel Post

Tabel ini berfungsi untuk menambahkan kiriman oleh member.

Tabel 4.7 Struktur Tabel Post



Pengirim Varchar (20) No

Pengirim_id Int(10) UNSIGNED No 1

Kiriman text Yes NULL

Terkirim int(10) UNSIGNED No 0

Topik_id int(10) No 0

4. Tabel Online

Tabel ini berfungsi untuk melihat member sedang online atau offline.

Tabel 4.8 Struktur Tabel Online


User_Id int(10) UNSIGNED No 1

Onl_username Varchar (20) No

Logged Int(10) UNSIGNED No 0

Idle Tinyint (1) No 0



65

5. Tabel Topik

Tabel ini berfungsi untuk menambahkan judul topik yang akan dibahas.

Tabel 4.9 Struktur Tabel Topik


Id int(10) No None

Pengirim Varchar (50) No

Judul_topik Varchar (50) UNSIGNED No

Terkirim int (10) UNSIGNED Yes 0

Balasan Mediumint (8) UNSIGNED Yes 0

Forum_id int(10) UNSIGNED No 0

6. Tabel User

Tabel ini berfungsi untuk melihat member yang mendaftar.

Tabel 4.10 Struktur Tabel User



Username Varchar (50) No

Password Varchar (50) No

Email Int (10) No

Avatar Tinyint (1) No 0

Jml_kiriman Int (10) No 0

Terdaftar Int (10) No 0



66

7. Tabel Chatroom

Tabel ini berfungsi untuk menambah pesan – pesan chat oleh user.

Tabel 4.11 Struktur Tabel Chatroom


Id int(10) No None

Pengirim Varchar (50) Yes NULL

Pengirim_id Int (10) No 1

Pesan_chat text Yes NULL

terkirim int (10) No 0

4.3.3 Sequence Diagram

Sequence Diagram menggambarkan perilaku pada sebuah skenario, diagram

ini menunjukkan sejumlah contoh objek dan pesan yang diletakkan diantara objek-

objek ini didalam use case. Sequence diagram menambahkan dimensi waktu pada

tiap interaksi diantara objek dimana antar objek saling berhubungan dan diwakili

oleh sebuah pesan antar objek.

4.3.3.1 Sequence Diagram proses mengirim post

Dalam kasus ini dimana kegiatan user untuk melakukan kiriman atau post

dalam forum diskusi.



67

1. Sequence Diagram proses mengirim post untuk member

Gambar 4.3 Sequence Diagram proses mengirim post untuk member

2. Sequence Diagram proses mengirim post untuk admin

Gambar 4.4 Sequence Diagram proses mengirim post untuk admin

: forumlogin : kategori : topik : post: member

lihat( )

lihat( )

lihat( )

lihat( )

topik baru( )doLogin

hapus( )

balas( )

hapus( )

login : kategori : forum : topik : post: admin

lihat( )

lihat( )

lihat( )

lihat( )

opik baru( )oLogin

hapus( )

balas( )

hapus( )



68

3. Sequence Diagram proses mengirim post untuk guest

Gambar 4.5 Sequence Diagram proses mengirim post untuk admin

4.3.3.2 Sequence Diagram proses melihat profile

Dalam kasus ini dimana kegiatan user untuk melakukan interaksi dalam

chatroom dengan mengirim pesan.

1. Sequence Diagram proses melihat profile untuk guest

Gambar 4.6 Sequence Diagram proses melihat profile untuk guest

: kategori : forum : topik : post: guest

lihat( )

lihat( )

lihat( )

lihat( )

: guestuserlist profile

lihat()lihat()



69

2. Sequence Diagram proses melihat profile untuk member

Gambar 4.7 Sequence Diagram proses melihat profile untuk member

3. Sequence Diagram proses melihat profile untuk admin

Gambar 4.8 Sequence Diagram proses melihat profile untuk member

profile

: member

userlistlogin

doLogin()lihat() lihat()

edit()

login userlist profileAdmin

oLogin() lihat() lihat()

edit()

hapus()



70

4.3.3.3 Sequence Diagram proses Chatroom

Dalam kasus ini mengambarkan kegiatan member dan user untuk berinteraksi

dengan member lain dengan menggunakan chatroom

1. Sequence Diagram proses Chatroom untuk member

Gambar 4.9 Sequence Diagram proses Chatroom untuk member

2. Sequence Diagram proses Chatroom untuk admin

Gambar 4.10 Sequence Diagram proses Chatroom untuk admin

: memberlogin : Chatroom

doLogin kirim pesan( )

login : Chatroomadmin

doLogin()kirim pesan( )



71

4.3.3.4 Sequence Diagram administrasi (kontrol admin)

Gambar 4.11 Sequence Diagram administrasi

4.3.4 Collaboration Diagram

Merupakan cara alternatif untuk menampilkan suatu scenario. Menampilkan

interaksi obyek yang terorganisasi di sekitar obyek dan hubungannya dengan obyek

yang lain.

admin

login : kategori : forum

doLogin

ambah( )

hapus( )

ganti nama( )

tambah( )

simpan()

ganti nama( )

pindah ke kategori( )

hapus( )

simpan()



72

4.3.4.1 Collaboration Diagram proses mengirim post

Dalam kasus ini menggambarkan collaboration diagram dimana proses user

melihat dan mengirim post

1. Collaboration Diagram untuk guest

Gambar 4.12 Collaboration Diagram proses mengirim post untuk guest

2. Collaboration Diagram untuk member

Gambar 4.13 Collaboration Diagram proses mengirim post untuk member

: forum

:

kategori

: post

: member

login

: topik

1: lihat( )

3: doLogin()

2: lihat( )

4: topik baru( )5: hapus( )

6: balas( )7: hapus( )

8: lihat( )

: topik

:kategori

: forum

: post

: guest

1: lihat( ) 2: lihat( )

: lihat( )4: lihat( )



73

3. Collaboration Diagram untuk admin

Gambar 4.14 Collaboration Diagram proses mengirim post untuk admin

4.3.4.2 Collaboration Diagram proses melihat profile

Dalam kasus Collaboration diagram ini dimana proses user melihat profile atau

user profile

1. Collaboration diagram proses melihat profile untuk guest

Gambar 4.15 Collaboration Diagram proses melihat profile untuk guest

: post

: forum

:

kategori

admin

login

: topik6: topik baru( )

7: hapus( )

5: lihat( )

8: balas( )

9: hapus( )

1: lihat( )

2: lihat( )

3:

4: doLogin

profile

userlist

: guest

1: lihat()

2: lihat()



74

2. Collaboration diagram proses melihat profile untuk member

Gambar 4.16 Collaboration Diagram proses melihat profile untuk member

3. Collaboration diagram proses melihat profile untuk admin

Gambar 4.17 Collaboration Diagram proses melihat profile untuk admin

userlistprofile

: member

login

1: doLogin()

2: lihat()

3: lihat()

4: edit()

Admin

userlistprofile

login

1: doLogin()

2: lihat()

3: lihat()

4: edit()5: hapus()



75

4.3.4.3 Collaboration Diagram proses Chatroom

Dalam kasus Collaboration diagram ini dimana proses user untuk mengirim

pesan chat kepada user lain.

1. Collaboration Diagram proses chatroom untuk member

Gambar 4.18 Collaboration Diagram proses chatroom untuk member

2. Collaboration Diagram proses chatroom untuk admin

Gambar 4.19 Collaboration Diagram proses chatroom untuk member

:Chatroom

: member

login

1: doLogin

2: kirim pesan( )

:Chatroom

login

admin

2: kirim pesan( )

1: doLogin()



76

4.3.4.4 Collaboration Diagram administrasi (kontrol admin)

Gambar 4.20 Collaboration Diagram administrasi

4.3.5 Activity Diagram

Diagram ini menjelaskan bagaimana kegiatan berawal yaitu dari proses

mendaftar dan login untuk bisa memasuki forum diskusi.

: forum

admin

login

:kategori

1: doLogin

2: tambah( )

3: simpan() 4: ganti nama( )5: hapus( )

6: tambah( )

7: simpan()

8: ganti nama( )9: pindah ke kategori( )

10: hapus( )



77

1. Activity diagram untuk Guest

Gambar 4.21 Activity Diagram Untuk Guest

start

lihat kategori

lihat forum

lihat userlist

lihat topik

lihat kiriman

end

lihat user profile

register



78

2. Activity diagram untuk User

Gambar 4.22 Activity Diagram Untuk User

logout

start

lihat kategori

lihat forum

lihat userlist

lihat topik

lihat kiriman

end

topik baru

balasan

chatroom

kirim pesan

chat

lihat user profile

edit profile

hapus topik

hapus kiriman

edit user profile

hapus user

login

login gagal

login berhasil

current user



79

3. Activity diagram untuk Admin

Gambar 4.23 Activity Diagram Untuk Admin

4.3.6 Statechart Diagram

Pada diagram ini dijelaskan bagaimana seorang user memasuki forum sehinga

dapat berinteraksi dan mengunakan konten – konten yang tersedia.

logout

start

lihat kategori

lihat forum

lihat userlist

lihat topik

lihat kiriman

end

topik baru

balasan

chatroom

kirim pesanchat

lihat user profile

edit profile

hapus topik

hapus kiriman

administrasi

managekategori

manage forum

edit user profile

hapus user

login

login gagal

login berhasil

all user



80

1. Statechart Diagram proses mengirim post

Gambar 4.24 Statechart Diagram proses mengirim post

forum

event tampil judul topik/

event tampil pengirim/

event jml balasan/

guest

buka

rowser

index

event tampil kategori/

event tampil forum/

event jml topik/

event jml kiriman/

topik

event tampil post/

event tampil pengirim/

event tampil status/

event tampil avatar/

login

entry/ username

entry/ password

do/ login

register

entry/ username

entry/ password

entry/ passwor2

entry/ email

do/ register

as member

event set title/ member

event set status/ online

as admin

event set title/ administrator...


post

entry/ topik baru

entry/ reply

do/ hapus post

post

entry/ topik baru

entry/ reply

do/ hapus post

logout

event set status/ offline



81

2. Statechart Diagram proses melihat profile

Gambar 4.25 Statechart Diagram proses melihat profile

3. Statechart Diagram proses Chatroom

Gambar 4.26 Statechart Diagram proses Chatroom

hapus user

do/ hapus kiriman user

guest

buka

browser

login

entry/ username

entry/ password

do/ login

as admin

event set title/ administrator


Userlist

event tampil username/

event tampil title/

event Undefined/ tampil jml post

as member



profile

event tampil username/

event tampil email/

event tampil tgl terdaftar/

event tampil avatar/

other member

edit profile

entry/ ganti password

entry/ ganti username

entry/ upload / ganti avatar

current memberadmin

logout


login

entry/ username

entry/ password

do/ login

guest

buka

browser

as admin



as member


event set status/ onlinelogout


chatroom

event lihat user online/

event lihat pesan chat/

entry/ kirimpesan chat



82

4. Statechart Diagram administrasi (kontrol admin)

Gambar 4.27 Statechart Diagram administrasi (kontrol admin)

4.3.7 Deployment Diagram

Menggambarkan tentang detail hubungan infrastruktur yang terhubung dalam

system, yaitu di mana komponen akan terletak (pada mesin, server atau piranti keras

apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan

hal-hal lain yang bersifat fisikal.

Gambar 4.28 Deployment Diagram

as admin



guest

login

entry/ username

entry/ password

do/ login

logout


kategori

entry/ tambah kategori

entry/ ganti nama kategori

do/ hapus kategori

forum

entry/ tambah forum

entry/ ganti nama forum

event pindah forumke kategori/

do/ hapus forum

Web browserApache

web server

MySql

Serverrequest request



83

4.4 Desain User Interface

Desain ini disebut juga dengan sistem secara fisik (physical design). Didalam

membuat desain interface ini, diperlukan beberapa desain utama diantaranya yaitu

header, footer, kategori, forum, topik, post, userlist, profile, dan administrasi.

4.4.1 Desain Kontrol Administrasi

Desain ini menampilkan halaman untuk mengontrol semua konten – konten

yang ada di halaman web yang dirancang, pengontrolan administrator ini diantaranya

menambah, menyunting, dan menghapus kategori, forum, user, chatbox, judul

header, dan konfigurasi lainnya.

1. Desain kontrol kategori

Desain ini menampilkan halaman untuk menambah, mengedit, menghapus,

dan mengatur letak posisi kategori tersebut.

Tambah forum

Tambah

Pilih Kategori

Nama kategori

Edit forum

Edit - Hapus Nama Forum

Pinahkan forum ke kategori yang diinginkan

Nama forum Forum 1

Kategori Nama kategori

Simpan

Gambar 4.29 Desain Kontrol Kategori



84

2. Desain kontrol forum

Desain ini menampilkan halaman untuk menambah, menghapus, mengedit

forum, dan memindahkan forum ke kategori yang diinginkan..

Tambah forum

TambahPilih Kategori

Nama kategori

Edit forum

Edit - Hapus Nama Forum

Pinahkan forum ke kategori yang diinginkan

Nama forum Forum 1

Kategori Nama kategori

Simpan

Gambar 4.30 Desain Kontrol Forum

4.4.2 Desain Halaman

Desain ini menampilkan konten konten yang ada dalam halaman forum

diskusi, diantaranya yaitu halaman index yang terdiri dari kategori, dan judul forum.

1. Desain halaman Index

Desain ini menampilkan diantaranya tabel kategori yang berisi judul - judul

forum, jumlah topik dari forum, dan jumlah balasan dari topik yang ada dalam forum

Tabel 4.12 Desain Index

Nama kategori

Forum Topik Jumlah kiriman

Nama Forum1 7 7

Nama Forim2 3 9



85

2. Desain Forum

Desain ini menampilkan nama forum yang berisi judul topik yang diajukan

oleh user dan jumlah kiriman oleh user.

Tabel 4.13 Desain Forum

Nama Forum

Topik Jumlah kiriman

Topik 1 7

Topik 2 9

3. Desain Topik dan kiriman

Desain ini menampilkan kiriman topik dengan nama pengirim, avatar, status

online atau offline, waktu kiriman dan form balasan dari user.

Pengirim

Username

Online/Offline

Pesan, Kiriman, Balasan

Balas

Pesan

Kirim

Gambar 4.31 Desain Post dalam Topik



86

4. Desain Userlist

Desain ini menampilkan daftar user yang telah terdaftar dalam forum diskusi

komunitas Radiohead Indonesia.

Tabel 4.14 Desain Userlist

Userlist

Username Title Kiriman

Username 1 Administrator 50

Username 2 Member 20



5. Desain Profile

Desain ini menampilkan informasi dari user, diantaranya username, title, e-

mail, tanggal mendaftar dan avatar.

Profile

Username : Username1

Title : Member/Administrator

E-mail : [email protected]

Mendaftar : dd - mm - yyyy

Avatar

Gambar 4.31 Desain Profile

mailto:[email protected]



http://slidepdf.com/reader/full/skripsiperancangan-cms-forum-diskusi-dan-chatroom-komunitas-radioh

87

6. Desain Edit Profile

Desain ini menampilkan halaman edit profile, sehingga user dapat mengganti

nama, mengganti passwoerd, dan mengganti email

Edit Profile

Username :

Ganti password

Email : [email protected]

Mendaftar : dd - mm - yyyy

Avatar

Ganti/Upload Avatar - Hapus Avatar

Gambar 4.32 Desain Edit Profile

7. Desain Chatroom

Desain ini menampilkan halaman obrolan atau chat antar user yang sedang

login, area chat menampilkan username, waktu pengiriman dan pesan.

Chatroom

Username - dd:mm:yyyy

Pesan

Kirim

Gambar 4.33 Desain Chatroom

Username

Simpan





88

BAB V

IMPLEMENTASI DAN PENGUJIAN

5.1 Implementasi Sistem

Setelah dilakukan analisa seperti dijelaskan pada bab sebelumnya, maka

sampailah pada langkah selanjutnya yaitu tahap implementasi. Implementasi ini

merupakan tahap penerapan atau tahap daur hidup pengembangan sistem yang telah

dibuat apakah sistem sudah berjalan dengan benar serta juga merupakan uji coba

langsung cara menjalankan sistem bagi user.

Dalam tahap ini, implementasi dilakukan dengan menampilkan halaman

konten-konten bagi user untuk memulai melakukan diskusi dengan user lain baik

secara langsung dengan menggunakan chatroom maupun tidak langsung dengan

berdiskusi dalam topik yang dipilih. Oleh karena itu jika user tersebut belum

mendaftar atau login agar dapat melakukan interaksi satu sama lain.

5.1.1 Lingkungan Implementasi

Implementasi bisa diartikan pelaksanaan atau penerapan atau juga dapat

disebut sebagai proses untuk melakukan interaksi, Maka dalam melakukan

implementasi diperlukan tempat atau lingkungan implementasi, dapat kita lihat pada

keterangan berikut.

5.1.1.1 Perangkat keras ( Hardware)

Penelitian ini di implementasikan menggunakan perangkat keras sebagai alat

bantu untuk menjalankan sistem dengan spesifikasi sebagai berikut :

1. Seperangat komputer (Motherboard, Harddisk, Memory dan Processor)

2. Monitor



89

3. Keyboard

4. Mouse

5. Network/LAN Driver

5.1.1.2 Perangkat lunak (Software)

Implementasi yang dijalankan menggunkan software atau perangkat lunak

dengan spesifikasi sebagai berikut :

1. Operating system

2. Web Browser

3. Web Server Apache

4. MySQL Database

5.2 Pengujian

Pengujian ini dilakukan dengan hosting dengan metode Intranet atau LAN,

maka sebelum pengujian dilakukan konfigurasi untuk dua perangkat komputer

diantaranya server dan client. Dimana dua perangkat komputer tersebut di

hubungkan dengan kabel UTP. Setelah dikonfigurasi alamat IP maka client dapat

mengakses halaman web dari komputer server.

Dalam pengujian ini akan menampilkan halaman-halaman web dari forum dan

proses dari kegiatan user pada halaman web forum diskusi ini, sehingga dapat

berinteraksi satu sama lain.

5.2.1 Konfigurasi

Sebelum melakukan implementasi maka dikonfigurasikan untuk computer

server dan client sehingga server dapat mengakses server.



90

5.2.1.1 Konfigurasi Server

Tahap - tahap konfigurasi untuk server diantaranya yaitu:

1. Mengatur IP Address server dengan alamat 192.168.1.1 dan Subnet Mask

255.255.255.0

Gambar 5.1 Konfigurasi IP Address Server

2. Uji koneksi dengan client dengan cara ping dalam Command Prompt

Gambar 5.2 Uji ping ke komputer Client

3. Konfigurasi localhost dengan menambahkan alamat URL yang akan diakses,

dengan alamat 192.168.1.1 www.thetwistedwords.com pada file “Host” pada

direktori C:\Windows\System32\drivers\etc

http://www.thetwistedwords.com/




91

4. Konfigurasi web server dari komputer server dengan memakai XAMPP

Gambar 5.3 Tampilan XAMPP

5.2.1.2 Konfigurasi Client

Tahap - tahap konfigurasi untuk client diantaranya yaitu:

1. Mengatur IP Address server dengan alamat 192.168.1.2 dan Subnet Mask

255.255.255.0

Gambar 5.4 Konfigurasi IP Address Client



92

2. Uji koneksi dengan client dengan cara ping dalam Command Prompt

Gambar 5.5 Uji ping ke komputer Server

3. Konfigurasi localhost dengan menambahkan alamat URL yang akan diakses,

dengan alamat 192.168.1.1 www.thetwistedwords.com pada file “Host” pada

direktori C:\Windows\System32\drivers\etc

5.2.2 Interface

Setelah dilakukan konfigurasi server dan client, maka implementasi dapat

dijalankan oleh user, berikut adalah tampilan dari interface yang diakses oleh client.

5.2.2.1 Index

Index adalah tampilan utama atau tampilan awal dari halaman web yang

menampilkan kategori dari forum-forum yang telah dibuat oleh administrator dan

berikut tampilan dari tampilan index tersebut :





93

Gambar 5.6 Tampilan Index

5.2.2.2 Forum

Pada halaman ini ditampilkan judul forum dari topik – topik yang dibahas

dalam forum Indonesian Radiohead Fans. Judul topik diajukan oleh member maupun

admin.

Gambar 5.7 Tampilan Forum



94

5.2.2.3 Topik

Pada tampilan ini user dapat berinteraksi dengan mengirim topik baru dan

membalas kiriman dari topik tersebut. Halaman ini menampilkan topik dan kiriman -

kiriman dari member lain, menampilkan avatar dan waktu pengiriman.

Gambar 5.8 Tampilan Topik

5.2.2.4 User List

Halaman ini menampilkan daftar user yang sudah mendaftar pada forum

komunitas Radiohead Indonesia, daftar tersebut menampilkan nama user, title user,

dan jumlah kiriman yang ada dalam forum.



95

Gambar 5.9 Tampilan User List

5.2.2.5 Chatroom

Bagian ini menampilkan tempat berinteraksi secara langsung dengan user yang

sedang online dalam Chatroom.

Gambar 5.10 Tampilan Chatroom



96

5.2.3 Interface Administrator

5.2.3.1 Admin Kategori

Bagian ini menampilkan halaman admin untuk menambahkan, menghapus,

mengganti nama, dan mengganti posisi kategori yang tampil di halaman Index.

Gambar 5.11 Admin Kategori

5.2.3.2 Admin Forum

Bagian ini menampilkan halaman admin untuk menambahkan, menghapus,

mengganti nama, mengganti posisi forum, dan memindahkan forum ke kategori lain

yang tampil di halaman Index.



97

Gambar 5.12 Admin Forum



98

BAB VI

PENUTUP

6.1 Kesimpulan

Dari uraian masalah di atas, serta berdasarkan analisa dari bab - bab yang ada,

maka dapat ditarik kesimpulan sebagai berikut:

1. Indoanesian Radiohead Fans memiliki anggota yang banyak tersebar di

seluruh Indonesia.

2. Melihat semakin meningkatnya jumlah penggemar Radiohead di Indonesia

maka dibuatlah sebuah aplikasi tempat berkumpulnya para penggemar

Radiohead.

3. Pemrograman PHP merupakan salah satu program aplikasi yang digunakan

untuk membangun forum diskusi atau tempat saling berbagi informasi antara

penggemar Radiohead.

4. Dengan bahasa pemrograman PHP dengan aplikasi database Mysql, maka

pengolahan data dapat dilakukan dengan cepat dan akurat.

5. Dengan dibangunnya forum diskusi maka penggemar radiohead dapat mencari

informasi yang dibutuhkannya, karena forum ini telah dirancang dengan

kategori, forum, dan topik sesuai dengan apa yang akan dicari.

6. Dengan adanya aplikasi database Mysql, maka administrator atau pihak -

pihak organisasi Indonesian Radiohead Fans dapat melihat data - data user

yang telah terdaftar sehingga dapat dikumpulkan nantinya dalam suatu

gathering atau event lainnya.



99

6.2 Keterbatasan Sistem

Dari hasil analisa yang telah dilakukan penulis, ini masih terdapat keterbatasan.

Keterbatasan ini adalah :

1. Kenyamanan user tergantung pada konten - konten yang tersedia dalam

forum diskusi dan juga partisipasi user lain untuk menanggapi sehingga user

mendapatkan informasi yang diinginkan.

2. Sistem belum diterapkan fitur - fitur umum yang pada umumya dipakai pada

suatu jejaring sosial atau portal seperti mengirim pesan antara user,

pemberitahuan dan sebagainya.

3. Sistem belum diterapkan kiriman template email otomoatis kepada user jika

ada pemberitahuan penting dari admin atau aktivasi password jika user

mengalami lupa password.

6.3 Saran

Dari kesimpulan di atas dan dari penelitian yang dilakukan maka dapat

dikemukakan beberapa saran yang diharapkan untuk pengembangan ke depannya

dengan beberapa saran dan dapat menjadi bahan pertimbangan lebih lanjut. Adapun

saran-saran yang ingin disampaikan adalah:

1. Sebaiknya melakukan peninjauan apa saja kegiatan dan kebutuhan user yang

telah mendaftar pada forum diskusi yang telah dirancang, dan hasil nya perlu

dievaluasi dan ditindak lanjuti.

2. Dari kajian diatas, penulis mengharapkan adanya penelitian lanjutan, karena

ada beberapa bagian yang tidak di bahas, karena keterbatasan waktu dan

batasan dari permasalah yang telah ditetapkan sebelumnya.



100

3. Untuk penelitian berikutnya bisa ditambahkan lagi konten-konten yang

memadai seperti pencarian, penambahan aturan, aktivasi via email,

penambahan plugin atau Application Programming Interface (API) dari

penyedia developer website jejaring sosial seperti tombol Share ke Facebook,

tombol Twit ke Twitter, tombol Plus ke Google, dan plugin API lainnya.



DAFTAR PUSTAKA

Wikipedia (2011). Situs Web. From http://id.wikipedia.org/wiki/SitusWeb Maret

2011

Wikipedia (2011). Hypertext Processor. From http://id.wikipedia.org/wiki/php

Maret 2011

Wikipedia (2011). PHP Frameworks, From

http://en.wikipedia.org/wiki/php_frameworks , Maret 2011

Wikipedia (2011). MySQL, From http://id.wikipedia.com/wiki/mysql, Maret 2011

Wikipedia (2011), Web Server, From http://en.wikipedia.org/wiki/web_server, April

2011

Apache Friends (2011), Xampp, From http://apachefriends.com April 2011

Wikipedia (2011), Content Management System (CMS), From

http://en.wikipedia.org/wiki/contentmanagementsystem , April 2011

Ilmu Komputer (2011), Pengenalan UML, From http://www.ilmukomputer.com,

April 2011

W3 School (2011), W3 School - HTML, HTML5, CSS, CSS3, AJAX, XML, JavaScript

Tutorials, From http://www.w3school.com, Septrmber 2011

IContem (2011), PHP Classes, From http://www.icontem.com/phpclasses,

September 2011

IBM (2011), Ratonal Rose UML Samples, From

http://www.ibm.com/rational/samples, November 2011

PHP Tutorials (2011), Cookie Functions, From http://www.phptutorials.com,

November 2011

PHP Tutorials (2011), Parse Text , From http://www.phptutorials.com, November

2011

Free PHP Tutorials (2011), Splitting a Line of Text in PHP, From

http://homeandlearn.co.uk/php/php.html November 2011

White Hat (2011), Resizing Images with PHP, From http://www.white-hat-

design.co.uk/blog/category/development/php/resizing_image.php November

2011

IContem(2011), Create chatbox with AJAX, From

http://www.icontem.com/phpclasses, November 2011

http://id.wikipedia.org/wiki/SitusWeb


http://en.wikipedia.org/wiki/php_frameworks

http://id.wikipedia.com/wiki/mysql

http://en.wikipedia.org/wiki/web_server

http://apachefriends.com/

http://en.wikipedia.org/wiki/contentmanagementsystem

http://www.ilmukomputer.com/

http://www.w3school.com/

http://www.icontem.com/phpclasses

http://www.ibm.com/rational/samples

http://www.phptutorials.com/


http://homeandlearn.co.uk/php/php.html

http://www.white-hat-/

http://www.white-hat-/

http://homeandlearn.co.uk/php/php.html



http://www.ibm.com/rational/samples


http://www.w3school.com/

http://www.ilmukomputer.com/

http://en.wikipedia.org/wiki/contentmanagementsystem

http://apachefriends.com/

http://en.wikipedia.org/wiki/web_server

http://id.wikipedia.com/wiki/mysql

http://en.wikipedia.org/wiki/php_frameworks


http://id.wikipedia.org/wiki/SitusWeb




Documents

Skripsi_Perancangan CMS forum diskusi dan chatroom komunitas Radiohead Indonesia