bab 5 proyek

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

Upload: fadlie-fradinatta

Post on 21-Jun-2015

133 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Bab 5 proyek

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
Page 3: Bab 5 proyek

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

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

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

<html> </html>

<head> </head>

<body> </body>

Page 7: Bab 5 proyek

<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

<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

<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

<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

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

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

Langkah membuat Judul Formulir

Page 14: Bab 5 proyek
Page 15: Bab 5 proyek
Page 16: Bab 5 proyek
Page 17: Bab 5 proyek
Page 18: Bab 5 proyek
Page 19: Bab 5 proyek
Page 20: Bab 5 proyek
Page 21: Bab 5 proyek
Page 22: Bab 5 proyek
Page 23: Bab 5 proyek
Page 24: Bab 5 proyek
Page 25: Bab 5 proyek
Page 26: Bab 5 proyek
Page 27: Bab 5 proyek
Page 28: Bab 5 proyek

Dalam format Notepad

Page 29: Bab 5 proyek
Page 30: Bab 5 proyek
Page 31: Bab 5 proyek
Page 32: Bab 5 proyek

File untuk Form action :

Page 33: Bab 5 proyek
Page 34: Bab 5 proyek

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
Page 36: Bab 5 proyek
Page 37: Bab 5 proyek
Page 38: Bab 5 proyek

ATAS PERHATIANNYA KAMI

UCAPKAN TERIMA KASIH

WASSALAM