Materi Kuliah Pemrograman Web desain

1. PEMROGRAMAN WEB DESAIN (RPL203408)
Kontrak Kuliah – Pemahaman Dasar Website

2. Kontrak Kuliah
Pakaian Bebas,
Berkerah, Bersepatu,
Rapi dan Sopan
Tata Tertib
Kode Etik Mahasiswa
Kelas Online Wajib
Aktifkan Video
Sistem Perkuliahan :
Pertemuan Tatap Muka (>=75%)
Tugas Terstruktur
Tugas Mandiri
Pertemuan 2 x 1 Minggu
Setara 24 x Pertemuan

3. Kontrak Kuliah
10 %
Partisipasi
Kelas
15 %
Quiz
20 %
Tugas-Tugas
25 %
Ujian Tengah
Semester
30 %
Ujian Akhir
Semester
Komponen Penilaian

4. Kontrak Kuliah
Konsultasi & Komunikasi
Email : endustong@yahoo.com
Blog : www.ngangsuilmu.com
WA : 0822-9544-8723
Tugas-Tugas
Hardcopy (langsung)
Softcopy (melalui email,
SMART Kampus)
Pendukung
Wajib Memiliki Flashdisk
03
02
01

5. Pengantar Desain Web
01 Desain web adalah seni dan proses dalam menciptakan
sebuah halaman web baik tunggal maupun keseluruhan
Aspek-aspek yang terdapat dalam desain web atau produksi
web adalah pemilihan font, pemilihan warna, navigasi, isi,
bahkan menciptakan animasi dan grafik
02
03 Desain web juga menggabungkan antara seni programing dan
pengembangan e-commerce
04 Desain web adalah suatu produksi informasi dengan format
penerbitan elektronik

6. World Wide Web (www)
Salah satu layanannya adalah memungkinkan bagi pengguna komputer untuk saling
berinteraksi dengan pengguna lainnya tanpa harus bertemu langsung secara fisik
Web adalah sebuah layanan yang diberikan kepada pemakai
komputer yang terhubung dengan internet
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

7. Alur Informasi pada Web
Database :
MySQL
Server Side Scripting :
PHP – ASP – JSP
Client Side Scripting :
HTML – CSS – Javascript

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

9. Cara Kerja Web
User Web Browser
Web Server
Protocol
URL
Display
HTTP Request
HTTP Response
Web File
Client Server

10. Fungsi Website
Website sebagai sarana hiburan
yang menyediakan banyak
penggunaan gambar, animasi
bergerak seperti game, film,
musik dan sebagainya
Fungsi Entertainment
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.
Fungsi Informasi
Website yang menyediakan tools untuk
komunikasi seperti email, form contact,
chatting, forum dan sebagainya
Fungsi Komunikasi
Website yang dirancang khusus
sebagai sarana bisnis, jual beli, baik
barang maupun jasa dengan berbagai
metode transaksi pembayaran yang
mudah
Fungsi Transaksi

11. Jenis Website
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.
Website Statis
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
Website Dinamis
Bentuk atau Sifat Website

12. Jenis Website
platform yang membantu Anda membuat website dengan cepat,
tanpa perlu memahami coding atau kemampuan desain sama
sekali.
Website Builder
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
CMS
Berdasarkan Flatfoarm
Memerlukan pengetahuan tentang coding
dan pemrograman menggunakan HTML
dan CSS. Software seperti Notepad++, Text
Wrangler, atau Sublime Text dapat
digunakan untukmembuat kode
programnya (script)
HTML dan CSS

13. Jenis Website
• 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
Berdasarkan Fungsinya

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

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

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

17. Terima Kasih
WEB DESAIN