PEMROGRAMAN WEB DESAIN (RPL203408)

Kontrak Kuliah – Pemahaman Dasar Website

Kontrak Kuliah
Tata Tertib
Pakaian Bebas, Kode Etik Mahasiswa
Berkerah, Bersepatu,
Rapi dan Sopan

Kelas Online Wajib Sistem Perkuliahan :

Aktifkan Video Pertemuan Tatap Muka
(>=75%)
Tugas Terstruktur
Tugas Mandiri

Pertemuan 2 x 1 Minggu
Setara 24 x Pertemuan
Kontrak Kuliah

Komponen Penilaian

10 % 15 % 20 % 25 % 30 %

Partisipasi Ke- Quiz Tugas-Tugas Ujian Tengah Ujian Akhir

las Semester Semester
Kontrak Kuliah

02 03
01

Konsultasi & Komunikasi Tugas-Tugas Pendukung

Email : endustong@yahoo.com Hardcopy (langsung) Wajib Memiliki Flashdisk
Blog : www.ngangsuilmu.com Softcopy (melalui email,
WA : 0822-9544-8723 SMART Kampus)
Pengantar Desain Web
Desain web adalah seni dan proses dalam menciptakan
01 sebuah halaman web baik tunggal maupun keseluruhan

Aspek-aspek yang terdapat dalam desain web atau produksi

02 web adalah pemilihan font, pemilihan warna, navigasi, isi,
bahkan menciptakan animasi dan grafik

Desain web juga menggabungkan antara seni programing dan

03 pengembangan e-commerce

Desain web adalah suatu produksi informasi dengan format

04 penerbitan elektronik
World Wide Web (www)

Web adalah sebuah layanan yang diberikan kepada pemakai

komputer yang terhubung dengan internet

Salah satu layanannya adalah memungkinkan bagi pengguna komputer untuk saling
berinteraksi dengan pengguna lainnya tanpa harus bertemu langsung secara fisik

Pengguna komputer dapat dengan mudah memperoleh informasi yang diinginkan,

bahkan dapat menyimpan program, suara, gambar yang ditampilkan sebuah web

Dengan adanya kode-kode tertentu yang disebut tag (delimiter) dan kemampuan untuk
dapat meloncat (link) dari halaman satu ke halaman lainnya menjadikan web lebih
terlihat memiliki kemampuan yang lebih dari pada produk elektronik lainnya
Alur Informasi pada Web

Database :
MySQL
Server Side Scripting :
PHP – ASP – JSP
Client Side Scripting :
HTML – CSS – Javascript
Cara Kerja Web
• Semua data dan informasi disimpan dalam sebuah dokumen web
pada sebuah tempat penyimpanan, yaitu web server.
• Web server bertugas sebagai server sekaligus menyimpan data dan
informasi. Web server dilengkapi dengan program khusus untuk
server (IIS, PWS, Apache Server).
• Komputer client membaca informasi yang terdapat pada halaman
web melalui sebuah jaringan internet dengan mengambil informasi
yang tersimpan pada komputer server.
• Komputer client menampilkan halaman web menggunakan aplikasi
khusus yang disebut web browser.
Cara Kerja Web

HTTP Request

URL

Display
Protocol
User Web Browser
Web File
Web Server
HTTP Response

Client Server
 Fungsi Website
Fungsi Transaksi
Website yang dirancang khusus
sebagai sarana bisnis, jual beli, baik
barang maupun jasa dengan berbagai
metode transaksi pembayaran yang
mudah
Fungsi Komunikasi
Website yang menyediakan tools untuk
komunikasi seperti email, form contact,
chatting, forum dan sebagainya
Fungsi Entertainment
Website sebagai sarana hiburan
yang menyediakan banyak
penggunaan gambar, animasi
bergerak seperti game, film,
musik dan sebagainya
Fungsi Informasi
Website yang berisi teks dan grafik
yang dapat didownload dan
umumnya membatasi penggunaan
animasi atau elemen bergerak.
Bentuk website informasi seperti
News, Company Profile, Library,
Reference dan sebagainya.
 Jenis Website
Bentuk atau Sifat Website

Website Statis Website Dinamis

Situs web yang kontennya konstan atau
tidak berubah.
Setiap halaman dibuat dengan kode HTML
dan menyajikan informasi yang sama
kepada setiap pengunjung. Hanya pemilik
yang bisa melakukan update pada
kontennya.
User yang mengakses website tersebut
tidak akan bisa berinteraksi seperti
berkomentar ataupun mengisi sebuah
form.
Situs web yang kontennya selalu di-
update secara berkala. Website
dinamis menampilkan kontennya dari
database yang biasanya hanya bisa
diakses oleh pemilik.
Orang yang mengaksespun bisa
melakukan interaksi pada websitenya
 Jenis Website
Berdasarkan Flatfoarm

HTML dan CSS CMS

Memerlukan pengetahuan tentang coding
dan pemrograman menggunakan HTML
dan CSS. Software seperti Notepad++, Text
Wrangler, atau Sublime Text dapat
digunakan untukmembuat kode
programnya (script)
Content Management System yaitu
perangkat lunak atau sistem yang
digunakan untuk membuat dan mengatur
konten digital.
Website dapat dibuat dengan cepat dan
mudah step by step

Website Builder
platform yang membantu Anda membuat website dengan cepat,
tanpa perlu memahami coding atau kemampuan desain sama
sekali.
Jenis Website
Berdasarkan Fungsinya
• Pendidikan (Online Learning, Encyclopedia)
• Organisasi (Pemerintah, Nirlaba, Company Profile)
• eCommerce (Toko Online, Bisnis, Perbankan)
• Blog (Personal, Content Marketing, Portofolio)
• Media Sharing (File Sharing, Photo Sharing)
• Entertainment (Hiburan, Game)
• Sosial (Media Sosial, Forum/Komunitas)
• Portal Berita dan Informasi
• Search Engine
Istilah-Istilah
Internet : Internet adalah kependekan dari
International Networking, yang artinya jaringan
komputer berskala internasional/global yang
dapat membuat masing-masing komputer saling
berkomunikasi

Intranet : merupakan jaringan komputer berskala

kecil, hanya memiliki beberapa web server yang
diperuntukan untuk organisasi atau perudahaan,
dan digunakan sebagai sarana komunikasi antara
komputer dalam organisasi tersebut.
Istilah-Istilah
TCP/IP : adalah kependekan dari Transmission
Control Protocol / Internet Protocol artinya protokol
yang terdiri dari sub-protokol, yang beroperasi pada
lapisan yang berbeda. Ini merupalan protokol
standar internet. Protokol ini memberikan nomor
unik pada setiap komputer yang terkoneksi.
Istilah-Istilah
URL adalah kependekan dari Uniform Resource
Locators, artinya sebuah alamat didalam internet
yang terdiri atas 2 bagian. Bagian pertama pengenal
protokol dan bagian kedua adalah pengenal domain

HTTP adalah kependekan dari Hypertext Markup

Language, artinya protokol yang berfungsi untuk
mendefinisikan dan menjelaskan bagaimana server
dan client berinteraksi dalam mengirim dan
menerima dokumen web
WEB DESAIN
Terima Kasih