BAB 1
HAK CIPTA PADA WEB
Apakah sebuah website dilindungi hak cipta.
Website adalah sejumlah halaman web
berisi informasi dengan topik yang saling terkait, yang dapat terdiri dari
teks/tulisan, foto-foto, gambar-gambar, bahkan musik, video, database dan
software.Undang-Undang Nomor 19
Tahun 2002 tentang Hak Cipta(“UUHC”) melindungi secara otomatis
--tanpa harus mendaftar ke Direktorat Jenderal Hak Kekayaan Intelektual
(“Ditjen HKI”)-- baik desain website maupun isi (konten) website, dari publikasi danperbanyakan oleh pihak lain tanpa izin pemegang
hak cipta. Perlindungan hak cipta diperoleh pencipta atau penerima hak,
sepanjang desain dan konten website tersebut merupakan hasil karya yang
original.
Elemen-elemen apa saja pada website yang dilindungi hak
cipta?
Sebuah website dapat memuat sejumlah hak
kekayaan intelektual. Selain desain website dan konten website (dapat berupa
teks/tulisan, foto-foto, gambar-gambar, bahkan musik, video, database dan
software) yang merupakan obyek perlindungan hak cipta, elemen lain yang sering
dijumpai pada sebuah website adalah logo, nama usaha, brand/nama produk atau
jasa, simbol, slogan; nama domain; dan fitur-fitur dengan teknologi web
misalnya search engines,
sistem online shopping dan sistem navigasi.
Untuk logo, nama produk/jasa (brand), icon-icon dan slogan, perlindungannya diatur
oleh Undang-Undang No. 15
Tahun 2001 tentang Merek (“UU
Merek”) apabila elemen-elemen tersebut memiliki daya pembeda dan digunakan
dalam kegiatan perdagangan barang atau jasa (Pasal 1 ayat [1] UU Merek).
Berbeda dengan hak cipta, hanya merek-merek yang terdaftar di Ditjen HKI yang
memperoleh perlindungan hukum.
Nama domain juga tidak termasuk obyek perlindungan
hak cipta. Namun, nama domain dapat didaftarkan sebagai merek di Ditjen
HKI. Pendaftaran nama domain sebagai merek setidaknya menghalangi pihak lain
memakai dan mendaftarkan nama domain Anda sebagai merek di DItjen HKI bagi
produk atau jasa yang sejenis dengan produk/jasa yang tercantum dalam
pendaftaran. Dalam memilih nama domain sebagai alamat website juga perlu
memastikan bahwa nama domain tidak melanggar hak merek pihak lain. Jika
terbukti adanya pelanggaran hak, maka pemilik website dapat kehilangan haknya
atas nama domain yang bersangkutan akibat tuntutan hukum pemilik merek yang
sah.
Beberapa website
yang menampilkan fitur-fitur dengan teknologi web seperti sistem navigasi pada
mesin pencarian atau search
engine (yang dipergunakan
situs www.google.com), teknologi interaktif pada search engine (www.yahoo.com)
dan sistem pembelian online (www.amazon.com), melindungi fitur-fitur
temuan mereka tersebut dengan paten (Kantor Paten Amerika Serikat memberikan
paten untuk invensi-invensi di atas masing-masing dengan nomor US 7552400,US 7516124 dan US 5960411 ).
Perlukah hak cipta website didaftarkan? Bagaimana prosedur
dan masa perlindungannya?
Walaupun pendaftaran tidak disyaratkan
untuk mendapatkan perlindungan hak cipta, namun di negara-negara yang memiliki
kantor HKI yang menyelenggarakan pendaftaran hak cipta seperti di Indonesia, pendaftaran
akan lebih menguntungkan pemegang hak cipta, terutama dalam hal pembelaan
hak apabila terjadi sengketa atau pembajakan. Setiap pendaftaran hak cipta akan
dimuat di Daftar Umum Ciptaan di Ditjen HKI (Pasal 37 ayat [1] UUHC) dan
Sertifikat Pendaftaran Hak Cipta dianggap sebagai alat bukti utama (prima
facie evidence) kepemilikan atas suatu ciptaan. Sepanjang tidak ada pihak
lain yang dapat membuktikan sebaliknya di muka pengadilan, maka fakta-fakta
yang tercantum pada sertifikat pendaftaran hak ciptalah yang dianggap benar (Pasal
5 ayat [1] UUHC*).
Permohonan pendaftaran hak cipta atas
website sebaiknya diajukan oleh pemegang hak cipta segera setelah sebuah
website siap ditayangkan atau dipublikasikan. Hak Cipta atas website
didaftarkan sebagai susunan perwajahan dengan menampilkan tampilan
layout/desain website. Masa perlindungan hak cipta website berlaku selama 50
(lima puluh) tahun sejak pertama kali diterbitkan (Pasal 30 ayat [2] UUHC),
atau jika hak cipta dimiliki atau dipegang oleh suatu badan hukum, berlaku
selama 50 (lima puluh) tahun sejak pertama kali diumumkan (Pasal 30 ayat [3]
UUHC).
Pemegang Hak Cipta atas website
Dalam mengajukan
permohonan pendaftaran hak cipta, pemohon pendaftaran harus dapat menjelaskan
apakah ia sebagai pencipta sekaligus pemegang hak cipta, ataukah sebagai
pemegang hak cipta yang memperoleh haknya dari pencipta melalui perjanjian
pengalihan hak.
Pencipta adalah seorang atau beberapa
orang secara bersama-sama yang atas inspirasinya melahirkan suatu Ciptaan
berdasarkan kemampuan pikiran, imajinasi, kecekatan, keterampilan, atau
keahlian yang dituangkan ke dalam bentuk yang khas dan bersifat pribadi (Pasal
1 ayat [2] UUHC). Sedangkan, Pemegang Hak Cipta adalah Pencipta sebagai
Pemilik Hak Cipta, atau pihak yang menerima hak tersebut dari Pencipta, atau
pihak lain yang menerima lebih lanjut hak dari pihak yang menerima hak tersebut
(Pasal 1 ayat [4] UUHC).
Kesalahpahaman sering terjadi dalam hal
suatu website dibuat olehweb developer independen
berdasarkan pesanan. Pemesan menganggap bahwa dengan dibayarnya fee pembuatan website maka otomatis ia
menjadi pemegang hak cipta atas website. Menurut ketentuan Pasal 8 ayat (3) UUHC, web developer yang memberikan jasa pembuatan desain
website berdasarkan pesanan (dan menerima pembayaran untuk itu), dianggap
sebagai pencipta sekaligus pemegang hak cipta atas desain website yang
dibuatnya, kecuali apabila diperjanjikan lain antara kedua pihak. Tanpa
perjanjian pengalihan hak cipta antara pemesan dan web developer (pencipta), pemesan hanya memiliki
lisensi non-eksklusif untuk menggunakan website tersebut.
Bagaimana isi Pesan Hak Cipta dan ketentuan penulisannya?
Tampilkan di tiap-tiap halaman atau setidaknya di halaman utama (home),
informasi klaim hak cipta sebagai berikut:
©[Tahun ketika ciptaan dipublikasikan pertama kali], [Nama Pemilik
Hak Cipta]; atau
Hak Cipta dilindungi Undang-undang. [Nama Pemilik Hak Cipta] ©[Tahun
ketika ciptaan dipublikasikan pertama kali].
Informasi hak cipta dalam bahasa Inggris lebih disukai karena
dapat diterima secara universal.
Jika website Anda secara teratur diperbarui dan berisi materi yang
berasal dari tahun yang berbeda, Anda dapat menempatkan kisaran tahun,
misalnya: ©2003-2011, Globomark.
Di Indonesia, tidak ada ketentuan khusus yang mengatur tata cara
penulisan informasi ini. Tidak menampilkan informasi ini tidak berakibat
mengurangi perlindungan hukum. Namun, tentunya akan lebih bermanfaat bagi
pemilik website apabila informasi hak cipta tersebut ditampilkan untuk
menunjukan kepada pengguna bahwa website yang bersangkutan dilindungi Hak Cipta
dan karenanya jika seseorang menjiplak tampilan layout/ desain website tersebut
beserta isinya maka akan dianggap sebagai pembajakan/pelanggaran hak cipta.
Begitu pula dengan simbol-simbol seperti ™ (Trade Mark) dan
®, walaupun tidak ada ketentuan yang mengatur, namun pada praktiknya sering
digunakan untuk menandai bahwa sebuah logo, nama produk/jasa, slogan atau icon yang terdapat pada website merupakan
merek seseorang. Namun, bagi merek, penandaan saja tidak memberikan efek
perlindungan hukum. Pendaftaran di Ditjen HKI merupakan syarat mutlak memperoleh perlindungan hukum atas
merek.
Server web (httpd) menyediakan
informasi (statis dan dinamis). Halaman statis diperoleh dengan perintah GET
Halaman dinamis diperoleh dengan CGI (Common Gateway Interface), Server Side
Include (SSI), Active Server Page (ASP, PHP), Servlet (seperti Java Servlet,
ASP)
Dalam operasi sehari-harinya web
server seringkali menjadi target gangguan dan serangan oleh para peretas di
dunia maya. Beberapa contoh eksploitasi pada web server yang sering
terjadi adalah antara lain :
·
Melakukan
perubahan tampilan (Deface)
Metode ini umum dilakukan dengan cara menjalankan skrip eksploit, memanfaatkan
celah priveledge yang terbuka, atau memanfaatkan kelemahan
operating system yang digunakan sebagai web server.
Terdapat situs yang mengumpulkan
data-data deface seperti : http://www.alldas.org, http://www.zone-h.org
·
Perubahan
data pada server
Cara paling mudah untuk mengubah data pada server adalah dengan melakukan akses
fisik ke server yang ada. Untuk itu keamanan dan akses ruang server haruslah
sangat terjaga. Cara perubahan data yang sering dilakukan juga adalah dengan
melalui CGI, dan eksploit data di database (SQL injection, XSS, dll)
·
Penyadapan
Informasi
Penyadapan informasi dilakukan untuk memperoleh data-data penting yang keluar
masuk kedalam server web seperti data login (user, password), maupun data
sensitif lainnya. Metode untuk penyadapan informasi biasanya dilakukan dengan
cara Urlwatch, sniffing, dll
·
DoS (Denial
of Service) attack
adalah jenis serangan terhadap web server dengan cara menghabiskan resource (RAM, Processor,
kemampuan ethernet) yang dimiliki oleh web server sampai tidak dapat
menjalankan fungsinya dengan benar sehingga secara tidak langsung mencegah
pengguna memperoleh service web.
Dalam sebuah serangan Denial of Service, si penyerang akan mencoba
untuk mencegah akses seorang pengguna terhadap sistem atau jaringan dengan
menggunakan beberapa cara, yakni sebagai berikut:
o
Membanjiri
lalu lintas jaringan dengan banyak data sehingga lalu lintas jaringan yang
datang dari pengguna yang terdaftar menjadi tidak dapat masuk ke dalam sistem
jaringan. Teknik ini disebut sebagai traffic flooding.
o
Membanjiri jaringan
dengan banyak request terhadap sebuah layanan jaringan yang disedakan oleh
sebuah host sehingga request yang datang dari pengguna terdaftar tidak dapat
dilayani oleh layanan tersebut. Teknik ini disebut sebagai request
flooding.
o
Mengganggu komunikasi
antara sebuah host dan kliennya yang terdaftar dengan menggunakan banyak cara,
termasuk dengan mengubah informasi konfigurasi sistem atau bahkan perusakan
fisik terhadap komponen dan server.
Oke cukup dulu dengan
serang-menyerangnya :). Berikut adalah beberapa metode pengamanan untuk akses
web server :
·
Access Control
Kita dapat memberlakukan kontrol akses untuk web server dengan cara :
o
Melakukan
pengaturan pada web server agar membatasi akses menuju web server dengan
identifikasi alamat ip (/etc/httpd.conf)
o
Menggunakan
htaccess
Membuat file“.htaccess” pada root directory web server,
contohnya sbb :AuthUserFile /home/duyz/.pass
AuthGroupFile /dev/null
AuthName “Akses terbatas untuk user khusus”
AuthType Basic
<Limit GET>
require user khusus
</Limit>
Skrip ini akan membatasi akses web
server hanya dapat digunakan oleh user “khusus” dan password
Menggunakan perintah “htpasswd“ untuk membuat password yang disimpan di file
“.pass”
o Menggunakan Secure
Connection (ssl, openssl)
SSL (Secure Socket Layer) adalah sebuah metode untuk pengamanan web
server dengan penggunaan enkripsi pada transmisi data menuju web server. Metode
ini lazim digunakan oleh Korporasi, Bank, maupun badan intelejen untuk
menghindari sniffing, maupun percobaan intersepsi data lainnya.Mungkin
itu dulu yang dapat dishare untuk dasar-dasar keamanan web server.
Arsitektur
Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang,
seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan
fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar
pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus
pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan
desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu
memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide
Web.
Sejak web
perencanaan isi, desain dan manajemen datang dalam lingkup metode desain,
Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu
arsitektur situs, seperti yang mereka lakukan arsitektur fisik dan disiplin
desain lainnya. Website arsitektur akan datang dalam ruang lingkup
estetika dan teori kritis dan kecenderungan ini dapat mempercepat dengan
munculnya web semantik dan web 2.0. Kedua ide menekankan aspek struktur
informasi. Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang
telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis
dan postmodernisme. Web 2.0, karena melibatkan user-generated content,
mengarahkan perhatian arsitek website untuk aspek-aspek struktur informasi.
Suatu
pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu
sendiri, melibatkan teknis, kriteria estetika dan fungsional. Seperti dalam
arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan
pengguna. Hal ini memerlukan perhatian khusus pada konten web, rencana bisnis,
kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi
mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah
situs Web terkait dengan World Wide Web.
“Website
arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk
disiplin intelektual mengatur konten website. ”Web desain”, dengan cara
kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis,
dari merancang dan menerbitkan sebuah situs web. Perbedaan tersebut
dibandingkan dengan yang antara tugas mengedit sebuah koran atau majalah dan
desain grafis dan pencetakan. Tetapi hubungan antara editorial dan kegiatan
produksi adalah lebih dekat untuk publikasi web daripada untuk penerbitan
cetak. Tiga standar utama untuk penerapan web services. Standar-standar ini
mendukung pertukaran data berbasis XML. Tiga standar tersebut meliputi SOAP,
WSDL, dan UDDI. Berikut bakal tak jelaskan secara singkat mengenai standar
tersebut. SOAP ( Simple Object Access Protocol )
Protokol ini
mendukung proses pengkodean data (biasanya XML) dan transfernya melalui HTTP
(Hyper Text Transfer Language). Dalam konteks web services, SOAP adalah suatu
bahasa versi bebas dari protokol RPC (Remote Procedure Caoll) yang berguna
untuk proses transaksi melalui HTTP standar. SOAP membuat klien web service
dapat memilih beberapa parameter mengenai permintaannya dan memberikannya kpd
si penyedia. Ketika penyedia menganggapi permintaan tersebut, maka terjadilah
web services.WSDL ( Web Services Description Language ) Merupakan bahasa
berbasis XML yang menjelaskan fungsi-fungsi dalam web services. WSDL
menyediakan cara untuk memanfaatkan kapabilitas web services. WSDL memberi tahu
mesin lain bagaimana memformat/ menterjemahkan permintaan yang diterima berikut
respon mereka agar proses web service bisa berjalan. Singkatnya, WSDL adalah
bahasa yang memungkinkan berbagai dokumen yang dibuat dalam aplikasi yang
berbeda dapat berkomunikasi.
UDDI
(Universal Description Discovery and Integration ) Adalah semacam direktori
global untuk mengelola web services. Fungsinya mirip dengan Yellow Pages untuk
versi web services. UDDI berisi informasi tentang penawaran atau layanan apa
yang ditawarkan perusahaan berikut dengan detil teknis bagaimana cara
mengaksesnya. Inforamsi tersebut ditulis dalam bentuk file-file WSDL.
Hal lain
yang harus Anda ingat adalah setiap halaman website hendaknya tidak lebih dari
2 (dua) level kedalaman atau 2 (dua) kali klik dari halaman depan (home). Bila
tidak, spider tidak akan membuat indeks semua halaman website. Halaman
depan (home page) website harus memiliki tautan ke halaman-halaman utama, baik
melalui isi halaman depan maupun melalui menu website. Masing-masing halaman
utama juga harus memiliki tautan ke subhalaman. Satu halaman utama bisa
terhubung ke lebih dari satu subhalaman. Sebaliknya setiap subhalaman juga
harus memiliki tautan untuk kembali ke halaman utama dan setiap halaman utama
harus memiliki tautan untuk kembali ke halaman depan. Spider atau web crawler
hanya bisa mengikuti tautan dari satu halaman ke halaman yang lain dan dari
satu website ke website yang lain. Oleh karena itu semakin banyak tautan dari
website lain yang mengarah ke website Anda maka website Anda akan semakin dikenal
oleh mesin pencari.
Selanjutnya,
setiap halaman baik itu halaman depan, halaman utama dan subhalaman harus
menggunakan kata kunci yang telah Anda pilih. Halaman depan dan halaman-halaman
utama harus menggunakan kata-kata kunci yang paling banyak dicari.
Struktur 3
(tiga) lapisan ini menghasilkan sebuah website yang mudah ditelusuri bagi
pengunjung dan spider. Selain mengikuti tautan-tautan untuk menemukan website,
Anda juga bisa memberikan alamat website Anda kepada spider. Misalnya melalui
Googlebot, spidernya Google. Cukup ketikkan alamat website Anda, kemudian
spider atau web crawler akan menelusuri semua halaman website dan membuat
indeksnya. Sekarang, mari kita bahas halaman-halaman yang ada pada sebuah
website.
1. Halaman Depan (Home Page)
Setiap website memiliki halaman depan. Pada umumnya, halaman depan merupakan
halaman pertama yang dilihat oleh pengunjung dan juga merupakan halaman yang
paling penting dalam mendapatkan urutan pencarian yang tinggi dari mesin
pencari, karena mesin pencari memberikan lebih banyak bobot kepada halaman
depan darimana halaman lainnya. Halaman depan harus memberikan informasi yang
jelas dan singkat kepada pengunjung mengenai apa website Anda, produk dan/atau
jasa apa yang tersedia. Halaman depan harus memiliki tautan ke semua halaman
website dan setiap halaman harus memiliki tautan untuk kembali ke halaman
depan.
2. Halaman Produk/Jasa
Bagian utama dari website berisi penawaran produk dan/atau jasa. Apapun
kategori website Anda, yang penting Anda harus menggambarkan secara singkat dan
tepat apa yang Anda tawarkan, bantu pengunjung untuk menentukan pilihan dan
melakukan transaksi dengan cara yang semudah mungkin. Jumlah halaman
produk/jasa hendaknya disesuaikan dengan jumlah produk/jasa yang ditawarkan.
Apabila jumlah produk/jasa yang ditawarkan banyak, maka halaman utama
produk/jasa bisa berisi ringkasan dari keseluruhan produk/jasa kemudian Anda
buat lagi beberapa subhalaman yang berisi detil dari masing-masing produk/jasa.
3. Halaman Informasi
o Profil: berisi sejarah mengenai bisnis atau perusahaan, visi dan misi, siapa
saja pengurus inti website atau perusahaan, dan hal-hal penting lainnya
mengenai bisnis atau perusahaan.
o FAQ (Frequently Asked Question): berisi pertanyaan-pertayaan umum mengenai
produk, jasa, maupun perusahaan.
o Testimoni: berisi kesaksian pelanggan mengenai penggunaan produk dan/atau
jasa yang ditawarkan. Halaman ini digunakan untuk membangun reputasi.
o Surat kabar elektronik: berisi berita-berita mengenai produk dan/atau jasa
baru, tips-tips, promo-promo yang diadakan, serta pengumuman-pengumuman lain
yang mau disampaikan kepada pelanggan.
4. Halaman
Keanggotaan
Halaman keanggotaan merupakan bagian yang penting sekali untuk pengembangan
website di masa mendatang. Dengan mengetahui siapa saja pengunjung dan
perkembangan jumlah pengunjung aktif Anda bisa menganalisa hal-hal yang perlu
diperbaiki, memenuhi kebutuhan-kebutuhan pengunjung dengan lebih tepat,
sehingga pada akhirnya website Anda bisa terus berkembang. Ada beberapa hal
yang sangat penting apabila Anda hendak meminta data pribadi pengunjung website
yaitu Anda harus bisa menjaga kerahasiaan data tersebut dan privasi pengunjung,
mereka juga harus bisa menghentikan keanggotaannya kapan saja.
5. Halaman Kontak
Halaman kontak berisi cara-cara untuk menghubungi pengurus website, bisa
melalui email, telepon, fax, chatting, surat, ataupun dengan cara mengisi
formulir pertanyaan atau komentar secara online. Hal ini akan memberikan rasa
nyaman kepada pengunjung karena mereka bisa berhubungan dengan pemilik website,
mengetahui alamat kantornya, berbicara dengan pengurus website baik untuk
bertanya atau untuk menyampaikan keluhan.
BAB II
ARSITEKTUR WEB
Hypertext
Transfer Protocol (HTTP)
HTTP adalah
sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi
terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaannya banyak
pada pengambilan sumber daya yang saling terhubung dengan tautan, yang disebut
dengan dokumen hiperteks, yang kemudian membentuk World Wide Web pada tahun
1990 oleh fisikawan Inggris, Tim Berners-Lee. Hingga kini, ada dua versi mayor
dari protokol HTTP, yakni HTTP/1.0 yang menggunakan koneksi terpisah untuk
setiap dokumen, dan HTTP/1.1 yang dapat menggunakan koneksi yang sama untuk melakukan
transaksi. Dengan demikian, HTTP/1.1 bisa lebih cepat karena memang tidak usah
membuang waktu untuk pembuatan koneksi berulang-ulang.Pengembangan standar HTTP
telah dilaksanakan oleh Konsorsium World Wide Web (World Wide Web
Consortium/W3C) dan juga Internet Engineering Task Force (IETF), yang berujung
pada publikasi beberapa dokumen Request for Comments (RFC), dan yang paling
banyak dirujuk adalah RFC 2616 (yang dipublikasikan pada bulan Juni 1999), yang
mendefinisikan HTTP/1.1.
WWW (World
Wide Web)
WWW (World
Wide Web) merupakan kumpulan web server dari seluruh dunia yang berfungsi
menyediakan data dan informasi untuk dapat digunakan bersama.WWW atau biasa
disebut web adalah bagian yang paling menarik dari Internet. Melalui web, dapat
mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga
berupa gambar, suara, video dan animasi. Fasilitas ini tergolong masih baru
dibandingkan surel (email), sebenarnya WWW merupakan kumpulan
dokumen-dokumen yang sangat banyak yang berada pada komputer server (web
server), di mana server-server ini tersebar di lima benua termasuk Indonesia,
dan terhubung menjadi satu melalui jaringan Internet. Dokumen-dokumen informasi
ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language). Suatu
halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan
teks lainnya atau bahkan dengan dokumen lain. Keterkaitan
halaman lewat teks ini disebut hypertext. Dokumen infomasi ini
tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara
bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut hypermedia.
Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang
saling terkoneksi menggunakan hyperteks link. Dengan mengklik hyperlink,
maka bisa berpindah dari satu dokumen ke dokumen lainnya.
URL(
universal resource locator)
URL(
universal resource locator) merupakan suatu konsep penamaan lokasi standar
dari suatu file,direktori,computer, dan lokasi komputernya sesuai dengan metode
yang digunakan. URL tidak hanya dapat menunjuk ke suatu file tapi dapat juga
menunjuk suatu query, dokumen dalam suatu database atau hasil dari perintah
finger atau perintah archie . secara umum dapat digambarkan penulisan url :
metode://nama_file[:nomor_port]. Jenis metode yang digunakan pada url adalah
file,http,news,gopher,telnet.
XML
(Extensible Markup Language)
XML
(Extensible Markup Language) merupakan bahasa web turunan dari SGML
(Standart Generalized Markup Language) yang ada sebelumnya. XML hampir
sama dengan HTML, dimana keduanya sama-sama turunan dari SGML. Teknologi XML
dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide
Web Consortium (W3C) pada bulan Februari 1998. Sedangkan SGML sendiri
telah dikembangkan pada awal tahun 1980-an. Pada saat HTML dikembangkan pada
tahun 1990, para penggagas XML mengadopsi bagian paling penting SGML dan dengan
berpedoman pada pengembangan HTML menghasilkan bahasa markup yang tidak kalah
hebatnya dengan SGML.XML tidak mempunyai definisi secara tepat karena ada yang
berpendapat bahwa XML bukanlah suatu bahasa pemrograman,melainkan XML merupakan
sintaks yang digunakan untuk menjelaskan bahasa markup lain (Dournaee,2002),
sehingga dinamakan meta-language. Meskipun demikian pendapat yang XML bukan
merupakan bahasa markup, didasarkan bahwa XML merupakan bahasa markup terpisah
untuk tujuan terpisah. Selain itu XML bukanlah solusi semua hal untuk tujuan
semua user.
JavaScript
JavaScript
adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien.
jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami
JavaScript sebagai bahasa pemrograman yang berjalan di browser. Javascript
dipanggil untuk memberikan fungsi pada halaman web dengan meletakannya secara
internal pada halaman html diantara tag atau dibuat pada file terpisah (
eksternal ) dan lalu di link menggunakan pada bagian , seperti CSS. Fungsi
Javascript adalah Secara fungsional, Javascript digunakan untuk menyediakan
akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana
dari penggunaan javascript adalah membuka halaman pop up, fungsi validasi pada
form sebelum data dikirimkan ke server, merubah image kursor ketika melewati
objek tertentu, dan lain lain.
AJAX
AJAX disini
adalah singkatan dari Asynchronous JavaScript and XML. Pada intinya ajax itu
merupakan gabungan beberapa teknologi yang bertujuan untuk menghindari page
reload. Dengan menghindari page reload, kita dapat menghindari paradigma
click-and-wait serta memberikan sebuah fitur yang cukup kompleks pada website
seperti validasi data secara realtime, drag n drop dan fitur-fitur lain yang
belum dimiliki web biasa. Dengan AJAX, suatu aplikasi web dapat mengambil data
kemudian diolah di client melalui request asynchronous HTTP yang diinisiasi
oleh Javascript, sehingga dapat mengupdate bagian-bagian tertentu dari web
tanpa harus memanggil keseluruhan halaman web. Request ini dapat dieksekusi
dalam beberapa cara dan beberapa format transmisi data. Dikombinasikannya cara
pengambilan data remote dengan interaktivitas dari Document Object Model (DOM)
telah menghasilkan generasi terbaru dari aplikasi web yang mengebrak
aturan-aturan tradisional tentang apa yang dapat terjadi di dalam web.
Gambar
Arsitektur Website :
Untuk
memudahkan dalam belajar
membuat web, maka
berikut adalah tahapan dalam desain dan membuat web yang secara besar
tahapan materi/artikel dibagi menjadi 3 bagian secara berurutan yaitu
HTML, CSS dan Penerapan. Ini merupakan langkah-langkah yang akan ditempuh dalam
mempelajari cara membuat web, cara-cara ini akan ditempuh jika kita dalam
membuat website ini kita menggunakan teknik “hand coding” bukan menggunakan
CMS.
1: HTML
Pada bagian
awal yang harus dipelajari adalah bagaimana skrip HTML digunakan
untuk membuat halaman Web. memulai untuk menuliskan
kata-kata atau kalimat yang ingin ditampilkan pada halaman web.
Memberi tag
pada setiap kata atau group kata untuk menandainya sebagai judul, paragraf, dan
lain sebagainya.
Juga
dijelaskan lebih rinci tentang bagaimana mengatur teks, list atau daftar, link,
gambar, tabel, bentuk-bentuk atau shapes, audio video dan flash, dan unsur
lain-lain.
Untuk
permulaan, contoh-contoh kode html yang di buat latihan akan terlihat
membosankan, namun itu adalah dasar dari pembuatan halaman web.
Selanjutnya
belajar tentang CSS yaitu suatu skrip yang digunakan untuk mengatur
kode html yang sudah dibuat agar terlihat jauh lebih menarik.
2: CSS
Pada bagian
ini yang akan dipelajari adalah bagaimana kinerja skrip css untuk
mengontrol styling dan tata letak pada sebuah halaman web.
Untuk
selanjutnya memahami berbagai properti dalam skrip CSS, properti ini dibagi
dalam dua kategori:
Presentasi: Cara mengontrol objek seperti
warna teks, font yang ingin digunakan dan ukurannya, bagaimana cara menambah
warna background pada suatu halaman, atau mengubahnya dengan gambar.
Layout: Cara mengontrol posisi semua
unsur-unsur pada layar dan belajar bagaimana teknik untuk membuat halaman lebih
menarik.
3: PENERAPAN
Setelah
memahami tentang CSS dan HTML, Pada tahapan akhir jangan lupa untuk mempelajari
tips seputar informasi yang akan membantu dalam membangun website, yaitu
tentang bagaimana menaruh web dalam hosting online, meningkatkan SEO,
menggunakan Google Analytics, dan masih banyak lagi.
Perlu
diketahui beberapa tag baru telah diperkenalkan HTML5 untuk membantu
mengatur struktur halaman web. HTML5 adalah versi terbaru dan terakhir
saat ini, mempelajari HTML5 akan membuat website kita mempunyai fitur dari HTML
yang paling baru, pelajari HTML5 lebih mendetail beserta prakteknya
setelah kita mengerti akan dasar mengenai HTML dan CSS.
BAB III
PEMBUATAN DAN PENERAPAN WEB
CARA MEMBUAT WEBSITE MENGGUNAKAN JOOMLA
Dalam membuat web menggunakan joomla, terlebih dahulu
kita harus mempunyai:
1.
Aplikasi joomla
2.
Aplikasi XAMP
3.
File Zilla
CARA MENGINSTAL XAMPP
Sebelum menginstal Joomla, kita memerlukan sebuah
server, sehingga Joomla dapat diinstal dan dijalankan di Komputer local tanpa
harus terhubung ke Internet.
Cara menginstalnya adalah sebagai berikut ;
- Klik dua kali icon XAMPP yang anda miliki atau klik kanan open pada file nya XAMPP.
- Pilih Bahasa Indonesia pada pilihan bahasa yang digunakan.
- Klik OK
- Klik Next Pada Setup Halaman Wizard
- Klik Install
- Proses Instalasi akan berjalan. Jika sudah selesai, klik Finish. Setelah klik Selesai, akan muncul pesan seperti berikut :
- Klik No agar XAMPP tidak masuk kedalam proses servis pada system operasi komputer kita. Dengan demikian, komputer tidak terbebani akibat dari XAMPP yang berjalan terus-menerus.
- Klik Yes, jika Anda ingin langsung menjalankan control panel XAMPP server.
- Dengan demikian, proses instalasi XAMPP server telah selesai.
Begitulah cara menginstal XAMPP.
Kemudian kita akan melanjutkan dengan menginstal Joomla. Namun sebelumnya kita
harus menjalankan XAMPP server terlebih dahulu.
MENJALANKAN XAMPP SERVER
Setelah menginstal XAMPP, langkah
berikutnya adalah menginstal Joomla. Namun sebelumnya kita harus menjalankan
service Apache dan MySql terlebih dahulu.
Caranya adalah sebagai berikut :
- Buka XAMPP melalui Start – All Program –
Apachefriends- XAMPP – Control XAMPP Service Panel.
- Klik Start pada bagian Apache.
- Klik Start pada bagian MySql. Maka XAMPP telah berjalan
CARA MENGINSTAL JOOMLA
Setelah menjalankan service Apache
dan MySql, selanjutnya kita bisa menginstal Joomla. Berikut adalah cara
menginstal Joomla:
- Buat folder di C – Program Files – XAMPP – Htdocs.
Pada contoh kali ini, buat folder joomla.
- Copy seluruh isi folder Joomla dari Internet.
- Buka browser, lalu ketik localhost/joomla. Kemudian tekan Enter. Secara otomatis akan membuka file index.php di folder joomla/instalation. Kemudian klik next.
- Isi formulir yang disediakan.
- Lengkapi Isis Fromulir5.
- Database Type : mysql
- Host Name : localhost
- Username : root
- Password : (kosongkan)
- Database Name : zaelanidb (contoh)
- Klik next. Kemudian klik OK jika semua isian telah
benar.
- Masukkan nama situs (nantinya akan muncul di Title bar). Misalnya saja www.zaelaniakbar.com
- Kemudian isi alamat email dan ganti pasword yang diberikan (nantinya akan menjadi pasword admin).
- Klik Install Sample Data.
- Klik Next.
- Klik view site untuk melihat halaman website yang telah Anda buat. Anda diminta untuk menghapus folder Instalation untuk bisa mengakses situs yang telah dibuat. Buka kembali windows explorer dan hapus folder Instalation di folder joomla.
- Refresh internet explorer (tekan tombol F5). Tampilkan halaman utama Joomla.
- Untuk mengubah/mengatur tampilan beserta isinya, dapat dilakukan di bagian administrator.Masukkan username dan passwordnya.
- Tampilan utama administrator yang berisi Control Panel, yang selanjutnya dapat kita ubah sesuai kebutuhan kita untuk membangun sebuah website.
- Sebelum mengatur hal lain, sebaiknya atur terlebih dulu Global Configuration.
- Tampilan website setelah diubah.
Membuat menu serta artikel pada website yang kita
buat:
Di sini saya memberi nama website saya “Catatan Reza
Pahlevi”, karena saya ingin membagi berbagai tulisan serta artikel yang saya
buat kepada orang-orang melalui website yang saya buat. Di bawah ini adalah
tampilan control panel (administrator) pada website saya, di dalam joomla
ketika kita mengedit website yang kita buat seperti mengubah template website,
mengisi artikel, menambahkan berbagai atribut lain kita harus masuk terlebih
dahulu sebagai admin dan mengeditnya melalui control panel, seperti gambar di
bawah ini halaman administrator pada website saya.
Pada joomla ketika kita ingin membuat suatu menu kita
mengeditnya dengan cara masuk ke dalam menu lalu memilih dimana kita akan
membuat menu untuk website kita, caranya ialah dengan memilih New jika kita
ingin membuat menu baru, di sini saya menggunakan Main Menu, Top Menu, User
Menu, Situs Saya, Examples Pages, Key Concepts dan Universitas Gunadarma. Pada
bagian Main Menu saya membuat lagi beberapa section dari main menu diantaranya
ada Home, Pengetahuan, Seputar TI, Sepakbola, FC Internazionale Milano, Islami,
Link Joomla serta Hubungi Saya. Pada bagian section inilah saya membuat artikel
berdasarkan kategorinya masing-masing.
Pada joomla ketika kita ingin membuat suatu artikel
kita harus membuat section dan kategorinya, oleh karena itu sebelumnya saya
membuat section pada bagian menu serta beberapa categorinya, misal pada section
Seputar TI saya membuat beberapa categori seperti Internet, Jaringan Komputer
dan Tips. Lalu setelah itu saya membuat artikel berdasarkan section dan
categorinya yang sudah saya tentukan sebelumnya.
Tampilan Menu Manager , di sini tempat dibuatnya
berbagai Menu pada website yang kita buat
Tampilan Menu Item Manager, di
sini tempat dibuatnya berbagai Section dan Categori untuk menulis artikel pada
website kita
Mengatur template yang akan digunakan pada website:
Pada joomla hampir sama seperti pada blog, kita bisa
mengatur sendiri template yang akan kita gunakan pada website kita bisa
mendownload pada situs yang menyediakan template joomla ataupun kita bisa
membuatnya sendiri. Di sini saya menggunakan salah satu template yang
disediakan situs penyedia template joomla, setelah filenya kita download kita
bisa mengaturnya dengan memilih menu extension-install/uninstall, langkah pertama
kita menginstall file templatenya ke dalam joomla setelah itu msuk ke dalam
menu template manager dan mengganti template default dari situs joomla dengan
template yang sudah kita download sebelumnya.
Tampilan awal (home) dari website yang saya buat terdapat
berbagai Menu dan Section yang saya buat serta template yang saya ubah
Menambahkan ekstensi dan komponen lain pada website
kita
Untuk mempercantik website yang kita buat, jjomla
telah mengaturnya dalam suatu paket yang bernama ekstensi, atau pada blog
disebut gadget. Joomla telah menyediakan berbagai macam ekstensi-ekstensi yang
bisa kita download. Untuk mengatur ekstensi ini muncul di website kita caranya
ialah setelah kita mengupload filenya pada control panel administration kita
bisa mengaturnya pada bagian extension kita pilih modul manager lalu kita pilih
tanda centag dan publish pada ekstensi yang akan kita tanpilkan pada website
yang kita buat, pada website saya, saya menambahkan beberapa ekstensi yaitu
google translator, jam biner, serta jcomment yang berfungsi agar pengunjung
website kita dapat menambahkan komentar pada artikel yang saya buat.
Tampilannya seperti di bawah ini:
Tampilan ketika kita ingin
memosting artikel pada website:
DAFTAR PUSTAKA
Referensi Buku
· Kadir,
Abdul. 2003. Dasar Pemrograman Web
Dinamis Menggunakan PHP. Andi.
Yogyakarta.
Yogyakarta.
· Prasetyo,
Didik. 2005. Solusi Menjadi Web Master
Melalui Manajemen Web dengan PHP. PT Elex Media Komputindo. Jakarta.
· Supono. 2006. Pemrograman Web dengan Javascript. Yrama Widya. Bandung.
· Supono. 2006. Pemrograman Web dengan Javascript. Yrama Widya. Bandung.
Link Universitas Gunadarma
Link Sumber
· http://rofahani.blogspot.com/2013/02/cara-membuat-website-menggunakan-joomla.html
· http://berguruseo.blogspot.com/2013/12/cara-membuat-website-sederhana-untuk.html
· http://trikmudahseo.blogspot.com/2013/05/2-cara-membuat-website-com-sendiri.html
· damardwi.blogspot.com.(2012),"web arsitektur".http://damardwi.blogspot.com/2012/03/web-arsitektur.html
-visilubai.wordpress.com.(2010),"Arsitektur Website".http://visilubai.wordpress.com/2010/05/06/arsitektur-website/
- bagusbayubaskara.blogspot.com.(2012)."arsitektur-web".http://bagusbayubaskara.blogspot.com/2012/04/arsitektur-web.html
- edwinghofamz.wordpress.com.(2011)."arsitektur-website".http://edwinghofamz.wordpress.com/2011/04/07/arsitektur-website/
- dfootballoverz.blogspot.com.(2011)."arsitektur-website".http://dfootballoverz.blogspot.com/2011/03/arsitektur-website.html
- thearczoro.blogspot.com.(2012)."sejarah-internet-website-dan-arsitektur".http://thearczoro.blogspot.com/2012/03/sejarah-internet-website-dan-arsitektur.html
· http://trikmudahseo.blogspot.com/2013/05/2-cara-membuat-website-com-sendiri.html
· damardwi.blogspot.com.(2012),"web arsitektur".http://damardwi.blogspot.com/2012/03/web-arsitektur.html
-visilubai.wordpress.com.(2010),"Arsitektur Website".http://visilubai.wordpress.com/2010/05/06/arsitektur-website/
- bagusbayubaskara.blogspot.com.(2012)."arsitektur-web".http://bagusbayubaskara.blogspot.com/2012/04/arsitektur-web.html
- edwinghofamz.wordpress.com.(2011)."arsitektur-website".http://edwinghofamz.wordpress.com/2011/04/07/arsitektur-website/
- dfootballoverz.blogspot.com.(2011)."arsitektur-website".http://dfootballoverz.blogspot.com/2011/03/arsitektur-website.html
- thearczoro.blogspot.com.(2012)."sejarah-internet-website-dan-arsitektur".http://thearczoro.blogspot.com/2012/03/sejarah-internet-website-dan-arsitektur.html

