Memahami Konsep Petunjuk dan Teknologi desain Web

DOSEN PENGAMPU

RINI NOVITA, M.Pd, T

Disusun Oleh :
Kelompok 7

1. Randi Mulyana 2201100022

2. Intan Mulia 2201100023
3. Lyra Azwani 2201100021

PROGRAM STUDI PEND. INFORMATIKA FAKULTAS SAINS DAN

TEKNOLOGI UNIVERSITAS PGRI SUMATRA BARAT
2022/2023
 KATA PENGANTAR

Puji syukur diucapkan kehadirat Allah SWT atas segala rahmatNya sehingga makalah ini
dapat tersusun sampai dengan selesai. Tidak lupa kami mengucapkan terimakasih terhadap
bantuan dari pihak yang telah berkontribusi dengan memberikan sumbangan baik pikiran
maupun materinya.

Penulis sangat berharap semoga makalah ini dapat menambah pengetahuan dan
pengalaman bagi pembaca. Bahkan kami berharap lebih jauh lagi agar makalah ini bisa pembaca
praktekkan dalam kehidupan sehari-hari.

Bagi kami sebagai penyusun merasa bahwa masih banyak kekurangan dalam penyusunan
makalah ini karena keterbatasan pengetahuan dan pengalaman Kami. Untuk itu kami sangat
mengharapkan kritik dan saran yang membangun dari pembaca demi kesempurnaan makalah ini.

Padang, 20 Oktober 2022

Penyusun
 DAFTAR ISI

KATA PENGANTAR 2
DAFTAR ISI 3
BAB I PENDAHULUAN 4
A. LATAR BELAKANG 4
B. RUMUSAN MASALAH 4
C. TUJUAN 4
BAB II PEMBAHASAN 5
A. Memahami Konsep petunjuk dan Teknologi desain Web 5
B. Mendesain Web 5
BAB III PENUTUP 6
A. KESIMPULAN 6
B. SARAN 6
DAFTAR PUSTAKA 7
 BAB I
PENDAHULUAN

A. LATAR BELAKANG

Website adalah media yang digunakan untuk menampung data teks, gambar, suara,
dan animasi yang dapat ditampilkan di internet dan dapat diakses oleh komputer yang terhubung
dengan internet secara global. Website merupakan media informasi berbasis jaringan komputer
yang dapat diakses dimana saja dengan biaya relatif murah. Website merupakan bentuk
implementasi dari bahasa pemograman web (web programming). PHP (Hypertext Preprocessor)
merupakan bahasa pemograman berbasis web yang memiliki kemampuan untuk memproses dan
mengolah data secara dinamis.

Website saat ini muncul karena adanya kebutuhan pasar serta masyarakat yang
semakin tinggi dibidang teknologi. Website saat ini tidak hanya menyediakan jasa atau sebagai
company profile terhadap suatu perusahaan, tetapi juga menjadi tempat jual dan beli, hiburan,
forum, dan berbagai kreativitas lainnya yang dapat menunjang dan memiliki daya tarik lebih
untuk menarik pasar dan konsumennya agar memakai jasanya atau sekedar melihat.

Website merupakan keseluruhan halaman web yang mengandung informasi yang

sangat besar yang terdapat dalam sebuah domain. Informasi yang ada di dalam web
dipresentasikan ke dalam sebuah halaman web yang terbentuk dari sekumpulan teks, grafik,
gambar, suara, dan video.

Visualisasi merupakan teknik visualisasi merujuk pada konsep terintegrasi, interaktif,

dinamis dan menarik, artinya penyajian data berbasis website yang dapat diakses oleh publik
namun tetap memperhatikan tingkat sekuritas yang tinggi. Data tidak hanya ditampilkan dalam
bentuk tabel dan grafik, tetapi juga memiliki kaidah interaksi dengan pengguna, dimana setiap
pengguna dapat memilih, memodifikasi dan menampilkan data sesuai kebutuhannya .

Manfaat website untuk masyarakat salah satunya adalah masyarakat dapat berbelanja,
melakukan transaksi ataupun kegiatan umum secara online. Seperti belanja kebutuhan pokok,
mulai dari sandang, pangan, dan papan. Tidak hanya itu, website juga sering dijadikan tempat
menyalurkan kegiatan atau kegemaran untuk bersenang senang dan men sibukkan diri.
 Manfaat visualisasi dalam pembuatan website salah satunya adalah dapat
mempermudah tampilan website yang digunakan untuk membuat sebuah pakaian, serta membuat
tampilan website yang digunakan untuk membuat sebuah pakaian terlihat lebih nyata.

Perkembangan teknologi di dunia Website dewasa ini semakin pesat dan tidak terbatas.
Hal ini ditandai dengan maraknya produsen yang mulai mengunakan website tidak hanya sebagai
media untuk mengiklankan sesuatu, tetapi juga untuk memenuhi segala kebutuhannya, mulai dari
kebutuhan di bidang Industri, Kepolisian, Pendidikan sampai kebutuhan Rumah tangga.
Banyaknya Website-website yang telah diciptakan membutikan bahwa banyaknya persaingan di
bidang Web.

Setiap Web Designer dan Web Programmer saling berlomba dalam menciptakan inovasi
baru dibidang web. Pembuatan Web itu sendiri merupakan perpaduan antara sintak HTML,
MYSQL, JavaScript dengan PHP MyAdmin dan lain sebagainya.

Perkembangan website sekarang ini bukan lagi menjadi kendala yang sulit di dapatkan
dan terbatas, tetapi dikalangan pelajar dan mahasiswa juga ikut andil dalam penelitian dan
pembuatannya. Dari hal tersebut banyak berbagai website yang dapat diciptakan mulai dari web
profile pribadi maupun profile perusahaan, web penjualan(e-commerce), web portal(news), iklan
baris(advertising) dan khususnya website komunitas(community). Dengan berkembangnya
website tersebut sebuah komunitas fotografi di Indonesia membentuk sebuah budaya komunikasi
yang baru di masyarakat.
B. RUMUSAN MASALAH

1. Bagaimana Konsep Petunjuk dan Teknologi Desain Web ?

2. Bagaimana Cara Mendesain Web?

C. TUJUAN

1. Untuk mengetahui konsep Petunjuk dan Teknologi Desain Web?

2. Untuk Mendesain Web?
 BAB II
PEMBAHASAN

A. Memahami Konsep Petunjuk dan Teknologi Desain Web

1. Pengenalan Web
a. 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.

b. Pengertian WWW (World Wide Web)

 Merupakan kumpulan web server dari seluruh dunia yang berfungsi
menyediakan data dan informasi untuk digunakan bersama-sama.dan merupakan
salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke
internet, yang dapat memudahkan pengguna komputer untuk berinteraksi
dengan pengguna internet lainnya dan mencari informasi yang diperlukan.

c. Web browser

Browser web merupakan software yang digunakan untuk menampilkan

informasi dari server web. Contoh dari web browser : Opera, Mozzila, Netscape
Navigator, Internet Explorer, Lynx, Konqueror.
 d. 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.

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

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

g. Profesi yang berhubungan dengan situs web

 ⮚ Web Programmer
⮚ Web Administrator
⮚ Web Master

B. Mendesain Web

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

2. 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
Contoh layout/mockup desain web yang dibuat mengunakan balsamiq
mockup:
 BAB III
PENUTUP

A. KESIMPULAN

Dapat disimpulkan bahwa web merupakan kumpulan web server dari seluruh dunia yang
berfungsi menyediakan data dan informasi untuk digunakan bersama-sama.dan
merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke
internet, yang dapat memudahkan pengguna komputer untuk berinteraksi dengan
pengguna internet lainnya dan mencari informasi yang diperlukan.

B. SARAN

Pembuatan website ini masih sangat terbilang sederhana, terutama dari segitampilan dan
segi keamanan, ada baiknya untuk tahap pengembangan system baru diharapkan dibuat
semenarik mungkin dan dikembangkan lebih lanjut dengan tambahan informasi yang
lebih lengkap lagi yang pastinya bisa lebih bermanfaat bagi pengelola dan pengguna
website tersebut.
 DAFTAR PUSTAKA

http://library.binus.ac.id/eColls/eThesisdoc/Bab1/RS1_2016_2_1282_Bab1.pdf

http://eprints.umpo.ac.id/1537/2/BAB%20I.pdf

http://repository.unpas.ac.id/26649/2/Bab1_113040202.pdf

https://kpi.ikhac.ac.id/wp-content/uploads/2019/04/Modul-Web-Desain.pdf

https://www.academia.edu/15611568/Pengantar_Desain_Web

https://www.academia.edu/14352447/pemrograman_web_desain_web
 PERTANYAAN DARI BEBERAPA KELOMPOK

1. Resha dari kelompok 2

Bagaimana konsep mendesain web yang benar?

2. Annisa dari kelompok 8

Mengapa perkembangan web membutuhkan konsep design?

3. Sari Putri dari kelompok 1

Sebutkan contoh web design dan fungsi masing-masingnya?

4. Sintia dari kelompok 12

Jika sesorang ingin memiliki sebuah website apa saja yang perlu menjadi hal
utama?

5. Ilham dari kelompok 5

Apa saja aplikasi membuat webdite?