May 212013
 

Bagaimana Cara download Naruto Dari narutoget.com

Assalamu’alaikum wr wb

Bagi para pecinta naruto apalagi yang suka buka web site http://www.narutoget.com  untuk lihat movie yang ada di sana yang menurut saya lumayan komplit setelah beberapa kali bereplorasi akirnya saya menemukan beberapa langkah untuk dapat mendownload file dari sana berikut langkah – langkahnya.

Sebelumnya siapkan firefox dan firebug, atau bisa juga menggunakan google chrome.

buka source dari movie yang mau di download dan temukan source seperti ini

document.getElementById('embedcode').innerHTML=unescape('%3c%69%66%72%61%6d%65%20%77%69%64%74%68%3d%22%36%37%30%22%20%73%63%72%6f%6c%6c%69%6e%67%3d%22%6e%6f%22%20%68%65%69%67%68%74%3d%22%34%30%30%22%20%66%72%61%6d%65%62%6f%72%64%65%72%3d%22%30%22%20%73%72%63%3d%22%68%74%74%70%3a%2f%2f%6f%6e%6c%69%6e%65%2e%6e%61%72%75%74%6f%67%65%74%2e%63%6f%6d%2f%73%2f%66%62%2e%70%68%70%3f%69%64%3d%31%36%35%34%38%30%31%32%30%32%38%36%33%31%34%26%73%6b%69%6e%74%79%70%65%3d%6e%67%65%74%26%74%6f%3d%31%30%30%32%6b%45%68%70%72%6e%56%4d%26%61%75%74%6f%73%74%61%72%74%3d%74%72%75%65%22%3e%3c%2f%69%66%72%61%6d%65%3e%3c%62%72%3e');

Sebenarnya itulah alamat url dari file mp4 yang kita lihat tetapi di encript menggunakan javascript, langkah kita adalah mendecript dan kia ambil url filenya.

Langkah selanjutnya masukkan script di atas pada chrome developer pada console editor

console.log(unescape('%3c%69%66%72%61%6d%65%20%77%69%64%74%68%3d%22%36%37%30%22%20%73%63%72%6f%6c%6c%69%6e%67%3d%22%6e%6f%22%20%68%65%69%67%68%74%3d%22%34%30%30%22%20%66%72%61%6d%65%62%6f%72%64%65%72%3d%22%30%22%20%73%72%63%3d%22%68%74%74%70%3a%2f%2f%6f%6e%6c%69%6e%65%2e%6e%61%72%75%74%6f%67%65%74%2e%63%6f%6d%2f%73%2f%66%62%2e%70%68%70%3f%69%64%3d%31%36%35%34%38%30%31%32%30%32%38%36%33%31%34%26%73%6b%69%6e%74%79%70%65%3d%6e%67%65%74%26%74%6f%3d%31%30%30%32%6b%45%68%70%72%6e%56%4d%26%61%75%74%6f%73%74%61%72%74%3d%74%72%75%65%22%3e%3c%2f%69%66%72%61%6d%65%3e%3c%62%72%3e'));

dari script di atas akan muncul di console seperti ini :

<iframe width="670" scrolling="no" height="400" frameborder="0" src="<a title="http://online.narutoget.com/s/fb.php?id=165480120286314&skintype=nget&to=1002kEhprnVM&autostart=true" href="http://online.narutoget.com/s/fb.php?id=165480120286314&skintype=nget&to=1002kEhprnVM&autostart=true">http://online.narutoget.com/s/fb.php?id=165480120286314&skintype=nget&to=1002kEhprnVM&autostart=true</a>"></iframe><br>

Nah kita sudah tau link sebenarnya filenya ada di mana, lanjut…

Langkah berikutnya adalah ambil url yang ada di src lalu buka di browser dan anda bisa langsung download file dengan sortware download yang ada atau download manual juga bisa.

Jika kurang jelas bisa di tanyakan. dan selamat menikmati naruto secara ofline.

Wassalamu’ alaikum wr wb

May 212013
 

CRUD (Create Read Update Delete) with CodeIgniter

Assalamu’ alaikum wr wb

Untuk Sekedar pemanasan mari kita buat aplikasi CRUD di CI. Untuk lebih lengkapnya silakan download script source di bawah ini :

Download

Wassalamu’ alaikum wr wb

Apr 112013
 

Tutorial ExtJs 4 Bagian 1 (Panel and menu)

ExtJs

ExtJs

Assalamu’alaikum wr wb

Lama tidak menggunakan ExtJs sekarang mari kita pelajari kembali penggunaan ExtJs 4 untuk pertama kali mari kita pemanasan dengan memanfaatkan panel dan membuat menu dengan menggunakan ExtJs 4.

Seperti biasa berikut adalah contoh script sederhana yang kita buat. Pertama buatlah file html

<html>
	<head>
		<title>Theme Ext</title>
		<link rel="<a>stylesheet</a>" href="<a href="view-source:http://lokal.com/latihan/theme-ext/assets/css/style.css">assets/css/style.css</a>" type="<a>text/css</a>" />
		<link rel="<a>stylesheet</a>" type="<a>text/css</a>" href="<a href="view-source:http://lokal.com/latihan/theme-ext/assets/css/resources/css/ext-all.css">assets/css/resources/css/ext-all.css</a>"/>

		<!-- Load ExtJs -->
		<script type="<a>text/javascript</a>" src="<a href="view-source:http://lokal.com/latihan/theme-ext/assets/js/extjs/bootstrap.js">assets/js/extjs/bootstrap.js</a>"></script>
		<script type="<a>text/javascript</a>" src="<a href="view-source:http://lokal.com/latihan/theme-ext/assets/js/layout.js">assets/js/layout.js</a>"></script>

	</head>
	<body>
		<div class="<a>container</a>">
			<div class="<a>span-24 header</a>">
				Sugik Puja Kusuma
			</div>
			<div class="<a>span-24</a>" id="<a>main-panel</a>">
			</div>
		</div>
	</body>
</html>

Setlah itu buat file css style.css

.container {width:950px;margin:0 auto;}
.span-24 {width:950px;margin-right:0;}
.header{
	background-color :green;
	font: normal 12px Arial, Helvetica, Sans-serif;
	color : white;
	margin-top : 10px;
	height : 50px;
}

#main-content-body{
	margin : 5px 5px  5px 5px;
}

Langkah terakhir adalam membuat file layout.js

Ext.require([
    'Ext.panel.Panel',
    'Ext.menu.*',
    'Ext.data.*'
]);
Ext.onReady(function(){

	Ext.create('Ext.panel.Panel', {
        title: 'Admin Aplikasi',
        layout: 'border',
        anchor: '100%',
		height : 700,
        tbar  : [
			{
				text : 'Home' ,
				listeners: {
					click : function (){
						window.location = 'http://lokal.com/latihan/theme-ext/';
					}
				}
			},'-',
			{
				text : 'Master' ,
				menu: [
                    {
						text: "Menu Item 1" ,
						listeners: {
							click : function (){
								Ext.get('main-content').load({
									url:'terima.php',
									scripts:true,
									nocache: true,
									params:{
										kode:'123'
									}
								});
							}
						}
					}
                ]
			},
			{
				text : 'Transaksi' ,
				menu: [
                    {
						text: "Menu Item 1"
					}
                ]
			},
			{
				text : 'Laporan' ,
				menu: [
                    { text: "Menu Item 1" }
                ]
			}
        ],
        renderTo: 'main-panel',
		items : [
			{
				region: 'west',
				title: 'Menu',
				width: 200,
				split: true,
				collapsible: true,
				floatable: true
			},
			{
				region: 'center',
				xtype: 'tabpanel',
				items: [{
					title: 'Content',
					id : 'main-content',
					html: 'Hello world 1',
					scripts: true
				}]
			}
		]
    });
});

Oke selesai, semoga bermanfaat

Download Source code

wassalamu’alaikum wr wb

Apr 102013
 
  1. VISUAL 2, download file disini [download]. tugas pelajari program yang sudah di download lalu buat game orang menyeberang jalan yang ada kendaraan lalulalang . usahakan orang tidak tertabrak oleh kendaraan yang berjalan.
  2. Visual 4. buat aplikasi CRUD sederhana dengan php dan My SQL dengan menggunakan Framework codeigniter

NB : Dikumpulkan minggu depan

Apr 052013
 

Tutorial Jquery Bagian 2 (Mini Calculator/Kalkulator)

Assalamu’ alaikum wr wb

Pada Tutorial sebelumnya Tutorial Jquery Bagian 1 (Mini Kalkulator) , Kita sudah belajar bagaimana membuat perhitungan sederhana dengan memanfaatkan JQuery dan javascript. Kita akan membuat kalkulator/Calculator seperti pada gambar di bawah ini:

kalkulator-1

Yang pertama kita lakukan adalah membuat desain tampilan seperti diatas. tulis script di bawah dalam tag body.

<div align="center">
 <table border="1">
 <tr>
 <td colspan="4"><input readOnly type="text" class="txtHasil" id="txtHasil" value="" /></td>
 </tr>
 <tr>
 <td> <input type="button" value="0" /> </td>
 <td> <input type="button" value="1" /> </td>
 <td> <input type="button" value="2" /> </td>
 <td> <input type="button" value="+" /> </td>
 </tr>
 <tr>
 <td> <input type="button" value="3" /> </td>
 <td> <input type="button" value="4" /> </td>
 <td> <input type="button" value="5" /> </td>
 <td> <input type="button" value="-" /> </td>
 </tr>
 <tr>
 <td> <input type="button" value="6" /> </td>
 <td> <input type="button" value="7" /> </td>
 <td> <input type="button" value="8" /> </td>
 <td> <input type="button" value="*" /> </td>
 </tr>
 <tr>
 <td> <input type="button" value="9" /> </td>
 <td> <input type="button" value="C" /> </td>
 <td> <input type="button" value="=" /> </td>
 <td> <input type="button" value="/" /> </td>
 </tr>
 </table>
</div>

Kode di atas akan menghasilkan tampilan untuk kalkulator kita, sekarang tinggal kita buat script jquery dan css nya, berikut adalah css desainnya. tulis script di blok tag head.

<style type="text/css">
 input.txtHasil{
 height: 40px;
 width: 100%;
 text-align: right;
 background-color: black;
 font-style: bold;
 color: white;
 font-size: 15px;
 }
 input[type=button]{
 height: 40px;
 width: 40px;
 font-size: 20px;
 }
</style>

Jangan lupa masukkan jquery dalam program kita.

<script type="text/javascript" src="jquery-1.8.2.js"></script>

Yang terakhir adalah source code untuk melakukan proses perhitungan , tulis di bawah load jQuery nya.

<script type="text/javascript">
 $(document).ready(function(){
 $('input[type=button]').click(function(){
 if($(this).val()=='='){
$('#txtHasil').val(eval($('#txtHasil').val()));
 }else if( $(this).val()=='C'){
 $('#txtHasil').val('');
 }else{
$('#txtHasil').val($('#txtHasil').val() + $(this).val());
 }
 });
 });
</script>

Oke selesai sudah program kita semoga dapat membantu.

Akirnya jadi sudah kalkulator kita

Wassalamu’ alaikum wr wb

Apr 022013
 

Tutorial Jquery Bagian 1 (Mini Kalkulator)

Assalamu’ alaikum wr wb

Bagi para programer web pasti sudah tidak asing lagi dengan JQuery, kali ini saya akan sedikti berbagi tentang bagaimana cara menggunakan Jquery untuk menghandle event pada tag Html kita.

Berikut adalah tampilan cupture dari hasil program yang akan kita buat.

kalkulator

Berikut adalah source code yang di gunakan :

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title></title>
 <script type="text/javascript" src="/pweb/js/jquery-1.8.2.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
 $('#btnHitung').click(function(evt){
 var hasil = $('#txt1').val() + $('#operator').val() + $('#txt2').val()
 alert('Rumus = ' + hasil);
 $('#txt-hasil').val(eval(hasil));
 })
 $('#btnTampil').click(function(){
 if ($('#btnTampil').val()=="Hide"){
 $('table').hide(2000);
 $('#btnTampil').val("Show");
 }else{
 $('table').show(2000);
 $('#btnTampil').val("Hide");
 }
 })
 })
 </script>
 <style type="text/css">
 input[type=number]{
 text-align: right;
 width: 100px;
 background-color: beige;
 }
 input[type=number]:focus{
 background-color: yellowgreen;
 }
 </style>
 </head>
 <body>
 <input type="button" value="Hide" id="btnTampil" />
 <table border="0">
 <tr>
 <td>Angka 1</td>
 <td>:</td>
 <td><input type="number" id="txt1" name="txt1" /></td>
 </tr>
 <tr>
 <td>Angka 2</td>
 <td>:</td>
 <td><input type="number" id="txt2" name="txt2" /></td>
 </tr>
 <tr>
 <td>Operasi</td>
 <td>:</td>
 <td>
 <select name="operator" id="operator">
 <option value="+">Jumlah</option>
 <option value="-">Kurang</option>
 <option value="*">Kali</option>
 <option value="/">Bagi</option>
 </select>
 </td>
 </tr>
 <tr>
 <td>Hasil</td>
 <td>:</td>
 <td><input type="number" id="txt-hasil" name="txt-hasil" /></td>
 </tr>
 <tr>
 <td rowspan="3"> <input type="button" value="Hitung" id="btnHitung" /> </td>
 </tr>
 </table>
 </body>
</html>

Selamat ber kreasi untuk tutorials elanjutnya kit akanmembuat kalkulator/Calculator yang lebih komplek. selamat mencoba

Wassalamu’ alaikum wr wb

Mar 212013
 

Jeleknya Pelayanan Telkom Speedy

Assalamu’ alaikum wr wb

Sekitar hari Senin Tanggal 11-03-2013 saya mendapat browser tentang paket internet telkom speedy yang katanya dalam brosur promo perbulan Rp.50.000,- sampai akir desember 2013. Karena tertarik saya daftar dan menghubungi ibu endang sebagai salesnya dan di janjikan 3 hari sudah bisa aktif.

Setelah saya tunggu hari rabu teknisi datang untuk pasang instalasi telpon, cuman belum bisa langsung kring alias belum bisa di gunakan katanya nunggu termasuk internet speedy nya.

sekarang sudah berjalan sudah satu minggu tetapi belum ada tindak lanjut dari pihak speedy, saya sudah telp ke bagian sales, katanya nanti di komplainkan. tapi sampai sekarang kamis 21-03-2013 belum ada tidak lanjut dari pihak telkom ataupun speedy.

Mohon dari pihak yang bersangkutan segera ditindak lajuti. terimakasih.

Wassalamu’ alaikum wr wb

NB : Akhirnya pada Sabtu Tgl 23-Maret 2013 Terpasang juga jaringan telp dan internet di rumah saya.

Mar 062013
 

Sample UDP Client Server

Assalamu’ alaikum wr wb

User Datagram Protocol (UDP), adalah salah satu protokol lapisan transpor TCP/IP yang mendukung komunikasi yang tidak andal (unreliable), tanpa koneksi (connectionless) antara host-host dalam jaringan yang menggunakan TCP/IP. Protokol ini didefinisikan dalam RFC 768.

Oke mari langsung saja kita tulis script nya untuk sisi server

import java.io.*;
import java.net.*;

class UDPServer
{
 public static void main(String args[]) throws Exception
 {
 DatagramSocket serverSocket = new DatagramSocket(9876);
 byte[] receiveData = new byte[1024];
 byte[] sendData = new byte[1024];
 while(true)
 {
 //Deklarasi penerimaan paket
 DatagramPacket receivePacket = new DatagramPacket(receiveData, receiveData.length);
 serverSocket.receive(receivePacket);
 //Simpan dalam variabel dan cetak
 String sentence = new String( receivePacket.getData());
 System.out.println("RECEIVED: " + sentence);
 //Ambil Default IP yang mengirimkan pesan
 InetAddress IPAddress = receivePacket.getAddress();
 //Ambil port yang mengirimkan data
 int port = receivePacket.getPort();
 //Jadikan huruf besar data yang di terima
 String capitalizedSentence = sentence.toUpperCase();
 //Konvert data yang di terima menjadi byte data
 sendData = capitalizedSentence.getBytes();
 DatagramPacket sendPacket = new DatagramPacket(sendData, sendData.length, IPAddress, port);
 //Kirim kembali data yang terlah di terima
 serverSocket.send(sendPacket);
 }
 }
}

Sekarang untuk aplikasi client nya

import java.io.*;
import java.net.*;

class UDPClient
{
 public static void main(String args[]) throws Exception
 {
 //Baca Inputan keyboard
 BufferedReader inFromUser = new BufferedReader(new InputStreamReader(System.in));
 //Deklarasi data paket
 DatagramSocket clientSocket = new DatagramSocket();
 //Lokasi server yang akan dikirim data
 InetAddress IPAddress = InetAddress.getByName("localhost");
 //Deklarasi port server
 int port = 9876;
 //Data yang akan di kirim
 byte[] sendData = new byte[1024];
 //data yang di terima dari server
 byte[] receiveData = new byte[1024];
 //Masukkan data darui keyboard ke variabel
 String sentence = inFromUser.readLine();
 try
 {
 //setting timeout
 clientSocket.setSoTimeout(1000);
 //Masukkan ke send data
 sendData = sentence.getBytes();
 //Inisialisasi paket yang di kirim
 DatagramPacket sendPacket = new DatagramPacket(sendData, sendData.length, IPAddress, port);
 //Kirim paket data
 clientSocket.send(sendPacket);

 //Ambil data yang di kirim oleh server
 DatagramPacket receivePacket = new DatagramPacket(receiveData, receiveData.length);
 clientSocket.receive(receivePacket);
 //Masukkan data yang di kirim oleh server
 //Konvert dari byte ke string
 String modifiedSentence = new String(receivePacket.getData());
 //Cetak ke layar
 System.out.println("FROM SERVER:" + modifiedSentence);

 }catch (SocketException | SocketTimeoutException EX){;
 System.out.println(EX.getMessage());
 }finally{
 //Tutup UDP
 clientSocket.close();
 }
 }
}

Selamat mencoba semoga membantu

Wassalamu’ alaikum wr wb

Feb 262013
 

Try Icon java SWT 

Assalamu’ alaikum wr wb

Beberapa waktu lama saya menulis tentang komponent untuk membuat report pada swt http://sugik.do-event.com/?p=656, Kali ini saya akan berbagi bagaimana membuat try icon pada aplikasi java swt, Langsung saja berikut souce nya

import org.eclipse.swt.SWT;
import org.eclipse.swt.graphics.Image;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Event;
import org.eclipse.swt.widgets.Listener;
import org.eclipse.swt.widgets.Menu;
import org.eclipse.swt.widgets.MenuItem;
import org.eclipse.swt.widgets.Shell;
import org.eclipse.swt.widgets.Tray;
import org.eclipse.swt.widgets.TrayItem;

public class Main {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		Display display = new Display();
		final Shell shlSmsSender = new Shell(display);
		shlSmsSender.setText("SMS Sender");
		Image image = new Image(display, 16, 16);
		final Tray tray = display.getSystemTray();
		if (tray == null) {
			System.out.println("The system tray is not available");
		} else {
			final TrayItem item = new TrayItem(tray, SWT.NONE);
			item.setToolTipText("SWT TrayItem");
			item.addListener(SWT.Show, new Listener() {
				public void handleEvent(Event event) {
					System.out.println("show");
				}
			});
			item.addListener(SWT.Hide, new Listener() {
				public void handleEvent(Event event) {
					System.out.println("hide");
				}
			});
			item.addListener(SWT.Selection, new Listener() {
				public void handleEvent(Event event) {
					System.out.println("selection");
				}
			});
			item.addListener(SWT.DefaultSelection, new Listener() {
				public void handleEvent(Event event) {
					System.out.println("default selection");
				}
			});

			final Menu menu = new Menu(shlSmsSender, SWT.POP_UP);

			MenuItem misend = new MenuItem(menu, SWT.PUSH);
			misend.setText("Kirim Manual");
			misend.setImage(new Image(display, "icon/send.png"));
			misend.addListener(SWT.Selection, new Listener() {
				public void handleEvent(Event event) {
					System.out.println("selection " + event.widget);
				}
			});

			MenuItem miLog = new MenuItem(menu, SWT.PUSH);
			miLog.setText("Tampilkan Log");
			miLog.setImage(new Image(display, "icon/log.png"));
			miLog.addListener(SWT.Selection, new Listener() {
				public void handleEvent(Event event) {
					System.out.println("selection " + event.widget);
				}
			});

			MenuItem miexit = new MenuItem(menu, SWT.PUSH);
			miexit.setText("Keluar");
			miexit.setImage(new Image(display, "icon/exit.png"));
			miexit.addListener(SWT.Selection, new Listener() {
				public void handleEvent(Event event) {
					System.exit(0);
				}
			});

			menu.setDefaultItem(misend);

			item.addListener(SWT.MenuDetect, new Listener() {
				public void handleEvent(Event event) {
					menu.setVisible(true);
				}
			});
			item.setImage(new Image(display, "icon/hp.png"));
		}
		// shell.setBounds(50, 50, 300, 200);
		// shell.open();
		while (!shlSmsSender.isDisposed()) {
			if (!display.readAndDispatch())
				display.sleep();
		}
		image.dispose();
		display.dispose();
	}
}

Untuk menambahkan icon anda buat folder icon di project anda dan taruh file gambar di sana.

oke selamat mencoba semoga membantu

Wassalamu’ alaikum wr wb