MATERI 1

KONSEP
TEKNOLOGI WEB
Pemrograman Web dan
Perangkat Bergerak (PWPB)
Materi Pokok
● Konsep www
● Teknologi aplikasi web
● Macam-macam browser
● Konsep Web server
● Macam-macam software web server
● Macam-macam editor teks
● Tools Pengembangan web
Apa itu WWW?
● Istilah WWW pertama kali ditemukan oleh Tim Berners-Lee,
pada tahun 1991.

● World Wide Web adalah suatu ruang informasi di internet yang

digunakan oleh pengenal global yang disebut dengan
Pengidentifikasi Sumber Ragam/ URI untuk mengenali sumber
daya berguna.

● WWW ini berfungsi untuk menyediakan data dan informasi

apapun dan dari manapun agar dapat diakses orang lain dari
seluruh bagian dunia.
4 Layanan dan Manfaat WWW

● Web Mail Service

Web mail service digunakan untuk mengirimkan surat elektronik
kepada orang lain. Layanan email gratis misalnya dari gmail.com,
yahoo.com, dan hotmail.com.

● Search Engine
Search engine atau mesin pencari merupakan layanan gratis untuk
mencari informasi berdasarkan kata kunci tertentu.
4 Layanan dan Manfaat WWW

● Web Hosting
Ini adalah tempat untuk menyimpan database sebuah website. Sebuah
website hanya bisa diakses jika domain website tersebut terhubung
dengan web hosting tempat menyimpan database.

● Portal
Portal merupakan sebuah layanan di internet dimana terdapat
beberapa layanan sekaligus, misalnya email, news, chatting, tanya
jawab. Salah satu portal yang cukup populer adalah yahoo.com.
Profesi dalam pengembangan Aplikasi web
● Web Designer
Tugasnya adalah mendesain tampilan situs web mulai dari
pengolahan gambar, tata letak, warna, dan lain sebagainya.

● Web Programmer
Menyangkut dengan transaksi, input – output data dan database
adalah tugas seorang Web Programmer yang akan mengerjakannya
dengan membuat aplikasi-aplikasi yang bekerja di atas situs web.

● Web Administrator
Tugasnya adalah untuk memaintenance suatu server, mengerti akan
Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada
masalah (troubleshooting).
● Web Master
Seorang Web Master adalah seorang yang mengerti akan kesemua hal
mulai dari design, Program dan Keamanan Server namun tidak terlalu
mencampuri ke masing-masing divisi, cukup dengan
mempertanggungjawabkan atas jalan-nya suatu situs web.

● Web Developer
Kegiatan diatas secara keseluruhan dalam suatu team dinamakan Web
Developer.
Perangkat Pengembangan Aplikasi Web
Beberapa Diantaranya :
● HTML
● Javascript
● Ajax
● Java
● Joomla
● WordPress
● XAMPP
● Server Apache
● PHP
● MySQL
● PHPMyAdmin
Web Browser
● Browser adalah sebuah software yang fungsinya sebagai wadah atau
tempat menampilkan dan melakukan interaksi di dunia maya
menggunakan jaringan Internet dengan dokumen yang disediakan
server web.

● Tampilan browser pada awalnya kurang menarik karena masih

berupa teks. Seorang mahasiswa Amerika Marc Andressen,
menciptakan web browser pertama dengan tampilan gambar hingga
sekarang kita dapat menjumpai bermacam macam browser dengan
kelebihan dan kekurangannya masing-masing.

● Macam-macam web browser?

Web Server
● Server web atau yang dalam bahasa inggris disebut web server
adalah perangkat lunak (software) dalam server

● Berfungsi untuk menerima permintaan (request) berupa halaman

web melalui protokol HTTP dan atau HTTPS dari klien yang lebih
dikenal dengan nama browser, kemudian mengirimkan kembali
(respon) hasil permintaan tersebut ke dalam bentuk halaman-
halaman web yang pada umumnya berbentuk dokumen HTML.

● Macam-macam web server: Apache, Web Server Litespeed, Web

Server Nginx, Web Server Microsoft IIS.
Macam-Macam Aplikasi Editor Teks
● Sublime Text
● Visual Studio Code
● Notepad++
● Netbeans
dan masih banyak lagi…
Tools Pengembangan web
● Adobe Dreamweaver
Software ini khusus dikembangkan untuk pengembang website dan menyediakan
fitur di dalamnya.

● Bootstrap
Library/framework ini terdiri dari CSS dan JavaScript template desain untuk
typography, forms, tombol, navigasi, dan komponen lainnya.

● Lorem Ipsum
memberikan contoh teks yang diberikan pada sebuah halaman web.

● Adobe Edge Inspect

Digunakan untuk membangun dan merencanakan sebuah front-end website
interaktif.
Terima kasih
Ada pertanyaan?
CREDITS: This presentation template was created
by Slidesgo, including icons by Flaticon, and
infographics & images by Freepik.