Oleh : I Wayan Simpen

simpen@dipanegara.ac.idSimpen.dp@gmail.com

STMIK DIPANEGARA MAKASSAR

Apa itu Web Master

• Pada dunia Teknologi Informasi(TI), banyak istilah profesi khususnya yang berhubungan dengan web.

• Beberapa diantaranya adalah web designer, web programmer, web administrator, dan web animator, web publisher.

• Secara umum web master mencakup semua profesi tersebut.

Apa itu Web Master• Webmaster adalah sebutan untuk orang

yang ahli dalam dunia web sehingga seorang webmaster tidak hanya mendesign halaman web saja, tetapi juga harus dapat membuat sistemnya terawat hingga tetap ada dan mencegahnya dari kerusakan yang dapat terjadi.

Apa itu Web Master• Selene Sol menggambarkannya dengan

jelas sekali di situs www.wdvl.com. Bahwa seorang webmaster harus mampu melakukan hal-hal seperti :– Membuat materi atau isi situs web(Content Creation)– Mendesain Arsitektur situ web(Architectural Design)– Menerapkan Aplikasi Situs Web (Implementation)– Membuat Tampilan Situs Web(Visual Design)– Mengelola Situs Web(Management)

Apa itu Web Master• Secara Garis Besar dapat disimpulkan

tugas seorang webmaster bertanggung jawab untuk merencanakan, mengelola, dan memelihara situs web agar tetap dapat berjalan dengan baik.

Apa itu Web Design• Adalah sebuah ilmu yang kompleks dalam

hal merencanakan dan memproduksi situs web, termasuk di dalamnya tehnical development, struktur informasi, desain visual dan penyampaian informasi didalam jaringan internet.

Penggunaan Web Dewasa ini• Situs web banyak diperlukan untuk berbagai

kepentingan berkaitan dengan penyampaian informasi, mulai dari perusahaan besar/ kecil, lembaga pemerintah, pendidikan, dunia hiburan dsb.

• Situs web juga terbukti menjadi media informasi yang diminati karena sifatnya yang menarik, interaktif, jangkauannya global dan informasinya up to date.

Apa yang harus dikuasai oleh seorang Web Designer

• Penguasaan Art

• Penguasaan tool pendukung perancangan web.

• Penguasaan teknik membuat interface web.

Penguasaan Art• Web designer harus mampu menciptakan

keindahan di dalam halaman web, sehingga pengguna mudah tertarik untuk membaca dan memahami informasi yang ada.

• Web desainer mampu memilih warna yang baik dan memadukannya dengan warna lain, sehingga tercipta perpaduan warna yang serasi namun tidak terkesan menyolok.

• Web desainer mampu membuat bentuk atau sketsa yang baik dari bentuk dasar halaman web.

Penguasaan Art …..• Web designer harus mampu menggabungkan

imajinasi atau ide orisinil dengan ide dari pihak klien yang memesan desain, sehingga halaman web memberikan nilai tambah bagi pihak klien.

• Web designer mampu menempatkan komponen multimedia pada bagian-bagian tertentu, sehingga halaman web menjadi lebih menarik.

Penguasaan tool pendukung perancangan web.

• Mampu menggunakan program aplikasi untuk mengatur layout web, seperti ; Ms. Frontpage, Macromedia Dreamweaver, Adobe Go Live, Page maker, dsb.

• Mampu menggunakan program aplikasi untuk membuat animasi web, seperti ; Macromedia Flash, Macromedia Director, Swish, dsb.

Penguasaan tool pendukung perancangan web …..

• Mampu menggunakan program aplikasi untuk membuat desain grafis, seperti ; Adobe Photoshop, AutoCad, Corel Draw, Adobe Ilustrator, Free Hand, dsb.

• Mampu menggunakan program aplikasi untuk mengolah suara.

Penguasaan teknik membuat interface web.

• Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia dan Komputer), sehingga dapat membuat desain web yang user friendly.

• Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk situs web, seperti bahasa HTML, penggunaan image, multimedia.

HTML Authoring and Web Publishing

Web Browser

Client

Web Server

HTML Authoring Tools/Editors

End User Web Master

Web Publisher

Server

External ApplicationsNon-HTTP objects

CGI: Common Gateway Interface

Internet Global Reach Broad Range

The Extended Framework of WWW

Web Browser

Client

HTML Authoring Tools/Editors

End User Web Master

Web Designer& Publisher

External ApplicationsNon-HTTP objects

• ColdFusion, • CGI (Perl)• ASP & ASP.NET• JAVA Servlet• Java Server Pages • Java Applet• JavaScript• PHP

Internet Global Reach Broad Range

Web Programmer

Web Server

KONTEN WEBSITE

• Website Statis Konten Statis– Data tetap

• Website Dinamis Konten Dinamis– Data yang harus selalu diupdate

KONTEN STATISSambutan dari Ketua DPDLatar Belakang PartaiSejarahVisi/MisiAD/ARTSusunan PengurusStruktur tiap dpcBiodata Setiap PengurusFoto2 close up setiap pengurusDaftar nama CalegSayap-sayap partai Keanggotaan◦ Syarat kenaggotaan◦ Cara pendaftaran anggota baru◦ Cara pendaftaran ulang anggota lama

KONTEN DINAMIS

• Galeri foto

• Artikel

• Berita Terbaru (liputan sendiri)

• Pernyataan sikap partai

• Berita dari Media

SOFTWARE

• Untuk membuat website, bisa dengan cara:– Cara Konvensional

• Web Statis• Web Dinamis

– Cara Instan• Dengan CMS (always dinamis)

CARA KONVENSIONAL UNTUK WEB STATIS

• Membuat desain grafis web dengan menggunakan Software Image Editing misalnya Adobe Photoshop.

• Membuat animasi dengan Software Web Animation seperti Adobe Flash

• Mendesain tata letak halaman web dengan web editor dengan menggunakan Software Web Editor seperti :– MS Front Page (skr versi 2003) atau – Adobe Dreamweaver (skr versi CS3).

CARA KONVENSIONAL UNTUK WEB DINAMIS

• Membuat database data website dengan software database seperti mySQL

• Membuat kode program website dengan menggunakan Bahasa Pemrograman seperti PHP, JAVA, dll.

CARA INSTAN• Yaitu membuat website dengan

menggunakan CMS (Content Management System)

• CMS adalah software yang berisi sekumpulan gambar, kode PHP, kode mySQL , kode Java Script yang dirancang khusus dalam 1 paket.

• Dengan CMS maka membuat website canggih bisa dilakukan dalam hitungan menit.

LISENSI CMS

• CMS COMMERCIAL

• CMS OPEN SOURCE– Made by Indonesian

• Endonesia• Aura CMS

– www.MajalahSaksi.Com– www.Salimah.or.id

– CMS dari International next

CMS dari International

PHP NukeBapaknya CMS Perintis CMS

Post NukePengembangan dari PHP Nuke lebih canggih lagi

MambooCMS yang lebih user friendly lagi

Joomla CMS yang paling banyak di pake sekarang

DrupalCMS untuk yang sudah expert

WordpressCMS khusus untuk website blog

Perbandingan

• Membuat website dengan cara konvensional– Butuh waktu 3 bulanan untuk membuat

website dinamis atau bahkan lebih dari 1 tahun bila ingin secanggih CMS Open Source (dengan asumsi pembuat sudah mahir bahasa PHP).

• Membuat website dengan CMS– Butuh waktu 1 jam untuk membuatnya– Tidak diperlukan pengetahuan bahasa

pemrograman PHP

WHY ?

• Karena CMS dibuat oleh ratusan programmer dari berbagai negara, mereka bergotong royong dan berkomunikasi melalui internet.– Tujuan mereka ? :

• Amal• Popularitas• Komersial• Hobby• Mengukur kemampuan pribadi.

KEBUTUHAN

• Untuk Belajar dirumah– Komputer minimal Pentium 3 (kalau bisa

Pentium 4).– Windows XP– Software AppServ/XAMP/WAMP/IIS– Joomla/Wordpress

• Untuk Membuat website di Internet– Nama Domain – Web hosting minimal 25 Mb– Akses Internet cepat

SAMPAI JUMPA MINGGU DEPAN