Dokumen tersebut membahas berbagai konsep dasar yang terkait dengan pembuatan website mulai dari protokol jaringan seperti HTTP dan FTP, bahasa markup seperti HTML, konsep domain dan hosting, serta bahasa skrip server-side seperti PHP beserta contoh-contoh kodenya.

1. XI MULTIMEDIA 2
KELOMPOK 1
TUGAS WEB
NEXT

2. JAWABAN
 No. 1
 No. 2
 No. 3
 No. 4
 No. 5
 No. 6
 No. 7
BACK

3. Jawaban 1
 HTTP
 URL
 FTP
 HTML
 Hosting
 Domain
 PHP
BACK

4. HTTP (Hypertext Transfer Protocol)
PENGERTIAN
PENJELASAN
CONTOH
BACK

5. Pengertian HTTP
Pengertian HTTP adalah sebuah protokol aplikasi
untuk didistribusikan, kolaboratif, sistem informasi
hypermedia.
HTTP adalah dasar komunikasi data untuk World
Wide Web.
Hypertext adalah set multi-linear benda,
membangun jaringan dengan menggunakan link
logis (yang disebut hyperlink) antara node (misalnya
teks atau kata-kata).
HTTP adalah protokol untuk pertukaran atau
mentransfer hypertext.
BACK

6. Penjelasan HTTP
 HTTP juga mengatur aksi-aksi apa saja yang harus
dilakukan oleh web server dan juga web browser sebagai
respon atas perintah-perintah yang ada pada protokol
HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu
alamat atau URL pada internet browser Anda, maka
sebenarnya web browser akan mengirimkan perintah
HTTP ke web server.
 Web server kemudian akan menerima perintah ini dan
melakukan aktivitas sesuai dengan perintah yang diminta
oleh web browser (misalnya akses ke database, file, e-mail
dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan
kembali ke web browser untuk ditampilkan kepada
pengguna.
BACK

7. Contoh HTTP

8. URL (Uniform Resource Locator)
PENGERTIAN
PENJELASAN
CONTOH

9. URL (Uniform Resource Locator)
 Pengertian URL adalah rangkaian karakter
menurut suatu format standar tertentu, yang
digunakan untuk menunjukkan alamat suatu sumber
seperti dokumen dan gambar di Internet.

10. URL (Uniform Resource Locator)
 URL pertama kali diciptakan oleh Tim Berners-Lee
pada tahun 1991 agar penulis-penulis dokumen
dokumen dapat mereferensikan pranata ke World
Wide Web. Sejak 1994, konsep URL telah
dikembangkan menjadi istilah Uniform Resource
Identifier (URI) yang lebih umum sifatnya.
 URL singkatan dari Uniform Resource Locators
yang berarti suatu “pathname” untuk
mengidentifikasi sebuah dokumen di web. Didalam
URL terdapat informasi nama mesin/host (dalam
hal ini komputer) yang akan diakses, nama dokumen
beserta logical pathnamenya serta jenis protokol
yang akan digunakan untuk melakukan akses ke
web.

11. CONTOH dari URL
1) http://www.google.com
2) http://www.facebook.com
3) http://www.twitter.com
4) http://www.wikipedia.com
5) http://www.telkomindonesia.com
Dan Lain-lain

12. FTP (File Transfer Protocol)
PENGERTIAN
PENJELASAN
CONTOH

13. FTP (File Transfer Protocol)
 FTP adalah sebuah protokol Internet yang berjalan di dalam lapisan
aplikasi yang merupakan standar untuk pentransferan berkas (file)
komputer antar mesin-mesin dalam sebuah internetwork.

14. FTP (File Transfer Protocol)
FTP merupakan salah satu protokol Internet yang paling awal dikembangkan, dan masih digunakan hingga saat
ini untuk melakukan download dan upload berkas-berkas komputer antara klien FTP dan server FTP.
Sebuah Klien FTP merupakan aplikasi yang dapat mengeluarkan perintah-perintah FTP ke sebuah server FTP,
server FTP adalah sebuah Windows Service atau daemon yang berjalan di atas sebuah komputer yang merespons
perintah-perintah dari sebuah klien FTP. Perintah-perintah FTP dapat digunakan untuk mengubah direktori,
mengubah modus transfer antara biner dan ASCII, menggugah berkas komputer ke server FTP, serta
mengunduh berkas dari server FTP.
Sebuah server FTP diakses dengan menggunakan Universal Resource Identifier (URI) dengan menggunakan
format ftp://namaserver. Klien FTP dapat menghubungi server FTP dengan membuka URI tersebut.
Cara kerja protokol FTP
FTP menggunakan protokol Transmission Control Protocol (TCP) untuk komunikasi data antara klien dan
server, sehingga di antara kedua komponen tersebut akan dibuatlah sebuah sesi komunikasi sebelum transfer
data dimulai. Sebelum membuat koneksi, port TCP nomor 21 di sisi server akan "mendengarkan" percobaan
koneksi dari sebuah klien FTP dan kemudian akan digunakan sebagai port pengatur (control port) untuk (1)
membuat sebuah koneksi antara klien dan server, (2) untuk mengizinkan klien untuk mengirimkan sebuah
perintah FTP kepada server dan juga (3) mengembalikan respons server ke perintah tersebut. Sekali koneksi
kontrol telah dibuat, maka server akan mulai membuka port TCP nomor 20 untuk membentuk sebuah
koneksi baru dengan klien untuk mentransfer data aktual yang sedang dipertukarkan saat melakukan
pengunduhan dan penggugahan.
FTP hanya menggunakan metode autentikasi standar, yakni menggunakan username dan password yang
dikirim dalam bentuk tidak terenkripsi. Pengguna terdaftar dapat menggunakan username dan password-nya
untuk mengakses, men-download, dan meng-upload berkas-berkas yang ia kehendaki. Umumnya, para
pengguna terdaftar memiliki akses penuh terhadap beberapa direktori, sehingga mereka dapat membuat
berkas, membuat direktori, dan bahkan menghapus berkas. Pengguna yang belum terdaftar dapat juga
menggunakan metode anonymous login, yakni dengan menggunakan nama pengguna anonymous dan
password yang diisi dengan menggunakan alamat e-mail.BACK

15. Contoh FTP
BACK

16. HTML(Hyper Text Markup Language)
PENGERTIAN
PENJELASAN
CONTOH
BACK

17. HTML(Hyper Text Markup Language)
»HTML (Hyper Text Markup Language) adalah sebuah
bahasa markup yang digunakan untuk membuat
sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser Internet. Bermula
dari sebuah bahasa yang sebelumnya banyak
digunakan di dunia penerbitan dan percetakan yang
disebut dengan SGML (Standard Generalized Markup
Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman
web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh
World Wide Web Consortium (W3C).
BACK

18. Penjelasan HTML
 HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai
dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan
menggunakan browser .
 HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks
bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai
contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka
penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk
mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan
tanda </b> untuk menonaktifkan cetak tebal tersebut.
 Secara garis besar, terdapat 4 jenis elemen dari HTML:
 structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1>
akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang
menunjukkan sebagai Heading 1
 presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari
teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini
sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
 hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke
dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan
IlmuKita sebagai sebuah hyperlink ke URL tertentu),
 Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis
horizontal (<hr>).
 Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari
BACK

19. Contoh HTML
BACK

20. HOSTING
PENGERTIAN
PENJELASAN
CONTOH
BACK

21. HOSTING
Hosting adalah tempat atau jasa internet untuk
membuat halaman website yang telah anda buat
menjadi online dan bisa diakses oleh orang lain.
Sedangkan Hosting Itu Sendiri Adalah : jasa
layanan internet yang menyediakan sumber daya
server-server untuk disewakan sehingga
memungkinkan organisasi atau individu
menempatkan informasi di internet berupa HTTP,
FTP, EMAIL atau DNS.
BACK

22. HOSTING
Server hosting terdiri dari gabungan server-server
atau sebuah server yang terhubung dengan
jaringan internet berkecepatan tinggi.
Jenis – Jenis Hosting yang Ada :
Ada beberapa jenis layanan hosting yaitu shared
hosting, VPS atau Virtual Dedicated Server,
dedicated server, colocation server.
BACK

23. DOMAIN
PENGERTIAN
PENJELASAN
CONTOH
BACK

24. Pengertian Domain
 menurut Wikipedia Nama Domain (domain name)
adalah nama unik yang diberikan untuk
mengidentifikasi nama server komputer seperti web
server atau email server di jaringan komputer
ataupun internet.
BACK

25. Penjelasan Domain
Nama domain berfungsi untuk mempermudah
pengguna di internet pada saat melakukan akses ke
server, selain juga dipakai untuk mengingat nama
server yang dikunjungi tanpa harus mengenal
deretan angka yang rumit yang dikenal sebagai IP
address. Nama domain ini juga dikenal sebagai
sebuah kesatuan dari sebuah situs web seperti
contohnya “wikipedia.org”. Nama domain kadang-
kadang disebut pula dengan istilah URL, atau alamat
website.
BACK

26. Contoh Domain
.org
.com
.net
.id
BACK

27. PHP (PHP Hypertext Preprocessor)
PENGERTIAN
PENJELASAN
CONTOH
BACK

28. PHP (Personal
Homepage/HypertexytPreprocessor)
 Pengertian PHP (PHP Hypertext
Preprocessor)
PHP adalah bahasa pemrogaman untuk dijalankan
melalui halaman WEB, umumnya digunakan untuk
mengolah informasi internet,tapi dalam pengertian
lain PHP adalah singkatan dari PHP hypertext
preprocessor bahasa pemograman web server - side
yang bersifat GRATIS.php merupakan script yang
menyatu dengan HTML.BACK

29. PHP (Personal
Homepage/HypertexytPreprocessor)
PHP memiliki file extensi *.php dan tidak bisa di access secara
langsung tanpa adanya sebuah web server. Syntax-Syntax PHP
diawali dan di akhiri dengan <?php atau ?>. Syntax PHP juga
dapat di sisipkan pada tag-tag html. File PHP yang ditaruh pada
file yang ber extensi *.html tidak akan dieksekusi/tidak bisa di
access.
Pembuatan variable pada PHP diawali dengan symbol $ (dolar),
jika symbol tersebut tidak ada maka variabel tersebut tidak
akan dapat di eksekusi atau biasanya error.
PHP juga membunyai banyak tipe data antara lain Integer,
String, Float, Double dll. PHP juga memiliki statement (baris
perintah) yaitu suatu syntax yang terdiri dari satu line yang di
akhiri dengan ;. Jika tidak diakhiri dengan ;maka akan terjadi
error . Jika sebuah variable yang digunakan menampung value
yang bertipe String maka jangan lupa untuk memberi " “.
BACK

30. Contoh PHP
Berikut ini adalah contoh penulisan syntax PHP:
<?php
$nama = “Risa";
echo"Hallo Nama Saya " + $nama;
?>
BACK

31. Pengertian Web Browser
Web Browser merupakan software untuk menampilkan berbagai
dokumen yang tersedia pada web server, proses menampilkan berbagai
dokumen ini melewati sebuah interaksi antara browser dengan web
server.
 Pengertian browser menurut beberapa ahli:
Ali Zaki mengartikan browser sebagai sebuah program yang
digunakan untuk mengakses website dan dijalankan pada komputer.
Smitdev Community mengartikan browser sebagai klien yang
merupakan lawan kata dari server dan bertugas untuk menampilkan
halaman website.
Gustav Pahala Frans mengartikan browser sebagai
aplikasi/program yang digunakan untuk mengoprasikan internet,
sebagai media surfing, browsing, dan menjelajahi dunia maya.
Rachmad Hakim S mengartikan browser sebagai aplikasi untuk
menjelajahi dan berselancar di internet.
Fungsi dari browser antara lain adalah untuk melakukan atau
menampilkan halaman web atau interaksi dengan dokumen yang
disediakan oleh server.
BACK

32. WEB Statis WEB Dinamis
 Jenis Website dimana
pengguna tidak dapat
mengubah konten dari web
tersebut secara langsung
melalui web browser
 Interaksi antara user dan
server hanya seputar
pemrosesan link saja
 Menggunakan client side
script ( script yang dapat
dimengerti oleh komputer
client saja ).
 Dapat dikelola dan diubah
secara langsung melalui
browser.
 Interaksi yang terjadi
antara pengguna dan
server sangat kompleks.
 Menggunakan server side
script yakni bahasa
pemrograman yang dapat
diproses oleh server untuk
ditampilkan di browser
penguna dengan client side
script.
WEB Statis dan WEB Dinamis
BACK

33. Type Data Pada My SQL
 CHAR
 VARCHAR
 DECIMAL
 INT
 DATE TIME
 DATE
 ENUM
BACK

34. T y p e Y a n g D i u n a k a n U n t u k P e n u l i s a n K a r a k t e r T e t a p ,
S e p e r t i N a m a , T e m p a t L a h i r , D l l
CHAR
BACK

35. T y p e Y a n g D i g u n a k a n D a l a m P e n u l i s a n
K a r a k t e r Y a n g D a p a t B e r u b a h . M i s a l n y a
A l a m a t .
VARCHAR
BACK

36. T y p e Y a n g D i g u n a k a n U n t u k P e n u l i s a n A n g k a
D a l a m B e n t u k D e s i m a l .
DECIMAL
BACK

37. T y p e Y a n g D i g u n a k a n U n t u k J e n i s A n g k a .
D i a w a l i D a r i 0 ( n o l ) .
INT
BACK

38. K o m b i n a s i D a l a m P e n u l i s a n T a n g g a l D a n
W a k t u .
DATE TIME
BACK

39. T y p e D a l a m X a m m p Y n a g B i a s a D i g u n a k a n
U n t u k T a b e l T a n g g a l L a h i r D e n g a n F o r m a t
y y y y - m m - d d .
DATE
BACK

40. D i g u n a k a n U n t u k M e m i l i h S a t u D a r i B e b e r a p a
P i l i h a n . M i s a l n y a S a j a A g a m a , G o l o n g a n
D a r a h , J e n i s K e l a m i n , D l l
ENUM
BACK

41. MENU XAMMP
 BROWSE
 DROP
 EMPTY
 INSERT
 IMPORT
 EXPORT
 SEARCH
 STRUCTURE
BACK

42. M e n c a r i F i l e Y a n g A d a D i D a t a b a s e .
BROWSE
BACK

43. M e n g h a p u s S e m u a F i l e Y a n g A d a D i D a t a b a s e .
DROP
BACK

44. M e n g o s o n g k a n / M e n g h a p u s F i l e .
EMPTY
BACK

45. M e n g a m b i l / M e m a s u k k a n F i l e K e D a l a m
D a t a b a s e .
INSERT
BACK

46. M e n a m b i l / m e m a s u k k a n f i l e k e d a l a m
d a t a b a s e .
IMPORT
BACK

47. M e n y i m p a n / M e n g a m b i l F i l e D a r i D a t a b a s e
D a l a m B e n t u k / F o r m a t Y a n f D i i n g i n k a n .
EXPORT
BACK

48. D A L A M X A M M P , S E A R C H D I G U N A K A N U N T U K
M E L A K U K A N P E N C A R I A N T E R H A D A P F I L E -
F I L E Y A N G T E R D A P A T D A L A M D A T A B A S E .
SEARCH
BACK

49. Structure adalah sekumpulan variabel yang
masing-masing dapat berbeda tipe, dan
dikelompokkan ke dalam satu nama (menurut
pascal, struktur juga dikenal sebagai record).
Struktur membantu mengatur data-data yang
rumit, khususnya dalam program yang besar,
karena struktur membiarkan sekelompok
variabel diperlakukan sebagai satu unit
daripada sebagai entity yang terpisah.
STRUCTURE
BACK

50. PHP My ADMIN
Pengertian PHPMYADMIN
Phpmyadmin adalah perangkat lunak bebas yang ditulis
dalam bahasa pemrograman php yang digunakan untuk
menangani administrasi MYSQL melalui( World Wide
Web).
Phpmyadmin berfungsi untuk mengolah berbagai aplikasi
mysql, diantaranya (mengelola basis data, table- table,
bidang, relasi, indeks, pengguna, perizinan, dll)
BACK

51. Penjelasan Pembuatan Database
Name Type Length
NIS INT 5
Nama CHAR 30
Alamat VARRCHA
R
50
Tempat_lahir CHAR 20
Tanggal_lahir DATE
Agama ENUM “Islam”,”Kristen”,”Katholik”,”Hindu”,”Budha”
Gol_darah ENUM “A”,”B”,”AB”,”O”
No_telp INT 12
BACK

52. Nama Kelompok
 Amnia Salma
 Andani Anggraini SP
 Anif Zahrotul F.
 Anik Maulidiyah R.
 Dewi Lestari
 Dewi Mulyani
 Dhea Rosita Dara
 Dita Anantasia
 Dik a Saputri
 Dwi Ela Velawati