PEMOGRAMAN WEB &

PERANGKAT BERGERAK

Tutor: Afrinaldy, S. Kom, MOS

Konsep teknologi aplikasi web

• Konsep www

• Teknologi aplikasi web

• Macam-macam browser

• Konsep Web server

• Macam-macam software webserver.

• Macam-macam editor teks.

• Tool pengembang web

Konsep WWW

WWW

WEB

Jaringan yang terdiri dari Gambar, teks & suara yang didapat dari internet menggunakan Browser

1. Hypertext

Teks-teks tertulis non-sekuensial yang

memiliki percabangan dan menyediakan pembaca berbagai

pilihan, sebagai bacaan yang menarik pada

layar interaktif.

HYPERTEXT

Diemukan oleh:

Jenis Hypertext

• HYPERTEXT TRANSFER PROTOKOL (HTTP)• Protokol yang digunakan oleh World Wide Web untuk mendefinisikan

bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.

• HYPERTEXT MARKUP LANGUAGE (HTML)• Bahasa yang menggunakan tanda-tanda tertentu (Tag) untuk menyatakan

kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

2. Hypermedia

Media yang tidak hanya memuat

teks saja, namun juga foto, audio dan video dan

grafis komputer

3. Web browser

Software yang digunakan untuk

menjelajah internet atau untuk mencari informasi dari suatu web yang tersimpan didalam komputer

4. Web server

Software yang memberikan

layanan database, berfungsi menerima

permintaan dari HTTP atau HTTPS

5. URL

(Uniform Resource Locator) rangkaian karakter menurut

suatu format standar tertentu, yang

digunakan untuk menunjukkan alamat

di internet

P O S I S I U R L

http://smk-alazhar-batam.blogspot.co.id/p/tentang.html

Alamat Domain web server

Hypertext Trasnfer Protocol Direktori server

File yang diakses di server

Sejarah Web

Sir Timothy John

•Webpertama kali tersambung

dengan jaringan pada tahun 1991

• Tujuan Timothy merancang web adalah

•Untuk mempermudah pekerjaannya memperbarui serta saling tukar informasi bagi peneliti di tempatnya bekerja.

• Pada 30 April 1993

•CERN, perusahaan tempat Timothy bekerja•mengumumkan jika

Web sudah bisa digunakan publik dengan gratis tanpa biaya.

Teknologi aplikasi web

User & Komputer Klien

Server Hosting

ISP

TCP/IP

CariDATA

TCP/IP

BROWSER

•Adalah perangkat lunak yang berfungsi untuk menerima dan menyajikan sumber informasi di Internet.

•Macam – macam browser• Google chrome• Mozilla Firefox• Opera• Internet explorer

Konsep Web ServerP

age

Re

qu

est

Page Request

Page

Pag

e

CLIENT

WEB SERVER

Pada dasarnya text editor hanyalah tempat untuk meletakkan barisan-

barisan code (script).

Macam-macam editor teks.

Namun akhir-akhir ini para publisher berlomba-lomba memberikan editor yang keren, mudah

digunakan, dan memiliki banyak fitur-fitur keren lainnya.

NOTEPAD

NOTEPAD ++

Sublime-Text

Tool pengembang web

Web Browser

Karena web ditampilkan dalam browser, tentunya browser merupakan perangkat utama yang harus dimiliki oleh seorang

pengembang web.

Debugger

Untuk menyelesaikan masalah tersebut, kita harus dapat mengerti kenapa masalah bisa muncul, dan lalu mencari solusi dari permasalahan tersebut.

Dalam melakukan pengembangan, sering kali kita menemukan banyak masalah pada script.

Text Editor

Tentu saja ini adalah perangkat wajib yang harus dimiliki seorang programmer, untuk melakukan pengembangan apapun.