Oktober 15, 2009 • 1:55 pm 0
*Maaf baru posting setelah sekian lama*
Sekarang saya akan mencoba membuat kelas Entity Persistence pada project yang pernah diposting sebelum ini. Pada proyek itu telah dibuat Persistence Unitnya.
Read the rest of this entry »
Filed under: Eksplorasi, How To, Java, Medium, Network Programming, tutorial , Programming, MySQL, Netbeans, pemrograman, database, Java, Java EE, Persistence Unit
Agustus 30, 2009 • 3:16 pm 1
Didedikasikan buat rekan-rekan IF ITB 2006.
Ada sedikit permintaaan dari beberapa junior supaya saya sedikit mengupas tentang aplikasi medis sederhana di Java EE. Aplikasi ini cuman aplikasi pengaturan dokter, pasien, dan pemeriksaan. Aplikasi ini akan dibangun dengan menggunakan basis data MySQL dan IDE Netbeans.
Filed under: Dedicated, Easy, Snippets, Software Engineering, Web Programming, tutorial , J2EE, Java EE, Medical software, MySQL, Netbeans
Agustus 29, 2009 • 8:56 am 0
Setelah jarang ngoding tampilan aplikasi di Netbeans, gw tadi pagi kesulitan buat ngeset sebuah JFrame supaya bisa ditengah-tengah layar. Ternyata ada cara mudahnya
Voila, kalau Framenya dirun, akan tampil di tengah layar.
Filed under: How To, Java, Programming, Snippets, Very Easy , center window, Java Swing, JFrame, Netbeans, pemrograman, Programming
Agustus 20, 2009 • 11:23 pm 0
(belakangan pengen ngeposting artikel yang gampang mikirnya, hehehe)
Kemarin ada seorang junior yang sedang belajar JQuery. Dia nanya bagaimana caranya meload bagian dari halaman HTML tanpa harus meload bagian-bagian halaman lain. Fungsi ini merupakan salah satu kegunaan dari AJAX di mana kita melakukan HTTP request tanpa harus meload halaman baru.
JQuery sudah menyediakan sebuah method yakni load. Method ini akan melakukan request ke sebuah halaman dan kemudian menginjeksikan responsenya ke dalam DOM elemen tersebut.
Contoh penggunaannya
<html>
<head>
<title>Test</title>
<script type="text/javascript" language="javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#kotak").load("test5_1.html");
$("#button1").click(function(){
$("#kotak").load("test5_1.html");
return false;
});
$("#button2").click(function(){
$("#kotak").load("test5_2.html");
return false;
});
});
</script>
</head>
<body>
<ul>
<li><a href="" id="button1">Test 1</a></li>
<li><a href="" id="button2">Test 2</a></li>
</ul>
<div id="kotak"></div>
</body>
</html>
Untuk membuat sebuah tabpage pada HTML dan melakukan load seperti di atas, JQuery UI sudah menyediakan widget yang menarik dan high customable.
Source code dapat diambil di sini. (rename ke zip dan jangan lupa menambahkan script JQuerynya)
Filed under: HTML, Javascript, Snippets, Very Easy, Web Programming, tutorial , ajax, HTML, JavaScript, JQuery, Programming, Web Programming
Agustus 16, 2009 • 4:43 pm 5
JSON atau Javascript Object Notation adalah sebuah format pertukaran data yang ringan dan mudah ditulis atau dibaca oleh manusia. Karena ringan, format ini sering dipakai dalam pertukaran data. Contoh format data JSON.
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S",
"GlossList": {
"GlossEntry": {
"ID": "SGML",
"SortAs": "SGML",
"GlossTerm": "Standard Generalized Markup Language",
"Acronym": "SGML",
"Abbrev": "ISO 8879:1986",
"GlossDef": {
"para": "A meta-markup language, used to create markup languages such as DocBook.",
"GlossSeeAlso": ["GML", "XML"]
},
"GlossSee": "markup"
}
}
}
}
}
Kadang-kadang untuk menghemat data maka seluruh whitespace dihilangkan dari format data. Penghematan ini jelas membuat format data menjadi susah terbaca oleh manusia.
{"glossary":{"title":"example glossary","GlossDiv":{"title":"S","GlossList":{"GlossEntry":{"ID":"SGML","SortAs":"SGML","GlossTerm":"Standard Generalized Markup Language","Acronym":"SGML","Abbrev":"ISO 8879:1986","GlossDef":{"para":"A meta-markup language, used to create markup languages such as DocBook.","GlossSeeAlso":["GML","XML"]},"GlossSee":"markup"}}}}}
Code beautifier adalah salah satu perkakas untuk membuat kode menjadi terbaca. Salah satu caranya adalah dengan indenting yakni menambahkan whitespace pada kode. Dengan perkakas ini, kode kedua dapat kembali mejadi yang pertama.
Filed under: Easy, Javascript, PHP, Snippets, Web Programming , Code beautifier, JavaScript, json, pemrograman, php, Programming, Web Programming
Agustus 15, 2009 • 3:01 pm 3
Sedikit sharing tentang desain HTML. Gw beberapa hari ini lagi bikin theme wordpress buat website kantor meski pada dasarnya gw gak jago desain. Meski demikian, gw lumayan bisa kalo layout HTML dan CSS. Oke, sering kita ngeliat pada halaman web sering ada sebuah halaman yang memiliki bingkai gradasi atau pola-pola menarik. Di CSS yang sekarang kita gak bisa set bingkai (border) sebuah elemen menjadi sebuah gradasi atau pola. Tapi kita bisa menyiasatinya.
Layout HTML yang dipakai adalah sebagai berikut
<body> <div id="page_wrapper"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> </body>
Selanjutnya kita sediakan sebuah gambar berukuran 920*2 pixel. Sebenarnya ukurannya lebarnya bisa terserah berkisar antara 900 s.d. 800an pixel dan tingginya hanya 1 s.d. 3 pixel. Di kedua pinggirnya kita siapkan pola atau gradasi. Contoh dapat dilihat di sini.
Nah, setelah itu kita tinggal bermain-main CSS.
body {margin:0px;padding:0px;background:#aaffb0;}
#page_wrapper {width:920px;background:url(page-border.png) repeat-y;margin:auto;}
#header {width:860px;margin:0px 30px 0px 30px;height:100px;border:1px solid #00ff12;background:#00ff12;}
#content {width:860px;margin:0px 30px 0px 30px;height:400px;border:1px solid #00ff12;background:#ffffff;}
#footer {width:860px;margin:0px 30px 0px 30px;height:100px;border:1px solid #00ff12;background:#00ff12;}
Page wrapper adalah sebuah elemen yang menampilkan gambar background di atas dan membungkus elemen-elemen utama : header, content, dan footer. Pada gambar yang disertakan, ukuran gradasi adalah 30px masing-masing. Oleh karena itu ukuran lebar header harusnya 60px lebih kecil dari page wrapper dan harus memiliki margin 30px di kedua sisi kanan dan kiri. Margin ini akan memberi tempat bagi bingkai tersebut agar dapat terlihat.
Hasilnya nanti seperti di bawah.
Kode dapat diunduh di sini.
(seperti biasa, rename extension ke *.zip)
Filed under: Easy, HTML, Web Programming, tutorial , CSS, HTML, pemrograman, Programming, web layout
Juli 28, 2009 • 1:27 pm 0
Berbeda dengan Ruby on Rails maupun Zend, Kohana 2.3 tidak memiliki konvensi penaruhan file view. Di beberapa proyek yang menggunakan Kohana, saya mengedit sendiri class Template_Controller di Kohana sehingga bisa membuat file Viewnya lebih bisa diotomatisasi. Rekan saya yang saya ceritakan di postingan sebelumnya mencoba menjelaskan cara otomatisasi tersebut. Artikelnya bisa dilihat di sini.
Filed under: PHP, Web Programming , kohana, KohanaPHP, MVC, php, Programming, Web Programming
Juli 23, 2009 • 12:18 pm 2
Derita web developer? 
Filed under: Web Programming , debugging, firefox, Web Programming
• 9:12 am 1
DateJS adalah sebuah library Javascript yang memudahkan kita untuk melakukan manipulasi waktu. Script ini memiliki fungsi-fungsi yang menarik seperti add, today, tommorrow, sekaligus parse dan dapat melakukan chaining. Meski masih dalam tahap alpha tapi sudah menyediakan fungsi-fungsi yang sangat lengkap dan sudah dapat berjalan dengan cukup baik untuk kebutuhan-kebutuhan mendasar.
Dan hal yang menyenangkan lagi adalah library ini dapat digunakan bersama-sama dengan JQuery.
Berikut contoh yang ada di situsnya.
// What date is next thrusday?
Date.today().next().thursday();
// Add 3 days to Today
Date.today().add(3).days();
// Is today Friday?
Date.today().is().friday();
// Number fun
(3).days().ago();
// 6 months from now
var n = 6;
n.months().fromNow();
// Set to 8:30 AM on the 15th day of the month
Date.today().set({ day: 15, hour: 8, minute: 30 });
// Convert text into Date
Date.parse(‘today’);
Date.parse(‘t + 5 d’); // today + 5 days
Date.parse(‘next thursday’);
Date.parse(‘February 20th 1973′);
Date.parse(‘Thu, 1 July 2004 22:30:00′);
Filed under: Javascript, Web Programming , DateJS, JavaScript, JQuery, Library, Programming, Web Programming
Juli 19, 2009 • 10:21 am 1
Seorang rekan pengguna KohanaPHP membuat tutorial CRUD sederhana di KohanaPHP. Tutorialnya bagus. Bisa dilihat di sini.
Filed under: PHP, Web Programming, tutorial , KohanaPHP, pemrograman, php, Programming, Web Programming
Just a man who only knows how to code but really dislike doing it
Komentar Terakhir