Materi Pemrograman Web dan Perangkat Bergerak untuk materi Teknologi Aplikasi Web

1. TEKNOLOGI APLIKASI WEB
.
Pemrograman Web dan Perangkat Bergerak
Rekayasa Perangkat Lunak | SMK Takhasus AL-Qur’an
Hernowo Indra Gunanto, S.Kom
M. Fatahillah Zuhair, M.Kom
Rinawati, S.Kom

2. Kompetensi yang harus dikuasai
PENGETAHUAN
3.1 Memahami konsep teknologi aplikasi web
KETERAMPILAN
4.1 Mempresentasikan pelbagai teknologi
pengembangan aplikasi web

3. Materi yang akan dipelajari
•Konsep WWW
•Teknologi aplikasi web
•Macam-macam browser
•Konsep Web server
•Macam-macam software web server
•Macam-macam editor teks
•Tool pengembang web

4. A. Sejarah internet dan Web
•Sejarah internet berawal dari ditemukannya teknologi
jaringan komputer
•Internet merupakan jaringan komputer global dengan
cakupan wilayah seluruh dunia
•Web ditemukan pertama kali oleh Sir Timothy John “Tim
Berners- lee” untuk mempermudah pertukaran informasi
dengan sesama peneliti di tempatnya bekerja.

5. KONSEP WWW
Jaringan internet
website
WWW = suatu ruang informasi
yang dipakai oleh pengenal global
yang disebut Uniform Resource
Identifier (URI) untuk
mengidentifikasi sumber-sumber
daya yang berguna
WWW sering dianggap sama
dengan Internet secara
keseluruhan, walaupun sebenarnya
ia hanyalah bagian daripadanya.

6. Fungsi dan manfaat www
•Menyediakan data dan informasi apapun
dari manapun agar dapat di akses orang
lain diseluruh bagian dunia

7. 5 hal dasar www

8. 1. Hypertext
Ditemukan
Ted Nelson
Teks-teks tertulis
nonsekuensial yang memiliki
percabangan dan
menyediakan pembaca
berbagai pilihan, sebagai
bacaan
yang menarik pada layar
interaktif.

9. JENIS HYPERTEXT
Bahasa yang menggunakan tanda-tanda tertentu (Tag) untuk
menyatakan kode-kode yang harus ditafsirkan oleh browser agar
halaman tersebut dapat ditampilkan secara benar.
Protokol yang digunakan oleh World Wide Web untuk
mendefinisikan bagaimana suatu pesan bisa diformat dan
dikirimkan dari server ke client.

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

11. Situs yang memanfaatkan hypermedia

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

13. Macam macam web browser

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

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

17. Posisi url

18. Contoh & penjelasan url
https://smktaq-wsb.sch.id/web/beranda.php
Hyper text
transfer protocol
secure
Alamat situs
website
File yg diakses
server
Direktori/
folder server

19. Jenis Web server
web server yang paling populer dan paling banyak digunakan saat ini
yaitu sekitar 40 persen lebih dari keseluruhan pangsa pasar web server
yang ada di dunia ini
Dapat dijalankan di berbagai sistem operasi
Apache pertama dirilis tahun 1995 oleh apache software fondation
#1.

20. Jenis Web server
Pertama dirilis pada 04 Oktober, 2004.
Meskipun masih terbilang baru di dunia web server, tapi
pengguna web server nginx terus mengalami peningkatan dari
tahun ke tahun
nginx menguasai kurang lebih 15 persen
nginx terbilang lebih stabil dan hemat resource
#2.

21. Jenis Web server
Web Server yang mengklaim sebagai web server paling
hemat resource
pertama kali rilis pada bulan Maret tahun 2003
Saat ini Lighttpd meguasai kurang dari setengah persen
dari total pangsa pasar web server di dunia.
#3.

22. Jenis Web server
sebuah HTTP web server yang digunakan dalam sistem
operasi server Windows, mulai dari Windows NT 4.0
Server, Windows 2000 Server atau Windows Server
2003
IIS menguasai lebih dari 28 persen pangsa pasar web
server di seluruh dunia yang sekaligus menempatkan IIS
#4.

23. teks editor
Teks editor adalah suatu tempat untuk
meletakkan barisan-barisan source code
(script) suatu Bahasa pemrograman.
Ada beberapa macam teks editor yaitu:

24. NOTEPAD
• Teks editor bawaan windows yang sudah ada
sejak 1985
• Teks editor simple

25. • Diciptakan oleh Adan Don Ho
pada tanggal 24 November
2003
• Mendukung banyak Bahasa
pemrograman
• Kinerja cepat
• Mendukung Syntax
Highlighting
• Mendukung auto complete

26. Sublime
text
• Pertama kali rilis pada tanggal
18 januari 2008
• Mendukung banyak Bahasa
pemrograman
• Mendukung Syntax Highlighting
• Mendukung auto complete
• Mudah memanajemen file
• Kinerja lambat untuk komputer
spesifikasi rendah

27. Adobe
dreamweaver
• Dahulu bernama macromedia
dreamweaver
• Banyak fitur
• Mendukung auto complete
• Mendukung Site management
• Mendukung Drag & Drop design
• Non-Free Software

28. TOOL PENGEMBANGAN WEB
Untuk dapat mengembangkan/ menciptakan suatu
website, dibutuhkan alat bantu (tool) yang sesuai.
Masing-masing tool memiliki peran dan fungsi
yang berbeda-beda.
Adapun tool-tool yang dimaksud adalah :

29. Tool #1 : web browser
Karena website ditampilkan/dijalankan dalam web
browser, maka web browser merupakan perangkat
utama yang harus dimiliki oleh seorang
pengembang web.

30. Tool #2 : debugger & compiler
Dalam melakukan pengembangan, sering kali kita
menemukan banyak masalah pada script.
Untuk menyelesaikan masalah tersebut, kita harus
dapat mengerti kenapa masalah bisa muncul, dan
lalu mencari solusi dari permasalahan tersebut.

31. Tool #3 : TEXT EDITOR
Tool yang digunakan untuk mengetikkan source
code suatu bahasa pemrograman tertentu.

32. Tool #4 :
WEB SERVER & DATABASE SERVER
Web Server digunakan apabila kita membuat web dinamis.
Database server digunakan apabila kita membutuhkan
basis data untuk menyimpan data