laporan akhir web design
TRANSCRIPT
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 2/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 3/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 4/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/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 5/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 6/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 7/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 8/23
8
gratis adalah www.cjb.net www.000webhost.com www.ripway.com dan
masih banyak lagi.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 9/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 10/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 11/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 12/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 13/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 14/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 15/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 16/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 17/23
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;
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 18/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 19/23
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
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 20/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 21/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 22/23
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.
5/13/2018 Laporan Akhir Web Design - slidepdf.com
http://slidepdf.com/reader/full/laporan-akhir-web-design 23/23
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.