bab 5 proyek
TRANSCRIPT
![Page 1: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/1.jpg)
Kelompok 5
1. Delly Taliahasti (0211 11 086)
2. Novilia Suti Ismawardani (0211 11 091)
Dr. Wonny Ahmad Ridwan, SE, MM
FAKULTAS EKONOMI
UNIVERSITAS PAKUAN
![Page 2: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/2.jpg)
![Page 3: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/3.jpg)
Memahami bagaimana formulir penyimpanan
informasi dari para pengguna Web.
Memahami penggunaan kotak teks dan area
teks untuk mendapatkan input ketikan dari
pengguna.
Mengetahui bagaimana membuat tombol radio
dan kotak cek untuk mendapatkan input
pengguna melalui klik mouse.
Mengetahui bagaimana membuat sederet
pilihan dari menu drop down
![Page 4: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/4.jpg)
Sistem informasi adalah suatu sistem berbasis
komputer yang membuat informasi tersedia
bagi para pengguna yang memiliki kebutuhan
serupa.
Informasi yang diberikan oleh SIM menjelaskan
perusahaan atau salah satu sistem utamanya
di lihat dari apa yang terjadi di masa lalu, apa
yang sedang terjadi, dan apa yang
kemungkinan akan terjadi dimasa depan.
![Page 5: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/5.jpg)
Field Text : dimana pengguna mengetikan sebaris data.
Menu Drop Drown : mengkombinasikan jawaban yang akan ditanyakan dalam tempat kecil dihalaman
Tombol Radio : Menampilkan semua pilihan kepada pengguna dengan satu tayangan.
Checkbox : Dimana pengguna dapat memilih satu atau lebih pilihan.
Kotak Teks : Untuk mengisi komentar.
![Page 6: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/6.jpg)
<html> </html>
<head> </head>
<body> </body>
![Page 7: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/7.jpg)
<html> : adalah salah satu syarat untuk membuat
web, dan untuk Mendefinisikan root dari suatu
dokumen HTML
<head> : untuk memberikan informasi tentang
dokumen tersebut
<body> : untuk menentukan bagaimana isi suatu
dokumen ditampilkan di web browsernya. Isi
dokumen tersebut dapat berupa teks, gambar,
animas, link dan seterusnya
![Page 8: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/8.jpg)
<tr> : jarak / memisahkan jarak atas-bawah
<td> : Pembuat Kolom Pada Tabel
<b> : Bold => Menebalkan huruf
<i> : italic => Memiringkan huruf
<u> : underline => menggaris bawahi huruf
<table> : Pembuat Tabel Pada Halaman Web
<p> : Paragraf
<input> : Yang Mendefinisikan Bentuk Pemasukan
Pada Form
![Page 9: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/9.jpg)
<font> : Mendefinisikan jenis font, warna dan
ukuran untuk teks
<form> : Mendefinisikan sebuah form HTML untuk
input form
<select> untuk menampilkan beberapa option
pilihan dalam menu dropdwon
<option> : untuk menandai masing” pilihan yang
akan ditampilkan dalam menu dropdown
![Page 10: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/10.jpg)
<hyperlink> : untuk membuka link ke halaman
selanjutnya
<a href> : Untuk Membuat Link Ke Halaman
Lain Atau Ke Bagian Lain Dari Halaman
![Page 11: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/11.jpg)
Kotak Teks :
<input type="text" name=“murid" size=35>
Area Text :
<textarea name="comments" rows=5 cols=40
wrap="yes">
</textarea>
![Page 12: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/12.jpg)
Tombol Radio :
1. <input name="radiobutton" type="radio"
value="radiobutton">
2. <input name="radiobutton" type="radio"
value="radiobutton">
Checkbox :
1. <input type="checkbox" name=“pilihan"
value="yes">
2. <input type="checkbox" name=“pilihan"
value=“no">
![Page 13: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/13.jpg)
Langkah membuat Judul Formulir
![Page 14: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/14.jpg)
![Page 15: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/15.jpg)
![Page 16: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/16.jpg)
![Page 17: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/17.jpg)
![Page 18: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/18.jpg)
![Page 19: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/19.jpg)
![Page 20: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/20.jpg)
![Page 21: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/21.jpg)
![Page 22: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/22.jpg)
![Page 23: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/23.jpg)
![Page 24: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/24.jpg)
![Page 25: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/25.jpg)
![Page 26: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/26.jpg)
![Page 27: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/27.jpg)
![Page 28: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/28.jpg)
Dalam format Notepad
![Page 29: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/29.jpg)
![Page 30: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/30.jpg)
![Page 31: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/31.jpg)
![Page 32: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/32.jpg)
File untuk Form action :
![Page 33: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/33.jpg)
![Page 34: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/34.jpg)
Default dokumen di Notepad adalah dokumen teks,
dan ekstensi file.txt akan ditambahkan secara
otomatis pada nama file. Jika nama tersebut
disimpan dalam bentuk txt Browser Web tidak akan
menerjemahkan dokumen. Berikut adalah langkah
menyimpan file notepad menjadi htm :
![Page 35: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/35.jpg)
![Page 36: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/36.jpg)
![Page 37: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/37.jpg)
![Page 38: Bab 5 proyek](https://reader033.vdocuments.site/reader033/viewer/2022052301/558676fad8b42a931d8b4631/html5/thumbnails/38.jpg)
ATAS PERHATIANNYA KAMI
UCAPKAN TERIMA KASIH
WASSALAM