Proyek 5 formulir pembelian buku web html

38
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

Transcript of Proyek 5 formulir pembelian buku web html

Page 1: Proyek 5 formulir pembelian buku web html

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: Proyek 5 formulir pembelian buku web html
Page 3: Proyek 5 formulir pembelian buku web html

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: Proyek 5 formulir pembelian buku web html

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: Proyek 5 formulir pembelian buku web html

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: Proyek 5 formulir pembelian buku web html

<html> </html>

<head> </head>

<body> </body>

Page 7: Proyek 5 formulir pembelian buku web html

<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: Proyek 5 formulir pembelian buku web html

<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: Proyek 5 formulir pembelian buku web html

<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: Proyek 5 formulir pembelian buku web html

<hyperlink> : untuk membuka link ke halaman

selanjutnya

<a href> : Untuk Membuat Link Ke Halaman

Lain Atau Ke Bagian Lain Dari Halaman

Page 11: Proyek 5 formulir pembelian buku web html

Kotak Teks :

<input type="text" name=“murid" size=35>

Area Text :

<textarea name="comments" rows=5 cols=40

wrap="yes">

</textarea>

Page 12: Proyek 5 formulir pembelian buku web html

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: Proyek 5 formulir pembelian buku web html

Langkah membuat Judul Formulir

Page 14: Proyek 5 formulir pembelian buku web html
Page 15: Proyek 5 formulir pembelian buku web html
Page 16: Proyek 5 formulir pembelian buku web html
Page 17: Proyek 5 formulir pembelian buku web html
Page 18: Proyek 5 formulir pembelian buku web html
Page 19: Proyek 5 formulir pembelian buku web html
Page 20: Proyek 5 formulir pembelian buku web html
Page 21: Proyek 5 formulir pembelian buku web html
Page 22: Proyek 5 formulir pembelian buku web html
Page 23: Proyek 5 formulir pembelian buku web html
Page 24: Proyek 5 formulir pembelian buku web html
Page 25: Proyek 5 formulir pembelian buku web html
Page 26: Proyek 5 formulir pembelian buku web html
Page 27: Proyek 5 formulir pembelian buku web html
Page 28: Proyek 5 formulir pembelian buku web html

Dalam format Notepad

Page 29: Proyek 5 formulir pembelian buku web html
Page 30: Proyek 5 formulir pembelian buku web html
Page 31: Proyek 5 formulir pembelian buku web html
Page 32: Proyek 5 formulir pembelian buku web html

File untuk Form action :

Page 33: Proyek 5 formulir pembelian buku web html
Page 34: Proyek 5 formulir pembelian buku web html

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: Proyek 5 formulir pembelian buku web html
Page 36: Proyek 5 formulir pembelian buku web html
Page 37: Proyek 5 formulir pembelian buku web html
Page 38: Proyek 5 formulir pembelian buku web html

ATAS PERHATIANNYA KAMI

UCAPKAN TERIMA KASIH

WASSALAM