PHP - Part8 , memasukan data ke dalam database ( INSERT )

Insert yaitu memasukan data kedalam database, ini lanjutan dari PART 7, kita menggunakan database yang sama seperti pada Part 7,

tampilan yang akan kita buat, dan coba kita masukan datanya :

setelah tombol submit ditekan, jika sukses data dimasukan kedalam database, maka akan keluar message "Record added successfully" bisa dilihat pada gambar berikut :




dan bisa buka phpmyadmin, pada database db_coba, table siswa bisa anda lihat hasilnya didatabase tersebut :

dan berikut coding file insert.php ( jangan lupa kita masih menggunakan file koneksi.php maka tempatkan pada folder yang sama seperti pada PART 7 )

Selamat mencoba "Learning By Doing"

Read More

PHP - Part 7 menampilkan data yang ada di database ( VIEW )

Sebelum kita menampilkan data yang terdapat di dalam database, database yang kita gunakan yaitu MySql -> phpmyadmin . PHPMYADMIN dapat dibuka bila kita sudah menginstal apache atau xampp..

yang pertama buka phpmyadmin = caranya : ketik pada URL browser

localhost/phpmyadmin
kemudian buatlah database db_coba, setelah itu buat table dengan nama table siswa dengan 3 field seperti gambar dibawah ini :

Setelah membuat table, coba kamu isikan nama dan jurusan nya saja, karna nim kita menggunakan auto_increment yang bilamana otomatis terisi :

kemudian buatlah folder dengan nama VIEW dan buat file koneksi.php pada htdocs , C://xampp/htdocs/view/koneksi.php

berikut isi file koneksi.php

kemudian buat juga file bernama coba.php pada folder yang sama, berikut isinya

kemudian coba jalankan di browser dengan mengetik pada URL :

localhost/view/coba.php

kemudian lihatlah hasilnya

Selamat mencoba, "Learning By Doing"

bila ada yang kurang jelas silahkan tinggalkan pesan dikomentar :)

Read More

PHP - Part 6 - Pembuatan Form Input dan Prosess

Pembuatan Form Input Sudah kita bahas pada pembahasan di tag HTML Form Input, disini kita akan mengkombinasikan HTML dengan PHP untuk pembuatan Form input, Pertama kita membuat Form Input, kita beri nama file :

"input.php" dan kita letakan di "c://xampp/htdocs/aku/input.php"

berikut codingannya :

untuk method yg kita gunakan menggunakan POST, bisa juga menggunakan GET, dan untuk action nya di buat di file yang berbeda, yaitu "proses.php"

berikut isi codingan proses.php

dan coba jalankan dibrowser dengan mengetikan URL "localhost/aku/input.php" dan berikut hasil tampilannya :

coba sekarang anda isikan data pada FORM INPUT, kemudian klik tombol "Input data"

saya mencoba memasukan data berikut :

dan ketika tombol "Input data" di klik maka akan berpindah ke file proses.php, dan menampilkan hasilnya :

Pembuatan coding diatas menggunkan 2 file .php yaitu ( input.php ) dan ( proses.php) ..

namun bisa saja membuat form input diatas hanya menggunakan 1 file, yaitu dengan mengubah action pada form :

<form method="POST" action="proses.php"> ini yg kita gunakan diatas

nah agar dapat membuat proses pada 1 file .php atau 1 halaman dengan mengubah pada action nya menjadi :

<form method="POST" action="<?php  echo $_SERVER['PHP_SELF']?>" >

bisa menggunakan ini atau bisa menggunakan ini

<form method="POST" action="" >

mengkosongkan pada action=""

berikut coding singkatnya :

Selamat Mencoba "Learning By Doing"

Read More

PHP - Part 5 - Fungsi / function dalam PHP

Fungsi merupakan modul program yang terdiri dari instruksi instruksi untuk tujuan tertentu. Dengan fungsi pemakai dapat membagi program besar menjadi kecil sehingga memudahkan dalam modifikasi.

Bentuk Umum :

function nama_fungsi (variabel1, variabel2, ... )
{ statement ; }

contoh sederhana pembuatan fungsi dan pemanggilan fungsinya :

Pembuatan fungsi cukup seperti ini

function nama_fungsi(){
  statement nya
}

Pemanggilan Fungsinya cukup dengan

nama_fungsi();

atau bila ada variabel

nama_fungsi(variabel1,variabel2);

Berikut tampilan di browsernya :

Selamat Mencoba, "Learning By Doing"

Read More

PHP - Part4 - Perulangan For and While

For

Pengulangan yang jumlah pencacah yang sudah pasti atau sudah di ketahui.

Bentuk Umum :

For (nilai awal; batas pengulangan;  operator increment/decrement)
{ Statement; }

Contoh sederhana codingan perulangan FOR

Contoh tampilan di browsernya :

While

Perulangan yang melakukan pengecekan syarat di awal blok perulangan. Selama syarat bernilai benar, perulangan akan terus berlanjut dan sebaliknya jika syarat bernilai salah perulangan akan dihentikan

Bentuk Umum :

Nilai Awal
while (batas pengulangan) {
pernyataan;
operator increment/decrement;
}

Contoh tampilan di browsernya :

Selamat Mencoba "Learning By Doing"

Read More

PHP - Part 3 - Percabangan If else dan switch

Statement IF

Statement IF merupakan statement yang penting dan pasti terdapat di semua bahasa pemrograman. Statement ini berguna untuk membuat percabangan berdasarkan kondisi tertentu yang harus dipenuhi.

if(Kondisi){

     Keterangan kondisi yang didapat

}

Contoh codingan Statement If 

Hasil tampilan di browser :

Statement Switch

Statement untuk pengatur alur program berikutnya adalah switch. Salah satu keuntungan switch adalah ada bisa langsung mengevaluasi satu statement dan memerintahkan aksi dalam jumlah yang lebih banyak.

Contoh Codingan Statement Switch :

Hasil tampilan di browser :

Selamat Mencoba "Learning By Doing"

Read More

PHP - Part 2 - Variabel dalam PHP

Variabel

Variabel merupakan sebuah istilah yang menyatakan sebuah tempat yang menampung nilai-nilai tertentu di mana nilai di dalamnya bisa diubah-ubah. Variabel ditandai dengan adanya tanda dolar ($) yang kemudian bisa diikuti dengan angka, huruf, dan underscore. Namun variable tidak bisa mengandung spasi. Berikut ini contoh pendefinisian variable. Untuk mendefinisikan variable, hanya perlu menuliskannya maka otomatis variable dikenali oleh PHP.

Contoh variabel :

$nama

$no_telp

$_pekerjaan

contoh sederhana coding php dengan menggunakan variabel :

Pemanggilan nama variabel harus sama, besar kecil huruf atau angka atau underscorenya wajib sama.. variabel yg dibuat akan terbaca otomatis oleh PHP namun tidak ditampilkan karena untuk menampilkan mesti menggunakan perintah echo atau print 

dan berikut adalah hasil tampilan jika dijalankan oleh browser :

Variabel juga dapat bisa, dibuat untuk perhitungan, berikut contoh codingannya :

dan berikut merupakan hasil tampilannya di browser :

untuk cara menjalankan di browser bisa diliat di PHP - Part 1

Selamat mencoba, "Learning By Doing"

Read More

PHP - Part 1 - Pengenalan PHP

Apa itu bahasa pemograman PHP ??
Php singkatan dari PHP : Hypertext Preprocessor

Php adalah bahasa pemograman  yang disisipkan  ke dalam script HTML dan  berjalan di sisi server atau SERVER SIDE, biasanya dipakai untuk membuat website agar lebih dinamis. selain itu menggunakan bahasa PHP kita bisa terhubung dengan database dan banyak lagi kegunaannya.

PHP merupakan server-side  scripting language, seperti ASP skrip PHP dieksekusi diserver, PHP mendukung banyak database (MySQL, Infornix, Oracle, Sybase, Solid, PostgreSQL,  Generic ODBC, dll), PHP merupakan perangkat lunak yg Open Source.

Sebelum itu untuk penggunaan pemograman PHP ini perlu menggunakan SERVER WEB biasanya menggunakan Apache Triad atau lebih lengkap bisa menggunakan XAMPP..

dan perlu diketahui lagi, untuk pemograman php ini hanya bisa dijalankan dengan menggunakan extention file .php dan dijalankan di dalam folder C://XAMPP/htdocs/folder_file_anda

dan juga untuk menjalankannya tidak bisa dengan cara mengklik 2x pada file .php, tapi dengan mengetikan url di browser anda :

contoh :
penempatan saat di folder "aku" dengan file "coba.php"

c://xampp/htdocs/aku/coba.php

Sekarang pada file coba buat codingan sederhana saja  seperti dibawah ini :

nah untuk PHP selalu menggunakan tag buka PHP ( <?php ) dan tag tutupnya ( ?> ), dan perintah untuk menampilkan dalam php menggunkan perintah echo atau print .



dan cobalah jalankan pada browser  dengan mengetikan di URL, jgn lupa pastikan program xampp untuk apache sudah aktif :

localhost/aku/coba.php

dan coba lihat hasilnya di browser anda

Selamat Datang di PHP Selamat Mencoba "Learning By Doing"

untuk mendownload xampp bisa klik disini untuk versi terbarunya >> download

Read More

HTML - Part 7 - Menampilkan Gambar menggunakan tag

Menampilkan gambar menggunakan tag <img src="letak posisi gambar">

cobalah letakkan gambar pada folder yg sama dengan file html yg akan dibuat.

saya menggunakan gambar koala dengan format JPEG maka extentionnya penulisan codingnya .jpg, tetapi penulisan pada tag img nya seperti gambar coding dibawah ini :

di dalam tag img terdapat src /source / sumber gambar tersebut, karna diletakan pada folder yg sama jadi langsung ke Koala.jpg , pemanggilan penamaan gambar berpengaruh besar dan kecil hurufnya.. dan bila gambar berformat JPEG maka penulisannya di coding memakai extention .jpg ,

lalu untuk alt merupakan alternatif bila source gambarnya tidak ditemukan maka akan memakai tulisan alternatif "Koala"

dan untuk style ini adalah bentuk dari CSS yg berada dalam HTML, dengan width / lebar 300px / pixel
dan Height / Tinggi 300px.


dan hasilnya akan nampak seperti ini :

Selamat Mencoba "Learning By Doing"

Read More

HTML - PART 6 - Membuat Link dengan TAG ANCHOR

Link HTML

       Kelebihan utama dari suatu dokumen HTML adalah kemampuannya memberikan link dari satu teks dan / atau gambar menuju  dokumen atau bagian lain dalam suatu dokumen. Browser web akan menyorot ('highlight') teks atau gambar yang diidentifisikan sebagai link dengan warna dan / atau garis bawah  untuk menunjukan bahwa itu adalah hyperteks link (hyperlink).
       Tag yang dipakai untuk membuat hyperlink adalah <a> dan tag penutupnya adalah </a>. can diberikan href="linknya". contoh : <a href="http://www.yahoo.com">link ke yahoo</a>.
atribut <href> digunakan untuk mendefinisikan lokasi link.


Contoh Coding :

dan tampilan di browser seperti ini :

dan cobalah untuk mengklik tulisan biru "yahoo" tersebut..

Selamat Mencoba Learning By Doing

Read More

HTML - Part 5 - Tag Tag Dalam Form

Dalam Html kita juga mendapati tag tag dalam form

untuk lebih jelasnya coba ketik coding seperti dibawah ini

nah saya akan sedikit menjelaskan mengenai tag tag dalam FORM,

tag <form></form>
adalah tag pembuka dan penutup dalam pembuatan Form di HTML

tag <input>
tanpa tag penutup adalah tag berbentuk textbox, dan yg membuat perbedaan ialah pada penulisan type nya , placeholder merupakan fitur baru dari HTML 5 yg dimana dapat memberikan penamaan dalam input berbentuk textbox..

required pada input merupakan fitur baru dalam HTML 5, fungsinya seperti VALIDASI yaitu jika ada textbox atau input yg belum terisi dia akan memberikan peringatan..

dan untuk membuat combo box dibuat terlebih dahulu tag <select></select> baru untuk opsi pilihannya ditambah tag <option></option>

value disini untuk pemberian nama agar nantinya bila terhubung dengan database, value ini yg akan diambil datanya untuk kedalam database..

dan coba sekarang anda praktekan, dan bisa lihat hasilnya dibrowser

jika anda bingung atau kurang paham mengenai tulsian yg saya buat bisa silahkan tinggalkan komentar

Selamat Mencoba "Learning By Doing"

Read More

HTML - Part 4 - List HTML Unorder List dan Order List

List HTML
        List Merupakan bentuk umum yang biasa kita gunakan untuk membuat daftar sesuatu, misalnya jenis - jenis list dalam HTML. dan kadang juga dapat digunakan dalam pembuatan menu dropdown.

• list dengan nomor
• list tampa nomor

Defnisi List

         List dengan nomor adalah model daftar yang setiap itemnya diberi nomor. pada contoh list diatas merupakan contoh penggunaan list tanpa nomor.

          Selain list bernomor dan tanpa nomor, ada sebuah list lagi yang dapat digunakan untuk membuat list yang memberi uraian terhadap suatu item dalam daftar, disebut list definisi

ORDER LIST

       Ordered list / list bernomor secara umum dimulai dengan menggunakan 1,2,3 ..., dst sampai dengan sejumlah item dalam list tersebut. Tetapi, kita juga dapat meruah susunan nomor dalam OL (Order List ) dengan model angka yang lainnya, dengan mengisi atribut type pada tag <ol>.

contoh penggunaan Order List pada umumnya, silahkan buat coding seperti berikut :

dan hasil tampilan yg dijalankan browser :

contoh diatas msh menggunakan Order List default yg isinya angka 1,2,3.. dan Order List bisa menggunakan angka romawi, huruf kecil, huruf besar, secara urut, dengan menambahkan type pada dalam tag <OL> nya  berikut contohnya :

dan hasil tampilan yg dijalankan browser :

UNORDER LIST

      Unorder List sering disebut sebagai bulleted list, mempunyai bullet default berupah noktah. Tetapi, jenis bullet tersebut dapat diubah dengan menggunakan atribut type seperti pada ordered list. Berikut adalah daftar jenis bullet yang bisa digunakan untuk mengubah bullet default pada bulleted list.

• Disc, bentuk noktah tetapi tidak diarsir ditengahnya
• Square, bentuk kotak

Berikut contoh Unorder List :

dan hasil tampilan yg dijalankan browser :

dan selamat mencoba "Learning By Doing"

Read More

HTML - Part 3 - Tag Tag Pada HTML

Pada Kesempatan kali ini saya akan menjelaskan sedikit mengenai tag tag yang berada pada html,
Buatlah file yg berisikan codingan sebagai berikut :

Tag <br>

adalah merupakan tag yg berfungsi sebagai ENTER atau Break Return

Tag <b><b/> atau <strong></strong>
adalah merupakan tag yang berfungsi untuk menebalkan huruf atau CETAK TEBAL/bold

Tag<u></u>

adalah merupakan tag yang berfungsi untuk membuat tulisan bergaris bawah / UNDERLINE

Tag <i></i>

adalah merupakan tag yang berfungsi untuk membuat tulisan miring / ITALIC

Tag

adalah merupakan tag yang berfungsi untuk membuat tulisan keatas

Tag

adalah merupakan tag yang berfungsi untuk membuat tulisan kebawah

Tag<hr>

adalah tag tanpa tag penutup dan berfungsi membuat garis horizontal

Tag<h1></h1> sampai <h6></h6>

adalah tag yang biasanya digunakan untuk membuat judul, tag H ini hanya sampai tag h6 atau yg terkecil

dan jika anda sudah membuat codingan seperti diatas coba anda jalankan dibrowser, dan inilah tampilan jadinya

Selamat Mencoba "Learning By Doing"

Read More

HTML - Part 2 -Pembuatan Table

Pada Kesempatan ini saya pandu dalam pembuatan Table sederhana dan mencoba menerangkan tentang tag tag pada html yang terdapat dalam table

tag <table></table>
- tag table ini suatu pondasi utama dalam pembuatan sebuah table, ada tag buka table dan tag tutup table

tag <tr></tr>
- tab TR atau Table Rows ini merupakan tag pembuatan baris pada table, ada tag buka tr dan tag tutup tr

tag <th></th>
- tag TH atau Table Header ini merupakan tag pembuatan Judul / Header pada sebuah table, ada tag buka th dan tag tutup th.

tag <td></td>
- tag td atau Table Data ini merupakan tag berisikan data atau record pada sebuah baris, ada tag buka td dan tag tutup td

baik kita mulai mencoba membuat table sederhana,
pertama kita buat file baru dan diletakan di folder sesuai keinginan anda seperti pada pembahasn sebelumnya msh menggunakan extention .html

buat coding sebagai berikut :

Jika sudah membuat coding seperti gambar diatas, border="1" merupakan coding pembuatan garis pada table.
coba jalankan di browser anda

dan inilah hasil tampilan tabel yg kita buat tadi..

Selamat Mencoba "Learning By Doing"

Read More

HTML - Part 1 - Pengenalan HTML

Hypertext Markup Language (HTML) adalah sebuah bahasa untuk menampilkan konten di web. HTML sendiri adalah bahasa pemrograman yang bebas, artinya tidak dimiliki oleh siapapun, pengembangannya dilakukan oleh banyak orang di banyak Negara dan bias dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global.

Sebuah dokumen HTML sendiri adalah dokumen teks yang dapat diedit oleh editor teks apapun. Dokumen HTML punya beberapa elemen yang dikelilingi oleh tag-teks yang dimulai dengan symbol < dan berakhir dengan sebuah symbol >.

Untuk extention .html tidak diwajibkan diletakan di dalam folder c:\XAMPP\htdocs\ .. karna untuk extention .html ini merupakan CLIENT SIDE, dan dapat dijalankan dengan mengklik 2x pada iconnya.. dan bisa langsung dijalankan oleh browser..

Baiklah mari kita langsung saja mencobanya, dan yg perlu disedikan sebelum membuat file .html yg pertama mesti disediakan yaitu "TEXT EDITOR" ( notepad2, sublimetext, dll ).

dan disini saya menggunakan texteditor "Sublime Text"

- pertama kita membuka applikasi text editor "sublime text"
- kemudian buat file baru dan diberi extension akhiran .html dan ditempatkan kedalam folder sesuai keinginan anda. kalau saya untuk contoh saya letakan ke dalam folder D:\belajar-html\belajar1.html

Setelah itu kita ketik coding berikut pada text editor dan save

saya akan menjelaskan sedikit mengenai tag tag pada html yg ada digambar berikut

<titile>belajar html part 1</title>
-merupakan judul pada halaman html atau bisa dilihat pada bagian atas browser disaat kita menjalankan file .html tsb

<p>Halo HTML</p>

-nah tag HTML p disini adalah paragraf

dan coba jalankan dibrowser, nah inilah hasil pada saat kita jalankan dibrowser

dan untuk kerangka format HTML sendiri ialah sebagai berikut :

<html>

<head>

 <title></title>

</head>

<body>



</body>

</html>

Read More