1 - Pengantar Desain Web

Desain WebJaroji, M.Kom

Pokok BahasanPengantar Desain WebHTMLCSSJava Script dan JqueryContent Management System Personal WebContent Management System Personal E-LearningHosting

ToolsOS WindowsWebserver ApacheBrowser MozillaEditor : Notepad, DreamweaverDesain Grafis : Adobe Photoshop, Microsoft Picture Manager, Colorcorp

PenilaianKehadiran : 5%Latihan, Keaktifan, Etika : 10%Tugas : 5%Modul 1 : 15%Modul 2 : 15%Modul 3 : 15%Modul 4 : 10%Modul 5 : 15%Tiap modul terdiri atas : Teori 35% dan Praktikum 65%

Pengantar Desain WebInternet WWWProtokolHTTP (Hypertext Transfer Protocol)URI, URN, dan URL (Uniform Resource Locator)Protokol TransferDNS (Domain Name System)Web BrowserWeb ServerWeb ProgrammingHTML

Internet (interconnection-networking)Kumpulan berbagai jaringan komputer yang mencakup seluruh dunia (jaringan global) melalui jalur telekomunikasi, seperti : telepon, fiber-optic, wireless dan lainnya.

WWWAdalah salah satu bentuk layanan yang dapat diakses melalui internet.Biasa disingkat sebagai Web.Merupakan sekumpulan dokumen, gambar-gambar, dan bentuk resources yang lainnya yang dihubungkan melalui hyperlinks dan URLs.

ProtokolMerupakan bahasa/software standar untuk mengatur komunikasi jaringan komputerTCP/IP (Transmission Control Protocol Internet Protocol) merupakan cara standar untuk mempaketkan dan menyelamatkan data komputer (sinyal elektronik) sehingga data tersebut dapat dikirim ke komputer yang lain.

HTTP (Hypertext Transfer Protocol)Adalah protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta dan mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta web browser. Protokol ini merupakan protokol standar yang digunakan untuk mengakses dokumen HTML.

URI, URN, URLUniform Resource Identifier (URI) adalah sebuah string karakter yang digunakan untuk mengidentifikasi nama atau sumber di InternetUniform Resource Name (URN) berfungsi seperti nama seseorang

URI, URN, URLURL digunakan untuk menentukan lokasi informasi pada suatu web server.dapat diibaratkan sebagai suatu alamat, yang terdiri dari:Protokol yang digunakan oleh suatu browser untuk mengambil informasiNama komputer (server) dimana informasi tersebut beradaJalur/path serta nama file dari suatu informasi

Format umum URL:Protokol_transfer://nama_host/path/nama_file

Contoh: http://www.polbeng.ac.id/teknikinformatika/index.htmlKeterangan:http protokol yang digunakanwww.polbeng.ac.id nama host atau server komputerteknik jalur/path dari informasi yang dicariindex.html nama file

Protokol Transfer adalah protokol yang digunakan untuk pengiriman informasi di internet. Beberapa protokol transfer:HTTP protokol standar untuk suatu dokumen webFTP (File Transfer Protocol) digunakan untuk mentransfer file dalam format text atau binary dalam suatu server komputer diinternet.News NNTP (Network News Transfer Protocol) digunakan untuk mendistribusikan berita di USENet. USENet adalah suatu sistem yang dirancang sebagai forum diskusi dengan berdasarkan pada topik-topik yang disebut news-group.Telnet digunakan untuk login ke suatu server komputer.

DNS (Domain Name System)Adalah suatu sistem penamaan standar komputer-komputer di internet dengan tujuan untuk mempermudah pengelolaan server komputer internet. Merupakan suatu tingkat-tingkat domain, yang merupakan kelompok komputer-komputer yang terhubung ke internet.

Server dan ClientDalam dunia internet selalu terdapat dua sisi yang saling mendukung, yaitu:Server penyedia berbagai layanan termasuk web. Layanan web ditangani oleh sebuah aplikasi bernama web server. Client bertugas mengakses informasi yang disediakan oleh server. Pada layanan web, client dapat berupa web browser.

Web BrowserBerjalan pada komputer userMerupakan tool untuk melakukan navigasi di webMenampilkan dokumen webContoh-contoh:MS Internet Explorer WindowsNetscape Navigator/Communicator MultiOpera MultiConqueror LinuxLynx Unix

Web ServerServer web adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Contoh : - Apache : server web antar-platform- IIS (Microsoft Internet Information Service ) hanya dapat beroperasi di sistem operasi Windows.

Web ProgrammingWeb dapat dikategorikan menjadi dua, yaitu web statis web yang menampilkan informasi-informasi yang sifatnya statis (tetap)web dinamis atau interaktif. web yang menampilkan informasi serta dapat berinteraksi dengan user yang sifatnya dinamis. Sehingga untuk membuat web dinamis dibutuhkan kemampuan pemrograman web.

Web programmingDua kategori web programming:Server Side ProgrammingClient Side Programming

Server-side ProgrammingServer Side Programming web server melakukan parse dan eksekusi sehingga script embedded dalam halaman webContoh: CGI/Perl, ASP, JSP, PHP, CFM

Client-side ProgrammingClient Side Programming web browser melakukan parse dan eksekusi sehingga script embedded dalam halaman webContoh: JavaScript, HTML, VBScript

HTML (HyperText Markup Language)?Bahasa yang digunakan untuk menampilkan informasi pd halaman web.bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintahnyamenentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.

Software yang diperlukan:Text editorContoh:Windows: Notepad, DreamweaverLinux: gEdit, mceditWeb browser untuk menampilkan dokumen web yang dibuat. Contoh:Windows: Internet Explorer, dan FirefoxLinux: Firefox dan Conqueror.*

*Istilah-istilah dalam HTML:Tag - Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil (tag akhir). .....

Element Jenis-jenis dari tag. Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contoh : ini adalah tag pembuka judul dokumen HTML Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML ini adalah tag penutup judul dokumen HTML

Attribute - Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya akan mempunyai banyak atribut.