Komputer dan Desain Grafis

Seperti yang kita ketahui komputer erat dengan grafik. Komputer tanpa menggunakan grafis tampak seperti kebun yang gersang karena jarang di siram. Oleh karena itu, Grafis sangat diperlukan dalam bagian dari suatu komputer yaitu software.

Dengan adanya grafis maka kita dapat merasakan sesuatu yang enak dilihat serta lebih mudah memahami dari pada tampilan komputer atau laptop kita seperti tampilan Command Prompt (CMD).  Pada kesempatan ini saya akan membahas salah satu contoh hubungan antara desain grafis dengan penggunaan komputer oleh manusia (IMK/Interaksi Manusia dan Komputer).

Kita pasti pernah memainkan aplikasi permainan sepak bola dalam komputer seperti PES, Winning Eleven ataupun FIFA. Aplikasi permainan tersebut menggunakan tampilan grafis dalam tampilannya.
Seakan seperti nyata padahal itu hanya permainam dot warna ketika pemain menendang bola. Dot warna pada bola, pemain dan penjaga gawang akan menyala bergerak sesuai user (yang memainkan) dan komputer sebagai lawan.

Definisi

Desain Grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan.
Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.

Kategori Desain Grafis

Secara garis besar, desain grafis dibedakan menjadi beberapa kategori:
1.  Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, 
pamflet, periklanan, dan publikasi lain yang sejenis.
2.  Web Desain: desain untuk halaman web.
3.  Film termasuk CD, DVD, CD multimedia untuk promosi.
4.  Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional 
yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman. 
5.  Desain Produk, Pemaketan dan sejenisnya.

Program Pengolah Grafis

Oleh karena desain grafis dibagi menjadi beberapa kategori maka sarana untuk mengolah pun berbeda-beda, bergantung pada kebutuhan dan tujuan pembuatan karya.

1. Aplikasi Pengolah Tata Letak (Layout)

Program ini sering digunakan untuk keperluan pembuatan brosur, pamflet, booklet, poster, dan lain yang sejenis. Program ini mampu mengatur penempatan teks dan gambar yang diambil dari program lain (seperti Adobe Photoshop). 

Yang termasuk dalam kelompok ini adalah:
- Adobe FrameMaker
- Adobe In Design
- Adobe PageMaker
- Corel Ventura
- Microsoft Publisher
- Quark Xpress

2. Aplikasi Pengolah Vektor/Garis

Program yang termasuk dalam kelompok ini dapat digunakan untuk membuat gambar dalam bentuk vektor/garis sehingga sering disebut sebagai Illustrator Program. Seluruh objek yang dihasilkan berupa kombinasi beberapa garis, baik berupa garis lurus maupun lengkung. 

Aplikasi yang termasuk dalam kelompok ini adalah:

- Adobe Illustrator
- Beneba Canvas
- CorelDraw
- Macromedia Freehand
- Metacreations Expression
- Micrografx Designer

3. Aplikasi Pengolah Pixel/Gambar

Program yang termasuk dalam kelompok ini dapat dimanfaatkan untuk mengolah gambar/manipulasi foto (photo retouching). Semu objek yang diolah dalam progam-program tersebut dianggap sebagai kombinasi beberapa titik/pixel yang memiliki kerapatan dan warna tertentu, misalnya, foto. Gambar dalam foto terbentuk dari beberapa kumpulan pixel yang memiliki kerapatan dan warna tertentu.

Meskipun begitu, program yang termasuk dalam kelompok ini dapat juga mengolah teks dan garis, akan tetapi dianggapa sebagai kumpulan pixel. Objek yang diimpor dari program pengolah vektor/garis, setelah diolah dengan program pengolah pixel/titik secara otomatis akan dikonversikan menjadi bentuk pixel/titik.

Yang termasuk dalam aplikasi ini adalah:

- Adobe Photoshop
- Corel Photo Paint
- Macromedia Xres
- Metacreations Painter
- Metacreations Live Picture
- Micrografx Picture Publisher
- Microsoft Photo Editor
- QFX
- Wright Image


Daftar Pustaka

SK. 2012. Hubungan Interaksi Manusia dan Komputer Dengan Ilmu Lain. (Online). (Sk-tk.blogspot.com, diakses 25 Maret 2012)
Amborse, Gavin. 2005. Definisi Desain Grafis. (Online). (Smuha-yog.sch.id, diakses 21 April 2005)

HTML, CSS, dan JavaScript

Pengertian

HTML

Hyper Text Markup Lenguage yang biasa digunakan untuk sebuah WEB atau untuk menampilkan berbagai informasi di penjelajah mesin pencari internet, HTML biasanya di simpan dalam format ASCII yang bertujuan untuk dapat berintegrasi, dengan kata lain program yang di buat dengan perangkat lunak dan  akan di simpan dengan otomatis ke dalam  format ASCII sehingga menjadi hompage dengan berbagai perintah HTML.

HTML adalah sebuah alat standar yang di gunakan luas untuk di tampilkan ke berbagai halaman web, HTML saat ini standar dalam internet  yang bisa di definisikan atau di kendalikan secara manual oleh pengguna WEB tersebut.

CSS

Merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Ibaratnya Website tanpa CSS itu sama aja makan Sayur ga pake garem! Ga enak.. ga  indah. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas.

Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

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 khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

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.

Perbedaan (Pada penulisan sintax)

HTML:

<title>
<munir>
<manggatiga>
<b>
<a>
<i>
<html>
<body>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
dan harus ditutup dengan garis miring (/)
</title>
</munir>
</manggatiga>
</b>
</a>
</i>
</html>
</body>
</table>

Penjelasan:

-> Tag HTML ditandai dengan menggunakan < dan >
-> bila anda mendapatkan potongan code yang disediakan penggenerate code dan melihat ada tanda seperti diatas < dan > maka itu adalah HTML dan akhir elemennya harus ditutup dengan / menjadi </...>.
contoh:
<b> buat huruf tebal </b> hasilnya akan seperti ini buat huruf tebal
<i> buat huruf miring </i> hasilnya buat huruf miring
dan lain-lain termasuk manggatiga bisa dikatakan tag HTML bila ditulis <manggatiga> dan </manggatiga>

Untuk pembatas property dan nilai menggunakan sama dengan (=)


CSS:

selector {property: value}
#manggatiga {padding: 4 px; margin: 2px;}
.munir {font-size: 1.5em; color: blue; }
p.rokok {max-width: 400 px: magin-left: -12cm;}

Keterangan:

-> Code CSS ditandai dengan menggunakan tanda kurung kurawang ({..})
-> # adalah id
-> . adalah class

Untuk pembatas property dan value menggunakan titik dua (:)


Javascript:

document.write("ini contoh pesan atau document  ditulis dengan JavaScript");
function message() {alert("box alert dengan me-onload event atau peristiwa"); }
Penjelasan:
->Script JS ditandai dengan buka kurung dan tutup kurung ()
->JS sangat mirip dengan CSS namun yang membuatnya beda adalah JS merupakan script sedangkan CSS merupakan style.
->JS lebih sangat mirip lagi dengan VBscript apa lagi sama-sama script.
->Baca terus lanjutannya tulisan ini...

PHP (Hypertext Preprocessor)

<?php
echo "Hello World";
$txt = "Hello World!";
$number = 16;
echo $txt1 . " " . $txt2;
?>

Penjelasan:

->PHP ditandai variabel $ karena statusnya untuk script server.
->Bila menampilkan pesan menggunakan tanda kutip " dan "


Kesimpulan :

Untuk masing code dan script harus ada pintu masuknya, apakah itu? code awal sebagai penanda bahwa yeng tertulis didalamnya adalah jenis dan tipe ini. perhatikan dibawah masing-masing pintunya.


<html>
<head>
disini disisipan CSS atau Script
</head>
<body>

disini di tulis isi site
tentu saja menggunakan tag html

</body>
</html>


<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>


<script type="text/javascript">
document.write("Hai semua... jangan lupa titip comentar ya...");
</script>


<script type="text/vbscript">
document.write("Hai semua... jangan lupa titip comentar ya...")
</script>


<?php
echo "Hello World";
$txt = "Hello World!";
$number = 16;
echo $txt1 . " " . $txt2;
?>

Daftar Pustaka

Nugraha, Purna. 2012. Perbedaan HTML, CSS dan Javascript. (Online). (Purwa-nugraha.blogspot.com, diakses 28 Februari 2012)

Linawati. 2012. Pengertian HTML, CSS dan Javascript. (Online).(Linamanies.blogspot.com, diakses 18 Juni 2012)

Arsitektur Website

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.

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

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

Struktur website merupakan kerangka dimana halaman-halaman website disusun dan dihubungkan satu dengan yang lainnya.

Sebelum melangkah lebih lanjut, di bagian Menentukan Topik Website disebutkan apabila topik yang dipilih terlalu panjang untuk dibahas dalam satu halaman website, maka topik tersebut harus dipecah menjadi beberapa subtopik. Sekarang Anda harus merencanakan berapa jumlah halaman yang akan Anda gunakan, subtopik yang berkaitan erat bisa digabung menjadi satu halaman. Subtopik yang panjang sebaiknya menggunakan satu halaman tersendiri.

Kembali ke pembicaraan mengenai struktur website, website yang tertata dengan baik adalah website yang membuat pengunjung merasa mudah mencari apa yang mereka cari. Semakin mudah digunakan, semakin lama pengunjung berada di website tersebut, dan semakin besar kemungkinan mereka akan melihatnya lagi. Struktur website yang baik juga akan membuat pemiliknya mudah mengembangkannya.

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 (lihat langkah Memilih Kata Kunci). Halaman depan dan halaman-halaman utama harus menggunakan kata-kata kunci yang paling banyak dicari. Apabila pada mesin pencari pengunjung mengetikkan kata kunci yang sama dengan yang Anda pakai, maka website Anda akan muncul pada hasil pencarian. Tentunya website Anda harus bersaing dengan website-website yang lain. Supaya website Anda bisa muncul di halaman pertama dan di peringkat pertama, gunakanlah teknik Optimisasi Mesin Pencari (Search Engine Optimization), kita akan membahasnya setelah ini. Gunakan kata-kata kunci sebagai tautan yang menunjuk dari satu halaman ke halaman yang lain. Hal ini berguna untuk memberitahu mesin pencari mana halaman yang penting.

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. Ada website yang hanya menawarkan produk seperti peralatan elektronik, pakaian, buku, perhiasan, kaset/CD/DVD; ada juga website yang hanya menawarkan servis atau jasa misalnya jasa merancang website, jasa konsultasi, jasa pelatihan; dan ada website yang menawarkan produk dan jasa sekaligus misalnya produk bangunan dan jasa perancangan bangunan. Ada website yang hanya menawarkan 1 (satu) produk atau jasa, namun ada juga yang menawarkan banyak 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. Ingat, halaman-halaman tersebut harus memiliki tautan yang saling menghubungkan satu sama lain.

3. Halaman Informasi

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.

FAQ (Frequently Asked Question): berisi pertanyaan-pertayaan umum mengenai produk, jasa, maupun perusahaan.

Testimoni: berisi kesaksian pelanggan mengenai penggunaan produk dan/atau jasa yang ditawarkan. Halaman ini digunakan untuk membangun reputasi.

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.

Halaman informasi merupakan halaman-halaman yang memberikan informasi kepada pengunjung selain informasi mengenai produk atau jasa. Halaman ini digunakan untuk membangun hubungan atau komunikasi sekaligus kepercayaan antara pengunjung dengan pemilik website. Selain berisi informasi mengenai profil pemilik website, biasanya halaman ini juga menawarkan materi yang diperbaharui secara teratur agar pengunjung tidak merasa bosan berulang-ulang kali mengunjungi suatu website. Berikut ini adalah hal-hal yang bisa Anda masukkan pada bagian halaman informasi:

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.

Referensi :

Website :

- http://edwinghofamz.wordpress.com/2011/04/07/arsitektur-website/

Buku :

- Sunardi, Alamsyah S., (2007). Dasar Website. Alexindo.

- Indra, S.T (2009). Pengenalan Arsitektur Website. Sumber Artha.

- Kusnanto, S.Kom (2011). Website Untuk Orang Awam. Maxikom.

World Wide Web

World Wide Web atau Waring Wera Wanua, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.

WWW merupakan kumpulan peladen web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi.

Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yang peladennya tersebar di lima benua termasuk Indonesia yang 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 pranala. 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 hipermedia.

Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengeklik pranala (hipertaut), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.

Sejarah World Wide Web

WWW adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program peranti lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee berhasil menciptakanjaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.

WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, 'World Wide Web' sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan Internet.

Referensi:

Website :

- http://id.wikipedia.org/wiki/World_Wide_Web

Buku :

1. Darma, Jarot S., Shenia A (2009). Buku Pintar Menguasai Internet. Media Kita. ISBN 979-794-172-8.
2. Kurweni Ukar, S.E.,Ak. (2006). Student Guide Series Pengenalan Komputer. Elex Media Komputindo. ISBN 979-20-8802-4.
3. Sunarto, S.Kom (2006). Teknologi Informasi & Komunikasi untuk SMP IX. Grasindo. ISBN 9789790251540.
4. Lia Kuswayanto (2006). Mahir dan Terampil Berkomputer. Grafindo. ISBN 979-758-381-3.
5. M.Suyanto (Amikom Yogyakarta) (2006). Multimedia Alat untuk Meningkatkan Keunggulan Bersaing. ANDI. ISBN 979-763-061-7.
6. Yuhefizar (2008). 10 Jam Menguasai Internet, Teknologi & Aplikasinya + CD. Elex Media Komputindo. ISBN 978-979-27-3470-6.

HTML5

Pengertian HTML5

Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

• Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
• Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
• Penanagan kesalahan yang lebih baik
• Lebih markup untuk menggantikan scripting
• HTML5 merupakan perangkat mandiri
• Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

• Unsur kanvas untuk menggambar
• Video dan elemen audio untuk media pemutaran
• Dukungan yang lebih baik untuk penyimpanan secara offline
• Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
• Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut

<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>

Contoh diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini

<object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" >
<param name="source" value="SilverlightApplication1.xap"/>
</object>

HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut

<video src=tutorialku.mp4>
</video>

Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.

Apakah Browser Saya Support HTML5?

Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

http://html5test.com

Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.

Sumber : http://mkr-site.blogspot.com/2012/07/apa-itu-html5-dan-kelebihannya.html

Content Management System

Sistem manajemen konten (Inggris: content management System, disingkat CMS), adalah perangkat lunak yang memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web. Umumnya, sebuah CMS (Content Management System) terdiri dari dua elemen:

• aplikasi manajemen isi (Content Management Application, [CMA])

• aplikasi pengiriman isi (content delivery application [CDA]).

Berikut beberapa script web CMS Open Source yang biasa digunakan untuk membangun sebuah website, yang biasanya dipakai utk berbagai keperluan seperti :

• Untuk membuat Persoanal Website atau Company Profile

• Sebagai web Portal atau website komunitas.

• Untuk Galeri foto, video streaming, audio

• Aplikasi E-Commerce atau web toko online

Beberapa diantaranya :

1. WORDPRESS

WordPress salah satu CMS opersource yang paling digemari di dunia, biasanya digunakan untuk mesin blog(blog engine). wordpress menggunakan bahasa pemrograman php dan database mysql. WordPress termasuk cms yang user frienly dibandingkan dengan joomla dan drupal. 

Keunggulan :
* Cukup mudah digunakan
* Sederhana
* Akun gratis wordpress dapat diperoleh dengan menftar di wordpress.com
* Dapat dijalankan di websirte kita sendiri
* Dapat dijalankan di localhost
* Banyak plugin tambahan
* Template dapat dimodifikasi
* Penggunaan kompak
* Mendukung SEF[seach engine friendly]

Kelemahan :
* Fitur managemennya sedikit sehingga sebagian orang menganggap terlalu sederhana
* Jarang digunakan oleh website besar
* Pluginnya tidak sebanyak jomla.

Website : WordPress.org dan WordPress.com

2. MAMBO

Mambo pada awalnya disebut Mambo Open Source atau MOS adalah free software atau open source content managemen system yang digunakan untuk membuat dan memanagement website melalui sebuah interface yang simple. Sekarang ini mambo banyak dipilih dan digunakan kerana kemudahan yang diberikan untuk mengoperasikannya. Seperti hampir semua CMS yang digemari mambo memiliki kemampuan templating atau kemampuan untuk mengganti tampilan website tanpa harus melakukan upload / perubahan kontent.

Mambo menyediakan kemudahan dan komponen-komponen seperti shopping chart, photo gallery, forum, pools, calendars website searching, multi bahasa dan lain-lain. Hampir sebahagian besar website yang kami bangun menggunakan Mambo sebagai pilihan CMS. Sebuah kebanggaan bagi Indonesia karena salah satu CoreDev Team Mambo adalah orang Indonesia asli.

Kelebihan :
1. Digunakan oleh website sederhana sampai website profesional
2. Mudah dioperasikan
3. Dapatkan dijalankan di komputer lokal
4. Pluggin tambahan
5. Template bisa diubah dan bisa membuat sendiri

Kelemahan :
1. Plugginnya terbatas
2. Defaultnya sangat tidak mendukung mesin pencarian.
3. Krisis kepercayaan open source

Website: Mambo Foundation

  

3. JOOMLA

Kata Joomla diambil dari sebuah kata dari suku Swahili iaitu Jumla yang bermaksud “menjadi kesatuan” bisa dikatakan memiliki kemampuan sama dengan Mambo, kerana CMS ini code awalnya Joomla! 1.0.0 menggunakan code Mambo 4.5.2.3.

Banyak komponen Mambo juga boleh digunakan di sebagai Plugin Joomla begitu juga sebaliknya. Kemampuan kami memilih plugin yang tepat untuk setiap release yang dipilih memalui proses penyelidikan mengindari terjadinya konflik atau crash karena banyak plugin memerlukan penyesuaian disetiap versinya.

Website: Joomla.org

Kelebihan :
* Diklaim sebagai cms opensource dengan pengguna terbanyak.
* Digunakan untuk website sederhana sampai profesional.
* Sering update baik dari segi cms.
* Mudah dioperasikan
* Dapat dijalankan di komputer lokal
* Banyak plugin tambahan.
* Template dapat dirubah dan dapat membuat template sendiri
* Conten joomla dapat dikembangkan

Kelemahan :
* Defaultnya tidak mendukung,namun ada komponen pendukungnya baik yang gratis maupun berbayar
* Plugin yang didapatkan terkadang bug error
* Terkadang ada ketidaksesuaian anatara cms dan plugin.

Website : Joomla.org

4. DRUPAL

Drupal adalah content management system dan blogging engine yang pertama kali dikembangkan oleh Dries Buytaert sebagai sebuah sistem bulletin board. Sekarang ini Drupal banyak digunakan oleh website-website yang mempunyai traffic tinggi dan mempunyai tahap pengendalian sebuah website yang hirarki yang kompleks.

Keunggulan :
* Diklaim cms yang mengalahkan joomla.
* Digunakan untuk website sederhana hingga profesional.
* Mudah dioperasikan.
* Dapat dijalankan di localhost.
* Template dapat di ubah sekehendak kita dan bisa membuat template sendiri.
* Mendukung SEF.

Kelemahan :
* Penggunaannya tidak terlalu banyak,terutama diIndonesia
* Pluginnya tidak sebanyak joomla

Website: Drupal.org

5. AURA

AuraCMS adalah hasil karya anak bangsa yang merupakan software CMS (Content Managemen System) untuk website yang berbasis PHP4 & MySQL berlisensi GPL (General Public License).

Dan tak lupa bahwa software ini mungkin tak semuanya memenuhi harapan pemakai, oleh karena itu diharapkan adanya kritikan, sumbangan pikiran atau mungkin bentuk modifikasi dari para pengguna sekalian baik berupa modul maupun perubahan-perubahan lainnya yang dapat menjadikan auraCMS ini menjadi lebih baik.

Dengan bentuk yang sederhana dan mudah ini diharapkan dapat digunakan oleh pemakai yang masih pemula sekalipun.

Kelebihan :
- Simpel dan mudah digunakan.
- Sesuai dengan slogan-nya AuraCMS termasuk cms yang sangat simple dan mudah digunakan.

Kekurangan

1. System

• Hanya terdapat tiga level pengguna yaitu Administrator, Editor dan User.
• Meski secara default terdapat tiga level pengguna namun pemanfaatan maksimal hanya pada dua level, yaitu Administrator dan User.
• Tidak ada email pemberitahuan jika ada komentar masuk, baik bagi administrator penulis maupun pengomentar sebelum-nya.

2. Keamanan

• Nama File yang di Upload melalui system default CMS ini tidak diproteksi.
• Dengan demikian siapapun yang pernah melakukan download dan mengingat alamat file dapat melakukan download kembali dilain waktu tanpa harus login, melainkan cukup dengan mengetikan langsung alamat file yang telah didapat sebelumnya.

3. Pengembang, Konstributor dan Pengguna

• Pengembang menulis script dengan sangat tidak rapi.
• Kelakuan ini sangat menghambat perkembangan karena pengembang diluar tim utama membutuhkan waktu lebih untuk merapikan hingga menjadi sulit dalam mempelajari AuraCMS.
• Dokumentasi sangat minim.
• Baik untuk system maupun sekedar deskripsi singkat tentang sebuah modul yang terdapat di daftar download terasa sekali sangat minim dan informasi yang diberikan sangat jauh dari kata cukup.
• Konstributor Pelit.Para pengembang modul diluar tim utama pengembang AuraCMS adalah orang-orang yang pelit dan mata duitan, mereka tidak rela membagikan modul-modul yang telah mereka buat kepada pihak lain secara cuma-cuma.
• Pengguna Manja. Pengguna langsung AuraCMS didominasi oleh orang-orang yang manja, hanya bisa mengeluh mengeluh dan mengeluh tanpa konstribusi positif yang membangun.

Namun terlepas dari kelebihan dan kekurangan AURA, kita tetap harus bangga karena itu merupakan karya Anak Bangsa....
website : www.auracms.org

Sumber : 

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

http://procms.blogspot.com/2012/09/beberapa-macam-jenis-cms-open-source.html