Membangun Aplikasi Sederhana Berbasis Client Server Menggunakan Borland Delphi (Dengan MYSQL SERVER 5.1)

Client - Server adalah : Hubungan antara kompoter yang satu sebagai server dan yang lainnya sebagai client (user) kurang lebih seperti itu, hohohohohoho....

KITA MISALKAN MEMPUNYAI 2 KOMPUTER KATAKANLAH, KOMPUTER 1 NAMANYA A (SERVER) DAN KOMPUTER KE 2 NAMANYA B(CLIENT), A(SERVER) hanya menampung databasenya saja, sedangkan B berhak menambah data, merubah data, menghapus data dll..
ikuti langkah demi langkah.. :D

Tahap Ke - Satu adalah : colok-kan kabel UTP (RJ45)


Tahap ke - dua konfigurasi IP Dan Workgroup..
caranya masuk ke control panel -> network connection -> pilih LAN -> klik kanan properties -> internet protocol (TCP/IP) -> properties -> use the following ip address, masukkan ip address misalnya 192.168.0.1 subnet masknya biarkan saja 255.255.255.0

Setelah itu masuk ke mycomputer -> klik kanan -> properties -> pindah ke tab computer name ganti dengan menekan tombol change MISALNYA NAMA WORKGROUPNYA TESTING. LAKUKAN HAL YANG SAMA PADA KOMPUTER YANG B(CLIENT) HANYA YANG DIUBAH ITU IP ADDRESSNYA saja, GANTI dengan 192.168.0.2

kemudian ping ip tersebut untuk memastikan bahwa setingan telah berhasil dilakukan, dengan cara masuk ke run -> ketik cmd -> ketik 192.168.0.1 -t dan 192.168.0.2 sampai ada reply / balasannya.

Tahap ke Tiga
-> Instal Mysql server 5.1, component guitols, component administrator (baik itu server maupun client
-> Instal Borland Delphi. (Client saja)

Tahap ke Empat
untuk server Masuk ke Mysql Query Browser untuk mengetes apakah configurasi / instalnya telah berhasil, jika sudah berhasil maka akan muncul jendela query browser dan masukan server host (localhost), user name(root), password dll kemudian ok..

untuk client sama saja masuk ke query browser, masukkan server host (ip servernya), user name(root), password(server) kemudian ok, jika berhasil maka client bisa melihat - lihat database yang ada pada komputer server (ini kalau databasenya ada, pastikan sebelum client masuk ke query browser pada server buat terlebih dahulu 1 database di server)

Tahap ke Lima
Berhubung kita membuatnya dengan borland delphi jadi pada computer cliennya mesit mengatur componen ODBC driver terlebih dahulu biar ketika ingin melakukan koneksi si delphinya sudah mengetahui / membaca bahwa ada ODBC sudah ada.

masih di komputer client masuk ke control panel -> administrative tools -> ODBC -> ADD -> MYSQL ODBC 5.1 DRIVER -> FINISH.. :D

otomoatis jendala odbc conector langsung keluar (jreng)
misalkan data source namenya : DSXXXXXXX
Description : latihan database
server (masukkan ip server) port : (Samakan degan server)
user : root
password : passwordnya server
database : jika berhasil maka databasenya ada (itu kalau databasenya sudah di buat, dan kalau sudah dibuat akan tetapi masih kosong pilihannya berarti masih ada kesalahan, periksa tahap demi tahap) :D

Tahap Ke Enam
buat projectnya dengan delphi tambahkan component AdoConection dan AdoQuery yang berada pada pallete ADO kemudian tambahkan DataSorce pada palete DataAccess..

Sambungkan dataSoruce dengan adoquery pilih dataset masukkan pilihannya yaitu AdoQuery, kemudian sambungkan adoquery dengan adoconection pilih AdoQuery connection -AdoConnection- jangan lupa di sql query dimasukkan terlebih dahulu kemudian baru activenya dirubah ke true..

Pada componen adoConection -> connection string -> build -> microsoft....for odbc driver -> next -> use data source name pilih yang barusan anda buat datasorce dengan (ODBC) DSXXXXXXX username(root), password(password server) -> test connection -> test -> ok

jreng koneksi database sudah berhasil, hahahahaha... masuk ke AdoQuery klik 2 kali ->klik kanan add all filed -> klik kanan select all, drag ke formnya.. tara sudah bisa kan?? hohohoho, kemudian tambahkan button (tambah, ubah, hapus, simpan, batal)
klik tombol tambah 2 kali.. masukkan perintah XXXXXXX.Append;
klik tombol ubah 2 kali.. masukkan perintah XXXXXXX.Edit;
klik tombol hapus 2 kali.. masukkan perintah XXXXXXX.Delete;
klik tombol simpan 2 kali.. masukkan perintah XXXXXXX.Post;
klik tombol batal 2 kali.. masukkan perintah XXXXXXX.Cancel;

------------------------------------------------------------------------------------
GOOD LUCK

Read More..

Konferensi Hacker di Bali, Bahas Transaksi Perbankan

Setiap orang harus mempertahankan mesin servernya masing-masing. Tapi ia juga harus siap untuk menyerang mesin lain. Akan ada adu kecerdikan membobol. Inilah simulasi perang para hacker yang akan digelar di Bali.

Itu salah satu kegiatan yang akan digelar di Indonesian Security Conference 2010 (IDSECCONF 2010), pada 16 dan 17 Oktober nanti di STMIK Bali. Ajang adu retas itu, alias permainan "capture the flag", memang akan memposisikan para penjaga server sebagai penjaga benteng. Untuk merebut bendera benteng, taklukkan dulu penjaganya.

Tema konferensi tahun ini adalah keamanan dalam bertransaksi di perbankan elektronik dan pembayaran elektronik. Berbagai isu keamanan dan kerawanan dalam transaksi e-banking dan e-payment akan dibahas.

Sejumlah pemateri akan mempresentasikan berbagai kegiatan meretas. Misalnya y3dips yang bakal bicara soal cara meretas jaringan pribadi. Ada pula indo.pick yang membawa materi membobol brankas dengan lock pick. Ada yang akan membahas soal skimming di mesin ATM hingga cara cepat melakukan hacking pada bank dari tempat-tempat yang tak menarik perhatian, bahkan saat mengantri di bank! Para pemateri adalah hasil seleksi dari makalah yang dikirim ke panitia.

Lalu, dua analis keamanan teknologi informasi, yaitu Yono Reksoprodjo dan Jim Geovedi, juga akan memberikan 'kuliah' di sana.

Bila ingin tahu bahkan ingin ikut di acara yang terbuka untuk umum ini, Anda bisa melihatnya di http://idsecconf.org. Acara ini terbuka bagi pelajar, mahasiswa, pengikut perkembangan teknologi informasi, praktisinya, hingga rakyat biasa.

sumber : news.yahoo.com

Read More..

Rumus Dalam Excel - Fungsi Matematika dan Statistika

Kali ini saya ingin memposting tugas saya yang lama, tentang rumus-rumus dasar dalam Microsoft Excel. Sebenarnya tugas ini saya buat 2 tahun lalu (waktu masih kelas X) dan merupakan tugas KKPI. Jadi, mengapa saya ingin memposting tugas saya yang sudah lama ini? Sebab dari pada filenya di delete, mending saya posting aja di blog, mungkin dapat berguna bagi yang sedang belajar KKPI terutama tentang MS. Excel ini.

Ok, pada sesi ini, rumus yang akan kita bahas ialah rumus dasar saja, meliputi Sum, Max, Min, Average, Count, CountIF, Counta, dan Sumif.

Untuk lebih jelas fungsi dari masing-masing rumus, dapat melihat tabel di bawah ini.

Fungsi	Kegunaan	Penulisan
SUM	Menjumlahkan pada angka pada sel atau range	=SUM(angka 1, angka 2,...)
		=SUM(alamat range)
MAX	Menampilkan nilai terbesar dari suatu range data numerik	=MAX(angka 1, angka 2,...)
		=MAX(alamat range)
MIN	Menampilan nilai terkecil dari suatu range data numerik	=MIN(angka 1, angka 2,...)
		=D10MIN(alamat range)
AVERAGE	Menampilan rata-rata dari suatu range data numerik	=AVERAGE (angka 1, angka 2,...)
		=AVERAGE(alamat range)
COUNT	Menghitung jumlah data yang bersifat numerik dari suatu range	=COUNT(angka 1, angka 2,...)
		=COUNT(alamat range)
COUNTIF	Menghitung jumlah data yang bersifat numerik yang terdapat pada range tertentu sesuai dengan kriteria yang ditentukan	=COUNTIF(range,criteria)
COUNTA	Menghitung jumlah semua jenis data dari suatu range	=COUNTA(angka 1, angka 2,...)
		=COUNTA(alamat range)
SUMIF	Menjumlahkan data yang bersifat numerik dalam suatu range data dengan kriteria tertentu	=SUMIF(range,criteria,sum_range)

Untuk contoh penggunaan rumus, dapat di lihat pada gambar di bawah.

Read More..

Aneka SoftWare

Temukan Solusinya disini Ampera Soft, Inc

Kami siap membantu anda dalam membuat software sesuai keinginan dan kebutuhan anda.

Berikut pesanan pelanggan

1. Inventory Barang (Meliputi Barang Masuk dan Barang Keluar, total barang yang masuk dan yang keluar, total barang berdasarkan range tanggal tertentu (misalkan data pada tanggal 01/01/01 hingga 01/02/01) -> Untuk mencoba trialnya anda bisa langsung sedot disini (BBP 1.0)

2. Sistem Informasi Kendaraan (meliputi data karyawan, data kendaraan, data pemakaian kendaraan, laporan data karyawan, laporan data pajak kendaraan mulai 1 hari kedepan hingga 7 hari kedepan dan laporan berdasarkan : merk, tahun, jenis, kategori -> Untuk mencoba trialnya anda bisa langsung sedot disini (Gedung Sate I 1.0.0) dan (Gedung Sate II 1.0.0)

Jika anda ingin menambahkan menu / vitur - vitur yang lain atau juga anda ingin membuat aplikasi yang lain jangan sungkan - sungkan untuk menghubungi kami
di nomor : +62813-24523-225 atau +62857-6900-1730
email kami : done_kito@yahoo.co.id
------------------------------------------------------------------------------------

adapun software gratis yang kami tawarkan diantaranya :

1. Kunci Komputer : Software ini berguna untuk mengunci komputer anda sehingga komputer anda aman dari tangan - tangan yang tidak bertanggung jawab .

2. TeamViewer : Software ini berguna untuk pembelajaran online (tidak tatap muka) sehingga anda dapat dengan mudah jika menemui kendala dalam belajar / permasalahan dalam kantor jaringan kantor anda, atau apapun deh, buruan download dan coba sendiri. Monggo ambil DISINI >>>

3. DataRecovery : Software ini berguna untuk mengembalikan data setelah habis di instal ulang / format / tidak sengaja di hapus,.. download aja disini>>>

Read More..

Membuat Tepi Gambar Bershadow Dengan CSS 3

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note :

1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.

Read More..

Menampilkan Widget Di Halaman Tertentu

Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama.

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>

Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

Dan untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini

<b:if cond='data:blog.url == "URL_HERE"'>

Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya

Read More..

Jquery Multi Level Menu Horizontal

Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya


langkah pertama yaitu masuk pada bagian Design lalu Edit HTML

Masukkan code dibawah ini dibawah code <head>

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/>

Lalu masukkan CSS dibawah ini diatas code ]]></b:skin>

.jqueryslidemenu{
font: bold 13px Verdana;
background: #800000;
width:100%;
float:left
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #800000; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#B30000; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#B30000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
position:relative;
}

Code diatas adalah style dari menu Anda, silahkan edit sesuai kebutuhan Anda.

Nah kalau sudah kita menuju kebawah untuk mencari code seperti dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section>
</div>

Perhatikan saja code yang berwarna merah karena code yang berwarna hitam diatas berbeda-beda setiap template

lalu taruh code dibawah ini dibawah code yang diatas tadi

<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>

Kalau sudah SAVE

Pekerjaan kita belum selesai, langkah selanjutnya yaitu menuju menu "Page Elements"



Terlihat pada "Page Elements" muncul tempat gadget baru, lalu klik aja "Add a gadget" dan pilih HTML/JavaScript dan masukkan code dibawah ini.

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li>
<li><a href="#">Kategori</a>
<ul>
<li><a href="#">Sub Kategori 1</a></li>
<li><a href="#">Sub Kategori 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li>
</ul>
<br style="clear: left" />
</div>

Nah code diatas adalah code dari widgetnya silahkan di edit sesuai kebutuhan Anda.

Kalau sudah silahkan di SAVE deh.

Nah semoga tutorial ini bisa bermanfaat bagi Anda dan silahkan tanyakan pada saya lewat komentar jika ada pertanyaan. Miss u all. bye²

Read More..

Cara Menghilangkan Widget Attribution Blogger

Pada episode yang lalu saya sudah menerangkan tentang kemunculan widget attribution blogger dan cara memindahkanya, pada episode kali ini pun masih membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.

Sekian dan terima kasih

Read More..

Widget Recent Posts Dan Recent Comments Dari Blogger

Recent posts dan recent comments atau widget komentar dan posting terakhir adalah widget yang sering digunakan para blogger, karena kedua widget ini sangat berguna untuk mengetahui komentar terakhir dan posting terakhir di blog kita.

Dulu saya pernah mencoba menulis tentang cara membuat recent comments dan recent posts dengan javascript, namun sekarang kita tidak perlu susah-susah lagi untuk membuat widget tersebut dengan menggunakan javascript karena blogger sudah menyediakan widget ini di widget featured blogger.

Bagi Anda yang belum tau tentang cara menggunakan widget ini silahkan ikuti panduan dibawah ini.


Cara menggunakan widget ini cukup mudah yaitu :

1. Masuk pada "Design→ Page Elements"
   
   
2. Lalu Klik tombol "Add a Gadget"
   
   
3. Dan klik tombol "Featured"
   
   
   
4. Cari gadget Recent Comments, untuk menggunakan widgetnya klik tombol (+)
   
   
   Setelah muncul kotak dialog seperti diatas kemudian isi konfigurasi widgetnya dan tekan tombol "SAVE"
   
   
5. Dan untuk widget Recent Post pada langkah nomer 3 cari gadget "Recent Posts" dan klik tombol (+) maka akan muncul kotak konfigurasi seperti dibawah ini
   
   
   Nah setelah muncul kotak konfigurasi seperti diatas, lalu isi konfigurasinya sesuai keinginan Anda lalu "SAVE"
   
   
6. Selesai dan lihat hasilnya.

Okkey inilah bukti kemajuan blogger yang bisa Anda rasakan, semoga blogger lebih canggih lagi dan kita pun lebih mudah menggunakan blogger. Salam blogger

Read More..