Bab 1-2
Pendahuluan —
Pemrograman web dan perangkat bergerak adalah termasuk keahlian pada bidang keahlian teknologi informasi dan komunikasi dengan program keahlian teknik komputer dan Informatika serta termasuk ke dalam kompetensi keahlian Rekayasa Perangkat Lunak.
Deskripsi
Rangkuman ini merupakan bahan ajar yang membahas tentang mata pelajaran Pemrograman Web dan Perangkat Bergerak Kelas XI dengan ruang lingkup pembahasan sebagai berikut.
1. Menjelaskan konsep teknologi aplikasi web
2. Menjelaskan format teks pada halaman web
3. Menjelaskan format tabel pada halaman web
4. Menjelaskan tampilan format multimedia pada halaman
5. Menjelaskan format kaitan pada halaman web
6. Menjelaskan format formulir pada halaman web
7. Menjelaskan style pada halaman web.
Dll
BAB 1 : KONSEP TEKNOLOGI DAN FORMAT TEKS PADA APLIKASI WEB
APERSEPSI
Pada dasarnya, WWW berasal dari kata World Wide Web. Jika diartikan satu per satu, World memiliki arti 'dunia', Wide memiliki arti 'berukuran besar/raksasa', dan Web memiliki arti 'sebuah sistem yang digunakan untuk mengirimkan data maupun dokumen ke jaringan internet'.
Dengan menggunakan program ini, seluruh dokumen yang ada di internet menjadi tersusun lebih rapi sehingga lebih mudah ditemukan oleh para pengguna jaringan internet.
Dengan web browser, user dapat melihat halaman web yang mungkin berisi teks, gambar, video, dan multimedia lainnya serta menelusurinya melalui hyperlink.
Pada dasarnya, WWW berwujud rangkaian huruf yang selalu digunakan pada setiap bagian depan dari sebuah alamat domain halaman website atau sebuah blog.
A. Konsep Teknologi Aplikasi Web
Aplikasi web diterjemahkan sebagai aplikasi yang diakses menggunakan web browser melalui jaringan internet atau intranet.
Ada beberapa persyaratan untuk membangun suatu aplikasi web, di antaranya memilih arsitektur dan mengembangkan desain aplikasi web.
Peranan penting dalam pembangunan suatu aplikasi web memerlukan pemilihan teknologi yang tepat guna merancang aplikasi web, serta distribusi dan integrasi sistem arsitektur yang memadai.
Aplikasi web sebagai sebuah perangkat lunak komputer yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web, seperti HTML, JavaScript, CSS, Ruby, Python, Php, Java, dan bahasa pemrograman lainnya.
1. Konsep WWW
World Wide Web (WWW) dikembangkan menjadi pusat pengetahuan dan budaya manusia sebagai kolaborator lokasi di dunia maya untuk berbagi ide dan semua aspek dari proyek umum melalui internet.
Singkatan www di awal nama alamat website tersebut sebagai langkah awal memasuki sebuah website. WWW (World Wide Web) pada umumnya dikenal sebagai web, yakni sistem dokumen hypertext yang bisa diakses melalui internet.
WWW sebagai kumpulan server web dari seluruh dunia memiliki kegunaan dalam menyediakan data dan informasi untuk digunakan bersama.
Secara mendasar, dokumen infomasi tidak hanya terdiri atas teks, tetapi juga dapat berupa gambar, suara, bahkan klip video.
2. Teknologi Aplikasi Web
Pengembangan teknologi aplikasi web identik dengan gabungan dari print publishing dan pengembangan perangkat lunak, di antaranya marketing dan perhitungan jika dilihat dari sudut pandang seni dan teknologi.
Meskipun cukup banyak dalam mengadopsi prinsip-prinsip rekayasa perangkat lunak, prosedur dalam pengembangan aplikasi web masih memiliki berbagai pendekatan, alat bantu, metode, teknik, dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web.
3. Macam-macam Browser
a. Flock,
Flock merupakan browser sosial internasional dunia pertama yang berbasis pada Firefox. Flock sangat cocok bagi mereka yang suka membuka Friendster, mySpace, Facebook, dan situs-situs komunitas lain.
b. Google Chrome,
Google Chrome adalah sebuah penjelajah web open source yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit.
c. Internet Explorer,
Untuk beberapa waktu lamanya, Microsoft mengeluarkan Internet Explorer untuk Mac (yang berdasarkan mesin arsiran yang berbeda) dan versi-versi untuk penggunaan melalui X Window System pada Solaris dan HP-UX.
d. Konqueror,
Konqueror ini merupakan browser open source untuk semua platform, terutama Linux yang dapat menggantikan fungsi Internet Explorer.
e. Links,
merupakan browser teks open source yang mendukung tabel HTML, tetapi masih banyak digunakan oleh para programmer web.
f. Mozilla Firefox,
Mozilla Firefox adalah penjelajah web antar platform gratis yang dikembangkan oleh Yayasan Mozilla dan ratusan sukarelawan.
g. Mozilla SeaMonkey,
Jenis browser yang berasal dari Mozilla ini browser yang cocok untuk kebutuhan browsing seperti chatting dan fungsionalitas e-mail.
h. NetScape,
Netscape ini merupakan salah satu dari browser tertua dengan maraknya evolusi internet. Browser ini bisa digunakan untuk banyak platform dengan fitur-fitur menarik seperti update berita dan lain-lain.
4. Konsep Web Server
Web server identik menggunakan sebuah aplikasi yg menyampaikan layanan berbasis data dan berfungsi menerima permintaan berasal HTTP atau HTTPS di klien yang dikenal, yg umumnya dikenal dengan nama web browser.
Web server berfungsi buat mengirimkan kembali hasilnya dalam bentuk beberapa laman web serta biasanya berbentuk dokumen HTML.
Pada bentuk sederhana, web server akan mengirim data HTML kepada permintaan web browser sehingga akan terlihat seperti pada umumnya, yaitu sebuah tampilan website.
Fungsi primer web server ialah untuk melakukan atau tranfer berkas permintaan. pengguna melalui protokol komunikasi yang sudah ditentukan lain-lain.
Cara kerja dari web server sebagai salah satu mesin tempat software atau perangkat lunak beroperasi dalam mendistribusikan web laman ke user/pengguna mampu ditentukan oleh permintaan user.
Setelah semuanya terhubung secara fisik, Protocol TCP/IP atau networking protocol bisa berkomunikasi dengan semua personal komputer di dunia.
5. Macam-Macam Software Web Server
Secara garis besar, web server terdiri atas dua jenis sebagai berikut.
a. Web Server Berbayar,
Jenis web server komersial (berbayar). Contohnya IIS dan LiteSpeed.
b. Web Server Gratis,
Jenis web yang bisa diakses siapapun tanpa dipungut biaya. Contohnya Apache, Nginx, Apache Tomcat dll
6. Macam-Macam Text Editor
text editor adalah suatu software yang memungkinkan seseorang untuk membuka, melihat, dan mengedit file plain text atau teks biasa.
Berikut beberapa contoh software yang bisa digunakan sebagai teks editor :
Adobe Dreamweaver, ATPad, Araneae dll
7. Tool Pengembang Web
Tool berguna untuk membantu dalam proses pengembangan web. Selain itu beberapa tool yang biasanya digunakan untuk mempermudah proses pengembangan web antara lain :
Adobe Edge Inspect, Firebug,Lorem Ipsum dll
B. Format Teks Pada Halaman Web
Protokol yang digunakan dalam komunikasi antara web server dan browser adalah HTTP (Hypertext Transfer Protocol) sehingga browser dapat menerjemahkan bahasa HTML yang berupa kode-kode teks menjadi sesuatu yang bisa dilihat dan/atau dibaca oleh seorang pengguna browser.
Browser dapat memahami isi suatu dokumen yang berasal dari web server karena HTML digunakan sebagai standar.
1. Struktur Dasar HTML,
Setiap halaman HTML minimal memiliki struktur dasar yang terdiri atas tag DTD atau DOCTYPE, tag html, tag head, dan tag body.
2. Versi HTML,
HTML diperbarui untuk meningkatkan kinerja nya serta menambah fitur-fitur baru lainnya agar lebih efektif dan efisien dalam pemakaian. Saat ini ada beberapa versi dari HTML yaitu HTML1, HTML2, HTML3, HTML4, dan HTMLS.
3. HTML Head, Title and Body,
Jika ada tag HTML yang tidak sesuai penempatannya, browser dapat mengabaikan tag tersebut.
HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Penulisan Tag HTML adalah incasesensitive yang artinya <HTML> akan sama dengan <html> atau <Html>.
Header berfungsi sebagai tanda pengenal pada halaman yang akan dibuat. Untuk mendefinisikan header dalam tag HTML maka menambahkan <HEAD> dan </HEAD> tag di bawah tag <HTML>.
Tag <title> berfungsi untuk membuat judul website.
HTML elemen body menunjukkan konten sebuah dokumen. Isi dari sebuah dokumen HTML yang akan ditampilkan pada jendela browser terdapat pada elemen <body>.
4. Tag Syntax dan Option,
Tag bisa diartikan sebagai tanda khusus yang tela didefinisikan untuk menunjukkan kepada browser mengenai hal yang harus ditampilkan kepada pengguna.
Setiap tag memiliki arti dan fung tersendiri serta dituliskan saling berpasangan.
5. Fungsi Berbagai Tag dalam HTML,
Elemen pada HTML identik dengan susunan dari tag pembuka sampai tag penutup serta didefinisikan oleh tag pembuka, lalu dilanjutkan oleh konten lalu diakhiri oleh tag penutup.
6. Format Teks dalam HTML,
Format teks dalam HTML terdiri atas cetak tebal (bold), cetak miring (italic), memberi garis bawah (underline). mengecilkan huruf (small), membesarkan huruf (big), menebalkan teks (strong), penekanan teks (emphasis), mencoret teks (strike), subscript, dan superscript, serta membuat singkatan (akronim).
BAB 2 : FORMAT TABEL DAN FORMAT MULTIMEDIA PADA HALAMAN WEB
A. Format Tabel pada Halaman Web
Untuk menampilkan data dalam bentuk tabel pada HTML, digunakan Tag<Table>.
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).
Elemen tbody digunakan untuk mengelompokkan konten atau isi yang terletak pada bagian tengah (tubuh) sebuah tabel.
Elemen thead digunakan untuk mengelompokkan isi atau konten yang berada di bagian atas (kepala) pada sebuah tabel.
Element tfoot digunakan untuk mengelompokkan isi atau konten yang berada di bagian bawah (kaki) sebuah tabel.
B. Format Multimedia dalam Halaman Web
umumnya, elemen multimedia (seperti suara/video) disimpan dalam file media dan cara yang paling umum untuk melihat format sebuah media adalah melihat ekstensi yang digunakan oleh file tersebut.
Penambahan gambar pada HTML dapat menggunakan elemen img. Elemen img merupakan elemen yang bersifat self-contained (tidak memiliki tag penutup).
Elemen img juga harus memiliki atribut src, yang dapat diisikan dengan dua metode, yaitu tempat dari gambar disimpan relatif terhadap file HTML dan URL dari gambar tersebut.
Ada tiga jenis suara, yaitu ucapan (speech), musik, dan efek suara. Selain itu, suara juga terbagi dua jenis formatnya, yaitu MIDI dan WAVE.
Atribut-atribut yang dapat digunakan pada elemen audio juga digunakan pada elemen video sehingga perbedaan utama dari kedua elemen ini terdapat pada nama elemen dan dukungan format.
Penutup—
Sekian informasi yang dapat saya rangkum untuk bab 1 & 2 dari buku paket Pemrograman Web dan Perangkat Bergerak. Mohon maaf bila ada kesalahan kata dan kekurangan, semoga informasi ini bermanfaat untuk saya maupun yang lainnya kedepannya, terima kasih.
source :
Buku Pemrograman Web dan Perangkat Bergerak - SMK /MAK kelas XI
Penulis: Patwiyanto, S.Kom., Sri Wahyuni S.Kom., Sumari Agus Prasetyo, S.Kom
Ukuran⁄Halaman: 17.6x25 cm² ⁄ x+214 halaman Edisi⁄Cetakan: I, 1st Published Tahun Terbit: 2018
https://images.app.goo.gl/y4wXtW46EiHvbGeX6
https://images.app.goo.gl/5c1GfqfTy4Ajmzh58
ABOUT THE AUTHOR
Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible
