SuciMayIswandhari 3KA22 16119170 M6 TipeA

Nama : Suci May Iswandhari
Kelas : 3KA22
Mata Praktikum : Interface
Matakuliah : Interaksi Manusia dan Komputer
Pertemuan Ke :6
Tanggal : 02 Desember 2021
Soal Tipe :A
Laboratorium Sistem Informasi

Universitas Gunadarma
PTA 2021 / 2022
Tugas :
1. Sebutkan petunjuk pencegahan kesalahan !

2. Buatlah tampilan form seperti dibawah ini :
CATATAN !!!
Kumpulkan Jawaban Dalam Format Pdf.
Gunakan Template Atau Format Ini Untuk Menjawab.
Praktikan Yang Jawabanya Sama [ Kesamaan 80% ] Akan Mendapatkan Nilai Minimal !
Praktikan Yang Tidak Menjelaskan Logika Pengerjaan Akan Mendapatkan Nilai Minimal !
Jawaban Yang Dikumpulkan Diluar Batas Waktu Pertemuan Tidak Akan Diinput Nilainya.!
Jawaban :
1. Petunjuk pencegahan kesalahan
• Menghapus mode-mode atau menyediakan petunjuk yang terlihat
untuk mode-mode tersebut.
• Gunakan teknik koding yang baik (warna, gaya).
• Memaksimalkan pengenalan, mengurangi hafalan.
• Merancang urutan gerak atau perintah yang tidak sama.
• Mengurangi kebutuhan untuk mengetik.
• Uji dan memantau kesalahan-kesalahan dan memperbaikinya.
• Memungkinkan pertimbangan ulang aksi-aksi yang dilakukan oleh
user, misalnya memikndahkan file dari recycle bin.
Petunjuk Memperbaiki Kesalahan
• Tipe tanggapan kesalahan yang sesuai

• Adanya query
• Pertanyaan pada user
• Melegalkan pertanyaan tersebut
• Tersedianya pengecekan yang beralasan
• Konfirmasi untuk perintah yang drastic
• Tersedianya fungsi “undo”
2. Syntax/Codingan dari Program Form Pendaftaran :
3. <!DOCTYPE html>
4. <html>
5. <head>
6. <title>Form Pendaftaran</title>
7. </head>
8. <body>
9. <h1 style="color: green;">Form Pendaftaran dan Hobby</h1>
10. <form action="contact.php" method="POST">
11. <fieldset>
12. <legend>Pendaftaran </legend>
13. <p>
14. <label>NPM : <label>
15. <input type="text" name="npm" placeholder="NPM" />
16. </p>
17. <p>
18. <label>Nama Lengkap : <label>
19. <input type="text" name="Nama Lengkap" placeholder="NPM" />
20. </p>
21. <p>
22. <label>Jenis Kelamin : </label>
23. <label><input type="radio" name="pria" value="pria" />
pria<label>
24. <label><input type="radio" name="wanita" value="wanita" />
Wanita</label>
25. </p>
26. <p>
27. <label>Pekerjaan : </label>
28. <select>
29. <option>Mahasiswa</option>
30. <option>Pelajar</option>
31. </select>
32. </p>
33. <p>
34. <label>Hobby : </label>
35. <input type="checkbox" name="hobby" id="hobby" value="hobby"/>
Bermain Game
Editing Video
Membuat Cerita
Menonton Film
Yang Lain
40. </p>
41. <p>
42. <label>Processor Yang Dipakai : </label>
43. <select>
44. <option>Intel Core 2</option>
45. <option>Intel Core i5</option>
46. <option>Intel Core i7</option>
47. </p>
48. <p>
49. <button onclick="myFunction()">Kirim</button>
50. <script>
51. function myFunction() {
52. alert("Terima Kasih Karena Sudah Meluangkan Waktunya
Untuk Mengisi Form Ini\nPendaftaran Data Kamu Sudah Berhasil");
53. }
54. </script>
55. </p>
56. </fieldset>
57. </form>
58. </body>
59. </html>
60.
Output dari Program tersebut :

Pada program diatas, kita lihat pada tag input, terdapat atribut name,
nama dari atribut tersebutlah yang nantinya menjadi acuan untuk PHP
membaca data yang disimpan. Data tersebut nantinya akan dikirimkan
ke formulir.php. File tersebut tentu merupakan file external yang
berisikan coding PHP.
Lalu pada tag Form, kita membuat dua buah attribut. Yaitu method dan
action. Untuk action, itu merupakan file yang dituju setelah tombol
submit di klik. Pada contoh diatas, saya memberikan contoh dengan
naman file formulir.php. Artinya setelah kita isi semua form diatas, lalu
kita klik tombol "Kirim", maka Data yang sudah kita inputkan itu akan
dikirimkan ke file formulir.php.
Untuk method, kita tuliskan "get" pada contoh diatas. Atribut ini
sebenernya berfungsi untuk memberikan metode pengiriman data yang
diinginkan. Ada dua jenis metode yang dapat kita gunakan untuk
mengirimkan data yang telah kita inputkan tersebut. Berikut ini adalah
jenis - jenis metode pengiriman data pada php.

SuciMayIswandhari 3KA22 16119170 M6 TipeA

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

SuciMayIswandhari 3KA22 16119170 M6 TipeA

Diunggah oleh

Hak Cipta:

Format Tersedia

Nama : Suci May Iswandhari

Laboratorium Sistem Informasi

1. Sebutkan petunjuk pencegahan kesalahan !

Petunjuk Memperbaiki Kesalahan

• Tipe tanggapan kesalahan yang sesuai

Output dari Program tersebut :

Anda mungkin juga menyukai