Laporan Akhir Web Design

5/13/2018 Laporan Akhir Web Design - slidepdf.com

http://slidepdf.com/reader/full/laporan-akhir-web-design 1/23

Tugas Akhir Bidang Minat SIC

Web Design

Social Network

Oleh Kelompok 2

Anggota Kelompok :

1. A. A. Ngurah Mahendra Adhi Putra (1008605025)

2. I Putu Gede Darpana Putra (1008605037)

3. Ni Luh Putu Krisna Lestari (1008605042)

4. Fuad Adi Pradana (1008605057)

Jurusan Ilmu Komputer

Program Studi Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Udayana

2012



ii

KATA PENGANTAR

Om Swastiastu,

Puja dan puji syukur kami panjatkan kehadapan Ida Sang Hyang Widhi Wasa /

Tuhan Yang Maha Esa, atas segala rahmat dan karunianyanya sehingga kami dapat

menyelesaikan tugas paper yang kami buat dengan mengambil judul “Social Network”

Kami menyadari bahwa terdapat banyak kekurangan yang terkandung dalam

paper yang kami kerjakan ini, maka dari itu kritik dan saran yang konstruktif sangat

kami harapkan demi kesempurnaan yang akan datang.

Semoga pikiran yang baik datang dari segala penjuru.

Om Shantih, Shantih, Shantih Om

Jimbaran, Februari 2012



iii

DAFTAR ISI

DAFTAR ISI ................................................................................................................... iii BAB I PENDAHULUAN ................................................................................................ 4

1.1. Latar Belakang ................................................................................................... 4 1.2. Rumusan Masalah .............................................................................................. 4 1.3. Tujuan ................................................................................................................ 5 1.4. Manfaat .............................................................................................................. 5

BAB II LANDASAN TEORI........................................................................................... 6 2.1. CMS ( Content Management System ) .............................................................. 6 2.2. CMS Jcow .......................................................................................................... 6 2.2.1. Kelebihan dan Kekurangan CMS Jcow .............................................................. 7 2.3. Hosting Server ................................................................................................... 7

BAB III PEMBAHASAN ................................................................................................ 9 3.1. Instalasi Jcow pada Hosting Server ................................................................... 9 3.2. Memodifikasi Jcow .......................................................................................... 15 3.3. Module-Modul yang di Tambahkan Pada Jcow .............................................. 20

BAB IV KESIMPULAN ................................................................................................ 23 4.1. Kesimpulan ......................................................................................................... 23 4.2. Saran .................................................................................................................... 23



4

BAB I

PENDAHULUAN

1.1. Latar Belakang

Rangkaian Social Networking adalah sebutan lain terhadap website

community. Social Networking adalah tempat untuk para netter (user)

berkolaborasi dengan netter (user) lainnya. Social Networking adalah kegiatan

menjalin hubungan dengan orang lain melalui social media sites/situs jejaringsosial yang ada di internet. Bisa diakses di mana saja, kapan saja dan oleh siapa

saja. Manusia pada dasarnya memang sudah terkonfigurasi secara biologis untuk

bersosialisasi. Kita semua ingin untuk bertatap muka dengan orang lain, berbagi

satu sama lain, merasa terkoneksi, dan aspek-aspek lainnya dari kehidupan sosial.

Dulunya sangat susah bagi kita untuk bisa bertemu dengan banyak orang.

Pada era internet dengan bentuk dasar yang tidak menghiraukan batasan

apapun.Semua orang dapat terkoneksi di atas satu media. Siapapun dapat

mengakses situs apapun. Dan karenanya, saat sebuah situs jejaring sosial dimana

orang-orang berkumpul disediakan, banyak orang secara alami tertarik untuk

datang ke sana. Sehingga dengan dibuatlah seperangkat software untuk

memudahkan melakukan sharing, chatting, dan sebagainya.

1.2. Rumusan Masalah

Dalam pengembangan social network dengan mengunakan CMS (Content

Management System), kami menemukan beberapa butir permasalahan, yaitu :

Bagaiamana cara instalasi CMS Jcow pada Hosting server

Bagaimana cara menambah fitur-fitur social network pada CMS

Jcow



5

1.3. Tujuan

Dari rumusan masalah di atas adapun tujuannya, yaitu :

Untuk mengetahui cara instalasi Jcow pada Hosting server

Untuk mengetahui cara menambah fitur-fitur social network serta

dapat mengubah, mendesign sendiri baik dari segi tampilan

maupun fungsi yang ada pada Jcow.

1.4. Manfaat

Manfaat dari website ini adalah agar pengguna atau user yang memakai

website ini dapat digunakan sebagaimana fungsinya, dapat melakukan social

networking dengan pengguna (user) lainnya.



6

BAB II

LANDASAN TEORI

2.1. CMS ( Content Management System )

Sistem Manajemen Content (Content Management System, disingkat

CMS), adalah sebuah aplikasi komputer yang digunakan untuk mengatur

proses alur dokumen diantaranya membuat dokumen baru,

mereview/koreksi dokumen, publikasi dokumen, hapus dokumen, cari

dan urutkan dokumen serta berbagai fungsi lainnya. Sistem CMS

umumnya digunakan untuk menyimpan, mengontrol, memilah, dan

mempublikasikan dokumen seperti artikel berita, petunjuk/manual,

brosur marketing. Isi yang diatur dapat berupa file komputer, media

gambar, suara, video, dokumen elektronik maupun isi dari suatu website.

Sistem CMS saat ini sudah sangat berkembang dan umum digunakan dari

web skala kecil, menengah hingga atas.Dari blog pribadi hingga situs

portal sudah menggunakan CMS. Dengan adanya sistem CMS, seseorang

dapat melakukan update website dengan mudah dan terstruktur. Dalam

pengimplementasiannya pengguna tidak perlu menggunakan kemampuan

programming dalam membuat sebuah web dan dengan menggunakan

CMS merupakan suatu solusi efektif dan tepat bagi seseorang yang masih

awam dalam membuat sebuah website.

2.2. CMS Jcow

Jcow adalah sebuah skript yang berfungsi sebagai pembuat situs sosial

seperti facebook, Jcow ini mudah memasangnya tetapi Jcow ini masih

belum terlalu populer di Indonesia sendiri. Jcow juga sangat membantu

pengguna yang kurang pengetahuan akan istilah PHP, SCRIPT, HTML,

dan sebagainya.



7

2.2.1. Kelebihan dan Kekurangan CMS Jcow

Adapun kelebihan CMS Jcow diantaranya:

1. Sangat Simple dan Mudah di Install.2. Total File sangat Ringan (tidak sampai 1 Mb)

3. Fitur sangat mirip Facebook (Ada chat antar members,

Photo,Button Like, Music, Video Youtube, dll)

4. Jika Server besar maka Loading sangat Cepat.

Selain kelebihan tentu ada kekurangannya, diantaranya:

1. Notifikasi tidak full ( Jika si A berkomentar di wall si B,

maka si B tidak menerima notifikasi. Namun si A akanselalu menerima notifikasi dari si B maupun member lain.

Begitu juga sebaliknya)

2. Aplikasi Chatting masih sangat sederhana. Jika members

berkomunikasi maka akan sangat lambat.

3. Database sering error. Jcow CMS menampung semua data

melalui query Database. Semakin banyak pengakses Jcow

maka server akan lambat dan akan membuat database

sering error.

4. Untuk fitur andalan seperti Versi mobile, Group, Page

harus membeli Jcow Script Profesional atau membeli satu-

satu script tersebut.

2.3. Hosting Server

Hosting adalah suatu space atau tempat di internet yang kita gunakan

untuk menyimpan data-data situs kita. Entah itu situs perusahaan, situs

pribadi, situs blog, dan lain sebagainya. Setiap situs yang hendak kita

buat online sehingga banyak orang bisa mengaksesnya, harus disimpan

pada suatu host. Kini banyak tersedia host-host yang ditawarkan yang

ada di internet. Mulai yang berbayar, sampai yang gratis sekalipun. Yang

gratis biasanya nama domain yang kita dapatkan hanyalah subdomain

dari situs induk dimana kita mendaftar disitus tersebut. Contoh situs yang



8

gratis adalah www.cjb.net www.000webhost.com www.ripway.com dan

masih banyak lagi.



9

BAB III

PEMBAHASAN

3.1. Instalasi Jcow pada Hosting Server

Sebelumnya kita mendownload terlebih dahulu script Jcow pada

http://sourceforge.net/projects/jcow/files/ , disana akan tampil Jcow dari versi 3

sampai versi 7 (terbaru) tapi disini kita akan menggunakan Jcow versi 6.

Setelah mendownload script Jcow kemudian kita akan memilih hosting serveruntuk menyimpan script jcow yang akan kita install nanti, disini kita

menggunakan webhosting gratis yaitu http://www.000webhost.com/ kemudian

kita mendaftar disana.

Setelah itu masuk pada member area 000webhost

Kemudian masuk ke cpanel pilih file manager

http://sourceforge.net/projects/jcow/files/


http://www.000webhost.com/







10

Setelah masuk pada file manager kemudian pilih menu public html

Kemudian upload file jcownya

Cari file jcow yang telah di download dengan mengklik browse



11

Setelah selesai mengupload maka pada public html akan muncul tampilan seperti

pada gambar dibawah, dan pastikan file-file tersebut berada pada public html

Jika semuanya sudah beres maka berikutnya kita akan masuk pada folder install

Kemudian di menu install pilih config.php



12

Setelah itu ubah CHMODnya menjadi 777

Jika sudah kembali ke folder public html dan masuk ke folder My. Pilihconfig.php dan lakukan lagi seperti cara yang diatas

Jika semuanya sudah selsai maka kita kembali pada menu awal member pada

000webhost dan pilih menu mysql



13

Kemudian buatlah database untuk Jcow

Kemudian setelah semuanya selsai maka kita tinggal membuka tab baru pada

browser dan kemudian kita tuliskan http://domainkita.com/install.php maka

http://domainkita.com/install.php






14

disana kita akan disuruh mengisi informasi database. Isikan saja informasi

database yang telah kita buat tadi, setelah semuanya diisi maka kita siap untuk

menginstall Jcow.

Setelah menginstall Jcow maka akan muncul peringatan untuk menghapus

install.php. maka kita langsung saja pergi ke folder public html dan kemudian

menghapus install.php, setelah semuanya selsai maka Jcow sekarang dapat

digunakan serta kita dapat memodifikasinya sesuai dengan keinginan kita.



15

3.2. Memodifikasi Jcow

Pada tahap ini akan dijelaskan tahap-tahap untuk memodifikasi Jcow yang kita

buat, seperti yang kita liat pada awal instalasi jcow mempunyai tampilan yangsederhana.

Mengedit Logo

Nah sekarang kita mulai dari mengganti logo sapi yang ada pada sebelah kiri

ujung atas pada tampilan

Dalam mengganti logo tersebut kita perlu mencari logo yang baru untuk

menggantikan logo sapi tersebut, tapi terlebih dahulu kita harus mencari gambar

yang cocok. Disini kita menggunakan logo seperti pada gambar dibawah ini.

Untuk pembuatan logonya kita bisa menggunakan photo editing seperti GIMP

dengan menggabungkan gambar dua penguin dan satu lambang open source

kemudian diberi efek drop down shadow dan jangan lupa untuk menyimpan

gambar dengan ekstensi png.

Setelah semuanya selsai maka kita siap untuk mengupload gambar pada hosting.



16

Buka public html/themes/default/ maka disana kita dapat melihat logo.png

Hapus logo.png yang sebelumnya lalu upload logo yang telah kita buat

sebelumnya, jangan lupan logo yang kita buat kita nama juga logo.png maka hasil

akan seperti ini

Mengubah Warna Tampilan

Setelah mengganti logo sekarang kita akan coba mengubah warna tampilan

default. Seperti yang kita tau bahwa tampilan bawaan Jcow adalah seperti pada

gambar dibawah ini. Disini kita akan mencoba mengubah warna tampilannya



17

Pertama-tama yang harus kita lakukan yaitu mengedit page css yang berada pada

public html/themes/default/ lalu setelah itu kita edit file yang bernama page.css

Pada code ini ubah lah warna sesuai dengan keinginan anda

body {background-color: white;

}

Tapi disini kita mengubah dari white menjadi beige

body {background-color: beige;}

Dan juga pada ini

#topbar_box {background: url("topbar_box_border.gif") bottom

repeat-x;background-color: #74B7D8;



18

Ubahlah code background-color sesuai dengan keinginan kita tapi pada kasus

ini kita mengubahnya menjadi warna code value warna ini

background: url("topbar_box_border.gif") bottom repeat-x;background-color: #808080;

Untuk dapat melihat code value warna dalam css kita dapat membuka website ini

http://www.w3schools.com/cssref/css_colorsfull.asp

Bisa dilihat pada gambar diatas bahwa warna(#808080) yang kita gunakan adalah

wana Grey/abu-abu. Setelah semuanya diedit klik save lalu refresh halaman web

kita maka warna tampilannya akan seperti ini.






19

Mengubah Picture Awal Jcow

Seperti yang kita ketahui bahwa gambar default awal Jcow adalah seperti ini maka

disini kita akan mencoba menggantinya dengan gambar yang kita sukai.

Kita dapat mendownload gambar yang kita sukai pada internet ataupun dengan

sedikit kreatifitas kita dapat mengedit sendiri gambar kita. Ini contoh gambar

sederhana yang telah kita buat dengan menggunakan GIMP.

Setelah semuanya selsai maka kita siap untuk mengupload gambar pada hosting.

Buka public html/themes/default/ maka disana kita dapat melihat welcome.jpeg



20

Hapus welcome.jpeg yang sebelumnya lalu upload picture yang telah kita buat

sebelumnya, jangan lupan picture yang kita buat kita nama juga welcome.jpeg

maka hasil akan seperti ini.

3.3. Module-Modul yang di Tambahkan Pada Jcow

Pertama-tama dalam menambahkan module pada Jcow adalah terlebih dahulu kita

mendownload module yang kita butuhkan kemudian buka hosting member masuk

ke cpanel/file manager/ public html/modules kemudian upload module yang telah

kita download tadi dan hasilnya akan seperti dibawah ini

Bisa dilihat disana terdapat module Freechat yang telah kita upload pada folder

modules.



21

Terdapat module-module yang dipasang dalam pembuatan social networking ini

antara lain :

FreeChatFreechat adalah module yang dapat ditambahkan ke dalam social

network Jcow yang kita bangun yang berfungsi sebagai alat

chating, agar pengguna atau member yang berada dalam social

network itu dapat berkomunikasi.



22

Degames

Module ini memungkin pengguna yang berada pada social network

kita dapat bermain game secara online

Id

Module ini memungkinkan pengguna untuk dapat mengganti

bahasa yang digunakan dalam social networknya menjadi bahasa

Indonesia.



23

BAB IV

KESIMPULAN

4.1. Kesimpulan

Rangkaian Social Networking adalah sebutan lain terhadap website

community. Dengan memanfaatkan CMS Jcow yang berbasis open source

semua orang sekarang dapat membuat social network dengan sangat mudah

sesuai dengan keinganannya tanpa harus berkutat dengan bahasa-bahasa

pemrograman seperti html,css,php, dan lain-lain.

4.2. Saran

Saran kami adalah dengan adanya dokementasi pembuatan social

networking menggunakan Jcow ini dapat membantu kita khususnya

mahasiswa dalam proses pembuatan social networkingnya dan juga CMS ini

sangat kurang populer maka dari itu dengan adanya ini kita dapat tahu bahwa

ada sebuah CMS yang dapat digunakan untuk membuat social network.

Laporan Akhir Web Design

Documents

Transcript of Laporan Akhir Web Design