PRAKTIKUM STRUKTUR DATA KE 4

LAPORAN HASIL PRAKTIKUM

PEMROGRAMAN TERSTRUKTUR

FORMFIELDSET

Disusun guna untuk memenuhi

Tugas Mata Kuliah Praktikum Pemrograman Terstruktur

Dosen Pengampu Imanaji Hari Sayekti, S.Pd., M.Pd

Disusun oleh :

Osi Ulfah

17 MI 0014

JURUSAN MANAJEMEN INFORMATIKA

AKADEMI MANAJEMEN INFORMATIKA

DAN KOMPUTER PGRI KEBUMEN 

TAHUN 2017 / 2018

KATA PENGANTAR

            Syukur Alhamdulillah kita sampaikan kepada kehadirat Allah SWT, karena dengan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan tugas laporan ini tepat pada waktunya.

            Sholawat serta salam tak bosan-bosannya kita ucapkan kepada baginda Rasulullah SAW yang telah membawa umatnya kepada jalan kebenaran yang diridhai oleh Allah SWT dari dunia sampai akhirat.

            Laporan ini berjudul “Laporan Hasil Praktikum Formfieldset” ditulis dengan tujuan untuk menyelesaikan tugas individu dalam mata kuliah Praktikum Pemrograman Terstruktur.

            Namun perlu disadari bahwa, masih banyak kekurangan dalam penyusunan laporan ini, oleh karenanya segala perbaikan yang mengarah supaya laporan ini mendekati sempurna, penulis sangat mengharapkan kritik dan saran dari pembaca.

Atas perhatian saudara penulis ucapkan banyak terimakasih.

                                                                                    Kebumen, 22 April 2018

                                                                                                Penulis

BAB I

PENDAHULUAN

A.     Latar Belakang

Teknologi semakin hari semakin berkembang. Salah satunya teknologi informasi, banyak sekali bidang yang memanfaatkan teknologi Informasi. Tuntutan kebutuhan akan informasi dan penggunaan komputer yang semakin banyak mendorong terbentuknya sebuah jaringan komputer yang mampu melayani berbagai kebutuhan tertentu.

Jaringan komputer kita kenal dengan nama internet. Internet bisa diakses dan dimanfaatkan untuk berbagai keperluan, oleh siapa saja dan dimana saja, kapanpun kita mau menggunakannya.Salah satunya adalah web, yang mampu menyediakan informasi dalam bentuk teks, gambar, suara maupun gambar bergerak. Dengan kemampuan sepeti ini, web menjadi sangat terkenal dan perkembangannya sangatlah pesat.

Dengan terus berkembangnya roda perkembangan teknologi, web berkembang menjadi alat bantu yang tidak hanya mampu menyediakan informasi, namun juga mampu untuk mengolah informasi. Proses pengolahan informasi dengan memanfaatkan teknologi web menyebabkan web menjadi media yang dinamis. Hal ini membutuhkan sarana teknis yang yang menentukan. Sarana tersebut banyak bergantung pada penggunaan perangkat lunak yang kuat, aman, terpercaya, dan cepat.

Pada kesempatan ini penulis akan membahas tentang bahasa pemrograman HTML Formfieldset sebagai salah satu perangkat lunak yang turut menentukan dapat digunakannya media web sebagai media pengolah informasi.

B.     Tujuan

1.      Memahami HTML Formfieldset

2.      Mampu mengimplementasikan HTML Formfieldset.

BAB II

PEMBAHASAN

A.     Ringkasan Teori

HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai halaman web dibangun oleh kode-kode HTML.

Daftar inputan dan konten sebuah form dapat dikelompokkan dalam satu group dan diberi nama tertentu menggunakan element legend yang ditulis langsung setelah element <fieldset>. Penggunaan <fieldset> berkaitan dengan element form yang digunakan sebagai induk element dari <fieldset> itu sendiri.

Fungsi tag fieldset lebih kepada segi interface form yaitu untuk mempercantik dan merapihkan form HTML. Tag Fieldset berfungsi untuk mengelompokan beberapa objek form menjadi sebuah kelompok form. Sedangkan  Tag Legend berfungsi untuk memberikan judul pada kelompok objek form tersebut. Penggunaan tag fieldset dan tag legend harus digunakan secara bersamaan karena kedua tag tersebut saling berkaitan. Rata tulisan tag legend yaitu rata kiri, tetapi anda juga bisa merubah rata text legend dengan menambahkan atribut align. Dalam penggunaannya, elemen legend ditulis secara langsung (tanpa didahului element lain) sebagai anak element dari <fieldset>.

<tr> [tabel row] baris tabel, berfungsi membatasi jumlah kolom yg di hasilkan oleh <td> kalau kolom yg di hasilkan oleh td tak akan bisa lagi bertambah apabila tr nya telah di tutup </tr>. Tabel row <tr> membentuk kolom secara menurun.

<td>[tabel data] fungsi dasar td adalah membentuk kolom untuk menyimpan sesuatu, disini terserah kalian mau menyimpan apa,
dan dia terikat oleh aturan tr. Jadi dia tak bebas berkeliaran karna terikat oleh tr. Tabel data <td> membentuk kolom secara mendatar.

Elemen button menampilkan tombol yang dapat diklik. fieldset digunakan untuk menggabungkan beberapa elemen form dalam sebuah form. Elemen input digunakan untuk membuat kontrol interaktif untuk form. Elemen label merepresentasikan judul dari sebuah item dalam antar muka user Elemen textarea merepresentasikan sebuah kontrol edit dengan multi baris.

           B.     Alat dan Bahan

1.      PC 1 unit support netbean.

2.      Software java SDK

            C.     Keselamatan Kerja

1.      Gunakan peralatan sesuai dengan fungsinya

2.      Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan

            D.     Langkah - langkah

Kali ini saya akan berbagi bagaimana membuat form Fieldset melalui Java Netbeans 8.2, berikut langkah - langkahnya :

1. Langkah pertama buka dulu project kita, dengan Klik File Pilih Open Project lalu Klik Project yang dicari Klik Open Project 

2. Setelah itu kita buat file jsp baru dengan Klik Kanan pada jsp lalu Pilih New Klik JSP... kemudian isi pada bagian File Name untuk memberi nama file jsp yang baru, misalnya Formfieldset.html lalu Klik finish

3. Selanjutnya masukkan kode berikut 

4. Kemudian Buka Halojava, lalu masukkan mav..setViewName("Formfieldset.html"); untuk menampilkan jsp yang baru

5. Langkah berikutnya lakukan Clean and Build, dengan Klik Kanan pada PemrogramanTerstruktur atau dibagian nama project, lalu Klik Clean and Build

6. Setelah proses Clean and Build selesai, lakukan Deploy dengan Klik Kanan pada PemrogramanTerstruktur atau dibagian nama project, lalu Klik Deploy

7.  Setelah proses Deploy selesai, lakukan Run untuk menampilkan hasil dibrowser, dengan Klik Kanan pada PemrogramanTerstruktur atau dibagian nama project, lalu Klik Run, maka secara otomatis membuka Mozilla Firefox

8.  Jika berhasil maka tampilannya seperti berikut :

     Finally, selesai sudah langkah-langkah membuat formfieldset di java netbeans, semoga bermanfaat. Mohon maaf apabila banyak kekurangan dan penjelasan yang kurang jelas. Selamat Mencoba. Terimakasih sudah berkenan membaca :)