Selasa, 16 Oktober 2012

Download Camstudio Free


Assalamualaikum....

Oke,, silahkan buat sobat yang pengen membuat video steaming atau sejenis tutorial dalam bentuk video yang bisa kita buat sendiri...hehe

Buat yang berminat silahkan download Camstudio ini, free brother... jadi gak perlu bayar... ^_^

Jadi aplikasi ini bisa digunakan untuk merekam pekerjaan kita yang ada di dekstop sejenis printscreen hanya saja untuk yang ini dalam bentuk video... ^_^

Silahkan download Camstudio pada link yang saya sediakan di bawah ini:

Download Microsoft Visual C++ 2010


Assalamualaikum...

Buat sobat blogku yang seneng ma bahasa pemrograman C, kayaknya perlu nyoba aplikasi keluaran microsoft yang satu ini...hehe

Aplikasi untuk membuat program dengan bahasa pemrograman C/C++ yang memungkinkan sobat untuk membuat aplikasi OOP... 

Nama aplikasi ini adalah Microsoft Visual C++, sobat bisa download aplikasinya di link yang saya sediakan di bawah artikel ini.

Overview
The Microsoft Visual C++ 2010 Redistributable Package installs runtime components of Visual C++ Libraries required to run applications developed with Visual C++ on a computer that does not have Visual C++ 2010 installed.

This package installs runtime components of C Runtime (CRT), Standard C++, ATL, MFC, OpenMP and MSDIA libraries. For more information on supported ways of deployment for Visual C++ applications.
System requirements

Supported Operating Systems:
Windows 7, Windows Server 2003 R2 (32-Bit x86), Windows Server 2003 Service Pack 2, Windows Server 2008 R2, Windows Server 2008 Service Pack 2, Windows Vista Service Pack 2, Windows XP Service Pack 3

Windows Vista with Service Pack 2 or later (all editions except Starter Edition)
Windows 7
Windows Server 2003 with Service Pack 2 or later (all editions)
Windows Server 2003 R2 or later (all editions)
Windows Server 2008 with Service Pack 2 or later
Windows Server 2008 R2
Windows XP with Service Pack 3 (all editions except Starter Edition)

Hardware Requirements:
Computer that has a 900 MHz or faster processor
RAM:
128 MB RAM
25 MB of available hard disk space

Minggu, 14 Oktober 2012

Cara Mudah Belajar Pemrograman Delphi


Bagi sobat yang ingin memulai untuk belajar Pemrograman Delphi, ada baiknya untuk membaca dan mencoba semua yang ada di postingan ini....hehehe

Tanpa disengaja saya menemukan link yang menurut saya sangat bermanfaat buat sobat yang sedang belajar Pemrograman Delphi.

Link untuk mendownload ebook panduan delphi yang dilengkapi dengan video tutorial plus contoh aplikasi yang dibuat dengan delphi. 

Karena apa yang saya temukan ini sangat bermanfaat jadi tidak ada salahnya jika saya share di IT Sasak.

Siapa tahu salah satu dari anda ada yang sedang membutukan panduan pemograman menggunakan delphi.

Langsung aja dah, posen lok basa-basi mulu....hehehe

Silahkan sobat langsung ja download semuanya di Link yang saya sediakan di bawah ini:


DOWNLOAD MODUL


BONUS
FREE DOWNLOAD VIDEO TUTORIAL 

Video Tutorial Photoshop : Membuat Bayangan di Kaca 
Size : 6.51 MB 
Video Tutorial Photoshop : Menggabungkan Buah Naga dan Kiwi 
Size : 5.21 MB 
Video Tutorial Photoshop : Menggabungkan Bola dan Jeruk 
Size : 6.83 MB 

FREE DOWNLOAD SOFTWARE 

Software Matematika Untuk Anak 
Size : 222 KB 
Software Pengirim Pesan Dalam LAN (Netsend) 
Size : 198 KB 
Software Screen Mates Mobil 
Size : 215.5 KB 



Source : fadhilgalery.blogspot.com

Sabtu, 13 Oktober 2012

Memasang Google Map pada Website


Assalamualaikum...

Kali ini kita akan belajar bagaimana memasang Peta Lokasi di Website yang langsung include dengan google Map...

Langsung saja dah,,,hehe

Langkah-langkah yang harus dilakukan yaitu kita meload jquery terlebih dahulu. File yang harus kita load ada tiga, yaitu google map API, jquery, dan Google Map jQuery library. Masing-masing file dapat dilink langsung atau didownload di sini:


Jika ingin link langsung, sobat tinggal meload javascript-javascript tersebut dengan cara menambahkan script di bawah ini di dalam tag <head></head> pada halaman HTML sobat:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="http://jagocoding.com/uploads/resources/jquery.fn.gmap.js"></script>

Setelah itu, kita tinggal menambahkan sebuah DIV di dalam HTML kamu. Buatlah sebuah div di body dengan atribut "id" yaitu map dengan isi kosong. Cara membuatnya adalah dengan membuat kode berikut pada HTML sobat:

    <div id="map" style="height: 250px"></div>

Jangan lupa dengan menambahkan style height. Ini sangat berpengaruh, karena jika tidak diberikan atribut itu, div tidak akan menampilkan peta, karena tidak dispesifikasikan tinggi divnya.

Setelah itu, maka selanjutnya adalah membuat script untuk menambahkan peta ke dalam div yang idnya adalah map, maka yang dilakukan adalah memasukkan script jQuery di bawah 3 javascript di atas, yaitu:

    <script type="text/javascript">
$().ready(function(){
$('#map').gmap().bind('init', function(ev, map) {
$('#map').gmap('addMarker', {
'position': '-6.730545, 107.038738',
'bounds': true
});
$('#map').gmap('option', 'zoom', 10);
});
});
</script>

Nah, script di atas ini adalah script untuk meload google map dengan menggunakan library dari jquery.fn.gmap.js di atas. $('#map') adalah nama id untuk menunjukkan elemen mana yang akan dibuat peta. Kebetulan di sini adalah elemen dengan id "map", jadi dibuat seperti itu, memakai #map. Ada banyak options, tidak saya sebutkan satu persatu karena banyak, hehe.. Saya beritahu yang pentingnya saja. Behaviour addMarker berfungsi untuk menambahkan sebuah marker (penunjuk) pada peta. Di situ ada option position "-6.730545, 107.038738". Koordinat itu adalah koordinat rumah saya di Cipanas, Cianjur hehe. Nah, kemudian setelah itu ada option zoom yang artinya kita mengeset berapa zoom yang akan kita pakai. Semakin tinggi zoom maka akan semakin dekat.

Sekarang, coba refresh halaman HTML kamu!

Treneng..., halaman web kamu sekarang sudah berisi peta dari Google... :)

Mengubah Gambar dari Marker (Penunjuk Peta)

Untuk mengubah icon/gambar dari marker (penunjuk peta), kita dapat menggunakan option "icon" di dalam behaviour addMarker. Simpelnya, kita bisa menambahkan dari kode di atas:

<script type="text/javascript">
$().ready(function(){
$('#map').gmap().bind('init', function(ev, map) {
$('#map').gmap('addMarker', {
'position': '-6.730545, 107.038738',
'bounds': true,
'icon': new google.maps.MarkerImage('images/marker.png')
});
$('#map').gmap('option', 'zoom', 10);
});
});
</script>


Objek google.maps.MarkerImage adalah objek bawaan dari googlemap API untuk menambahkan gambar yang akan digunakan pada googlemap. Dengan menambahkan "icon", maka gambar penunjuk akan berubah sesuai dengan gambar yang ada, misalnya marker.png.

Menambahkan Konten HTML Ketika Marker Diklik

Kita dapat menambahkan konten pada cloud ketika marker atau penunjuk diklik. Dengan menggunakan event click bawaan jQuery, kita bisa memanipulasi event tersebut, misalnya dengan menambahkan alert pemberitahuan, maupun dengan memunculkan konten HTML pada peta. Sekarang saya akan membuat bagaimana si penunjuk dapat mengeluarkan deskripsi ketika diklik. Caranya dengan menambahkan behaviour openInfoWindow dan option content di dalamnya.

<script type="text/javascript">
$().ready(function(){
$('#map').gmap().bind('init', function(ev, map) {

$('#map').gmap('addMarker', {
'position': '-6.730545, 107.038738',
'bounds': true

}).click(function(){
$('#map').gmap('openInfoWindow', {
'content': '<p>Isikan konten di sini, konten dapat berupa <strong>HTML</strong></p>'
}, this);
});

$('#map').gmap('option', 'zoom', 10);
});
});
</script>


Kode Lengkap


<!DOCTYPE html>
<html>
<head>
<title>Contoh Google Map API - Jagocoding.com</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="http://jagocoding.com/uploads/resources/jquery.fn.gmap.js"></script>

<script type="text/javascript">
$().ready(function(){
$('#map').gmap().bind('init', function(ev, map) {

$('#map').gmap('addMarker', {
'position': '-6.730545, 107.038738',
'bounds': true

}).click(function(){
$('#map').gmap('openInfoWindow', {
'content': '<p>Isikan konten di sini, konten dapat berupa <strong>HTML</strong></p>'
}, this);
});

$('#map').gmap('option', 'zoom', 10);
});
});
</script>
</head>
<body>
<div id="map" style="height: 250px"></div>
</body>
</html>


Selamat mencoba dan semoga sukses... ^_^



Source : jagocoding.com

Menampilkan data produk dalam bentuk grid dengan php dan mysql


Assalamualaikum...
Pernah sobat melihat tampilan produk pada website e-commerce misalnya http://www.tokokaos.com/catalog.php atau pada koleksi album foto di facebook sobat. Nah tampilan yang biasanya terdiri dari beberapa baris data yang tersusun secara konstan misal tiap baris ada 4 data disebut dengan tampilan dalam bentuk grid.

Tampilan seperti ini sering kita jumpai dalam website e-commerce. Fungsinya jelas untuk menampilkan katalog produk dalam bentuk foto produk yang tersusun rapi biasanya terdiri dri 3 atau 4 produk per barisnya. Dengan tampilan grid, akan mempermudah pengunjung website dalam melihat-lihat koleksi produk yang ditawarkan.

Ok langsung saja kita praktekkan..

Langkah pertama buat database bernama ecommerce dan satu tabel bernama produk. 
Sintax untuk pembuatan tabel seperti dibawah ini


    --
-- Database: `ecommerce`
--

-- --------------------------------------------------------

--
-- Table structure for table `produk`
--

CREATE TABLE IF NOT EXISTS `produk` (
`id` int(5) NOT NULL AUTO_INCREMENT,
`nama` varchar(100) NOT NULL,
`gambar` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=12 ;

--
-- Dumping data for table `produk`
--

INSERT INTO `produk` (`id`, `nama`, `gambar`) VALUES
(1, 'Produk 1', 'g1.jpg'),
(2, 'Produk 2', 'g2.jpg'),
(3, 'Produk 3', 'g3.jpg'),
(4, 'Produk 4', 'g4.jpg'),
(5, 'Produk 5', 'g5.jpg'),
(6, 'Produk 6', 'g6.jpg'),
(7, 'Produk 7', 'g7.jpg'),
(8, 'Produk 8', 'g8.jpg'),
(11, 'Produk 9', 'g9.jpg');


Langkah kedua buat folder bernama tampil_grid. Dalam folder tersebut buat folder bernama produk dan file bernama tampil_grid.php

Langkah ketiga taruh 9 file gambar berformat ( JPG) dan beri nama masing-masing gambar dengan namag1.jpg sampai g9.jpg. 

Langkah keempat buka file tampil_grid.php dan ketikkan kode dibawah ini

    <?php
mysql_connect("localhost","root","");

mysql_select_db("jagocoding");

$q=mysql_query("SELECT * FROM produk");

?>

<table border=0px cellpadding='10'>
<tr>

<?php

$jml_kolom=3;

$cnt = 0;

while($data=mysql_fetch_object($q))
{
if ($cnt >= $jml_kolom)
{
echo "</tr><tr>";
$cnt = 0;
}

$cnt++;

?>

<td align=center>
<div>
<img width='80px' valign='bottom' src="produk/<?php echo $data->gambar; ?>">
</div>
<div>
<?php echo $data->nama; ?>
</div>
</td>

<?php
}
?>

</tr>
</table>


    $jml_kolom=3;

$cnt = 0;

while($data=mysql_fetch_object($q))
{
if ($cnt >= $jml_colom)
{
echo "</tr><tr>";
$cnt = 0;
}

$cnt++;

?>

Perhatikan potongan kode diatas.

Baris ke-1 $jml_kolom=3; berfungsi untuk menampilkan jumlah kolom atau dalam hal ini jumlah produk yang ditampilkan perbarisnya. 

Baris ke-7 sampai baris ke-17


    if ($cnt >= $jml_kolom) 
{
echo "</tr><tr>";
$cnt = 0;
}

$cnt++;

Pada potongan kode diatas $cnt akan bertambah 1 pada tiap perulangan artinya dari 0,1,2,3 sampai n produk. Selanjutnya akan dicek apakah $cnt lebih besar atau sama dengan $jml_kolom. Jika $cnt >= $jml_kolom yang telah kita tentukan, maka akan ditambahkan tag </tr><tr>.

Tag tersebut berfungsi untuk berganti baris, jadi produknya akan tampil sesuai jumlah kolom yng ditentukan dan jika jumlahnya sudah sesuai maka akan ganti baris sampai seluruh data ditampilkan.

Langkah kelima jalankan file tampil_grid.php dan lihat hasilnya. Ubah $jml_kolom=3; sesuai dengan jumlah data yang akan ditampilkan perbarisnya.


Selamat mencoba, semoga bermanfaat... ^_^




Source : jagocoding.com



 

Design By:
SkinCorner