Spiga

Membedakan Atribut ID dan Class dalam HTML dan CSS

July 17, 08 by deniar

Banyak yang masih bingung dalam mendisain tampilan halaman web dengan CSS kapan harus menggunakan ID dan kapan harus menggunakan Class. Banyak yang berpendapat, “toh hasilnya sama saja”. Sekarang mari kita lihat contoh kasus mengapa banyak orang yang salah kaprah berpendapat demikian.

Berikut adalah hasil tampilan yang diinginkan dari sebuah div

Yang diinginkan adalah menampilkan sebuah div dalam bentuk kotak merah. Berikut adalah dua cara menampilkannya

mengakses dari Id


<div id="kotak_merah">
Lorem ipsum
</div>

#kotak_merah {
background-color:#FFA6A6;
border:1px solid #FF0000;
}

mengakses menggunakan class


<div id="kotak_merah">
Lorem ipsum
</div>

.kotak_merah {
background-color:#FFA6A6;
border:1px solid #FF0000;
}

Read the rest of this entry »

Belajar Pemrograman peringkat satu di Google

June 10, 08 by deniar

Walaupun masih beta dan belum banyak artikel, setidaknya belajarpemrograman.net sudah mengantongin modal google peringkat satu dengan keyword “belajar pemrograman”. Semoga semakin maju. Dan terima kasih kepada teman-teman semua yang mau mendukung.

belajar-pemgrograman-peringkat-satu.jpg

Untuk pengembangan website ini, kami juga membuka kesempatan buat temen-temen yang ingin mengirimkan artikel ke belajarpemrograman.net. Hak cipta masing-masing artikel adalah milik pengirim artikel. Bisa dikirimkan melalui e-mail akhmad.deniar[a]gmail.com (sementara ini), atau bisa langsung memberikan link dari blog teman-teman langsung. Kalau dari blog teman-teman nantinya artikel akan kami copy-paste di sini dan tetap akan kami berikan referensi “Original Post”. Terima Kasih

Sinkronisasi datetime format dalam PHP dan MySQL

May 14, 08 by azmifauzan

PHP dan MySQL memang merupakan pasangan serasi yang selalu menjadi pilihan utama para develepor web. Selain karena memang terbukti ketangguhannya, kedua tools tersebut berbasis free dan open source, sehingga siapapn dapat memakai dengan bebas bahkan mengubah kode program agar sesuai dengan yang diinginkan. Namun seringkali kita di buat bingung ketika sedang mengolah data yang memiliki format waktu (datetime). Hal tersebut dikarenakan PHP dan MySQL memiliki format yang berbeda.

PHP menggunakan unix timestamps untuk semua date functionality nya dimana format ini menyimpan data dalam bentuk integer, sedangkan MySQL mempunyai tiga format tipe waktu (DATETIME, DATE, dan TIMESTAMP) dan semuanya dalam bentuk string. Hal inilah yang biasanya membingungkan para develepor web untuk menggunakan dan menyimpan dalam format yang mana. Biasanya para developer akan tetap menyimpan dalam bentuk php timestamp dan di MySQL akan di anggap sebagai string biasa (menggunakan tipe varchar).

Sebagai alternatif, solusi berikut ini dapat di coba agar kita tetap menggunakan kedua format waktu yang didukung oleh PHP dan MySQL. Read the rest of this entry »

Mengirimkan nilai balik dari pop up windows (JS)

May 14, 08 by azmifauzan

Dalam contoh berikut ini, kita akan membuka sebuah pop up windows, input sebuah nilai dan mengirimkan nilai yang di inputkan dari pop up windows ke form utama.

example1.html


<HTML>

<SCRIPT LANGUAGE=”JavaScript”>
function openChild(file,window) {
childWindow=open(file,window,’resizable=no,width=200,height=400′);
if (childWindow.opener == null) childWindow.opener = self;
}
</SCRIPT>

<BODY>
<FORM NAME=”parentForm”>
<BR><INPUT NAME=”input1″ TYPE=”TEXT” VALUE=”">
<BR><INPUT NAME=”input2″ TYPE=”TEXT” VALUE=”">
<INPUT TYPE=”button” VALUE=”Open child”
onClick=”openChild(’example2.html’,'Child’)”>
</FORM>
</BODY>

</HTML>

Read the rest of this entry »

GlassBox untuk tampilan web

March 02, 08 by deniar

Saya menemukan sebuah plugins JavaScript web yang menarik, dapat mempercantik tampilan website dengan kotak windows seperti tampilan Aero pada Vista.

glassbox.jpg

cara penggunaannya pun sangat mudah, cukup download plugin. Kemudian masukkan ke dalam kode halaman web kita. Untuk lebih lengkapnya bisa dilihat website GlassBox

Cara Penggunaan

Tukar Dua Buah Variabel Bilangan

February 28, 08 by deniar

Bagaimana bila kita mempunya dua buah bilangan yang disimpan masing-masing di dalam variabel? Misalkan isi variabel A ingin kita tukar dengan isi variabel B.

kondisi.jpg

 

Ibarat dua buah gelas, satu berisi kopi dan satu lagi berisi teh. Bagaimana menukar gelas A yang semula berisi kopi menjadi teh, dan gelas B yang semula teh menjadi kopi. Maka dibutuhkan lagi satu gelas tambahan (t) untuk menampung sementara salah satu isi gelas pada saat pertukaran. Begini gambarannya

tukar-dua-variabel.jpg

Apabila kita terjemahkan pada bahasa pemrograman Pascal adalah sebagai berikut


{1}
a:=5;
b:=3;
{sebelum ini t masih kosong}

{2}
t:=a;
{3}
a:=b;
{4}
b:=t;

Lihat Cara Lain

Mengakses array 2 dimensi hanya dengan satu looping

January 31, 08 by deniar

Banyak yang menyangkal bahwa kalau kita punya array 2 dimensi, harus diakses dengan dua buah looping bersarang (nested looping). Dan aku berhasil memecahkannya hanya dengan satu looping. Bagaimana caranya? Ikutin penjelasan berikut ini.

Saya menggunakan bahasa C untuk pejelasan ini karena indeks array bahasa C dimulai dari 0. Pada awal kasus kita mempunya array 2 dimensi, dengan besar indeks tak tentu (bebas). Misalkan kita punya array n x m. n dan m sebenarnya bebas. Dan ini adalah cara biasa untuk mengakses array nxm tersebut dengan dua looping bersarang.


#define n 3
#define m 3
void main() {
int A[n][m];
int i,j;
for (i=0;i<n;i++){
for(j=0;j<m;j++){
A[i][j]=1;
}
}

}

Di sintaks di atas kita mencoba untuk mengisikan array A[n][m] dengan nilai 1. Sekarang coba bagaimana caranya kita mengisi hanya dengan satu looping.


#define n 3
#define m 3
void main() {
int A[n][m];
int i, jum;
jum=n*m;

for (i=0;i<jum;i++){

A[i/m][i%m]=1;

}
}

Read the rest of this entry »

Belajar Object Oriented Programming (OOP) dengan Java

January 27, 08 by scratchz

oop.jpgHmm,, Salah satu metode pembuatan perangkat lunak yang sering dipakai saat ini adalah OOP (Object Oriented Programming). Oleh karena itu aku akan mencoba untuk sharing mengenai apa itu OOP dan bagaimana membuat perangkat lunak dengan OOP. Pada bahasan ini kita akan menggunakan bahasa Java sebagai bahasa pemrograman yang kita gunakan untuk membuat program dengan OOP.

Sekilas tentang OOP

OOP (Object Oriented Programming) merupakan konsep baru dalam teknik membangun program yang telah dimulai dengan lahirnya bahasa Simula 67 pada akhir tahun 1960-an. Sebelumnya, orang-orang atau programmer lebih banyak menggunakan konsep pemmrograman terstruktur yang begitu mendominasi. Sejak saat itu muncul bahasa-bahasa pemrograman lain yang menggunakan konsep OOP. Bahasa-bahasa lain tersebut adalah Smalltalk, LOOPS, Flavors, Object Pascal, Neon, C++, Eiffel, dan Actor.

Terlepas dari cara berpikir atau berlogika terstruktur, OOP mencoba melihat permasalahan lewat pengamatan dunia nyata yang dianggap sebagai object-object. Dimana object-object tersebut dapat berdiri sendiri (independen) dan antar object-object tersebut dapat saling berinteraksi. OOP merupakan cara yang ampuh untuk digunakan dalam pembangunan, pemeliharaan dan pengembangan program. Bahasa-bahasa baru generasi sekarang pada umumnya sudah memiliki kemampuan berorientasi object.

Read the rest of this entry »

Ranking Saat Ini BelajarPemrograman(dot)net

January 23, 08 by deniar

Hari ini coba mengecek ranking blog belajarpemrograman.net di Google untuk keyword “belajar pemrograman” dan inilah hasilnya

ranking-belajar-pemrograman.jpg

Peringkat 9 di halaman pertama. Wow, padahal masih versi beta. Ini dikarenakan kami sudah menang nama domain belajar pemrograman. Target nantinya adalah menjadi 5 besar page rank google untuk kategori keyword “belajar pemrograman” dan “belajar program”. Syukur-syukur bisa ranking satu terus. Semoga impian ini tercapai tahun ini, dibarengi dengan sayap-sayap dari rekan-rekan penulis di belajarpemrograman.net

Pengenalan Bahasa C (SC01-01)

January 09, 08 by deniar

Mengawali tulisan pertama saya di blog ini, saya akan coba mengenalkan pemrograman di bahasa C. Sejarah bahasa C dan segala asal usul mengenai bahasa ini tidak akan saya bahas di artikel kali ini, kalian bisa lihat di sini.Mengapa belajar bahasa C? Karena bahasa ini banyak digunakan sebagai model bahasa-bahasa pemrograman lain, seperti Java, C# juga PHP. Jadi dengan mempelajari bahasa C kita akan mudah untuk mempelajari bahasa-bahasa pemrograman lain. Pemrograman di mesin UNIX juga banyak menggunakan bahasa C.

Program pertama Hello World

Kita akan mencoba membuat program pertama kita yaitu menampilkan tulisan “Hello World” di layar. Ketikkan source berikut:


#include<conio.h>
#include<stdio.h>

void main() {
printf("Hello world"};
}

Kalau source itu kitar Run/Compile maka akan tampil seperti berikut:
Tampilan setelah di Run/Compile

Read the rest of this entry »