Slide ini cuma alat untuk mencerdaskan anak bangsa, tetap berkarya jiwa muda

1. PEMOGRAMAN
WEB &
PERANGKAT
BERGERAK
Tutor: Afrinaldy, S. Kom, MOS

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

3. Konsep WWW
WWW
WEB
Jaringan yang terdiri dari Gambar, teks & suara yang didapat dari
internet menggunakan Browser

5. 1. Hypertext

6. Teks-teks tertulis non-
sekuensial yang
memiliki percabangan
dan menyediakan
pembaca berbagai
pilihan, sebagai bacaan
yang menarik pada
layar interaktif.
HYPERTEXT
Diemukan oleh:

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

8. 2. Hypermedia
Media yang tidak
hanya memuat
teks saja, namun
juga foto, audio
dan video dan
grafis komputer

9. 3. Web browser
Software yang
digunakan untuk
menjelajah internet
atau untuk mencari
informasi dari suatu
web yang tersimpan
didalam komputer

10. 4. Web server
Software yang
memberikan
layanan database,
berfungsi
menerima
permintaan dari
HTTP atau HTTPS

11. 5. URL
(Uniform Resource
Locator) rangkaian
karakter menurut
suatu format standar
tertentu, yang
digunakan untuk
menunjukkan alamat
di internet

12. P O S I S I U R L

13. http://smk-alazhar-batam.blogspot.co.id/p/tentang.html
Alamat Domain web server
Hypertext Trasnfer Protocol Direktori server
File yang diakses di server

14. Sejarah Web
Sir Timothy John

15. •Web
pertama kali
tersambung
dengan
jaringan pada
tahun 1991

16. • Tujuan Timothy merancang web adalah
• Untuk mempermudah pekerjaannya memperbarui serta saling
tukar informasi bagi peneliti di tempatnya bekerja.

17. •Pada 30 April 1993
•CERN, perusahaan
tempat Timothy
bekerja
•mengumumkan jika
Web sudah bisa
digunakan publik
dengan gratis tanpa
biaya.

18. Teknologi aplikasi web
User & Komputer Klien
Server Hosting
ISP
TCP/IP
Cari
DATA
TCP/IP

19. BROWSER
• Adalah perangkat lunak yang berfungsi untuk
menerima dan menyajikan sumber informasi di
Internet.
• Macam – macam browser
• Google chrome
• Mozilla Firefox
• Opera
• Internet explorer

20. Konsep Web ServerPageRequest
Page Request
Page
Page
CLIENT
WEB SERVER

21. Pada dasarnya text editor hanyalah
tempat untuk meletakkan barisan-
barisan code (script).
Macam-macam editor teks.

22. Namun akhir-akhir ini para publisher berlomba-
lomba memberikan editor yang keren, mudah
digunakan, dan memiliki banyak fitur-fitur keren
lainnya.

23. NOTEPAD
NOTEPAD ++
Sublime-Text

24. Tool pengembang web

25. Web Browser
Karena web ditampilkan dalam browser,
tentunya browser merupakan perangkat
utama yang harus dimiliki oleh seorang
pengembang web.

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

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