Heru Prasetyo: November 2016

Membuat Form Input dan Output Dengan Menggunakan PHP

Input dan Output adalah Struktur yang paling banyak digunakan. Input merupakan tampilan untuk menginput atau memasukan data-data, kemudian data tersebut akan di proses. Selanjutnya hasil dari proses tersebut akan ditampilkan pada komponen output.

PHP adalah Script pemrograman yang menyatu dengan HTML untuk membuat halaman Website yang dinamis dan dijalankan pada server agar bisa mengolah, mengedit, menyimpan dan menampilkan data-data kesebuah situs.

okey, sekarang kita belajar membuat input dan output sederhana dengan PHP. disini saya menggunakan 2 software terdiri dari Xampp sebagai server dan Adobe Dreamweaver sebagai editor membuat situs website. Untuk membuat Website tidak harus menggunakan Adobe Dreamweaver, hanya saya memakai software tersebut. Berikut codingannya :

1. Kalian harus udah terinstal software Xampp dan Adobe Dreamweaver terlebih dahulu. Jika belum punya Softwarenya bisa download disini.
2. setelah semua udah terinstal, maka buka software Adobe Dreamweavernya. kemudian Create New dan pilih PHP.

3. Lalu simpan source code di dalam folder Xampp pilih folder Htdocs, kemudian berikan forder belajar. masukan input.php dan output.php di dalam forder belajar.

(C:\xampp\htdocs\belajar)

4. Buat sebuah halaman input dan berikan namanya dengan input.php

<html>
<head>
<title>Input</title>
</head>

<body>
<form action="output.php" method="post">
<table border="1" align="center">
<tr>
    <td>Nama Barang</td>
    <td>:</td>
    <td><input type="text" name="namabarang"/></td>
</tr>
<tr>
    <td>Ukuran Barang</td>
    <td>:</td>
    <td><input type="radio" name="ukuran" value="kecil" />KECIL
     <input type="radio" name="ukuran" value="sedang" />SEDANG
     <input type="radio" name="ukuran" value="besar" />BESAR</td>
</tr>
<tr>
    <td>Warna Barang</td>
    <td>:</td>
    <td><select name="warna">
       <option value="biru">BIRU</option>
         <option value="kuning">KUNING</option>
         <option value="abu">ABU-ABU</option>
         <option value="ungu">UNGU</option>
         <option value="merahmuda">MERAH MUDA</option>
         <option value="putih">PUTIH</option>
         <option value="hitam">HITAM</option>
     </select></td>
</tr>
<tr>
    <td>Spesifikasi</td>
    <td>:</td>
    <td><input type="text" name="spesifikasi"/></td>
</tr>
<tr>
    <td>Stok Barang</td>
    <td>:</td>
    <td><input type="number" name="stokbarang" /></td>
</tr>
<tr>
     <td colspan="3" align="center"><input type="submit" name="kirim"   value="Kirim" /><input type="reset" name="batal" value="batal" /></td>
</tr>
</table>
</form>
</body>
</html>

5. Kemudian buat skrip output dengan nama output.php

<html>
<head>
<title>Output</title>
</head>

<body>


<?php
$nama  = $_POST ["namabarang"];
$ukuran  = $_POST ["ukuran"];
$warna = $_POST ["warna"];
$spesi   = $_POST ["spesifikasi"];
$stok   = $_POST ["stokbarang"];
?>


<table border="1" align="center">
<tr>
     <td width="117">Nama Barang</td>
     <td width="14">:</td>
     <td width="218"><? echo " $nama"   ?></td>
</tr>
<tr>
     <td>Ukuran Barang</td>
     <td>:</td>
     <td><? echo " $ukuran"  ?></td>
</tr>
<tr>
     <td>Warna Barang</td>
     <td>:</td>
     <td><? echo " $warna"   ?></td>
</tr>
<tr>
     <td>Spesifikasi</td>
     <td>:</td>
     <td><? echo " $spesi"   ?></td>
</tr>
<tr>
    <td>Stok Brang</td>
    <td>:</td>
    <td><? echo " $stok"   ?></td>
</tr>
<tr>
     <td align="center" colspan="3"><a href="input.php">BACK </a></td>
</tr>
</table>
</body>
</html>

6. APACHE dan MySQL dalam keadaan Start.

7. Setelah itu kalian bisa melihat hasilnya melalui http://localhost/belajar/input.php

PENJELASAN

1. Penulisan kode PHP diawali dengan "<?php" dan diakhiri dengan "?>"

<?php

2. ["---isi---"]; Didalam isi tersebut yaitu untuk memanggil name yang ada di input.

3. echo digunakan untuk mengirimkan hasil ke browser.

4. Setiap variabel harus diawali dengan tanda dolar $ dan dapat dipanggil kapanpun dalam halaman yang sama.

-------------

1. Action adalah berfungsi untuk menjelaskan kemana data form akan di kirimkan.

2. Method adalah berfungsi untuk menjelaskan data isi form akan di kirimkan oleh web browser. Nilai dari atribut method bisa berupa get atau post.

-Get adalah mengirimkan data pada server dengan cara meletakan data pada bagian akhir URL.

-Post adalah mengirim data secara terpisah.

(( Jika udah Running Input dan Outputnya, saran saya lebih baik kalian edit-edit lagi dan coding ulang, agar kalian paham dan mengerti. ))

Mungkin sekian dari saya, Semoga Bermanfaat

Terimakasih

Software Gratis

2 Comments

Kali ini saya akan berikan Software yang saya miliki dan 100% saya pernah gunakan software tersebut. Jika kalian membutuhkan softwarenya, silahkan kalian mendownloadnya.

Software yang kalian Download berbentuk rar. maka masukan Password: heruprasetyo-26.blogspot.co.id

Nama Software	Link Download
Adobe Photoshop CS5 Portable	Download
Foxit Reader	Download
Amazing Slider	Download
Ccleaner	Upload
Smadav	Download
Ramnit killer	Upload
Rapid Typing	Download
Borland C++	Download
Chrome	Upload
Firefox	Upload
Opera	Upload
Corel Draw X5 Portable	Download
Crystal Report	Download
DB Designer	Upload
Deep Freze	Download
Delphi 7	Download
Adobe Dreamweaver CS6	Download
Wavosaur	Upload
Format Factory	Upload
HTTrack Website Copier	Upload
Icofx	Upload
Inkscape	Download
Internet Download Manager	Upload
Kamus Indonesia-Inggris	Download
Macromedia Freehand 11	Upload
Microsoft Visio 2010	Upload
Movie Maker	Upload
MySLAX	Upload
MySql Connector	Upload
Net Speed Monitor	Download
Crack Office10	Upload
Aimp	Download
Mini Lyrics	Upload
Vlc	Download
Gom Player	Upload
PhotoScape	Upload
PHP Coder	Upload
Adobe Premiere Pro CS3 Portable	Upload
Skype	Upload
Visual Basic 06	Download
Webcam	Upload
Windows Loader	Upload
Wrar	Download
Xampp	Download
Coreaac	Upload
Dvd Flick	Upload
Fl Studio	Upload
Line PC	Upload
Photopospro	Upload
Picasa	Download
Power Iso	Download
SHAREit PC	Download
Team Viewer	Download
WiNToBootic	Download
Ytd Video	Upload
*********	*********

CATATAN
- Beberapa Software selalu saya update versi yang terbaru.

Mungkin sekian dari saya, Semoga Bermanfaat

Terimakasih

Cara Membuat Form Pendaftaran Menggunakan HTML

83 Comments

HTML singkatan dari Hyper Text Markup Language. Yaitu dasar membuat Website. Sebelum mulai belajar Web Programming, kalian diharuskan atau menguasai dasar-dasar HTML terlebih dahulu.

Okeey, sekarang saya akan membahas tentang cara membuat form pendaftaran sederhana menggunakan html. disini saya akan menggunakan NOTEPAD.

1. Pertama anda membuka Notepad dengan cara klik "START" lalu "ALL PROGRAMS" pilih folder "ACCESSORIES" dan pilih "NOTEPAD".
2. Lalu mari kita mencoba belajar membuat form Pendaftaran tersebut.

"Contoh Gambarnya"

Ini Bahasa Pemogramannya yang saya telah buat. kalau kalian males ngetik boleh langsung copas aja hehe. tapi menurut saya lebih baik ngetik ulang agar kalian mengerti dan paham.

<html>

<head>

<title>Pendaftaran</title>

</head>

<body>

<h1>FORMULIR PENDAFTARAN</h1>

<tr>

<td>Nama Lengkap</td>

</tr>

<tr>

<td>Tempat Lahir</td>

</tr>

<tr>

<td>Tanggal Lahir</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td><input type="radio"/>Laki-Laki

<input type="radio"/>Perempuan</td>

</tr>

<tr>

<td>Alamat</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<option>*****SELECT KOTA*****</option>

<option>Bogor</option>

<option>Jakarta</option>

<option>Bekasi</option>

<option>Tangerang</option>

<option>Depok</option>

<option>cikarang</option>

<option>Banten</option>

</select></td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

3. Simpan Notepad dengan mengklik SAVE AS, Simpan dengan nama Formulir.html dan pilih save as Type All Files.

4. Setelah tersimpan lalu anda bisa melihat hasilnya.

5. Anda bisa mengeditnya lagi di Notepad lalu simpan dengan menekan CTRL+S dan Refresh di halaman web dengan menekan F5.

PENJELASAN:

<table>

Untuk membuat table seperti di MS.Excel, tapi cara membuat tablenya menggunakan bahasa html dan di dalam script table teridiri 3 tag yaitu: th, td dan tr.

<td>

Kepanjangan dari Table Data yang digunakan untuk membuat kolom

<th>

kepanjangan dari Table Heading yang digunakan untuk membuat judul sebuah table seperti No dan Nama, biasanya di tanda dengan huruf menjadi Bold. (tapi saya tidak memakai th, hanya memberi tau maksud dan fungsinya).

<tr>

kepanjangan dari Table Row yang digunakan untuk membuat baris baru.

Border

Border adalah Mengatur ketebalan garis Atau garis tepi pada table.

*(coba border="0" diganti jadi border="1" dan lihat hasilnya)

 

Untuk Spasi.

Mungkin sekian dari saya, Semoga Bermanfaat

Terimakasih

Kumpulan Kode HTML dan Fungsinya

1 Comment

Berikut ini adalah daftar Tag pada Kode HTML yang biasanya sering digunakan untuk membuat Website.

TAG UTAMA

Tag	Keterangan
<html></html>	Baris paling atas dari setiap file HTML
<head></head>	Informasi umum dari sebuah halaman Website
<title></title>	Judul halaman. Terdapat pada dalam head
<body></body>	Tempat seluruh elemen HTML yang akan ditampilkan pada browser

MERUBAH TEKS

Tag	Keterangan	Contoh
<b></b>	Teks tebal	Teks tebal
<i> </i>	Teks miring	Teks miring
<u> </u>	Teks garis bawah	Teks garis bawah
<h1></h1>	Header 1	Header 1
<h2></h2>	Header 2	Header 2
<h3> </h3>	Header 3	Header 3
<h4></h4>	Header 4	Header 4
<h5></h5>	Header 5	Header 5
<h6></h6>	Header 6	Header 6
<sub></sub>	Subscript	Subscript
<sup></sup>	Superscript	Superscript

FONT

Tag	Keterangan
<font></font>	Mengubah gaya suatu huruf

LINKS

Tag	Keterangan
<a> </a>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

GAMBAR

Tag	Keterangan
<img>	Menampilkan sebuah gambar

FORMAT

Tag	Keterangan
<blockquote></blockquote>	Digunakan untuk mengatur text dan gambar dalam suatu tag
<ol></ol>	Ordered List (digunakan dengan <li>)
<ul></ul>	Unordered List (digunakan dengan <li>)
<li>	Elemen List
<dd></dd>	Definition List
<dt>	Definition Term
<dd>	Definition Description
<p></p>	Paragraf
<br>	Ganti baris
<hr>	Garis horizontal
<center></center>	Menengahkan elemen

TABEL

Tag	Keterangan
<table></table>	Mengatur semua elemen table
<tr></tr>	Membuat baris baru
<td></td>	Membuat kolom
<th></th>	Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody>	Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup>	Format yang berlaku bagi kolom

FORM

Tag	Keterangan
<form></form>	Mengatur elemen dari form
<input type=>	Variasi dari tipe elemen input dalam form
<select></select>	Membuat combo-box. Digunakan bersama dengan option
<option>	Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<textarea></textarea>	Membuat Text Area untuk input text dengan length yang lebih besar dari input text

Mungkin sekian dari saya, Semoga Bermanfaat

Terimakasih