Pengenalan Dasar Web dan HTML

Slides:



Advertisements
Presentasi serupa
HTML.
Advertisements

PENGENALAN INTERNET M. Masrur, SKom.
HTML  singkatan dari HyperText Markup Language  menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Pernahkah anda membuka sebuah Website???? What It????
KONSEP DASAR WEB DAN INTERNET
Perancangan dan Pemrograman Web
Pemrograman Internet Konsep Dasar.
Pengenalan Teknologi Web. Sistem Operasi Sistem operasi (operating system ; OS) adalah seperangkat program yang mengelola sumber daya perangkat keras.
Internet & Pemrograman Web Pertemuan I : Pengenalan Internet Oleh : Hadi Santoso.
Dasar - dasar Web dan HTML
Pertemuan Ke-1 (Konsep Dasar Web)
PEMROGRAMAN WEB DENGAN HTML & php frame work (code igniter)
HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software.
Internet Programming PHP 1 M. Agus Zainuddin EEPIS – ITS Surabaya.
PEMROGRAMAN WEB DASAR Humisar Hasugian, S.Kom.
HTML Basic.
PERANCANGAN WEB Pertemuan 1: Pengenalan tentang WEB
Zaenal Abidin. HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
BAB II DASAR-DASAR WEB & HTML.
Overview Teknologi Internet
Pertemuan 1 Pengenalan Dasar Web.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
S1 Teknik Informatika - Unijoyo
Pengenalan Kuliah, Konsep Pemrograman Web dan Dasar HTML
APLIKASI BERBASIS WEB.
Pertemuan Ke-1 (Konsep Dasar Web)
Pemrograman WEB Pertemuan I (Teori)
Dasar - dasar Web dan HTML
PENGENALAN INTERNET & PENGANTAR E-BISNIS
Internet, World Wide Web
Teknologi Dasar Internet dan Web
WEB 1 (HTML) STMIK A. Yani.
PENEGENALAN INTERNET & PENGANTAR E-BISANIS
PENGENALAN INTERNET MATERI KE-4 Dosen : Septi Andryana, S.Kom, MMSI
PENGENALAN INTERNET INTERNET
Pemrograman Basis Data Berbasis Web
Internet dan Web By : Lisda Juliana P..
Erizal, S.Si, M.Kom Internet dan Web Erizal, S.Si, M.Kom
PENGENALAN INTERNET PTKI 1C______ Materi Minggu ke - 5.
S1 Teknik Informatika - Unijoyo
DASAR DASAR WEB DAN HTML
PEMROGRAMAN WEB 1 PERTEMUAN 1
Overview Teknologi Internet
PENGENALAN INTERNET.
Konsep Pemrograman Internet
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Oleh : Inggar Prayoga.,S.I.Kom
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web
Konsep Pemrograman Internet
Web Design : Struktur Dasar Web dan Dokumen HTML
(Hyper Text Markup Language)
Internet dan Web Erizal, S.Si, M.Kom.
Muh. Taslim Subair PENGENALAN INTERNET
PENGENALAN INTERNET.
Konsep Web Statis dan Web Dinamis
Dasar Pemrograman Web.
Pemrograman Internet Wahyu Herlambang ( )
PENGENALAN INTERNET.
PENGENALAN INTERNET PTKI 1C______ Materi Minggu ke - 5.
BAB II DASAR-DASAR WEB & HTML. MATERI Dasar – Dasar Web dan HTML - Konsep dasar Web - Arsitektur Web - Web Server Software (PHPTriad, PHP Nuke) - Konsep.
Pemrograman WEB Pertemuan I (Teori) Oleh : D. Sinaga, M.Kom.
Pengenalan Dasar Web dan HTML
Pertemuan 1 Pengenalan Dasar Web.
PENGENALAN INTERNET.
Prinsip Dasar Internet & Pemrograman Web
Pertemuan 1 Pengenalan Dasar Web.
Dasar-dasar HTML. 2 World Wide Web (WWW) Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia. TCP/IP.
PENGENALAN INTERNET.
Pemrograman Basis Data Berbasis Web
Transcript presentasi:

Pengenalan Dasar Web dan HTML Pertemuan 1 Pengenalan Dasar Web dan HTML

Sub Pokok Bahasan Internet WWW Protokol HTTP (Hypertext Transfer Protocol) URL (Uniform Resource Locator) Protokol Transfer DNS (Domain Name System) Web Browser Web Server Web Programming HTML

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

WWW Adalah 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.

Protokol Merupakan bahasa/software standar untuk mengatur komunikasi jaringan komputer TCP/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.

URL (Uniform Resource Locator) 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 informasi Nama komputer (server) dimana informasi tersebut berada Jalur/path serta nama file dari suatu informasi

Protokol_transfer://nama_host/path/nama_file Contoh: Format umum URL: Protokol_transfer://nama_host/path/nama_file Contoh: http://www.trunojoyo.ac.id/teknik/index.html Keterangan: http  protokol yang digunakan www.trunojoyo.ac.id  nama host atau server komputer teknik  jalur/path dari informasi yang dicari index.html  nama file

Protokol Transfer adalah protokol yang digunakan untuk pengiriman informasi di internet. Beberapa protokol transfer: HTTP  protokol standar untuk suatu dokumen web FTP (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 Client Dalam 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 Browser Berjalan pada komputer user Merupakan tool untuk melakukan navigasi di web Menampilkan dokumen web Contoh-contoh: MS Internet Explorer  Windows Netscape Navigator/Communicator  Multi Opera  Multi Conqueror  Linux Lynx  Unix

Web Server Server 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 Programming Web 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.

Dua kategori web programming: Server Side Programming Client Side Programming

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

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

HTML(HyperText Markup Language)? Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintahnya menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Software yang diperlukan: Text editor Contoh: Windows: Notepad, Dreamweaver Linux: gEdit, mcedit Web browser untuk menampilkan dokumen web yang dibuat. Windows: Internet Explorer, dan Firefox Linux: Firefox dan Conqueror.

Istilah-istilah dalam HTML: Tag - Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil “<“ (tag awal) dan tanda lebih besar “>” (tag akhir). <namatag> ..... </namatag> Element – Jenis-jenis dari tag. Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Contoh : <title> ini adalah tag pembuka judul dokumen HTML Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML </title> ini adalah tag penutup judul dokumen HTML Attribute - Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya akan mempunyai banyak atribut.

Tag Utama dalam struktur dokumen HTML: <!– untuk menyatakan suatu dokumen HTML --> <head> <!-- memberikan informasi mengenai dokumen HTML > </head> <body> <!-- menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML > </body> </html>

Penggunaan komentar: Format: <! -- > Fungsi: <! -- > Fungsi: Memberi nama aplikasi Mendeskripsikan tujuan pengkodean tertentu di dalam file Memberi nama pengarang Memberi tanggal pembuatan Memberi nomer versi Memberi informasi hak cipta

Summary Server dan Client adalah dua sisi yang yang saling mendukung sehingga internet tetap berjalan. Untuk pengiriman informasi di internet diperlukan protokol. Sisi server berupa web server (misal Apache dan IIS) , sedangkan sisi Client berupa web browser (misal Opera dan Internet Explorer) Dalam web programming, terdapat server-side programming dan client-side programming. Client-side programming adalah untuk membuat web yang statis, sedangkan untuk membuat web yang dinamis (dapat interaktif dengan user) diperlukan server-side dan client-side programming.

Daftar Pustaka Sebesta, R.W. [2002], Programming the World Wide Web, Addison Wesley. Sutarman, S.Kom [2003]. Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu, Yogyakarta.