copas ilmu

Home » php

Showing posts with label php. Show all posts

Form Input Combobox

Form Input Combobox

Pada tutorial kali ini, saya akan mencoba memadukan antara form input combobox, text, serta operator matematika, dengan membuat aplikasi perhitungan kalkulator sederhana.

Nama file : combobox.php

Lokasi : ../htdocs/belajarphp/combobox.php

Hasil pada browser untuk script combobox.php

Ketika tombol HITUNG diklik, maka akan menghitung kedua value pada variabel $a dan $b

Agar lebih mendalami intuisi sebagai seorang programmer, silakan teman – teman analisa sendiri ya,
maksud script di atas.

Jika masih kurang tahu, silakan tanya kepada penulis atau teman atau siapapun yang bisa membantu
teman – teman ya.

Form Input Text dan Password

10:30:00 Add Comment php, programing

Form Input Text dan Password

Pada contoh pembuatan form kita telah membuat input berupa text, pada contoh form, data yang
diambil oleh method, hanya diload pada halaman itu juga. Tutorial kali ini, kita akan meload data
tersebut pada halaman yang berbeda ditambah kita menambahkan inputan berupa password, ayo kita
praktekkan

Nama File = input_text.php
Lokasi = ../htodcs/belajarphp/input_text.php

Penjelasan kode :
- Baris 4, membuat form dengan method POST, kemudian data akan load ke file proses_text.php.

- Baris 5, membuat input type text, dengan nama user.

- Baris 6, membuat input type password, dengan nama pass.

Nama File = proses_text.php
Lokasi = ../htodcs/belajarphp/proses_text.php

Penjelasan kode :
- Baris 2 – 3, membuat varibel dengan nama $user dan $pass, yang mana nilai pada variabel tersebut
di didapat dari data user dan pass pada inputan file input_text.php.

- Baris 5 – 6, menampilkan nilai pada variabel tersebut ke browser.

Penggunaan GET dan POST

06:18:00 Add Comment php, programing

Penggunaan GET dan POST

get dan post biasa digunakan dalam sebuah form sedangkan
Form adalah sebuah tag HTML yang di fungsikan untuk melakukan pengiriman data dari client side menuju server side untuk di olah dan akan di kembalikan ke sisi client side jika di perlukan, tergantung dari fungsi website tersebut.

Pada form biasanya kita mengenal attribute dengan nama method. Terdapat dua jenis method pada PHP yaitu method GET dan method POST. Kedua method tersebut sebenarnya memiliki fungsi yang sama yaitu mengirimkan nilai pada variabel dan mengambil nilai pada variabel.

Berikut penulis beri contoh untuk penggunaan GET dan POST.

Menggunakan method GET

Membuat file
Nama File : method_get.php
Lokasi : ../htdocs/belajarphp/method_get.php

Menggunakan method POST

Membuat file
Nama file = method_post.php
Lokasi = ../htdocs/belajarphp/method_post.php

Nah kita telah berhasil membuat form dengan method GET dan POST, setelah kita lihat ternyata pada kedua method tersebut ada sedikit perbedaan, perbedaan itu antara lain :

 Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.

 Method POST lebih aman dan Method GET kurang aman (pada contoh diatas berati isi variebel
ditampilkan pada URL).

 Jika Method GET dibatasi panjang string hingga 2047 karakter, Method POST tidak.

 Perbedaan pengambilan data jika Method POST menggunakan $_POST sedangkan Method GET
menggunakan $_GET.

 Method POST biasanya digunakan untuk input dari FORM, Method GET menggunakan input
dari LINK atau akses menggunakan link.

 Method POST digunakan untuk mengirimkan data rahasia seperti password, Method GET
digunakan untuk mengirimkan/mengambil data publik seperti id_user atau id_halaman.

Pengulangan php

06:59:00 Add Comment php, programing

Sistem pengulangan atau bahasa kerennya adalah looping yaitu suatu proses perputaran nilai dimana nilai tersebut telah di setting dengan aturan – aturan tertentu.

Pengulangan biasanya dipakai oleh programmer untuk membuat paging, looping untuk query array, dan sebagainya. Pengulangan tidak hanya dimiliki oleh PHP saja, tetapi dimiliki oleh semua bahasa pemrograman, secara konsep adalah sama, yang membedakan hanya syntaxnya saja.

A. Pengulangan For

Pengulangan for biasanya digunakan untuk melakukan looping yang banyaknya data sudah
diketahui.

B. Pengulangan While

Pengulangan while adalah pengulangan yang mendefinisikan kondisi di awal perintah. Jadi apabila
kondisi pada awal tidak terpenuhi maka proses pengulangan tidak akan pernah dilakukan

C. Pengulangan Do – While

Pengulangan do-while hampir sama dengan pengulangan while. Perbedaannya hanya terletak pada
penempatan kondisi saja, jika pada while kondisi di awal perintah, maka jika do while kondisi berada di akhir perintah. Sehingga pada perulangan ini akan tetap melakukan looping minimal sebanyak satu kali, meskipun kondisi tidak terpenuhi.

Struktur Kendali php

08:56:00 Add Comment php, programing

Struktur Kendali php

Struktur Kendali php
Pada tutorial tentang operator perbandingan, kita telah menerapkan dari konsep struktur kendali yaitu

if..elseif.

Struktur kendali adalah elemen penting dalam semua bahasa pemrograman, karena pada struktur kendali inilah kita dapat mengontrol jalannya eksekusi program. Atau dapat dijelaskan dengan pernyataan bersyarat untuk mengendalikan urutan pernyataan agar kita mendapatkan nilai.

A. Struktur Kendali if

Struktur kendali if ini sangat jarang digunakan oleh para programmer, karena if hanya berisi 1 (satu)
statement - kondisional saja.
Secara umum, struktur kendali if mempunyai bentuk seperti di bawah ini

if(kondisi){
statement
}

B. Struktur Kendali if…else…

Struktur kendali inilah yang paling sering dipakai oleh para programmer, struktur kendali ini
memiliki kondisi dan 2 statement saja. Penulis menggunakan konsep struktur kendali ini untuk validasi user dan password pada form login.

C. Struktur Kendali if…elseif..

Struktur kendali ini telah kita buat pada bab operator perbandingan pada tutorial sebelumnya.
Silakan teman – teman pahami ya struktur syntax pada bab sebelumnya.

Intinya struktur kendali ini digunakan apabila nantinya untuk hasilnya mempunyai kondisional
statement yang banyak.

D. Struktur Kendali switch..case..

Switch..case.. merupakan salah satu alernatif untuk melakukan pemilihan statement.

Operator dalam PHP

09:47:00 Add Comment php, programing

Add caption

Operator dalam PHP merupakan symbol yang digunakan dalam program untuk melakukan suatu
operasi.
A. Operator Aritmatika
Dari namanya saja kita pasti bisa menganalisa jenis operator apakah ini, jadi operator aritmatika
adalah suatu operator yang dikenai untuk melakukan perhitungan matematika.

Sama halnya pada matematika operator ini, memperhatikan urutan prioritasnya, contohnya
operator pangkat/akar lebih dulu dikerjakan daripada operator perkalian/pembagian, operator
perkalian/pembagian lebih dulu dikerjakan daripada operator penjumlahan/pengurangan.

Pada tutorial kali ini, penulis akan menggunakan variabel untuk melakukan perhitungan operator
aritmatikanya

<?php
$a = 20;
echo $a + 2 . "<br>"; //hasilnya 22
echo $a - 3 . "<br>"; //hasilnya 17
echo $a * 4 . "<br>"; //hasilnya 80
echo $a / 2 . "<br>"; //hasilnya 10
echo $a % 3 . "<br>"; //hasilnya 2

echo ++ $a . "<br>"; //menaikkan 1 nilai $a, sehingga $a = 21
echo -- $a . "<br>"; //menurunkan 1 nilai $a, sehingga $a = 20
?>

B. Operator Perbandingan

Operator perbandingan biasanya dipakai untuk membandingkan nilai pada beberapa variabel.
Biasanya antar variabel tersebut dibandingkan apakah data tersebut lebih besar, lebih kecil, sama
dengan, atau definisi lainnya.

Pada bagian ini, penulis akan membuatkan tutorial perbandingan, dengan menyatukan dengan
struktur kondisional if..elseif.

<?php
$a = 10;
$b = 10;

if($a == $b)
{
echo 'Benar';
}
else
{
echo 'Salah';
}

?>

Variabel PHP

06:34:00 Add Comment php, programing

Variabel php

Variabel pada pemrograman PHP digunakan untuk menyimpan data sementara, dimana nilai dari data
tersebut bisa berubah – ubah setiap kali program dijalankan. masih pada rumus matematika ax² + bx + c
Nilai x pada rumus tersebut itulah yang dinamakan dengan variabel.
Ketentuan dalam pembuatan variabel :
-- Variabel diawali dengan tanda dolar ($).
-- Setelah tanda $ diawali oleh huruf (contoh : $kota, $nama, $alamat).
-- Variabel bersifat case sensitive (jadi antara $kota, berbeda dengan $Kota).
-- Variabel tidak boleh mengandung spasi, apabila ada 2 (dua) kata pada variabel dapat disambung
dengan tanda underscore (contoh : $nama_lengkap, $tempat_lahir).

<?php

$a=3;
$b="yuk belajar PHP $a kali sehari";

echo $b;
?>

Konstanta php

07:29:00 Add Comment php, programing

Seperti matematika saja ya, ada istilah “konstanta”, tetapi memang itulah basic dan konsep dari programming. Pada rumus matematika terdapat rumus ax² + bx + c, nah konsep matematika inilah yang akan kita pakai untuk dasar programming PHP.

Pada rumus di atas huruf a, b, dan c itulah dimaksud dengan konstanta. Pengertiannya sama seperti matematika, konstanta pada pemrograman PHP adalah varibel tetap atau variabel yang nilainya tidak berubah – ubah.

Pada PHP, konstanta didefinisikan dengan fungsi define(). Ayo kita langsung praktekkan.

<?php

define("website", "www.copas89.blogspot.com");
echo "website"; // maka akan tampil tulisa www.copas89.blogspot.com

?>

Hello Word pada PHP

09:20:00 Add Comment php, programing

Sepertinya ini sudah menjadi tradisi para programmer pada awal belajar bahasa pemrograman, yaitu
menuliskan kalimat “Hello Word”.

Syntax awal untuk membuat program PHP adalah di awali dengan <?php dan diakhiri dengan syntax
?>

Untuk menampilkan tulisan dalam browser, maka kita menggunakan syntax echo “…..”;

Untuk memberikan keterangan atau komentar pada PHP (komentar tidak akan muncul dalam
browser) kita menggunakan tanda berikut
// Komentar
# Komentar
/* Komentar */
Komentar ini berfungsi untuk memberikan keterangan pada syntax program kita, apabila kita sudah
mengetikkan kode dengan alur logika yang banyak.

form onsubmit jquery

10:26:00 Add Comment codeigniter, php

http://stackoverflow.com/questions/3384960/want-html-form-submit-to-do-nothing

keywordnya: form no action onsubmit


Menggunakan return false; di javascript 

that you call from the submit button, you can stop the form from submitting.

Basically, you need the following HTML:

<form onsubmit="myFunction(); return false;">
<input type="submit" value="Submit">
</form>
Then the supporting javascript:

<script language="javascript"><!--
function myFunction() {
    //do stuff
}
//--></script>
If you desire, you can also have certain conditions allow the script to submit the form:

<form onSubmit="return myFunction();">
<input type="submit" value="Submit">
</form>
Paired with:

<script language="JavaScript"><!--
function myFunction() {
    //do stuff
    if (condition)
        return true;

    return false;    
}
//--></script>

Tampilan Seperti Microsoft Word atau 7 WYSIWYG HTML Editor Gratis

08:06:00 Add Comment php

7 WYSIWYG HTML Editor Gratis

sumber: http://www.tutorial-webdesign.com/tag/tampilan-seperti-microsoft-word/

WYSIWYG html editor adalah sebuah teks/konten editor yang biasanya ada pada sebuah website dinamis, biasanya wysiwyg html editor ini berada di halaman administrator, wysiwyg html editor memiliki fitur yang mirip dengan microsoft word, dimana kita bisa membuat teks yang miring, tebal, garis bawah, mengatur paragraph, membuat bullet & numbering, dan lainnya yang berguna untuk mengelola konten website.

Wysiwyg html editor yang paling terkenal yaitu TinyMCE (bahkan dignakan oleh wordpress), Berikut ini ada beberapa wysiwyg editor gratis lain yang bisa anda gunakan untuk website anda.

1. Bootstrap-wysiwyg

Wysiwyg ini sangat kecil, ukuran file nya hanya 5kb, dan source code nya tidak sampai < 200 baris.

2. Froala

Froala WYSIWYG web editor yang dibuat dengan teknologi terbaru untuk keperluan website masa kini

3. Trumbowyg

Trumbowyg adalah plugin yang cukup ringan, dapat diterjemahkan dan disesuaikan dengan kebutuhann. Memiliki Desain yang indah, menghasilkan kode semantik, disertai dengan API kuat.

4. jQuery-Notebook

Wysiwyg web editor yang simple, clean & elegan yang sangat baik untuk web aplikasi yang sedang anda bangun.

5. jquery.qeditor

WYSIWYG editor yang sangat sederhana dibuat dengan jquery

6. Morrigan

Morrigan Editor editor WYSIWYG jQuery dengan perilaku diprediksi, ketekunan dan konsistensi.

7. Summernote

WYSIWYG Editor yang sangat sederhana untuk digunakan pada Twitter Bootstrap

Sekian

Masih banyak lagi editor-editor lain yang yang belum dibahas di artikel ini, semakin banyak pilihan tuntunya semakin memudahkan kita untuk menemukan editor yang paling baik dan paling cocok untuk menunjang pekerjaan.

Sampai jumpa pada tulisan tulisan berikutnya, salam web design & development indonesia

membuat link saat di sorot ada tulisannya

10:51:00 Add Comment php

echo "<td style=\"width: 15%;text-align: center\">
<a title=\"tingggal sorot\" onclick=\"accdata('$row->id_usl')\"
class=\"btn btn-sm btn-icon btn-success btn-rounded\">
<i class=\"fa fa-eye\" ></i></a>|

</td>";

tinggal tambah title aja

title=\"tingggal sorot\"

Entri, Edit, Delete, Tampil dengan PHP dan Ajax JQuery

16:01:00 Add Comment jquery, php

http://achmatim.net/2012/09/02/entri-edit-delete-tampil-dengan-php-dan-ajax-jquery/

Dalam setiap kesempatan membahas mengenai aplikasi berbasis web (web application), baik di dalam sesi mengajar matakuliah Pemrograman Web di Universitas Budi Luhur maupun sesi training terkait web, saya selalu menekankan bahwa hanya ada 4 (empat) proses dasar dalam aplikasi berbasis web. Aplikasi web yang sederhana hingga kompleks selalu berkaitan dengannya. Keempat proses tersebut adalah proses entri (input), ubah (edit), hapus (delete) dan tampil (show). Istilah lain dari keempat proses tersebut adalah CRUD (Create, Read, Update and Delete). Jadi kuasailah keempatnya maka selebihnya hanya variasi dari keempat proses tersebut. Sebagai contoh dalam proses update status di situs jejaring sosial facebook merupakan proses Entri atau Insert ke database, saat memperbaiki foto profil adalah proses edit (update) dan saat kita menghapus salah satu teman aalah proses delete.
Mengingat pentingnya proses tersebut, saya memberikan contoh khusus di bab terakhir dari buku Pemrograman Web dengan PHP & MySQL berupa proses dasar entri, edit, delete dan tampil dengan PHP dan MySQL. Sebelum melanjutkan tutorial ini, tidak ada salahnya jika Anda mencoba contoh tersebut, terutama bagi Anda yang belum pernah mencoba program serupa. Saya juga pernah mempublikasikan artikel entri, edit, delete dan tampil PHP yang memanfaatkan Macromedia Dreamweaver.

Lalu apa yang akan dipelajari di dalam tutorial ini?
Apa yang disampaikan dalam tutorial ini kurang lebih sama dengan tutorial saya sebelumnya, yaitu proses entri, edit, delete dan tampil data dengan PHP dan MySQL. Namun kali ini, saya ingin menambahkan konsep Ajax (Asyncronous Javascript and XML) dengan menggunakan library JQuery. Dengan konsep Ajax, maka proses entri, edit, delete dan tampil dapat dilakukan dengan lebih menarik.

Tujuan atau Rancangan Akhir Program

Untuk memberikan gambaran yang lebih jelas mengenai hasil akhir contoh program yang dibahas dalam tutorial ini, berikut beberapa hal penting:

Untuk memudahkan pemahaman, program hanya menangani 1 (satu) tabel MySQL yaitu tabel “mahasiswa” yang terdiri dari field NIM, NAMA dan ALAMAT.
Program hanya terdiri dari 1 (satu) file utama (tidak termasuk library yang digunakan)
Program menggunakan library Ajax JQuery.
Untuk penanganan form, digunakan plugin JQuery Form.
Untuk validasi form, digunakan plugin JQuery Validation.
Untuk menampilkan data dalam bentuk tabel, digunakan plugin JQuery Flexigrid
Proses EDIT dan DELETE dilakukan dengan memilih dan klik pada data yang akan diedit/didelete.

Untuk memberikan gambaran yang lebih jelas, silahkan lihat demo program terlebih dahulu.

Langsung aja kita mulai step by step untuk membuatnya.

1. Siapkan Database dan Tabel

Langkah pertama tentu persiapkan database dan tabel yang diperlukan. Seperti sudah disebutkan di rancangan akhir program di atas bahwa kita akan menyederhanakan struktur data yang akan dibuat. Dalam hal ini, kita akan membuat database dengan nama “demo” dan tabel dengan nama “mahasiswa”. Berikut ini struktur dari tabel mahasiswa yang akan dibuat:

FIELD	TYPE	LENGTH	DESCRIPTION
nim	VARCHAR	10	NIM Mahasiswa
nama	VARCHAR	30	NAMA Mahasiswa
alamat	TEXT	–	Alamat Mahasiswa

Dan berikut ini perintah SQL untuk membuat database dan tabel di atas. Perintah dapat ditulis dan dijalankan di MySQLclient kesukaan Anda.

Tujuan atau Rancangan Akhir Program

1. Siapkan Database dan Tabel

2. Buat Halaman beserta Form Inputan

3. Koneksikan ke Database MySQL

4. Program Input ke MySQL

5. Sertakan Library JQuery dan Plugin JQuery Form

6. Validasi dengan plugin JQuery Validation

6. Tampilkan Data dalam Bentuk Tabel dengan Flexigrid

7. Tampilkan Data di Form saat Baris Fexigrid Dipilih

8. Proses Edit dan Delete

9. Program Lengkap Ada di sini!

Demo dan Download

Kesimpulan