S

PONTIANAK,16 SEPTEMBER 2019

DINI WIDIYASTI

DAFTAR ISI

JUDUL HALAMAN..............................................................................................................1
KATA PENGANTAR............................................................................................................2
DAFTAR ISI..........................................................................................................................3
Contents...................................................................................................................................3
BAB I......................................................................................................................................4
PENDAHULUAN..................................................................................................................4
1.1 Latar Belakang.............................................................................................................4
1.2 Ruang Lingkup Penelitian...........................................................................................4
1.3 Tujuan dan Manfaat....................................................................................................5
Tujuan :..........................................................................................................................5
Manfaat :........................................................................................................................5
BAB II.....................................................................................................................................6
ISI............................................................................................................................................6
A. Landasan Teori/Definisi................................................................................................6
B. Ulasan Tentang Website, HTML, GET, dan POST........................................................7
C Penyelesaian Masalah................................................................................................9

1
 D. Hasil..............................................................................................................................11
BAB III.................................................................................................................................13
PENUTUP............................................................................................................................13
3.1 Kesimpulan.................................................................................................................13
3.2 Saran...........................................................................................................................13
DAFTAR PUSTAKA.......................................................................................................14

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi di dunia Website dewasa ini semakin pesat dan tidak
terbatas. Hal ini ditandai dengan maraknya produsen yang mulai mengunakan website
tidak hanya sebagai media untuk mengiklankan sesuatu, tetapi juga untuk memenuhi
segala kebutuhannya, mulai dari kebutuhan di bidang Industri, Kepolisian,
Pendidikan sampai kebutuhan Rumah tangga. Banyaknya Website-website yang telah
diciptakan membutikan bahwa banyaknya persaingan di bidang Web. Setiap Web
Designer dan Web Programmer saling berlomba dalam menciptakan inovasi baru
dibidang web. Pembuatan Web itu sendiri merupakan perpaduan antara sintak
HTML, MYSQL, JavaScript dengan PHP MyAdmin dan lain sebagainya.
Website merupakan salah satu pemanfaatan komputer yang terintegrasi
dengan internet. Website terbagi menjadi dua yaitu website statis dan website
dinamis. Sebuah website dinamis tidak akan terlepas dari yang namanya form yang
disediakan untuk pengguna dengan tujuan memudahkan pengguna dalam melakukan
entry data. Data-data yang dimasukkan oleh pengguna harus diolah sistem dalam hal
ini adalah web. Web dapat melakukan pengolahan data dengan menggunakan method
GET dan POST yang akan menjadi salah satu properti dari tag form.
Form merupakan bagian yang penting dari suatu web. Form adalah sebuah
daftar isi yang merupakan salah satu penampilan interaktif yang paling popular di
internet. Form atau daftar isian ini digunakan untuk meminta informasi dari user yang
kemudian akan diolah. Secara umum, pengolahan form dilakukan dengan
menggunakan script yang bersifat server – side. Dengan hal ini mahasiswa
diwajibkan untuk mengetahui dan mengelola sebuah form menggunakan dua metode
pengiriman data dan bisa mengririmkan nilai form html kedalam bentuk php. Dalam

2
pembuatan sebuah form mahasiswa wajib mengetahui bahasa pemrograman HTML.
Karna HTML sebagai bahasa pemrograman dasar untuk membuat sebuah halaman
website berupa form. HTML sendiri merupakan bahasa mark up yang khususkan
untuk pengolahan dokumen. HTML mendefinisikan sebuah elemen yang terdiri atas
paragraf,teks,dsb, dimana mahasiswa harus bisa memahami elemen-elemen yang ada
di HTML.

1.2 Ruang Lingkup Penelitian

Dalam laporan praktikum ini memaparkan pembuatan sebuah form yang
menggunakan metode pengiriman data yaitu menggunakn GET dan POST. Yang
mana setelah dibuatnya sebuah form maka di form tersebut dapat menampilkan data
yang telah di masukan dari form dengan menggunakan php. .
1.3 Tujuan dan Manfaat
Tujuan :
1) Mahasiswa mampu memahami tentang penggunaan form
2) Mahasiswa dapat mengetahui tentang perbedaan metode GET dan POST
Manfaat :
1) Memberikan pemahaman kepada mahasiswa untuk mengelola sebuah form dengan
metode GET dan POST.
2) Memberikan pengetahuan kepada mahasiswa elemen-elemen dan atribut dalam
pembuatan form.

3
 BAB II

ISI

A. Landasan Teori/Definisi
Website adalah kumpulan informasi/kumpulan page yang biasa
diakses lewat jalur internet. Setiap orang di berbagai tempat dan segala waktu
bisa menggunakannya selama terhubung secara online di jaringan internet.
Secara teknis, website adalah kumpulan dari page, yang tergabung kedalam
suatu domain atau subdomain tertentu. Website-website yang ada berada di
dalam World Wide Web(WWW) Internet. Dan suatu dokumen berupa
kumpulan halaman web yang saling terhubung dan isinya terdiri dari berbagai
informasi berbentuk teks, suara, gambar, video, dan lainnya, dimana semua
data tersebut disimpan pada server hosting.
Form merupakan salah satu bentuk halaman web yang digunakan
untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari
pengguna tersebut diolah menggunakan bahasa pemrograman web, baik
secara server side scripting(misalkan PHP, JSP) ataupun client-side scripting
(javascript). Form dapat digunakan untuk berbagai keperluan seperti
keperluan login, transaksi penjualan,mengumpulkan informasi atau meminta
umpan balik dari pengguna, menawarkan barang/jasa secara on-line dan
sebagainya. Form sangat sering kita jumpai dalam satu aplikasi sistem
informasi berbasis web. Form identik dengan formulir, form sangat

4
 dibutuhkan pada saat kita mengijinkan atau menginginkan adanya nilai/data
yang dipilih atau dimasukkan oleh pengguna seperti momentar tamu ke situs
web/blog atau pilihan dari jenis suatu kelompok item tertentu. Kapasitas dari
form hanya menyediakan media entry data dan mengirimkannya tetapi tidak
untuk menerima dan mengolah.

B. Ulasan Tentang Website, HTML, GET, dan POST

 Website

Website merupakan kumpulan halaman yang menampilkan informasi

data teks,data gambar, data animasi, suara, video atan gabungan dari
semuanya. Beragam website bermunculan dengan aneka corak dan
ragamnya. Mulai dari website yang sederhana dengan hanya
mengandalkan beberapa halaman statis HTML sampai website dinamis
yang menggunakan teknik pengembangan yang kompleks.Proses
pembuatan website bukan hal yang mudah. Kemajuan teknologi
khususnya dibidang pengembangan website menyebabkan proses
pembuatan website yang baik bukan lagi pekerjaan yang sulit. Dampak
dari perkembangan website yang pesat mengakibatkan tidak semua
pengembang website dapat mengikutinya dengan baik

 HTML

HTML adalah sebuah markup untuk menstrukturkan dan

menampilkan isi dari halaman web. HTML (yang pertama kali diciptakan
pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan
hingga bulan juni 2011 tetap dalam proses pengembangan. Tujuan utama
pengembangan HTML5 adalah untuk memberbaiki teknologi HTML agar

5
 mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia
dan juga mudah mengerti oleh mesin. HTML5 merupakan salah satu
karya World Wide Web Consertium, W3C untuk mendefinisikan sebuah
bahasa markup tunggal yang dapat ditulis dengan cara HTML 4.01 dan
XHTML 1.1 yang selama ini berjalan terpisah, dan diimplemetasikan
secara berbeda beda oleh banyak perangkat lunak pembuat web.

Html disusun dengan kode dan symbol tertentu yang dimasukkan ke

dalam sebuah file atau dokumen. Jadi setiap Anda membuka website
apapun dengan menggunakan browser maka web tersebut dibuat dengan
menggunakan html.

 Tag
Tag merupakan satu kata atau lebih sebagai perintah yang diolah
didalam dokumen HTML. Seperti halnya kelompok atau kumpulan kata, tag
digunakan untuk mengklasifikasikan sebuah artikel maupun content di dalam
sebuah situs. Tag berbentuk lebih fleksibel apabila dibandingkan dengan
kelompok kata lain. Tag digunakan biasa melalui caya yang lebih spesifik
sebagai salah satu kata kunci atau keyword satu halaman yang spesifik di
suatu website/blog. Dalam satu halaman artikel atau tulisan umumnya
diberikan kata kata sinonim serta juga banya tag didalamnya. Berikut
beberapa tag pada HTML beserta fungsinya.
web teman-teman. Ukurannya biasanya tidak boleh lebih dari 160 karakter,
dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya
di awal halaman web page yang bersangkutan.Jadi fungsi dari meta tag
decription adalah untuk mengemukakan ringkasan informasi dari satu judul
halaman postingan pada Search Engine dimana ringkasan tersebut Cuma

6
 muncul di halaman indeks pencarian. Sebagai contoh hasil pencarian oleh
spider google serta search engine yang lain hingga bisa di mengerti oleh user
yang tengah melacak judul artikel tersebut serta relevan dengan yang mereka
cari.
 GET
Method ini menyebabkan data yang dikirimkan kepada

server disatukan dengan string URL pada bagian address browser

atau dengan kata lain cara mengirimkan data ke serve dari sisi

client. Kelemahan dari penggunaan method ini adalah data yang

digunakan sebagai parameter akan ditampilkan pada URL,

sehingga tidak bisa digunakan untuk data-data yang bersifat

sensitif seperti username, password dan lain sebagainya. Untuk

memanggil value dari sebuah parameter diharuskan dengan

menggunakan fungsi $_GET[““]

Sintaks:

$nama_var=$_GET[“nama_parameter”];

Fungsi ini berlaku untuk semua mekanisme pemanggilan

parameter yang dikirimkan di sisi client misalnya:

•Pemanggilan parameter dari form dengan method get

•Link
 POST
Cara untuk mengirimkan data ke server dengan cara
memisahlan data yang diisikan oleh pengunjung dengan string URL-nya
atau dengan kata lain cara mengirimkan data ke server dari sisi server.

7
 Untuk memanggil value dari sebuah parameter diharuskan dengan
menggunakan fungsi $_POST[“nama parameter”]

C. Penyelesaian Masalah
Dalam peembuatan form ini menggunakan beberapa tag dan atribut
dalam proses perancangan, diantaranya:
 TAG
1) Elemen <p> untuk membuat paragraf
2 ) Elemen <br> mendefinisikan jeda baris baris
3) Elemen <head> berisi informasi meta tentang dokumen
4) Elemen <title> menentukan judul untuk dokumen
5) Elemen <html> adalah elemen root dari halaman HTML
6) Elemen <h1> membuat heading besar
7) Elemen <body> berisi konten halaman yang terlihat
8) Elemen <tr> untuk mendefinisikan baris tabel
9.) Elemen <td> untuk mendefinisikan data tabel
10) Elemen <input type=”text” > untuk menentukan bidang input teks
satu baris
11) Elemen <input type=”radio”> untuk menentukan tombol radio
(untuk memilih satu dari banyak pilihan)
12) Elemen <input type=”submit”> tombol kirim untuk mengirimkan
data formulir
13) Elemen <fieldset> digunakan untuk mengelompokkan data terkait
dalam formulir
14) Elemen <legend> mendefinisikan keterangan utnuk elemen
<fieldset>
15) Elemen <text area> mendefinisikan bidang inpit multi-baris
16) Elemen <button> menentukan tombol yang dapat diklik

8
  ATRIBUT
1) Atribut action untuk menentukan tindakan yang akan dilakukan
ketika formulir dikirmkan
2) Atribut method menentukan metode HTTP (GET atau POST)
yang akan digunakan saat mengirimkan data formulir
3) Atribut form menentukan satu atau lebih bentuk dari elemen
<input>

D . Hasil

1.POST

9
10
2.GET

11
12
 BAB III

PENUTUP

3.1 Kesimpulan
Kesimpulan dari laporan dan pembahasan dari Pemrograman Web 1 ini
adalah untuk mempelajari dasar pemrograman HTML dan membuat form untuk
pemecahan masalah dengan menggunakan fungsi yang ada dalam HTML. Dan dari
laporan ini kita bisa mengetahui elemen-elemen dan atribut-atribut apa saja yang bisa
kita gunakan untuk membuat sebuah form dan bisa mengerti fungsi-fungsi dari
elemen dan atribut tersebut.

3.2 Saran
Sebelum membuat sebuah form kita harus tau bahasa pemrograman apa yang
kita gunakan dan mempelajarinya dahulu agar pada saat kita membuat form kita
sudah mengerti apa yang pertama kali harus kita lakukan dalam membuat form.

13
 DAFTAR PUSTAKA

http://coretanasal.blogspot.com/2008/08/teori-dasar-form.html
http://ujangsulaemanhanafiah.blogspot.com/2015/02/pengolahan-input-dari-
form.html
http://blogefariez.blogspot.com/2015/08/php-pengolahan-data-dari-form.html
http://husnulcl.blogspot.com/2013/03/penggunaan-variabel-dalam-form-html.html

https://www.nesabamedia.com/cara-membuat-form-di-html/

http://repository.unpas.ac.id/26649/2/Bab1_113040202.pdf
https://www.dewaweb.com/blog/pengertian-website/
https://www.galitekno.com/2016/11/pengertian-dan-fungsi-form-html.html
http://blogefariez.blogspot.com/2015/08/php-pengolahan-data-dari-form.html
w3scholl

14
15