MODUL LURING

PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

KELAS XI

REKAYASA PERANGKAT LUNAK

MODUL 1

MEMAHAMI KONSEP TEKNOLOGI APLIKASI WEB

DINAS PENDIDIKAN PROVINSI SUMATERA UTARA

CABANG DINAS LUBUK PAKAM
SMK NEGERI 1 PERCUT SEITUAN
DELI SERDANG
2020
 Modul 1

MEMAHAMI KONSEP TEKNOLOGI APLIKASI WEB

A. Judul Materi : Memahami Konsep Teknologi Aplikasi Web

B. Kegiatan Belajar : Daring

C. Kompetensi Dasar
3.1 Memahami konsep teknologi aplikasi web.
4.1 Mempresentasikan pelbagai teknologi pengembangan aplikasi web.

D. Indikator Pencapaian Kompetensi

3.1.1 Menjelaskan konsep world wide web (www).
3.1.2 Menjelaskan konsep teknologi aplikasi web.
4.1.1 Mempresentasikan berbagai teknologi web.
4.1.2 Menginstalasi paket aplikasi web server.

D. Tujuan Pembelajaran
1. Siswa dapat memahami, menjelaskan, mengidentifikasi dan merumuskan masalah
tentang konsep teknologi aplikasi web.
2. Siswa dapat mengumpulkan dan mengolah data tentang konsep teknologi aplikasi web.
3. Siswa dapat mengomunikasikan tentang konsep teknologi aplikasi web.

E. Uraian Materi

1. Konsep World Wide Web (WWW)

WWW kumpulan web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan
data dan informasi untuk dapat digunakan bersama.

Web ini adalah suatu informasi dimana sumber - sumber daya yang berguna diidentifikasi
oleh pengenal global yang disebut Uniform Resource Indentifire (URI). web sering dianggap
identik dengan internet tersebut. Halaman web biasanya diatur dalam koleksi material yang
berkaitan yang disebut dengan situs web monitor menampilakn halaman web dari suatu
server web yang diambil informasinya oleh browser web.

Halaman web merupakan file teks murni (plain tex) yang berisi sintaks – sintaks HTML yang
dapat dibuka atau dilihat dengan internet browser. Kegiatan pemindahan halaman untuk
pindah ke dokumen lain atau bahkan mengirim informasi kembali pada server untuk
berinteraksi dengannya sering disebut surfing atau berselancar. Halaman – halaman dari
sebuah situs internet atau web diakses dari sebuah URL ( Uniform Resource Locator ) yang
menjadi akar ( ROOT ) yang disebut homepage dan biasanya disimpan dalam server yang
sama.

Untuk lebih jelasnya mengenai web dapat diuraikan seperti di bawah ini:
 Web (World Wide Web) merupakan salah satu layanan yang didapat olehpemakai
komputer yang terhubung ke internet, yang dapat memudahkanpengguna komputer
untuk berinteraksi dengan pengguna internet lainnya dan mencari informasi yang
diperlukan.
 Web Pertama kali diperkenalkan pada tahun 1992, hal ini sebagai hasilusaha
pengembangan yang dilakukan CERN di Swiss.
 Internet dan Web adalah dua hal yang berbeda, internet lebih ke perangkatkeras,
sedangkan Web adalah perangkat lunak.
 Halaman depan web disebut dengan HOMEPAGE
 Penyajian informasi melalui web dapat dinikmati pemakai komputermelalui browser
yang terhubung keinternet melalui HTTP.
 Secara Umum halaman web dibangun dengan sebuah bahasapemrograman
bernama HTM

2. Konsep Teknologi Aplikasi Web

Aplikasi web adalah suatu aplikasi yang di akses menggunakan penjelajah web melalui suatu
jaringan seperti internet atau intranet. Ia juga merupakan suatu aplikasi perangkat lunak
komputer yang di kodekan dalam bahasa yang didukung oleh penjelajah web (seperti HTML,
Java Script, AJAX, Java, dan lain lain) tergantung pada penjelajah tersebut untuk
menampilkan aplikasi.

2.1 Profesi Dalam Pengembangan Aplikasi Web.

Profesi dalam pengembangan aplikasi web diantaranya:

a. Web Designer tugasnya adalah pendesain’an tampilan situs (web) mulai dari pengolahan
gambar, tata letak, warna, dsb. Dalam pembuatan suatu situs web seorang web designer
haruslah menguasai sebagai berikut :
- HTML
- DHTML
- Pengolah Gambar
- Animasi
- Movie (Film)

b. Web Programmer tugasnya adalah jika situs yang akan dibuat mempunyai fasilitas
interaksi antara pengunjung dan situs misalnya menyangkut dengan transaksi, input -
output data dan database maka seorang Web Programmer yang akan mengerjakannya
dengan membuat aplikasi-aplikasi yang berkerja diatas situs (web). Penguasaan yang
biasanya harus dikuasai pada umumnya oleh Web Programmer adalala sebagai berikut:
- CGI Perl, PHP, MySQL (Unix base)
- ASP (NT base)
- Java Script dan Applet
c. Web Administrator tugasnya adalah untuk memaintenance suatu server, mengerti akan
Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah
(troubleshooting), biasanya seorang Web Administrator harus menguasai :
- OS Unix (LInux, FreeBSD, dll)
- OS NT
- Jaringan (LAN, WAN, Intranet)
- Keamanan Server

d. Web Master adalah seorang yang mengerti akan kesemua hal mulai dari disain, program
dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi,
cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web). Penguasaan
yang harus dimiliki :
- HTML, DHTML
- CGI Perl, PHP, MySQL, ASP, Java
- Penguasaan bermacam OS (Operating System)
- Keamanan Server
- Jaringan (LAN, WAN, Intranet)

e. Web Developer Kegiatan diatas secara keseluruhan dinamakan suatu team yang
dinamakan Web Developer

2.2 Alur Pengembangan Aplikasi Web

Alur pengembangan aplikasi web dikelompokan menjadi beberapa fase diantaranya:

a. Fase penentuan feature dan fungsi : Pada tahapan ini berdasarkan hasil penelusuran
kebutuhan dari aplikasi maka saya menentukan feature dan fungsi apa saja yang akan
dibuat untuk memenuhi kebutuhan yang ada. Feature dibagi menjadi feature utama atau
bagian besar terlebih dahulu baru kemudian didefenisikan menjadi bagian yang lebih
kecil. Misalnya pada aplikasi CMS salah satu feature utama adalah blog, kemudian
feature blog didefenisikan seperti feature tagging, category, comment, dsb. Pada tahapan
ini yang perlu diperhatikan adalah apakah daftar feature dan fungsi yang dibuat telah
memenuhi kebutuhan yang diinginkan.
b. Fase pengumpulan data :Mencari konten, gambar dan file lain yang dibutuhkan dalam
pengembangan aplikasi. Berdasarkan daftar feature dan fungsi yang akan dikembangkan
maka saya akan mengumpulkan data-data dan file yang diperlukan untuk feature dan
fungsi tersebut.
c. Fase analisa dan perancangan : Pada tahapan ini saya mencoba menganalisa data yang
telah dikumpulkan pada tahapan sebelumnya dan menuangkan hasil analisa kedalam
sebuah rancangan. Misalnya berdasarkan feature yang ada maka saya merancang tabel
database yang dibutuhkan oleh tiap feature. Berdasarkan konten dan data yang ada saya
juga melakukan perancangan tampilan aplikasi. Selain itu saya juga menyusun struktur
aplikasi seperti menu, sitemap, dsb.
d. Fase coding :Pada tahapan ini saya memulai menulis kode program. Biasanya dimulai
dengan mengubah template dari file image Firework ke html. Setelah itu membuat
kerangka aplikasi seperti struktur folder dan file dan memulai pengembangan fungsi
untuk tiap feature.
e. Fase setup and testing :Pada tahapan ini saya melakukan setup di server dimana aplikasi
web nanti akan akan dijalankan. Tentu setelah melakukan testing di komputer lokal
 terlebih dahulu dan memastikan bahwa semua fungsi berjalan baik. Pada server juga
akan dilakukan testing untuk memastikan aplikasi dapat berjalan baik pada server
tersebut. Pada tahapan ini juga akan dilakukan beta test dimana beberapa orang akan
mencoba menggunakan aplikasi dan memberikan komentar atau feedback terkait dengan
fungsi aplikasi.
f. Fase launching :Pada fase ini setelah dipastikan aplikasi berjalan baik pada server maka
saya akan melakukan sosialisasi baik di dunia nyata atau maya. Beberapa diantaranya
adalah melakukan posting di forum, aplikasi social network seperti facebook, membuat
posting di blog, dan sosialisasi lainnya.

3. Berbagai Teknologi Aplikasi Web

Ada beberapa teknologi aplikasi web diantaranya sebagai berikut:

a. HTML
1. Judul mendeklarasikan judul suatu dokumen HTML ( <title>...Judul...</title> )
2. URL menyatakan URL asal suatu dokumen HTML ( <base href="..."> )
3. Link tag yang menghubungkan suatu dokumen dengan dokumen lainnya dalam
website yang dibuat ( <link href="..." )
4. Meta tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML.
( <meta name="..." content="..."> )
5. Index tag yang menyatakan bahwa dokumen tersebut diperkenankan oleh server
web. ( <isindex> )
6. Style tag yang mendefinisikan style dari dokumen HTML. ( <style ahref="..."> )
7. Attribut Body ( <body>...</body> )
8. Warna Latar ( <body bgcolor="lime"> )
9. Warna Teks ( <body teks="blue"> )
10. Warna Link ( <body link="green"alink="red"> ) Contoh penulisan sintaksnya:
( <body bgcolor="lime" text="blue" link="green"alink="red"> )

b. JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming
Language. Client Side Programming Language adalah tipe bahasa pemrograman yang
pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada
web browser seperti Google Chrome dan Mozilla Firefox.
c. AJAX adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web
interaktif.
d. Java adalah bahasa native atau bahasa asli yang dipakai untuk membuat aplikasi android,
sehingga jika anda berencana untuk fokus mempelajari pembuatan aplikasi android,
maka belajar Java adalah pilihan yang paling tepat.
e. Joomla adalah sistem manajemen konten bebas dan terbuka yang ditulis menggunakan
PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla pertama
kali dirilis di versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk
peningkatan performansi, RSS, blogs, poling, dan lainnya. Joomla! menggunakan lisensi
GPL.
f. PrimaCMS : Adalah sebuah framework Content Management System yang menyediakan
solusi terintegrasi dan mudah digunakan untuk website perusahaan dengan konten
dinamis.
g. PrimaCommerce :Menyediakan solusi eCommerce, dari pengaturan katalog, integrasi
keranjang belanja. Jika diperlukan dapat dihubungkan dengan berbagai solusi electronic
payment.
f. XAMPP :Merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan
konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
menginstalasi dan mengkonfigurasikannya secara otomatis untuk Anda atau auto
konfigurasi.
g. XAMPP nantinya mempasilitasi Anda untuk mengembangkan Aplikasi WEB dengan
PHP, Paket yang ada didalam XAMPP adalah sebagai berikut:
h. Server Apache : Yang nanti digunakan untuk lokal web server, dengan server apache
terinstal dikomputer Anda, Anda nanti bekerja di komputer secara lokal, Aplikasi Web
Anda cukup di uji coba di komputer lokal saja tanpa harus di Upload ke web server
internet secara langsung.
i. PHP :Adalah interpreter yang nanti akan menterjemahkan source kode php agar dapat di
baca oleh browser untuk di tampilkan
j. My SQL :Adalah sebuah sofware basis data server untuk menyimpan data aplikasi web
yang akan dikembangkan.
k. PHP my admin :Adalah aplikasi kecil untuk mengatur, dan mengelola basis data
MYSQL agar lebih mudah untuk di gunakan.

4. Paket Aplikasi Web Server

4.1 Pengertian Web Server

Server web atau yang dalam bahasa inggris disebut web server adalah perangkat lunak
(software) dalam server yang 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.

Dari pengertian di atas, dapat disimpulkan bahwa web server merupakan pelayan (pemberi
layanan) bagi web klien (browser) seperti Mozilla, Opera, Chrome, Safari, Internet Explorer,
dan lain sebagainya, supaya browser dapat menampilkan halaman atau data yang Anda minta.

4.2 Fungsi Web Server

Fungsi utama dari web server adalah untuk melakukan atau mentransfer berkas permintaan
pengguna melalui protokol komunikasi yang telah ditentukan sedemikian rupa. Halaman web
yang diminta terdiri dari berkas teks, video, gambar, file dan banyak lagi.

Salah satu contoh dari Web Server adalah Apache. Apache (Apache Web Server – The HTTP
Web Server) merupakan web server yang paling banyak dipergunakan di Internet. Program
ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Apache mempunyai
program pendukung yang cukup banyak. Hal ini memberikan layanan yang cukup lengkap
bagi penggunanya.
4.2 Cara Kerja Web Server

Lalu bagaimana prinsip atau cara kerja web server itu sendiri? Cukup sederhana untuk
dipahami, karena pada dasarnya tugas web server hanya ada 2 (dua), yaitu:

a. Menerima permintaan (request) dari client, dan

b. Mengirimkan apa yang diminta oleh client (response).

Secara sederhana dapat digambarkan sebagai berikut:

Penjelasan gambar:
Client disini dapat berupa komputer desktop dengan minimal memiliki browser dan
terhubung ke web server melalui jaringan (intranet atau internet).

Komputer yang berfungsi sebagai server, dimana didalamnya terdapat perangkat lunak web
server. Agar komputer ini dapat diakses oleh client maka komputer harus terhubung ke
jaringan (intranet atau internet). Dalam jaringan internet, komputer ini bisa saja bernama
www.google.com, www.bl.ac.id, atau memiliki kode komputer (disebut IP Address) seperti
202.10.20.10 dan 200.100.50.25.

Pertama-tama, client (user) akan meminta suatu halaman ke (web) server untuk ditampilkan
di komputer client. Misalnya client mengetikkan suatu alamat (biasa disebut URL) di browser
http://www.google.com. Client menekan tombol Enter atau klik tombol Go pada browser.
Lalu apa yang terjadi? Melalui media jaringan (bisa internet, bisa intranet) dan melalui
protokol http, akan dicarilah komputer bernama www.google.com. Jika ditemukan, maka
seolah-olah terjadi permintaan, “hai google, ada client yang minta halaman utama nich, ada
dimana halamannya?”. Inilah yang disebut request.

Sekarang dari sisi server (web server). Mendapat permintaan halaman utama google dari
client, si server akan mencari-cari di komputernya halaman sesuai permintaan. Namanya juga
mencari, kadang ketemu, kadang juga tidak ketemu. Jika ditemukan, maka halaman yang
diminta akan dikirimkan ke client (si peminta), namun jika tidak ditemukan, maka server
akan memberi pesan “404. Page Not Found”, yang artinya halaman tidak ditemukan.
Cara kerja Web Server Web server merupakan mesin dimana tempat aplikasi atau software
beroperasi dalam medistribusikan web page ke user, tentu saja sesuai dengan permintaan
user. Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan
Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP
(networking protocol) yg memungkinkan semua komputer dapat berkomunikasi satu dengan
yg lainnya.

Pada saat browser meminta data web page ke server maka instruksi permintaan data oleh
browser tersebut di kemas di dalam TCP yg merupakan protocol transport dan dikirim ke
alamat yg dalam hal ini merupakan protocol berikutnya yaitu Hyper Text Transfer Protocol
(HTTP). HTTP ini merupakan protocol yg digunakan dalam World Wide Web (WWW) antar
komputer yg terhubung dalam jaringan di dunia ini.

Secara garis besar, apikasi web server terdiri dari dua jenis, jenis web server gratis dan jenis
web server berbayar. Baik web server gratis maupun web server berbayar terdiri dari macam-
macam web server yang masing-masing memiliki kekurangan dan kelebihan tersendiri. Ada
beberapa jenis web server yang kita kenal dengan beberapa keunggulan masing-masing yang
dimilikinya. Apa sajakah jenis jenis web server? Berikut ini akan dijelaskan beberapa jenis
jenis macam web server yang banyak digunakan saat ini contohnya sebagai berikut :

a. Apache
b. Web Server Litespeed
c. Web Server Nginx
d. Web Server Microsoft IIS