SlideShare a Scribd company logo
1 of 38
Download to read offline
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
   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
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.
   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.
  <html>   </html>
  <head>   </head>
 <body>    </body>
   <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
   <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
   <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
   <hyperlink> : untuk membuka link ke halaman
    selanjutnya
   <a href> : Untuk Membuat Link Ke Halaman
    Lain Atau Ke Bagian Lain Dari Halaman
   Kotak Teks :
    <input type="text" name=“murid" size=35>



   Area Text :
    <textarea name="comments" rows=5 cols=40
    wrap="yes">
    </textarea>
   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">
Langkah membuat Judul Formulir
Dalam format Notepad
File untuk Form action :
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 :
ATAS PERHATIANNYA KAMI
  UCAPKAN TERIMA KASIH



      WASSALAM

More Related Content

What's hot

(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...
(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...
(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...Nurli Hardianto
 
Membuat Login dengan Menghubungkan ke Database di VB.NET
Membuat Login dengan Menghubungkan ke Database di VB.NETMembuat Login dengan Menghubungkan ke Database di VB.NET
Membuat Login dengan Menghubungkan ke Database di VB.NETImam Halim Mursyidin
 
Mempraktikan suatu Program Aplikasi
Mempraktikan suatu Program AplikasiMempraktikan suatu Program Aplikasi
Mempraktikan suatu Program AplikasiErianaretnoputri
 
Java membuat form data mahasiswa
Java   membuat form data mahasiswaJava   membuat form data mahasiswa
Java membuat form data mahasiswahermawanawang
 
DASAR DASAR MS POWER POINT
DASAR DASAR MS POWER POINTDASAR DASAR MS POWER POINT
DASAR DASAR MS POWER POINTyuntiaeka10
 
ARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORD
ARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORDARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORD
ARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORDIgnasia Ines
 
Langkah - Langkah Membuat Mail Merge
Langkah - Langkah Membuat Mail MergeLangkah - Langkah Membuat Mail Merge
Langkah - Langkah Membuat Mail MergeUmii Rahma
 
Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2adityo_nugroho
 
Program Aplikasi Berbasis Data
Program Aplikasi Berbasis DataProgram Aplikasi Berbasis Data
Program Aplikasi Berbasis DataHakim Ahma
 
Cara membuat mail merge di word 2007
Cara membuat mail merge di word 2007Cara membuat mail merge di word 2007
Cara membuat mail merge di word 2007Cuplis Chephy
 
Modul Acces 2007 KKPI
Modul Acces 2007 KKPIModul Acces 2007 KKPI
Modul Acces 2007 KKPIJadi Apa
 
Langkah mail merge lebih 2 data satu kertas
Langkah mail merge lebih 2 data satu kertasLangkah mail merge lebih 2 data satu kertas
Langkah mail merge lebih 2 data satu kertasWati Dewi
 
Panduan lengkap microsoft access 2010
Panduan lengkap microsoft access 2010Panduan lengkap microsoft access 2010
Panduan lengkap microsoft access 2010Zona Computer
 
Modulword
ModulwordModulword
Modulwordamaen
 
Tutorial membuat database menggunakan acces 2007 (peni)
Tutorial membuat database menggunakan acces 2007 (peni)Tutorial membuat database menggunakan acces 2007 (peni)
Tutorial membuat database menggunakan acces 2007 (peni)Peni Agustiani
 

What's hot (18)

(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...
(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...
(15) SIM, Nurli Hardianto, Hapzi Ali, Bukti Upload, Universitas Mercu Buana, ...
 
Membuat Login dengan Menghubungkan ke Database di VB.NET
Membuat Login dengan Menghubungkan ke Database di VB.NETMembuat Login dengan Menghubungkan ke Database di VB.NET
Membuat Login dengan Menghubungkan ke Database di VB.NET
 
Mempraktikan suatu Program Aplikasi
Mempraktikan suatu Program AplikasiMempraktikan suatu Program Aplikasi
Mempraktikan suatu Program Aplikasi
 
Materi Mail merge (KKPI)
Materi Mail merge (KKPI)Materi Mail merge (KKPI)
Materi Mail merge (KKPI)
 
Java membuat form data mahasiswa
Java   membuat form data mahasiswaJava   membuat form data mahasiswa
Java membuat form data mahasiswa
 
DASAR DASAR MS POWER POINT
DASAR DASAR MS POWER POINTDASAR DASAR MS POWER POINT
DASAR DASAR MS POWER POINT
 
ARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORD
ARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORDARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORD
ARTIKEL MEMBUAT SURAT BERANGKAI DAN MAIL MERGE PADA MS.WORD
 
Modul word2007 Komputer Terapan
Modul word2007 Komputer TerapanModul word2007 Komputer Terapan
Modul word2007 Komputer Terapan
 
Langkah - Langkah Membuat Mail Merge
Langkah - Langkah Membuat Mail MergeLangkah - Langkah Membuat Mail Merge
Langkah - Langkah Membuat Mail Merge
 
Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2Panduan microsoft office access 2007 2
Panduan microsoft office access 2007 2
 
Program Aplikasi Berbasis Data
Program Aplikasi Berbasis DataProgram Aplikasi Berbasis Data
Program Aplikasi Berbasis Data
 
Cara membuat mail merge di word 2007
Cara membuat mail merge di word 2007Cara membuat mail merge di word 2007
Cara membuat mail merge di word 2007
 
Modul Acces 2007 KKPI
Modul Acces 2007 KKPIModul Acces 2007 KKPI
Modul Acces 2007 KKPI
 
Langkah mail merge lebih 2 data satu kertas
Langkah mail merge lebih 2 data satu kertasLangkah mail merge lebih 2 data satu kertas
Langkah mail merge lebih 2 data satu kertas
 
Panduan lengkap microsoft access 2010
Panduan lengkap microsoft access 2010Panduan lengkap microsoft access 2010
Panduan lengkap microsoft access 2010
 
Modulword
ModulwordModulword
Modulword
 
Tutorial membuat database menggunakan acces 2007 (peni)
Tutorial membuat database menggunakan acces 2007 (peni)Tutorial membuat database menggunakan acces 2007 (peni)
Tutorial membuat database menggunakan acces 2007 (peni)
 
Tugas tik hania
Tugas tik haniaTugas tik hania
Tugas tik hania
 

Viewers also liked

Proyek 6 dasar dasar spreed sheet
Proyek 6 dasar dasar spreed sheetProyek 6 dasar dasar spreed sheet
Proyek 6 dasar dasar spreed sheetFadlichi
 
Proyek 9 formulir dan laporan basis data
Proyek 9 formulir dan laporan basis dataProyek 9 formulir dan laporan basis data
Proyek 9 formulir dan laporan basis dataFadlichi
 
Proyek 10 query basis data basis data text book
Proyek 10 query basis data basis data text bookProyek 10 query basis data basis data text book
Proyek 10 query basis data basis data text bookFadlichi
 
Proyek 7 spreadsheet dengan penyimpan data contoh minivan
Proyek 7 spreadsheet dengan penyimpan data contoh minivanProyek 7 spreadsheet dengan penyimpan data contoh minivan
Proyek 7 spreadsheet dengan penyimpan data contoh minivanFadlichi
 
Proyek 11 query basis data basis data class project
Proyek 11 query basis data basis data class projectProyek 11 query basis data basis data class project
Proyek 11 query basis data basis data class projectFadlichi
 
BAB 12 Laporan Berdasarkan Query
BAB 12 Laporan Berdasarkan QueryBAB 12 Laporan Berdasarkan Query
BAB 12 Laporan Berdasarkan QueryFadlichi
 
Proyek 8 spreadsheet dengan penyimpan data contoh college computing
Proyek 8 spreadsheet dengan penyimpan data contoh college computingProyek 8 spreadsheet dengan penyimpan data contoh college computing
Proyek 8 spreadsheet dengan penyimpan data contoh college computingFadlichi
 

Viewers also liked (7)

Proyek 6 dasar dasar spreed sheet
Proyek 6 dasar dasar spreed sheetProyek 6 dasar dasar spreed sheet
Proyek 6 dasar dasar spreed sheet
 
Proyek 9 formulir dan laporan basis data
Proyek 9 formulir dan laporan basis dataProyek 9 formulir dan laporan basis data
Proyek 9 formulir dan laporan basis data
 
Proyek 10 query basis data basis data text book
Proyek 10 query basis data basis data text bookProyek 10 query basis data basis data text book
Proyek 10 query basis data basis data text book
 
Proyek 7 spreadsheet dengan penyimpan data contoh minivan
Proyek 7 spreadsheet dengan penyimpan data contoh minivanProyek 7 spreadsheet dengan penyimpan data contoh minivan
Proyek 7 spreadsheet dengan penyimpan data contoh minivan
 
Proyek 11 query basis data basis data class project
Proyek 11 query basis data basis data class projectProyek 11 query basis data basis data class project
Proyek 11 query basis data basis data class project
 
BAB 12 Laporan Berdasarkan Query
BAB 12 Laporan Berdasarkan QueryBAB 12 Laporan Berdasarkan Query
BAB 12 Laporan Berdasarkan Query
 
Proyek 8 spreadsheet dengan penyimpan data contoh college computing
Proyek 8 spreadsheet dengan penyimpan data contoh college computingProyek 8 spreadsheet dengan penyimpan data contoh college computing
Proyek 8 spreadsheet dengan penyimpan data contoh college computing
 

Similar to Proyek 5 formulir pembelian buku web html

Proyek 4 sistem informasi manajamen
Proyek 4 sistem informasi manajamenProyek 4 sistem informasi manajamen
Proyek 4 sistem informasi manajamenFadlichi
 
Sim bab 4 praktek
Sim bab 4 praktekSim bab 4 praktek
Sim bab 4 praktekrainbi
 
Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Arifin Swift
 
Pemrograman Web & Perangkat Bergerak - materi Form
Pemrograman Web & Perangkat Bergerak - materi FormPemrograman Web & Perangkat Bergerak - materi Form
Pemrograman Web & Perangkat Bergerak - materi FormHernowo Indra Gunanto
 
4 basic html form
4 basic html form4 basic html form
4 basic html formM Stalaktit
 
Modul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaModul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaDoni Andriansyah
 
mendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedurmendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedurMarliani Devita
 
Tugas2 1300631019
Tugas2 1300631019Tugas2 1300631019
Tugas2 1300631019setiyo muji
 
Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3Sugar Ray
 
Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3Sugar Ray
 
Ajax enabled java servertm faces web application
Ajax enabled java servertm faces web applicationAjax enabled java servertm faces web application
Ajax enabled java servertm faces web applicationch3p3r
 

Similar to Proyek 5 formulir pembelian buku web html (20)

Bab 4 proyek
Bab 4 proyekBab 4 proyek
Bab 4 proyek
 
Proyek 4 sistem informasi manajamen
Proyek 4 sistem informasi manajamenProyek 4 sistem informasi manajamen
Proyek 4 sistem informasi manajamen
 
SIM Proyek 4
SIM Proyek 4SIM Proyek 4
SIM Proyek 4
 
Sim bab 4 praktek
Sim bab 4 praktekSim bab 4 praktek
Sim bab 4 praktek
 
Sim bab 4 praktek
Sim bab 4 praktekSim bab 4 praktek
Sim bab 4 praktek
 
Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)
 
Pemrograman Web & Perangkat Bergerak - materi Form
Pemrograman Web & Perangkat Bergerak - materi FormPemrograman Web & Perangkat Bergerak - materi Form
Pemrograman Web & Perangkat Bergerak - materi Form
 
webdesign dasar : 08 form
webdesign dasar : 08 formwebdesign dasar : 08 form
webdesign dasar : 08 form
 
4 basic html form
4 basic html form4 basic html form
4 basic html form
 
Pertemuan 3-html
Pertemuan 3-htmlPertemuan 3-html
Pertemuan 3-html
 
elearning of exercise
elearning of exerciseelearning of exercise
elearning of exercise
 
Modul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaModul web design - studi kasus website portal berita
Modul web design - studi kasus website portal berita
 
mendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedurmendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedur
 
Tugas2 1300631019
Tugas2 1300631019Tugas2 1300631019
Tugas2 1300631019
 
Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3
 
Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3Tugas Pw 20 Dreamweaver Cs3
Tugas Pw 20 Dreamweaver Cs3
 
Ajax enabled java servertm faces web application
Ajax enabled java servertm faces web applicationAjax enabled java servertm faces web application
Ajax enabled java servertm faces web application
 
Presentasi modul 7
Presentasi modul 7Presentasi modul 7
Presentasi modul 7
 
akses internet 9a k1
akses internet 9a k1akses internet 9a k1
akses internet 9a k1
 
Modul access-20071
Modul access-20071Modul access-20071
Modul access-20071
 

More from Fadlichi

Proyek 12 laporan berdasarkan query
Proyek 12 laporan berdasarkan queryProyek 12 laporan berdasarkan query
Proyek 12 laporan berdasarkan queryFadlichi
 
Proyek 3 web html menggunakan notepad
Proyek 3 web html menggunakan notepadProyek 3 web html menggunakan notepad
Proyek 3 web html menggunakan notepadFadlichi
 
Proyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front pageProyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front pageFadlichi
 
Proyek 1 keahlian teknologi sehari hari
Proyek 1 keahlian teknologi sehari hariProyek 1 keahlian teknologi sehari hari
Proyek 1 keahlian teknologi sehari hariFadlichi
 
Bab 9 keamanan informasi
Bab 9 keamanan informasiBab 9 keamanan informasi
Bab 9 keamanan informasiFadlichi
 
Bab 7 pengembangan sistem
Bab 7 pengembangan sistemBab 7 pengembangan sistem
Bab 7 pengembangan sistemFadlichi
 
Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)
Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)
Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)Fadlichi
 
Bab 1 pengantar sistem operasi
Bab 1 pengantar sistem operasiBab 1 pengantar sistem operasi
Bab 1 pengantar sistem operasiFadlichi
 
BAB 10 Query Basis Data Basis Data Textbook
BAB 10 Query Basis Data Basis Data TextbookBAB 10 Query Basis Data Basis Data Textbook
BAB 10 Query Basis Data Basis Data TextbookFadlichi
 
BAB 11 Sistem Pendukung Pengambilan Keputusan
BAB 11 Sistem Pendukung Pengambilan KeputusanBAB 11 Sistem Pendukung Pengambilan Keputusan
BAB 11 Sistem Pendukung Pengambilan KeputusanFadlichi
 
BAB 8 Informasi Dalam Praktik
BAB 8 Informasi Dalam PraktikBAB 8 Informasi Dalam Praktik
BAB 8 Informasi Dalam PraktikFadlichi
 
BAB 6 Sistem Manajemen Basis Data
BAB 6 Sistem Manajemen Basis DataBAB 6 Sistem Manajemen Basis Data
BAB 6 Sistem Manajemen Basis DataFadlichi
 
BAB 5 Sumber Daya Komputasi dan Komunikasi
BAB 5 Sumber Daya Komputasi dan KomunikasiBAB 5 Sumber Daya Komputasi dan Komunikasi
BAB 5 Sumber Daya Komputasi dan KomunikasiFadlichi
 
BAB 4 Pengguna dan Pengembang Sistem
BAB 4 Pengguna dan Pengembang SistemBAB 4 Pengguna dan Pengembang Sistem
BAB 4 Pengguna dan Pengembang SistemFadlichi
 
BAB 2 Sistem Informasi Untuk Keunggulan Kompetitif
BAB 2 Sistem Informasi Untuk Keunggulan KompetitifBAB 2 Sistem Informasi Untuk Keunggulan Kompetitif
BAB 2 Sistem Informasi Untuk Keunggulan KompetitifFadlichi
 

More from Fadlichi (15)

Proyek 12 laporan berdasarkan query
Proyek 12 laporan berdasarkan queryProyek 12 laporan berdasarkan query
Proyek 12 laporan berdasarkan query
 
Proyek 3 web html menggunakan notepad
Proyek 3 web html menggunakan notepadProyek 3 web html menggunakan notepad
Proyek 3 web html menggunakan notepad
 
Proyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front pageProyek 2 web html menggunakan microsoft front page
Proyek 2 web html menggunakan microsoft front page
 
Proyek 1 keahlian teknologi sehari hari
Proyek 1 keahlian teknologi sehari hariProyek 1 keahlian teknologi sehari hari
Proyek 1 keahlian teknologi sehari hari
 
Bab 9 keamanan informasi
Bab 9 keamanan informasiBab 9 keamanan informasi
Bab 9 keamanan informasi
 
Bab 7 pengembangan sistem
Bab 7 pengembangan sistemBab 7 pengembangan sistem
Bab 7 pengembangan sistem
 
Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)
Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)
Bab 3 menggunakan teknologi informasi dalam menjalankan elektronik (e commerce)
 
Bab 1 pengantar sistem operasi
Bab 1 pengantar sistem operasiBab 1 pengantar sistem operasi
Bab 1 pengantar sistem operasi
 
BAB 10 Query Basis Data Basis Data Textbook
BAB 10 Query Basis Data Basis Data TextbookBAB 10 Query Basis Data Basis Data Textbook
BAB 10 Query Basis Data Basis Data Textbook
 
BAB 11 Sistem Pendukung Pengambilan Keputusan
BAB 11 Sistem Pendukung Pengambilan KeputusanBAB 11 Sistem Pendukung Pengambilan Keputusan
BAB 11 Sistem Pendukung Pengambilan Keputusan
 
BAB 8 Informasi Dalam Praktik
BAB 8 Informasi Dalam PraktikBAB 8 Informasi Dalam Praktik
BAB 8 Informasi Dalam Praktik
 
BAB 6 Sistem Manajemen Basis Data
BAB 6 Sistem Manajemen Basis DataBAB 6 Sistem Manajemen Basis Data
BAB 6 Sistem Manajemen Basis Data
 
BAB 5 Sumber Daya Komputasi dan Komunikasi
BAB 5 Sumber Daya Komputasi dan KomunikasiBAB 5 Sumber Daya Komputasi dan Komunikasi
BAB 5 Sumber Daya Komputasi dan Komunikasi
 
BAB 4 Pengguna dan Pengembang Sistem
BAB 4 Pengguna dan Pengembang SistemBAB 4 Pengguna dan Pengembang Sistem
BAB 4 Pengguna dan Pengembang Sistem
 
BAB 2 Sistem Informasi Untuk Keunggulan Kompetitif
BAB 2 Sistem Informasi Untuk Keunggulan KompetitifBAB 2 Sistem Informasi Untuk Keunggulan Kompetitif
BAB 2 Sistem Informasi Untuk Keunggulan Kompetitif
 

Recently uploaded

Dasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikDasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikThomasAntonWibowo
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfirwanabidin08
 
contoh penulisan nomor skl pada surat kelulusan .pptx
contoh penulisan nomor skl pada surat kelulusan  .pptxcontoh penulisan nomor skl pada surat kelulusan  .pptx
contoh penulisan nomor skl pada surat kelulusan .pptxHR MUSLIM
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfMAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfChananMfd
 
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxSlasiWidasmara1
 
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxMateri IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxmuhammadkausar1201
 
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)MustahalMustahal
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdfanitanurhidayah51
 
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...MetalinaSimanjuntak1
 
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdfDiskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdfHendroGunawan8
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfbibizaenab
 
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxPPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxSaefAhmad
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...Kanaidi ken
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..ikayogakinasih12
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMIGustiBagusGending
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxIgitNuryana13
 
Latsol TWK Nasionalisme untuk masuk CPNS
Latsol TWK Nasionalisme untuk masuk CPNSLatsol TWK Nasionalisme untuk masuk CPNS
Latsol TWK Nasionalisme untuk masuk CPNSdheaprs
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptArkhaRega1
 

Recently uploaded (20)

Dasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolikDasar-Dasar Sakramen dalam gereja katolik
Dasar-Dasar Sakramen dalam gereja katolik
 
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdfREFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
REFLEKSI MANDIRI_Prakarsa Perubahan BAGJA Modul 1.3.pdf
 
contoh penulisan nomor skl pada surat kelulusan .pptx
contoh penulisan nomor skl pada surat kelulusan  .pptxcontoh penulisan nomor skl pada surat kelulusan  .pptx
contoh penulisan nomor skl pada surat kelulusan .pptx
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdfMAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
MAKALAH KELOMPOK 7 ADMINISTRASI LAYANAN KHUSUS.pdf
 
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
 
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxMateri IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
 
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
Prakarsa Perubahan ATAP (Awal - Tantangan - Aksi - Perubahan)
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdf
 
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
 
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdfDiskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
Diskusi PPT Sistem Pakar Sesi Ke-4 Simple Naïve Bayesian Classifier .pdf
 
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdfBab 6 Kreatif Mengungap Rasa dan Realitas.pdf
Bab 6 Kreatif Mengungap Rasa dan Realitas.pdf
 
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxPPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
 
Latsol TWK Nasionalisme untuk masuk CPNS
Latsol TWK Nasionalisme untuk masuk CPNSLatsol TWK Nasionalisme untuk masuk CPNS
Latsol TWK Nasionalisme untuk masuk CPNS
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
 

Proyek 5 formulir pembelian buku web html

  • 1. 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
  • 2.
  • 3. 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
  • 4. 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.
  • 5. 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.
  • 6.  <html> </html>  <head> </head>  <body> </body>
  • 7. <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
  • 8. <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
  • 9. <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
  • 10. <hyperlink> : untuk membuka link ke halaman selanjutnya  <a href> : Untuk Membuat Link Ke Halaman Lain Atau Ke Bagian Lain Dari Halaman
  • 11. Kotak Teks : <input type="text" name=“murid" size=35>  Area Text : <textarea name="comments" rows=5 cols=40 wrap="yes"> </textarea>
  • 12. 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">
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 29.
  • 30.
  • 31.
  • 32. File untuk Form action :
  • 33.
  • 34. 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 :
  • 35.
  • 36.
  • 37.
  • 38. ATAS PERHATIANNYA KAMI UCAPKAN TERIMA KASIH WASSALAM