Hello...!

Welcome to My Blog.........

Tutorial Penjumlahan dan validasi angka PHP

Kamis, 26 Maret 2015


Berikut ini adalah tutorial program penjumlahan dengan menggunakan PHP, pada program ini terdiri dari form yang akan diinputkan oleh user/pengguna dan tombol submit yang mana bila ditekan tombol tersebut memperoleh hasil dari penjumlahan yang telah diinputkan oleh user/pengguna. Dalam pembuatan program ini kita perlu aplikasi pendukung yaitu dengan menggunakan XAMPP untuk menjalankan program nanti. Di sini kita akan menggunakan XAMPP v3.2.1, untuk mendapatkannya silahkan download disini.
Selanjutnya adalah membuat programnya. Adapun aplikasi editornya, seperti Notepad, Notepad++, Sublime Text, dan lain-lain.  Disini kita akan menggunakan Sublime Text sebagai aplikasi editornya.
Pertama kita buat tabel dulu dengan berisi kolom sebagai tempat pengisian angka nanti, dan kita juga akan membuat option sebagai pemilihan hitungan “tambah, kurang’ kali, bagi”. Untuk membuat tabel tersebut ketiklah kode perogram di bawah ini:


Program di atas terdapat tag <body> yang di dalamnya terdapat atribut bgcolor,yang mana bgcolor tersebut itu di gunakan sebagai background warna pada suatu halaman web, kita juga bisa menggantinya atribut tersebut dengan menggunakan gambar lain dengan cara mengganti atribut bgcolor menjadi background. Dan dibawah tag <body> terdapat <h1></h1> yang di gunakan sebagai heading yang bisa digunakan sebagai Judul web, dan lain-lain. Di dalam tag <table> terdapat tag <tr> dan tag <td> yang digunakan untuk membuat baris dan kolom. Pada tag <td> di atas terdapat atribut align=”center” yang digunakan untuk mengatur text menjadi center/lurus, dan atribut rowspan digunakan untuk membuat suatu merge cell pada baris. Di tag <select> di atas digunakan untuk membuat combo-box. Dan tag ini biasanya selalu digunakan dengan tag <option>. Dan <input type=> pada program di atas digunakan sebagai variasi dari tipe elemen form.
Apabila di jalankan program di atas hasilnya akan seperti gambar di bawah ini:















 


Selanjutnya kita akan membuat program menggunakan <? php ?>, yang mana di dalam tag tersebut terdapat fungsi bawaan PHP, yaitu fungsi isset yang berfungsi untuk menyatakan apakah variabel sudah diset atau tidak, apabila variabel sudah diset atau bernilai true, maka variabel akan mengembalikan nialai true, dan apabila variabel tersebut belum diset maka akan menghasilkan nilai false, dan juga kita akan membuat baris dan kolom sebagai tempat hasil penjumlahan nanti.
Dan selanjutnya, ketiklah kode program ini diatas tag </table> yang terdapat pada program diatas.



maka kode di atas jika di jalan akan menampilkan halaman seperti di bawah ini:

 
 
Dan yang kedua kita akan membuat validasi angka, yang mana ketika kita tidak memasukkan angka pada tekfield, maka akan muncul keterangan  "Harap masukkan angka!" jadi disini kita akan membuat program validasi angka menggunakan "error reporting(0)" yang mana kode tersebut akan menghasilkan validasi angka sesuai dengan yang kita inginkan.
Berikut adalah kode programnya:



Tambahkan kode program di atas di dalam kode tag <?php?> yaitu lebih tepatnya seperti gambar gambar di bawah ini.

 
 
Maka jika di jalan di brower ketika kita belum memasukkan nomor dan kita tekan tombol hitung, maka akan muncul peringatan seperti pada gambar di bawah ini.

  
 
SELESAI !

Macam-macam tag pada HTML


Berikut adalah macam-macam tag yang digunakan dalam pemrograman HTML beserta fungsinya:

1.       Tag Utama




















 
2.       Tabel
 


































3.       Font
 

4.       Modifikasi Teks
 
5.       Form
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
6.       Formating
 

 
7.       Gambar
 
 

8.       Link
 

Mengenal HTML

Senin, 23 Maret 2015



1.       Apasih HTML itu?

HTML adalah pemrograman yang digunakan untuk pembuatan dokumen web. HTML juga bisa disebut bahasa bertanda, yaitu dengan diawali menggunakan <namatag> dan diakhiri dengan </namatag>. File pada HTML merupakan file text, jadi HTML dapat dibuat menggunakan aplikasi editor apapun yang terdapat di PC anda.

 

2.       Aplikasi apa saja yang digunakan sebagai editor text HTML?

Setiap PC mempunyai Operating System yang berbeda-beda, dan setiap Operating System mempunyai aplikasi editor yang berbeda-beda juga,  seperti halnya Windows bisa menggunakan Notepad, Linux menggunakan Gedit, Macintosh menggunakan Simple Text, dan masih banyak lagi aplikasi editor yang mendukung pemrograman HTML, contohnya: Sublime Text, Notepad++, Dreamweaver, Aptana Studio, dan lain-lain.

 

3.       Web brower pendukung HTML!

Pada dasarnya halaman HTML hanya bisa dijalankan menggunakan web brower, seperti

Internet Explorer yang terdapat pada Windows, Opera yang terdapat pada Linux, Safari yang terdapat pada Macintosh, dan masih adabrower lainnya seperti, Mozila Firefox, Google Chrome, dan lain-lain.

Kesalahan dalam penulisan tag HTML bisa berakibat buruk pada sistem brower, yaitu brower akan mengabaikan perintah tersebut  dan menganggap seakan  itu hanya sebuah text biasa , karena brower web pada umumnya  mempunyai kemampuan untuk mengenali atau mengeksekusi beberapa tag HTML dar i keseluruhan tag HTML standard dari W3C.

Adapun Bahasa/Format dalam penulisan HTML:

1.        Cara penulisan code HTML

<namatag atribut=”value”> </namatag>

 

2.       Tag HTML

Pada halaman web minimal mempunya empat buh tag, yaitu:

1)      <html>...</html> Sebagai tanda awal pada halaman HTML.

2)      <head>...</head> Sebagai informasi page header. Yang mana di dalamnya bisa diisi dengan tag-tag title, base, link, insindex, script, style & meta.

3)      <title>...</title> Sebagai judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

4)      <body>...</body> Sebagai tag yang bisa di isi oleh berbagai attribute seperti warna latar belakang, warna tex, link, warna visited link, warna active link, form, field, dan lain-lain.

 

 

 

 

Copyright @ 2015 riezal211. Designed by riezal211.com | Ma'had Al-Fanani

Follow us on Google

Follow us on Facebook




Blog Archive