Fitur-fitur Desain CSS 3
20 Jan 2010
Cascading Style Sheets (CSS) adalah suatu notasi scripting yang digunakan untuk mengatur tampilan suatu dokumen berbahasa markup. Penggunaan yang paling umum dari CSS adalah untuk mengatur format halaman web yang HTML dan XHTML. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
Hingga saat artikel ini dibuat, spesifikasi CSS Level 3 (sebut saja CSS3) belum dirilis dan dipublikasikan secara resmi. Meskipun demikian, berbagai browser modern telah menerapkan berbagai fitur yang akan muncul pada CSS3. Tentu yang dimaksud browser modern adalah browser berbasis mesin Mozilla-Gecko (Firefox, Flock) dan Webkit (Apple Safari, Chrome), tidak termasuk MSIE :p.
Berikut berbagai fitur-fitur desain yang dapat diterapkan pada CSS3:
Read more »
MySQL Update Query
20 Jan 2010
Format query Update pada MySQL:
UPDATE [LOW_PRIORITY] [IGNORE] nama_tabel
SET nama_kolom_1=nilai_1 [, nama_kolom_2=nilai_2 ...]
[WHERE kondisi]
[ORDER BY ...]
[LIMIT banyak_baris]
Read more »
PHP Form Upload File Sederhana
20 Jan 2010
Langkah-langkah membuat form upload file sederhana dengan PHP (tanpa JavaScript/AJAX):
- Form Upload
<form enctype="multipart/form-data" action="" method="POST"> <input type="hidden" name="MAX_FILE_SIZE" value="30000" /> File: <input name="userfile" type="file" /> <input type="submit" value="Send File" /> </form>
Hal yang esensial (sangat penting) dari form ini adalah:
- atribut method, value: “POST”
- atribut enctype, value: “multipart/form-data”
- hidden field MAX_FILE_SIZE, value: menyatakan pembatasan ukuran file (dalam byte) yang diterima
- field dengan type=“file”, menyatakan lokasi file (di komputer lokal anda) yang akan di-upload
- Validasi Upload dan pindah/salin file
<?php $uploaddir = '/var/www/uploads/'; $uploadfile = $uploaddir . basename($_FILES['userfile']['name']); echo '<pre>'; if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) { echo "File valid, berhasil di-upload.n"; } else { echo "File tidak berhasil diupload!n"; } echo 'Informasi file:'; print_r($_FILES); print "</pre>"; ?>Hal yang perlu diperhatikan:
- Variabel $_FILES merupakan variabel khusus di PHP untuk menangani input bertype file. Variabel ini bekerja seperti variabel $_POST. Variabel $_FILES merupakan array 2 dimensi, indeks pertamanya mengacu pada name pada form, sedangkan indeks kedua adalah ‘name’ (nama file asli di client), ‘type’ (tipe file, contoh: “image/gif”), ’size’ (ukuran file dalam satuan byte), ‘tmp_name’ (nama file sementara sesaat setelah di-upload ke server), ‘error’ (kode status/error).
- Berbagai “Error Code” yang mungkin dihasilkan oleh $_FILES['userfile']['error'] (bisa berupa konstanta atau nilai integer):
- UPLOAD_ERR_OK – Nilai: 0;
Upload sukses (tidak ada error). - UPLOAD_ERR_INI_SIZE – Nilai: 1;
File yang diupload berukuran lebih besar daripada setting upload_max_filesize yang ditentukan oleh php.ini. - UPLOAD_ERR_FORM_SIZE – Nilai: 2;
File yang diupload berukuran lebih besar daripada setting upload_max_filesize yang ditentukan oleh MAX_FILE_SIZE (form). - UPLOAD_ERR_PARTIAL – Nilai: 3;
Upload file tidak lengkap. - UPLOAD_ERR_NO_FILE – Nilai: 4;
Tidak ada file yang ter-upload. - UPLOAD_ERR_NO_TMP_DIR – Nilai: 6;
Tidak ditemukan folder temporary (server) - UPLOAD_ERR_CANT_WRITE – Nilai: 7;
Tidak ada hak akses write di server. - UPLOAD_ERR_EXTENSION – Nilai: 8;
Nama file dilarang oleh ekstensi file.
- UPLOAD_ERR_OK – Nilai: 0;
- Fungsi move_uploaded_file() gunanya untuk memindahkan file sementara (temporary server file) ke lokasi yang diinginkan.
- Fungsi print_r() tidak ada kaitannya dengan proses upload. Fungsi ini hanya untuk menampilkan struktur data variabel bertipe array.
Anda ingin merasakan pengalaman terbaik dalam pengembangan aplikasi web ? Tentu anda membutuhkan berbagai aplikasi pendukung proses pengembangan aplikasi anda. Salah satu aplikasi yang pasti anda butuhkan untuk pengembangan aplikasi web tentu saja adalah web browser. Berdasarkan pengalaman saya hingga sekarang ini, Firefox adalah web browser terbaik untuk membantu web development. Mengapa demikian? Karena Firefox memiliki direktori addons yang penting dalam web development. Berikut Addons Firefox yang sering saya gunakan:
- Web Developer, memiliki berbagai fungsi interfacing dan tracking.
Contoh fungsi Interfacing:- CSS: disabling CSS, select media type, view style information.
- Forms: display form details, convert element type
- Images: disabling images, display image attributes
- Dumping page’s HTML hierarchy
- Miscs: Outlining, resize window,
- Validation: CSS, HTML, Feeds, Links
- View source: original page source, generated source, frame source.
Tracking:
- Clear private data, clear cache, clear history, clear HTTP auth
- Disable cookies, clear session cookies, delete domain cookies, delete path cookies, add cookies
Download : https://addons.mozilla.org/en-US/firefox/addon/60
- Firebug, memiliki fungsi debugging kode HTML, CSS, JavaScript-DOM secara live on browser.
- Console debugger: JavaScript errors & warnings, CSS errors, XML errors, XML HTTP Request, Stack trace, Strict warnings.
- HTML debugger: edit page source
- CSS debugger: edit page CSS
- DOM: user-defined properties & user-defined functions, DOM properties, DOM functions, & DOM constant
- Net Panel: monitoring network connection
Referensi Structured Query Language (SQL) Joins
09 Jun 2009
Structured Query Language (SQL) Joins digunakan untuk mengambil data dari 2 tabel atau lebih, yang didasarkan pada relasi antara kolom (atribut) tertentu pada tabel tersebut. Tabel-tabel dalam database biasanya selalu memiliki relasi satu sama lain pada atribut kuncinya.
Atribut kunci (primary key) adalah sebuah kolom (atau kombinasi kolom) dengan nilai isian unik (pasti berbeda) pada tiap baris. Tujuan adanya atribut kunci adalah untuk mengikat data bersama, lintas tabel, tanpa perulangan seluruh data di setiap tabel.