Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

PEMROGRAMAN WEB (IS 222) - PERTEMUAN 1-. Agenda Pertemuan Sejarah dan perkembangan Web Konsep dasar internet Konsep dasar WWW Istilah – istilah di internet.

Presentasi serupa


Presentasi berjudul: "PEMROGRAMAN WEB (IS 222) - PERTEMUAN 1-. Agenda Pertemuan Sejarah dan perkembangan Web Konsep dasar internet Konsep dasar WWW Istilah – istilah di internet."— Transcript presentasi:

1 PEMROGRAMAN WEB (IS 222) - PERTEMUAN 1-

2 Agenda Pertemuan Sejarah dan perkembangan Web Konsep dasar internet Konsep dasar WWW Istilah – istilah di internet Struktur dasar HTML Memformat dokumen HTML

3 Sejarah dan Perkembangan Web ARPAnet (US Defense Advanced Research Projects Agency) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat Web 1.0  generasi pertama web yang berfungsi sebagai pemberi informasi yang bersifat satu arah. Web 2.0  content tidak hanya dipegang oleh administrator sepenuhnya, namun pengunjung web dapat memberi andil pada content web dengan memberi comment, polling, foto dan lain sebagainya

4 Web 2.0 Arsitektur yang memampukan partisipasi Mengumpulkan kekayaan intelektual bersama. Pengaruh jaringan menjadikan konten suatu web yang mulanya sedikit menjadi berlipat ganda dalam waktu singkat.

5 Konsep Dasar Internet Internet yang berasal dari kepanjangan Interconnected Network adalah sebuah sistem komunikasi global yang menghubungkan komputer - komputer dan jaringan - jaringan komputer di seluruh dunia Komputer yang terhubung menggunakan platform yang berbeda tetapi bekerja menggunakan protokol yang sama

6 Layanan Internet World wide web (HTTP) (POP, SMTP, IMAP) Chat (IRC) File transfer (FTP) Remote access (telnet) VoIP, etc.

7 Protokol HTTP (Hypertext Transfer Protocol), merupakan suatu protokol yang menentukan aturan yang perlu diikuti oleh Web Browser dalam meminta atau mengambil suatu dokumen dan oleh Web Server dalam menyediakan dokumen yang diminta web browser Protokol Transfer ◦ FTP (File Transfer Protocol), protokol ini untuk mengunduh (download) dan mengunggah (upload) suatu file di FTP server ◦ Telnet, protokol yang digunakan untuk login ke suatu server komputer

8 Protokol - Lanjutan Protokol Transfer ◦ SSH (Secure Shell), didesain untuk menggantikan telnet dengan kelebihan dalam keamanan, beroperasi melalui TCP dan menyediakan autentifikasi dan komunikasi yang aman ◦ Gopher, protokol ini untuk mengakses server gopher yang menyediakan informasi dengan mengggunakan suatu sistem menu atau melalui hubungan ke telnet ◦ News (Network News Transfer Protocol,

9 URL (Uniform Resource Locator) URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu Web Server Terdiri atas : ◦ Protokol yang digunakan oleh suatu browser untuk mengambil informasi. ◦ Nama dari komputer dimana informasi tersebut tersedia. ◦ Path serta nama file dari suatu informasi.

10 DNS (Domain Names System) DNS dapat diartikan sebagai format penamaan standar untuk mempermudah pengelolaan server komputer di internet Nama DomainJenis Organisasi comOrganisasi komersial edu, ac.idLembaga Pendidikan gov, go.idLembaga Pemerintah intLembaga Internasional milOrganisasi militer netProvider internet orgOrganisasi umum

11 Konsep Dasar WWW World Wide Web merupakan suatu kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan internet WWW atau secara singkat disebut web mulanya adalah aplikasi untuk menyimpan dan menampilkan teks. Pertama kali diperkenalkan dan dikembangkan oleh Tim Berners-Lee pada tahun 1989.

12 Konsep Kerja WWW request response

13 Cara kerja web (1) User memasukan URL dalam browser Browser men-translate URL ke dalam IP address untuk dikoneksikan dengan server lewat TCP (Port 80:Http Service) connects to a computer with IP address port 80 Setelah terhubung, browser mengirim “Get Request” (Http Request) GET / HTTP/1.1

14 Cara kerja web (2) Server memberikan tanggapan dengan Http Response, memberitahukan browser type yang digunakan (html, text, image dll) File yang dipanggil dalam “file html” (inline files), misalkan file image tidak datang bersamaan dengan file htmlnya, browser melakukan get request lagi sebanyak inline files tersebut Browser melakukan “renders” dari file yang diterima untuk ditampilkan ke user Koneksi diputus saat saat pengiriman data selesai (“Done”)

15 Istilah – Istilah Internet (Electronic Mail), merupakan salah satu aplikasi atau fasilitas yang mempunyai konsep yang sama dengan surat dalam bentuk kertas hanya saja untuk mengirimkannya tidak diperlukan layanan kantor Homepage, suatu web page pembuka pada website

16 Web Browser Adalah sebuah software Berjalan pada komputer user Sebuah tool untuk melakukan navigasi di web Dan, menampilkan dokumen web Beberapa Web Browser: MS Internet Explorer, runs on Windows platform Netscape Navigator/Communicator, runs on multi platform Opera, runs on multi platform Konqueror, runs on Linux platform lynx (text based), runs on Linux platform

17 Web server Adalah sebuah software Yang berjalan pada komputer server Sebagai tempat menyimpan file-file dokumen web sehingga dapat diakses oleh internet users Beberapa Web Server: Apache, runs on multi platform (best on Linux) MS Internet Information Server (IIS), runs on Windows platform Tomcat (for java), runs on multi platform

18 Web programming Command Gatway Interface (PERL, C) Dieksekusi di web server, melakukan komunikasi dengan browser seperti http response Server Side Scripting (ASP, PHP) web server melakukan parse dan eksekusi sehingga script embedded dalam halaman web Client side scripting (JavaScript, JScript, VBScript) Web browser melakukan parse dan eksekusi sehingga script embedded dalam halaman web

19 HTML (Hypertext Markup Language) Dokumen HTML merupakan sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung kode penanda yang disebut tag Tag HTML ini menggunakan simbol khusus untuk menandakan suatu kode instruksi, simbol ini adalah kurung siku, Pada tag dimungkinkan untuk memiliki atribut

20 Struktur Dasar HTML Semua dokumen HTML terdiri dari dua bagian logikal, yaitu: 1.bagian kepala (head). Secara umum, bagian kepala dari dokumen HTML berisi informasi umum mengenai dokumen 2.bagian badan (body) yaitu berisi dokumen yang sebenarnya Ekstensi dokumen HTML :.htm atau.html

21 Struktur Dasar HTML - lanjutan Judul Form/Caption ISI WEB Contoh Halaman Web

22 U. Abd. Rohim Pemrograman Internet I Pengenalan HTML22 Penulisan Tag Tag dibentuk oleh suatu kata ( keyword) yang diapit oleh tanda kurung lancip ( ) Tag boleh ditulis dalam huruf kecil maupun kapital Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal teks Di antara tag awal dan tag akhir bisa terdapat tag lain Penulisan Tag tidak boleh tumpang tindih teks -> penulisan yang salah teks -> penulisan yang benar

23 U. Abd. Rohim Pemrograman Internet I Pengenalan HTML23 Daftar Tag Daftar Tag Paragraf Atribut Ganti baris Font Enumerasi Garis mendatar Gambar Link (kaitan) Tabel Komentar Format Text

24 U. Abd. Rohim Pemrograman Internet I Pengenalan HTML24 The BODY element bgcolor background text link vlink alink Id, Class dll

25 U. Abd. Rohim Pemrograman Internet I Pengenalan HTML25 Color names and sRGB values Black = "#000000" Silver = "#C0C0C0" Gray = "#808080" White = "#FFFFFF" Maroon = "#800000" Red = "#FF0000" Purple = "#800080" Fuchsia = "#FF00FF" Green = "#008000" Lime = "#00FF00" Olive = "#808000" Yellow = "#FFFF00" Navy = "#000080" Blue = "#0000FF" Teal = "#008080" Aqua = "#00FFFF"

26 U. Abd. Rohim Pemrograman Internet I Pengenalan HTML26 FONTS Font style elements: the TT, I, B, BIG, SMALL, STRIKE, S, and U Font modifier elements: FONT and BASEFONT ◦ Size {1 – 7} dapat bernilai Negatif (-2) ◦ Color ◦ Face

27 U. Abd. Rohim Pemrograman Internet I Pengenalan HTML27 List Bentuk ◦ ORDERED lists (daftar berurutan) ◦ UNORDERED lists (daftar tak berurutan). ◦ Definition list Perintah ◦ UL, OL, LI ◦ DL, DT, DD

28 Memformat Dokumen HTML Memformat body ◦ Background ◦ Bgcolor ◦ Text ◦ Link ◦ Vlink ◦ Alink Membuat Heading, … Membuat paragraf, Membuat baris baru,

29 Memformat Dokumen HTML - lanjutan Teks Preformat, Memformat Bentuk Tulisan Bold text Italic text Underscore Typewriter Strikeout - draws a line through the text Text berkedip (lebih baik jangan digunakan) Digunakan untuk quoting text Ukuran teks akan lebih besar satu ukuran Ukuran teks akan lebih kecil satu ukuran Membuat teks superscript membuat teks sub script Abbreviations Untuk akronim Digunakan untuk indexing Membuat short inline quotation Membuat variable name, selalu dalam italics.


Download ppt "PEMROGRAMAN WEB (IS 222) - PERTEMUAN 1-. Agenda Pertemuan Sejarah dan perkembangan Web Konsep dasar internet Konsep dasar WWW Istilah – istilah di internet."

Presentasi serupa


Iklan oleh Google