Join The Community

Tutorial website HTML

Website. hmm kayanya udah ga asing lagi di kuping kita. Tapi mungkin kita belum paham apa itu website sebelum kita mencoba membuatnya. Nah ini ane mau ngasih tau agan agan tentang tutorial awalnya yaitu tentang website statis yang menggunakan bahasa HTML.
CEKIDOTT :D

1. Buka notepad kalo engga instal dreamweaver
2. ketikan tag <html> untuk bagian awal website, tag <head> sebagai kepala web, <title> judul website dan tutup website </title>. kemudian tutup head </head>. Ketik <body> untuk isi websitenya dan didalam tag body kita bisa memasukan apa saja yg kita inginkan. setelah itu ketikkan tutup body </body> dan tutup html </html>.
kurang lebih scriptnya sebagai berikut :


<html>
<head>
<title> Program 1 </title>
</head>
<body>
Contoh Program 1
</body>
<html>
 dan alhasil tampilannya seperti ini :


Kita juga bisa menambahkan tag lainnya. Nah Tutorial lengkapnya  bisa didownload aja disini -> Download
Semoga bermanfaat :D


Membuat Aplikasi Java di Perangkat Seluler dan PDA Menggunakan J2ME


Banyak dari kita yang tiap hari dipusingkan dengan script script program java, namun sebenarnya ada hal lain dibalik sulitnya pemrograman java. Tak semua java itu sulit (terutama java tengah n java timur, heheh :D)
Java yang akan dibahas disini adalah aplikasi java dengan J2ME , atau biasa juga digunakan untuk membuat aplikasi di perangkat lunak kecil seperti selular n PDA.
Artikel ini menjelaskan tentang cara memulai membuat aplikasi J2ME (aplikasi Java untuk perangkat kecil, seperti selular, PDA dan lainnya) tanpa menuliskan kode kode programming (source-code) sedikitpun, karena artikel ini ditujukan kepada programmer yang belum pernah membuat aplikasi J2ME, banyak para programmer desktop PC yang mungkin merasa terlalu susah untuk bikin aplikasi J2ME untuk selular, mudah mudahan artikel singkat ini bisa memberikan penjelasan yang cukup dan memberikan semangat yang positif untuk memulai membuat aplikasi J2ME.
Membuat aplikasi J2ME tidak memerlukan banyak software yang rumit atau besar, salah satu software yang pasti diperlukan adalah J2SE SDK/JDK, dalam J2SE SDK/JDK ini terdapat runtime dan library untuk program Java secara umum termasuk juga untuk J2ME, pada saat artikel ini ditulis telah ada J2SE SDK v1.4.2.
Untuk menulis source-code J2ME, maka kita memerlukan sebuah J2ME IDE (integrated development environment),
ada beberapa pilihan IDE yang diantaranya adalah Netbean, Sun One Java Studio Mobility, CodeWarrior dan notepad (atau text editor lainnya), untungnya semua software IDE yang disebutkan ini dapat di download gratis di website resmi masing masing perusahaan, jadi untuk membuat program J2ME maka pihak developer tidak perlu mengeluarkan uang sama sekali untuk membeli software IDE.
Pada artikel ini yang diulas adalah IDE dari Netbean v4.1 dengan tambahan Netbean Mobility Pack v4.1, tambahan ini diperlukan untuk membuat aplikasi J2ME, karena jika hanya dengan Netbean v4.1 hanya dapat membuat aplikasi Java saja, Netbean Mobility Pack adalah module-module aplikasi J2ME dan emulator device untuk testing dalam PC. IDE lainnya boleh dicoba tapi dianjurkan memakai Netbean v4.1 karena versi ini sangat mudah dioperasikan dan dirasakan cukup cepat dibanding IDE lainnya dalam hal loading, compiling, running dan debugging.
Langkah yang dilakukan oleh editor untuk memulai pembuatan aplikasi J2ME adalah:
1. Install J2SE SDK v1.4.2 (50MB)
2. Install Netbean v4.1 (47MB)
3. Install Netbean Mobility Pack v4.1 (18MB)
4. Jalankan Netbean v4.1, buat projek baru dan pilih kategori “Mobile” dan tipe projek “Mobile Application”
5. Pilih lokasi tempat menyimpan file-file projek ini, “Set as Main Project” dan “Create Hello MIDlet” jangan dirubah (tercentang)
6. Pada halaman “Platform selection” pilih “Device Configuration” = CLDC-1.0 dan “Device Profile” = MIDP-1.0 (versi terkecil yang dapat digunakan dalam semua selular yang support J2ME)
7. Setelah semua selesai (tempate telah dibuat), jalankan aplikasi ini dengan menekan tombol F6 (Run Main Project).
8. Lalu project ini akan dikompile dan emulator akan keluar, gunakan mouse untuk mengoperasikan emulator tersebut, dengan menekan nekan tombol keypad dalam emulator tersebut mirip seperti selular biasa.
9. Pada saat ini, aplikasi “Hello World” kita telah selesai dibuat dan bisa langsung di tes pada selular yang sebenarnya.
Untuk testing langsung ke dalam selular, yang diperlukan tidaknya banyak, hanya:
1. Selular phone yang mendukung J2ME (setidaknya MIDP v1).
2. Alat untuk memindahkan aplikasi (.JAR dan .JAD) yang sudah dibuat kedalam selular, dapat berupa kabel data, infrared, bluetooth atau card reader/writer jika selular yang ingin digunakan sebagai test device memiliki slot memory external, seperti MMC, MemoryStick dan lainnya. Cara pemindahan aplikasi J2ME sama seperti cara mengisi ringtone, image dan lainnya.
3. Software untuk memindahkan aplikasi J2ME ke dalam selular, bisa menggunakan aplikasi yang dibuat oleh perusahaan lain (bukan buatan vendor selular tersebut), seperti MobiMB yang berukuran kecil, mudah dan cepat.
Dalam artikel ini, selular yang digunakan sebagai test adalah Nokia 6015 (memakai kabel data USB) dan Nokia 9500 (memakai card reader/writer untuk mengkopi file .JAR dan .JAD ke dalam MMC). File file yang perlu ditransfer kedalam selular adalah file .JAR (dan .JAD jika diperlukan) yang berada dalam direktori “DIST”, lokasi direktori ini telah ditentukan pada langkah ke 5.
Kita telah selesai membuat aplikasi J2ME “Hello World”, untuk merubah text atau menambah objek objek lainnya seperti TextBox, RadioBox, tombol- tombol menu dan lainnya dapat kita lakukan dalam Netbean, juga tanpa perlu menuliskan source-code karena Netbean v4.1 sudah memiliki fungsi yang cukup bagus dan mudah dengan drag-and-drop mirip seperti programming Visual Basic dan lainnya yang hanya memerlukan perubahan pada properti-properti objek tersebut jika diperlukan seperti kata-kata nya, lebar tingginya dan lain lain.
Memang aplikasi yang telah dibuat ini tidak begitu berguna, tapi bagi para programmer yang telah menguasai bahasa pemrograman Java maka tidaklah sulit untuk membuat aplikasi atau game game untuk selular yang mungkin bisa dengan mudah dijual kepada perusahaan perusahaan mobile content aggregator karena bisnis mobile content cukup lumayan saat ini.
Pilihan J2ME untuk membuat aplikasi/game selular sangat bagus, karena ukuran file nya kecil (file JAR Hello World yang telah kita buat ini hanya kurang lebih 1 kilobyte saja), bahasa Java relatif lebih mudah dipelajari dibanding C/C++ untuk Symbian, Palm, Pocket PC dan Linux, dan alasan yang terakhir adalah software IDE untuk J2ME versi sekarang ini sangat baik dan lebih mudah digunakan.
Kemungkinan jika semua langkah yang dijelaskan diatas dicoba dengan sama persis oleh para pemula, maka mungkin hanya membutuhkan waktu kurang dari 10 menit hingga selesai dimasukan dalam selular, pihak editor hanya membutuhkan kurang dari 3 menit untuk menyelesaikannya.
Cukup segini dulu ya. kalo ada yg salah mogon maaf. Maklum masih amatiran gan :D


Membuat Kalender Dengan Php

Agan agan sekalian ni ane punya script buat bikin kalender pake php nih.
kali aja ada yg butuh ane sharingin disini.
langkah langkahnya :
1. instal web server kaya apache triad, wamp, xamp dll.
2. ketik script ini :

<?
$jan = "Januari";
$feb = "Februari";
$mar = "Maret";
$apr = "April";
$mei = "Mei";
$jun = "Juni";
$jul = "Juli";
$agu = "Agustus";
$sep = "September";
$okt = "Oktober";
$nov = "November";
$des = "Desember";
?>


<div style="width:200px;">


<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
monthnames = new Array(
<?echo("\"{$jan}\"");?>,
<?echo("\"{$feb}\"");?>,
<?echo("\"{$mar}\"");?>,
<?echo("\"{$apr}\"");?>,
<?echo("\"{$mei}\"");?>,
<?echo("\"{$jun}\"");?>,
<?echo("\"{$jul}\"");?>,
<?echo("\"{$agu}\"");?>,
<?echo("\"{$sep}\"");?>,
<?echo("\"{$okt}\"");?>,
<?echo("\"{$nov}\"");?>,
<?echo("\"{$des}\"");?>);
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;


<?
$saiki = date("d M Y");
?>;
saiki="<? echo $saiki ?>";


todayDate=new Date(saiki);


thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0) 
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=0 cellspacing=1 cellpadding=0 ");
document.write("bordercolor=#666666 width=100%><font color=black>");
document.write("<tr><td colspan=7><center><strong><font size=1>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</font></strong></center></font></td></tr>");
document.write("<tr>");


document.write("<td align=center><font size=1 color=red>M</font></td>");
document.write("<td align=center><font size=1>S</font></td>");
document.write("<td align=center><font size=1>S</font></td>");
document.write("<td align=center><font size=1>R</font></td>");
document.write("<td align=center><font size=1>K</font></td>");
document.write("<td align=center><font size=1 color=green>J</font></td>");
document.write("<td align=center><font size=1>S</font></td>");


document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td align=center><font size=1>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
    }
    }
}
if (count <= monthdays[thismonth]) {
if (b==0) {
document.write("<font color=red>");}
if (b==5) {
document.write("<font color=green>");}
if (count==thisdate) {
document.write("<font size=2 color=blue><strong>");}

document.write(count);


if (count==thisdate) {
document.write("</strong></font>");}
if (b==0){
document.write("</font>");}
if (b==5){
document.write("</font>");}
}
else {
document.write(" ");
}
if (linktrue)
document.write("</a>");
document.write("</font></td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
// End -->
</SCRIPT>
</div>


3. Save file tersebut di web server. contohnya di apache.
buka folder apache triad -> htdoc -> bikin folder -> namain filenya dengan extansi .php
(misalnya kalender.php)

4. Jalanin programnya dengan membuka web browser misalnya mozilla firefox terus ketik
http://localhost/kalender/kalender.php


dan ini penampakannya :


Untuk script biar ga repot bisa download disini :D


Membuat Media Player Sederhana Dengan Visual Basic 6.0

Media player. hmm sebenernya ini banyak banget contohnya.
Tapi ane mau share aja aplikasi yg udah ane buat. Semoga bermanfaat gan :D

1. Buka Visual Basic 6.0
2. Pilih Standard.exe
3. Sebelum melanjutkan membuat program Media player sederhana menggunakan visual basic, terlebih dahulu tambahkan komponen Media Player Control dan Common Dialog Control ke ToolBox Vb. 

Cara menambahkan Components baru ke Toolbox Visual Basic.
Caranya dengan Klik menu Project dan pilih components, atau dengan Mengklik kanan Toolbox dan pilih Components bisa juga dengan menekan tombol Ctrl + T dari Keyboard anda. Selanjutnya akan muncul jendela components dan beri centang pada Microsoft Common Dialog Control 6.0 dan Media Player Control. Klik Ok.
4.  Tambahkan Component tersebut, Media Player Control dan Common Dialog Control . Masing-masing Component satu buah dan atur sedemikian rupa atau kurang lebih tampak seperti gambar berikut ini.

5. Buat beberapa menu seperti Open dan Exit menggunakan Tools Menu Editor.

6. Pilih Menu File dan Pilih Open kemudian pilih Exit pada Form Project yang telah anda buat. Dan ketikan script visual basic berikut ini:

Private Sub exit_Click()
End
End Sub

Private Sub open_Click()
CommonDialog1.CancelError = True
CommonDialog1.Filter = _
    "Avi(.avi)|*.avi|All File (*.*)|*.*"
    CommonDialog1.FileName = "*.avi"
    CommonDialog1.DialogTitle = "Buka File"
    
    On Error GoTo ErrorHandler2
    CommonDialog1.ShowOpen
    On Error GoTo ErrorHandler1
    
    MediaPlayer1.openPlayer CommonDialog1.FileName
    
    Exit Sub
    
ErrorHandler1:
    MsgBox "Cannot play this file", vbExclamation
    
ErrorHandler2:   
End Sub

7. Jalankan Program Media Player Sederhana Buatan Anda. Buka sebuah file Video (Avi) dengan memilih 
File ->Open selanjutnya pilih film video yang ingin anda putar. Hasilnya kurang lebih sebagai berikut:


Tamat :D

Kalo agan agan butuh scriptnya tinggal download aja disini -> Download


Java



Ni saya ada tutorial tentang pemrograman java. sedikit penjelasan java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Bahasa ini awalnya dibuat oleh James Gosling saat masih bergabung di Sun Microsystems saat ini merupakan bagian dari Oracle dan dirilis tahun 1995. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada C dan C++ namun dengan sintaksis model objek yang lebih sederhana serta dukungan rutin-rutin aras bawah yang minimal. Aplikasi-aplikasi berbasis java umumnya dikompilasi ke dalam p-code (bytecode) dan dapat dijalankan pada berbagai Mesin Virtual Java (JVM). Java merupakan bahasa pemrograman yang bersifat umum/non-spesifik (general purpose), dan secara khusus didisain untuk memanfaatkan dependensi implementasi seminimal mungkin. Karena fungsionalitasnya yang memungkinkan aplikasi java mampu berjalan di beberapa platform sistem operasi yang berbeda, java dikenal pula dengan slogannya, "Tulis sekali, jalankan di mana pun". Saat ini java merupakan bahasa pemrograman yang paling populer digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.
Penjelasannya sampe segitu dulu. Lebih lengkapnya ini ane ada modul gan.
Klik aja link downloadnya gan. -> Download


Tutorial membuat Captcha Php



Misi gan saya mau share cara ngebuat captcha ni. Mudah mudahan bermanfaat.
nah langkah langkahnya adalah sebagai berikut. cekibroott.

Ada 4 file yang harus kita buat disini

  1. index.php ( tampilan form itu sendiri )
  2. captcha.php ( script captchanya )
  3. send.php ( file yang akan melakukan proses ketika tombol submit pada index di hit )
  4. img.jpg ( hanya file image, silahkan dibuat sendiri ya )
nah sekarang tinggal ketik(kalo gamau repot tinggal copas:D )script phpnya gan.
1. index.php


<!--
 .judul { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24p; font-weight: bold; color:#FF0000; } .table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .bintang { color:#FF0000; } .style1 {color: #FF0000; font-weight: bold; } .style5 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
-->
 
Form Pendaftaran via Email<form action="send.php" method="post"><strong>FORM PENDAFTARAN</strong>
<table class="table" border="1" cellspacing="0" cellpadding="3" width="61%">
<tbody>
<tr>
<td width="56%">
<div>
<strong>Nama Lengkap<span class="bintang">*</span></strong></div></td>
<td width="44%"><input id="txtNama" name="txtNama" type="text" /></td>
</tr>
<tr>
<td>
<div>
<strong>Nomor KTP/SIM/Paspor/Kartu Pelajar<span class="bintang">*</span>
</strong></div></td>
<td><input id="txtKTP" name="txtKTP" type="text" /></td>
</tr>
<tr>
<td>
<div><strong>Tempat Lahir<span class="bintang">*</span></strong></div></td>
<td>
 
<input id="txtLahir" name="txtLahir" type="text" /></td>
</tr>
<tr>
<td>
<div><strong>Tanggal Lahir<span class="bintang">*</span> </strong></div></td>
<td>
<select id="lsttgl" class="inputstyle" name="lsttgl">
<!--
for(i=1;i<=31;i++) {
if(i==1) {
document.write('<option value="' + i + '" selected>' + i + '</option>')
} else {
document.write('<option value="' + i + '">' + i + '</option>')
}
}
// -->
</select>
 
-
<select id="lstbln" class="inputstyle" name="lstbln">
<option selected="selected" value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select>
 
-
<select id="lstthn" class="inputstyle" name="lstthn">
<!--
for(i=1950;i<=2007;i++) {
if(i==1975) {
document.write('<option value="' + i + '" selected>' + i + '</option>')
} else {
document.write('<option value="' + i + '">' + i + '</option>')
}
}
// -->
</select></td>
</tr>
<tr>
<td>
<div><strong>Alamat<span class="bintang">*</span>
</strong></div></td>
<td><textarea id="txtAlamat" name="txtAlamat"></textarea></td>
</tr>
<tr>
<td>
<div>
<strong>Nomor Telepon atau Handphone yang bisa dihubungi<span class="bintang">*</span> </strong></div></td>
<td><input id="txtHP" name="txtHP" type="text" /></td>
</tr>
<tr>
<td>
<div><strong>Masukkan jumlah hasil penjumlahan dari gambar<span class="”bintang”">*</span></strong><span class="”bintang”">
 
<img src="”captcha.php”/" alt="" /></span></div></td>
<td>
<input name="”ccek”" type="”text”/" /></td>
</tr>
<tr>
<td>
<div><strong>Keterangan Tambahan</strong></div></td>
<td><textarea id="”txtKeterangan”" name="”txtKeterangan”"></textarea></td>
</tr>
<tr>
<td>
<div><span class="”style1″">*semua field  harus diisi</span></div></td>
<td><input name="”cek”" type="”submit”" value="”Kirim”/" /></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">
 
<strong>Tolong masukkan data secara benar dan valid, semua field harus diisi !</strong></td>
</tr>
</tbody></table>
</form>

______________________________________________________________________________________________


2. captcha.php
<?php
session_start();
$gbr = "img.jpg";
$merah = "255";
$ijo = "255";
$biru = "255";
$acak1 = mt_rand(1,100); // nilai acak 1
$acak2 = mt_rand(1,100); // nilai acak 2
$strtampil = $acak1." + ".$acak2;
$hasil = $acak1 + $acak2;
$bikingbr =imagecreatefromjpeg($gbr);
$teks = imagecolorallocate($bikingbr, $merah, $ijo, $biru);
imagestring($bikingbr, 5, 20, 10, $strtampil, $teks);
$_SESSION['capcay'] = $hasil;
header("Content-type: image/jpeg");
imagejpeg($bikingbr);
?>

3. send.php

<?php
session_start();
$to = "email-kamu@domain-kamu.com";
$subject = "Isikan subjectnya disini";
$txtNama = $_POST['txtNama'] ;
$txtKTP = $_POST['txtKTP'];
$txtLahir = $_POST['txtLahir'];
$tgl = $_POST['lsttgl'];
$bln = $_POST['lstbln'];
$thn = $_POST['lstthn'];
$txtAlamat = $_POST['txtAlamat'];
$txtHP = $_POST['txtHP'];
$txtKeterangan = $_POST['txtKeterangan'];
$cek = $_POST['ccek'];
$message = "Nama: ".$txtNama."<br>KTP: ".$txtKTP."<br>Tempat Lahir: ".$txtLahir.
"<br>Tanggal Lahir: ".$tgl."-".$bln."-".$thn."<br>Alamat:
".$txtAlamat."<br>HP: ".$txtHP."<br>Keterangan: ".$txtKeterangan; if($txtNama == "" || $txtHP == "" ||$txtAlamat == "" || $txtKTP == "" || $txtLahir == "" ) {
header("location:index.php?err=1");
exit;
}
if($_POST['ccek'] != $_SESSION['capcay']){
header("location:index.php?err=1");
exit;
}
if((bln==4||bln==6||bln==9||bln==11)&&tgl>30) {
header("location:index.php?err=1");
exit;
} else if((bln==2) && tgl>29) {
header("location:index.php?err=1");
exit;
} else if((bln==2) && (thn%4!=0) && (tgl>28)) {
header("location:index.php?err=1");
exit;
} else if((bln==2) && (thn%4==0) && (tgl>29)) {
header("location:index.php?err=1");
exit;
}
$sent = mail($to, $subject, $message) ;
if($sent)
{print "Terima kasih, Data Anda sudah terregistrasi dengan sukses, silahkan tutup halaman ini"; }
else
{print "Registrasi gagal, Silahkan ulangi kembali"; }
?>
______________________________________________________________________________________________

Kalo agan agan mau download tinggal klik aja disini :D