Scribd
Unggah
6 tayangan6 halaman

Modul Desain dan Pemrograman Web STMIK

Diunggah oleh

Anwarsep
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
6 tayangan6 halaman

Modul Desain dan Pemrograman Web STMIK

Diunggah oleh

Anwarsep
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd

Ahmad Ali Mahrus, S.

Kom

WEB DESIGN &


PEMROGRAMAN WEB
(UNTUK KALANGAN SENDIRI)

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER


STMIK PRANATA
INDONESIA
201
0
Jl. Raya Pondok Gede No. 21 Telp (021) 8467364 e-mail : humas@[Link]
[Link]
KATA PENGANTAR

Puji dan syukur penulis ucapkan kepada Allah SWT atas berkah, limpahan rahmat dan karunia-
Nya sehingga Modul Web Desain & Pemrograman Web ini dapat diselesaikan.

Dalam Penyusunan modul ini, penulis tidak luput dari kesulitan dan hambatan, tetapi berkat
bantuan dan motivasi dari berbagai pihak serta kerja keras penulis. Penulis menyadari bahwa dalam
penulisan modul ini belum sempurna masih banyak kekurangan baik dalam penyusunan materi
maupun teknik penulisan. Semoga skripsi ini berguna bagi semua dalam rangka menambah wawasan
pengetahuan khususnya bagi penulis.

Bekasi, Januari 2010

Ahmad Ali Mahrus,


[Link]

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 2|


PERTEMUAN - 1
A. Pengenalan Web

1. Apa itu pengertian Desain ?


Istilah desain muncul sebagai hasil pola industri masal yang dimiliki serta pemikiran
modernisme dengan azas spesialisasinya. Secara singkat istilah desain dapat diartikan sebagai
hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem
solving). Pada awalnya desain disebut sebagai seni terapan (applied arts), untuk
membedakan dengan seni murni (fine arts). Namun setelah perkembangan industri moderen
terjadi proses sosialisasi yang memisahkan seni terapan menjadi sebuah bidang tersendiri
yang dinamakan desain.

2. Pengertian WWW (World Wide Web)


Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan
data dan informasi untuk digunakan bersama-sama.

3. Pengertian Web
Fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara,
animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan
berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut
diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozilla
Firefox

4. Pengertian Website
Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu.
Diibaratkan web site ini seperti buku yang berisi topik tertentu. Web Pages (halaman web) :
merupakan sebuah halaman khusus dari situs web tertentu. Diibaratkan halaman web ini
seperti halaman khusus dari buku. Homepage : merupakan sampul halaman yang berisi
daftar isi atau menu dari sebuah situs web.

5. Pengertian 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.

B. Profesi yang berhubungan dengan situs web

a. Web Programmer
b. Web Administrator
c. Web Master

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 3|


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

D. Yang harus dikuasai oleh seorang Web Designer

1. Penguasaan cita rasa seni


a. Web designer harus mampu menciptakan keindahan di dalam halaman web, sehingga
pengguna mudah tertarik untuk membaca dan memahami informasi yang ada.
b. Web desainer mampu memilih warna yang baik dan memadukannya dengan warna lain,
sehingga tercipta perpaduan warna yang serasi namun tidak terkesan menyolok.
c. Web desainer mampu membuat bentuk atau sketsa yang baik dari bentuk dasar
halaman web.
d. 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.
e. Web designer mampu menempatkan komponen multimedia pada bagian-bagian
tertentu, sehingga halaman web menjadi lebih menarik.

2. Penguasaan tool pendukung perancangan web


a. Mampu menggunakan program aplikasi untuk mengatur layout web, seperti ; Ms.
Frontpage, Macromedia Dreamwweaver, Adobe Go Live, Page maker, dsb.
b. Mampu menggunakan program aplikasi untuk membuat animasi web, seperti ;
Macromedia Flash, Macromedia Director, Swish, dsb.
c. Mampu menggunakan program aplikasi untuk membuat desain grafis, seperti ; Adobe
Photoshop, AutoCad, Corel Draw, Adobe Ilustrator, Free Hand, dsb.
d. Mampu menggunakan program aplikasi untuk mengolah suara.

3. Penguasaan teknik membuat interface web


a. Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia
dan Komputer), sehingga dapat membuat desain web yang user friendly.
b. Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk
situs web, seperti bahasa HTML, penggunaan image, multimedia

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 4|


PERTEMUAN - 2
E. Prinsip-prinsip Web desain

1. Situs web dibuat untuk pengguna


a. Seorang web designer harus mem-fokuskan desainnya pada kepentingan pengguna.
b. Harus memertimbangkan karakter pengguna, baik dari latar belakang, budaya,
pendidikan dan kepentingan yang berbeda.
c. Pertimbangan utama dalam perancangan adalah pengguna yang paling banyak.

2. Utility dan Usability


a. Utility adalah kegunaan atau fungsionalitas web.
b. Usability adalah sifat situs web yang mendukung kemampuan pengguna dalam
memanipulasi situs web, sehingga pengguna memperoleh apa yang diperlukan.
c. Situs web yang dibuat harus mempertimbangkan kedua aspek ini untuk mencapai tujuan
dari pembuatan situs web.

3. Correctness
a. Tidak ada kesalahan dalam penulisan script HTML.
b. Gambar-gambar yang ditampilkan sesuai yang diharapkan.
c. Elemen-elemen yang interaktif (Javascript, CGI dll) dapat berfungsi dengan benar.
d. Tidak ada kesalahan dalam sistem navigasi (link yang kosong atau broken link)

4. Batasan Media internet dan web


Browser
a. Rancangan situs web dibuat tidak hanya mendukung satu jenis browser saja.
b. Mempertimbangkan setting browser pengguna, sehingga halaman web dapat tampil
dengan lebih maksimal.
c. Buatlah situs web dengan teknologi yang compatible dan dapat didownload oleh
sebagian besar pengguna, sehingga bisa diterima oleh lebih banyak pengguna.
Bandwidth
d. Membuat halaman yang dapat diload browser secara cepat.
e. Beberapa tag-tag HTML (khususnya image dan table) ada atribut yang akan membantu
browser untuk menampilkan halaman web walaupun belum seluruh halaman di-load
secara lengkap dari web server.
f. Menggunakan format citra yang efisien.

5. Situs harus memperhatikan aspek GUI


a. Harus menggunakan prinsip-prinsip yang telah dikenal oleh pengguna. Baik dari sisi
simbol, bahasa, warna, icon dsbnya.
b. Harus mudah dipahami pada saat pertama kali pengguna mengunjungi situs web
tersebut, sehingga pengguna akan merasa enjoy untuk mengunjungi halaman web
tersebut.

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 5|

Common questions

Didukung oleh AI

A web designer must possess the ability to synthesize original ideas with client concepts, which involves a strong sense of aesthetics, understanding of design principles, and effective communication skills to align the client's vision with practical and innovative design solutions .

Cross-browser compatibility is crucial because it ensures that a website is accessible and performs well on different browsers, widening its audience reach. Designers must account for various settings and technologies to ensure a consistent experience, avoiding alienation of users who may access the site from less common platforms .

Web designers should consider the relevance, quality, and performance impact of multimedia elements. They should ensure multimedia supports content objectives without hindering page load times and maintain compatibility across devices and browsers to avoid alienating users with technical limitations .

Websites' global reach allows information to be accessible by diverse and widespread audiences, enhancing their role as an information medium by providing timely and up-to-date content. The interactive capabilities of websites engage users, allowing for personalized experiences and active participation, which increases the effectiveness of communication and information dissemination .

Failing to adhere to correctness principles, such as error-free HTML and functional interactive elements, can lead to broken links, unfunctional scripts, and overall poor user experience. These issues can reduce a website’s credibility, negatively impact user trust, and result in decreased user engagement and retention .

Design for mobile users prioritizes responsiveness, touch optimization, and simplified navigation due to smaller screens and differing interaction patterns compared to desktop users, who benefit from larger displays and multitasking capabilities. Meeting mobile users' needs often involves creating adaptive layouts, ensuring speedy load times, and minimizing content complexity .

Utility ensures that a website functions as intended and provides necessary features, while usability focuses on creating an intuitive and efficient user experience. Considering both ensures that the website is not only functional but also easy to use, maximizing the satisfaction and retention of users .

Graphic design tools enhance web design by enabling designers to create visually appealing graphics, layouts, and animations. These tools, such as Adobe Photoshop and Macromedia Flash, allow for complex design elements to be integrated seamlessly, thereby enriching the user experience and visual impact of websites .

Adhering to GUI principles enhances user experience by ensuring that the website interface follows recognizable patterns, which reduces the learning curve for new users. Using familiar symbols, coherent navigation structures, and consistent visuals helps users intuitively interact with a site, fostering a pleasurable and efficient experience .

In web design, the term "design" stems from a need for problem-solving and functionality, separating it from fine arts, which is primarily expressive. Web design involves creating a functional interface that serves practical purposes, such as usability and interaction, whereas fine arts focus on aesthetic and personal expression without the constraint of functionality .

Anda mungkin juga menyukai