Pendahuluan
Pemograman web dan perangkat bergerak adalah mata pelajaran kelas 11 rpl dibidang keahlian diharapkan ringkasan yang saya buat ini dapat membantu kalian dalam memahami pemograman web dan perangkat bergerak.
Konsep Teknologi dan Format Teks, Format Multimedia Pada Aplikasi Web
WWW yaitu World Wide Web adalah yang sering digunakan dalam menuliskan alamat website di internet. WWW pada umumnya dikenal sebagai web, yakni sistem dokumen hypertext yang bisa diakses melalui internet yang bisa diakses melalui browser. Sehingga pengguna bisa mengakses berbagai konten/informasi.
Sejarah awal WWW:
WWW dikembangkan oleh tim Berners-Lee dan dipersentasikan ke publik pada 1995.
Dan pada 1994, Berners- Lee mendirikan World Wide Web Consortium (W3C) di Massachusetts Institute of Technology.
Macam-Macam Browser
1. Flock
Browser sosial internasional yang memberikan pengalaman berkomunitas sosial di internet sambil browsing.
2. Google Chrome
adalah sebuah penjelajah web open source yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit.
3. Internet Explorer
Di keluarkan oleh Microsoft untuk Mac dan Windows dengan beragam fasilitas untuk menjelajahi internet
4. Konqueror
Jenis browser yang berbasis pada mesin rendering HTML, merupakan browser open source untuk semua platform, terutama Linux yang dapat menggantikan fungsi Internet Explorer.
5.Links
merupakan browser teks open source yang mendukung tabel HTML.
6. Mozilla Firefox
Mozilla Firefox (aslinya bernama Phoenix dan kemudian untuk sesaat dikenal scbagai Mozilla Firebird) adalah penjelajah web antar platform gratis yang dikembangkan
oleh Yayasan Mozilla dan ratusan
sukarelawan.
7. NetScape
Browser tua yang memiliki banyak fitur seperti update berita dan dapat digunakan diberbagai platform.
8. Opera
Opera adalah penjelajah web dan paket perangkat lunak internet
antarplatfom dan dapat dijalankan diberbagai sistem operasi
9. Safari
Safari adalah sebuah penjelajah web buatan Apple Inc. web bawaan untuk sistem operasi Mac OS
10. Slim Browser
Browser berukuran kecil memiliki banyak fitur seperti pop up browser, integrasi dengan toolbar dll.
Konsep Web Server :
Web server adalah untuk menerima permintaan dari klien dan mengirimkan kembali berkas yang diminta oleh klien tersebut.
Cara kerja Web Server
1. Ketik nama domain di kolom URL browser. Browser lalu mendapatkan IP address domain tersebut dengan mencarinya di cache atau memintanya ke DNS server.
2.Browser kemudian terhubung ke web server dan mengirimkan request file web (yang diminta clients) melalui protokol HTTP.
3.Web server menerima request tersebut dan meresponnya dengan mengirimkan file web yang diminta melalui protokol HTTP. Namun jika file tersebut tidak tersedia, web server akan merespon dengan kode error 404.
4. Browser menerima file atau kode error dari web server dan menampilkannya kepada clients.
Macam-Macam Software web server
Web server terdiri dari 2 jenis
1. Berbayar (komersial)
Yaitu: Microsoft Internet Information Services (IIS), LiteSpeed
2. Gratis (non-komersial)
Yaitu: Apache, Ngnix, Apache Tomcat, AMPPS
Macam-Macam text editor
Text editor adalah software yang digunakan untuk mengetikan coding yang akan dibuat menjadi web.
Berikut text editor yang sering digunakan:
1. Netbeans
2. Notepad
3. Notepad++
4. Sublime-text
5. Adobe Dreamweaver
Tool Pengembang Web
Digunakan dalam pengembangan website, pemilihan tool yang baik dapat mempersingkat waktu proses
Contoh tool:
a. Adobe Edge Inspect
b. Fircbug
c. Lorem Ipsum
Format teks dan multimedia pada web
HTML(HyperText Markup Language) sebagai bahasa markup yang digunakan dalam membuat struktur konten pada halaman web
Fungsi HTML yang lebih spesifik yaitu :
1. Membuat halaman web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
<p>Konten halaman web.</p>
</body>
</html>
1. Tag DOCTYPE/DTD adalah Document Type Declaration. berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.
2. Tag html
tag pembuka dari keseluruhan halaman web
3. Tag head
Berisi definisi halaman
4. Tag title
Berisi judul dari sebuah halaman web
5. Tag body
berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll.
Secara mendasar, elemen TABLE memiliki atribut seperti align, bgcolor, border, cellpadding (jarak antara tepi sel dengan isi sel), cellspacing (jarak antara sel), width (lebar tabel), dan height (tinggi tabel).
Ada beberapa tag yang harus diingat untuk membuat tabel di HTML:
1. Tag <table> untuk membungkus tabelnya
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header
Multimedia pada web yaitu musik, suara, video, klip, animasi dengan format yang berbeda-beda
Ada tiga jenis suara, yaitu ucapan (speech), musik, dan efek suara. Selain itu, suara juga terbagi dua jenis formatnya, yaitu MIDI dan WAVE.
Ada banyak juga format untuk video seperti MP4, WebM, dan Ogg yang didukung oleh HTML
Atribut-atribut yang dapat digunakan pada clemen audio juga digunakan pada
elemen video sehingga perbedaan utama dari kedua clemen ini terdapat pada
nama elemen dan dukungan format.
Source & Referensi:
1. Buku pemograman web dan perangkat bergerak SMK/MAK kelas 11 (Patwiyanto, Sri Wahyuni, Sumari Agus)
2. Website goldenfest
https://www.goldenfast.net/blog/web-server-adalah/#:~:text=Cara%20Kerja%20Web%20Server,-Ketika%20Anda%20membuka&text=Anda%20menuliskan%20nama%20domain%20di,diminta%20clients)%20melalui%20protokol%20HTTP
3.Indosmartschool
https://indosmartschool.com/2020/11/22/menerapkan-format-teks-pada-halaman-web/
4. Petanikode
https://www.petanikode.com/html-tabel/
5. w3school
https://www.w3schools.com/html/html_media.asp
~2.jpg)
Komentar ini telah dihapus oleh pengarang.
BalasHapusbloggernya typingnya cantik
BalasHapustrims👍
Hapus