I Live in http://mbahsomo.co.cc

Sebelumnya saya minta maaf buat semuanya, mungkin terlalu sering pindah - pindah blog, Insa’Allah ini yang terakhir untuk sementara blog ini tak akan aktif. untuk mengikuti kelanjutan cerita dari mbahsomo anda dapat masuk ke

http://mbahsomo.co.cc

Mohon di maklumi

Berbagi

Buat Mahaiswa PI Matakuliah MS PowerPoint di bawah ini adalah cara upload file di http://sugik.4shared.com:

1. Buka brouser ketik di addres http://sugik.4shared.com
2. Setelah  terbuka masuk ke folder POLITEKNIK-INDONESI –> Buka lagi folder ms_powerpoint.
3. Setelah itu Pilih brouser pada menu di bawah.
4. Pilih file yang akan di kirim.
5. Klik upload.
6. Jika file sudah terkirimakan nampak pada layar nama file yang kalian kirim.

Lebih jelasnya lihat gambar di bawah ini dan perhatikan tanda merah :

NB : Paling lambat di kumpulkan pada tanggal 24

Berbagi

 Form login yang saya bahas di sini adalah salah satu bagian dari program chating yang saya buat jadi ini saya anggap sebagi salah satu bab dari aplikasi chating, karena pada awal kita melakukan proses untuk chating kita akan melakukan registrasi dulu, apakah user kita sudah terdaftar atau belum.langkah pertama yang akan kita lakukan adalah dengan membuat sebuah halaman login.persiapan :

1. Download ExtJs.
2. Install apache tomcat.
3. untuk editor penulis menggunakan dreamweaver dan aptana kalo belum punya tanya sama mbah google.
4. PostgreSQL sebagai database server.
5. sebuah komputer itu pasti.

Buat foolder baru di webapps pada tomcat anda dengan nama chatextjs, dan buat folder js di dalamnya. lalu kopikan library ExtJs ke dalam folder js anda

1. adapter
2. resources
3. ext-all.js
4. ext-core.js

Sebelum kita lanjutkan mari kita buat database dulu pada postgreSQL kita masuk ke dalam postgreSQL dan create database chatextjs, ingat di dalam postgres ini sama dengan bahasa C jadi penulisan huruf besar kecil akan berbeda.setelah membuat database buat sebuah table tulis source di bawah ini:

CREATE TABLE "public"."userproject" (

  "kduser" SERIAL,

  "nama" VARCHAR(30),

  "katakunci" CHAR(32),

  "kddepart" CHAR(3),

  "tingkat" SMALLINT,

  "telp" VARCHAR(20),

  "email" VARCHAR(30),

  "status" BOOLEAN,

  "lastlogin" TIMESTAMP WITHOUT TIME ZONE,

  "kduseratas" INTEGER,

  "kduserentry" INTEGER,

  "tglentry" TIMESTAMP WITHOUT TIME ZONE DEFAULT now(),

  "wewenang" SMALLINT DEFAULT 9,

  CONSTRAINT "userproject_pkey" PRIMARY KEY("kduser")

) WITHOUT OIDS;

COMMENT ON COLUMN "public"."userproject"."wewenang"IS '1 : Admin 9: user Biasa';

isi data dengan default contoh :Insert into userproject (nama,katakunci) values(’admin’,md5(’admin’));sekarang buat folder koneksi dan chat di dalam folder chatextjs.buat file koneksi.jsp dan kopikan source dibawah ini :

<%@ page import="java.sql.*"%>

<%@page import="java.text.SimpleDateFormat"%>

<%

class clsKoneksi{

 public clsKoneksi() {

        //koneksi=getFile();

    }

 public String[] strKoneksi = {"org.postgresql.Driver","jdbc:postgresql://localhost:5432/chatextjs","userkamu","passwordkamu"};

}

class classDB {

    /** Creates a new instance of classDB */

    public classDB(String [] Koneksi) {

        koneksi = Koneksi;

        cobaKoneksi(Koneksi);

    }

    public void cobaKoneksi(String [] koneksi) {

        try {

            Class.forName(koneksi[0]);

            con = DriverManager.getConnection(koneksi[1],koneksi[2],koneksi[3]);

        } catch(java.lang.ClassNotFoundException e) {

            System.out.println("Koneksi Driver ODBC Gagal");

            System.out.println(e.getMessage());

        } catch(java.lang.NullPointerException e) {

        } catch(Exception exc){}

    }

    public void ExecSQL(String perintahSQL) {

        try {

            stmt = con.createStatement();

            stmt.executeUpdate(perintahSQL);

            stmt.close();

            //con.close();

        } catch(SQLException ex) {

            System.err.println("SQLException: " + ex.getMessage());

        }

    }

    public Object[][] getObjectRS(String SQL) {

        ResultSet rs =null;

        Object[][] Isi = new Object[1][];;

        //System.out.println("SQL di kelasDB " + SQL);

        //        int [] tipeDataKolom = new int[20];

        int baris =0;

        try {

            stmt = con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_READ_ONLY);

            rs = stmt.executeQuery(SQL);

            // untuk mengetahui berapa kolom dalam hasil ResultSet

            ResultSetMetaData metaData = rs.getMetaData();

            jmlKolom = metaData.getColumnCount();

            for(int i=0; i<jmlKolom; i++) {

                namaKol[i]=metaData.getColumnName(i+1);

            }

            rs.last();

            jmlBaris = rs.getRow();

            Isi = new Object[jmlBaris][];

            rs.first();

            Isi [baris] = new Object[jmlKolom];

            for(int i=0; i<jmlKolom; i++) {

                if (metaData.getColumnType(i+1) == 93 )

                    Isi[baris][i] = (formatTGL.format(rs.getDate(i+1))==null?"":formatTGL.format(rs.getDate(i+1)));

                    //(rs.getString("seksi")==null?"":rs.getString("seksi").trim())

                else if (

                metaData.getColumnType(i+1) == -6 ||        // -6 tinyint

                metaData.getColumnType(i+1) == 5  ||        // 5 smallint

                metaData.getColumnType(i+1) == 4 )         // 4 int

                    Isi[baris][i] = new Integer(rs.getInt(i+1));

                else if (metaData.getColumnType(i+1) == 3 ||     //3 money

                metaData.getColumnType(i+1) == 7 )          //7 real

                    Isi[baris][i] = new Double(rs.getDouble(i+1));

                else

                    Isi[baris][i] = new String(rs.getString(i+1)==null?"":rs.getString(i+1));

            }

            baris++;

            ///Isi data ke Obyek

            while (rs.next()) {

                Isi [baris] = new Object[jmlKolom];

                for(int i=0; i<jmlKolom; i++) {

                    if (metaData.getColumnType(i+1) == 93 )

                        //Isi[baris][i] = formatTGL.format(rs.getDate(i+1));

                        Isi[baris][i] = (formatTGL.format(rs.getDate(i+1))==null?"":formatTGL.format(rs.getDate(i+1)));

                    else if (

                    metaData.getColumnType(i+1) == -6 ||        // -6 tinyint

                    metaData.getColumnType(i+1) == 5  ||        // 5 smallint

                    metaData.getColumnType(i+1) == 4 )         // 4 int

                        Isi[baris][i] = new Integer(rs.getInt(i+1));

                    else if (metaData.getColumnType(i+1) == 3 ||     //3 money

                    metaData.getColumnType(i+1) == 7 )          //7 real

                        Isi[baris][i] = new Double(rs.getDouble(i+1));

                    else

                        Isi[baris][i] = new String(rs.getString(i+1)==null?"":rs.getString(i+1));

                }

                baris++;

            }

            stmt.close();

        } catch(SQLException ex) {

            System.err.println("SQLException -1: " + ex.getMessage());

        } catch(Exception ex) {

            System.err.println("SQLException -2: " + ex.getMessage());

        }

        return Isi;

    }

    public Object[] getSatuRekord(String SQL) {

        ResultSet rs =null;

        Object[] Isi = new Object[20];

        //        int [] tipeDataKolom = new int[20];

        int baris =0;

        String kata ="";

        try {

            ///con = DriverManager.getConnection(koneksi[1],koneksi[2],koneksi[3]);

            stmt = con.createStatement();

            rs = stmt.executeQuery(SQL);

            // untuk mengetahui berapa kolom dalam hasil ResultSet

            ResultSetMetaData metaData = rs.getMetaData();

            jmlKolom = metaData.getColumnCount();

            tipeDataKol = new int[jmlKolom];

            ///Isi data ke Grid

            while (rs.next()) {

                Isi [baris] = new Object[jmlKolom];

                for(int i=0; i<jmlKolom; i++) {

                    if (metaData.getColumnType(i+1) == 93 )

                        Isi[i] = formatTGL.format(rs.getDate(i+1));

                    else if (

                    metaData.getColumnType(i+1) == -6 ||        // -6 tinyint

                    metaData.getColumnType(i+1) == 5  ||        // 5 smallint

                    metaData.getColumnType(i+1) == 4 )         // 4 int

                        Isi[i] = new Integer(rs.getInt(i+1));

                    else if (metaData.getColumnType(i+1) == 3 ||     //3 money

                    metaData.getColumnType(i+1) == 7 )          //7 real

                        Isi[i] = new Double(rs.getDouble(i+1));

                    else if (metaData.getColumnType(i+1) == 1 || metaData.getColumnType(i+1) == 12 )

                        Isi[i] = new String((kata=rs.getString(i+1))==null?"": kata );

                    else

                        Isi[i] = null;

                    //                        System.out.println(Isi[i].toString());

                }

                baris++;

            }

            stmt.close();

        } catch(SQLException ex) {

            System.err.println("SQLException: " + ex.getMessage());

        }

        return Isi;

    }

    public int getJumlahRekord(String SQL) {

        ResultSet rs =null;

        int baris=0;

        try {

            ///con = DriverManager.getConnection(koneksi[1],koneksi[2],koneksi[3]);

            stmt = con.createStatement();

            rs = stmt.executeQuery(SQL);

            // hitung data yang cocok

            while(rs.next()) {

                baris = rs.getInt(1);

            }

            stmt.close();

        } catch(SQLException ex) {

            System.err.println("SQLException: " + ex.getMessage());

        }

        return baris;

    }

    public void tutupKoneksi() {

        try {

            con.close();

        }catch (Exception exc ) {}

    }

    public int [] getTipeDataKolom() {

        return tipeDataKol;

    }

    public String [] getNamaKolom() {

        return namaKol;

    }

    public int getJmlKolom() {

        return jmlKolom;

    }

    public int getJmlBaris() {

        return jmlBaris;

    }

    public ResultSet setRec(String SQL){

        ResultSet rst=null;

        try{

            stmt = con.createStatement();

            rst = stmt.executeQuery(SQL);

        }catch(SQLException sqlE){

            System.out.print(sqlE.getMessage());

        }

        return rst;

    }

    public Connection con;

    public int limit=100;

    Statement stmt;

    String[] koneksi;

    SimpleDateFormat formatTGL = new SimpleDateFormat("MM-dd-yyyy");

    int jmlKolom,jmlBaris;

    int [] tipeDataKol;

    String [] namaKol= new String[20];

}

%>

Setelah anda membuat file koneksi buat sebuah file index.jsp pada folder chatextjs/chat/index.jsp ketik koding di bawah ini:

<%

	//Buat sesion

	HttpSession ses = request.getSession(true);

	ses.setMaxInactiveInterval(360);

	try{

		String[] sesi = {""};

		ses.setAttribute("user",sesi);

	}catch(Exception ex){}

%>

<html>

<head>

<link rel="stylesheet" type="text/css" href="../css/display.css">

<link rel="stylesheet" type="text/css" href="../js/resources/css/ext-all.css"/>

<!-- GC -->

<!-- LIBS -->

<script type="text/javascript" src="../js/adapter/ext/ext-base.js"></script>

<!-- ENDLIBS -->

<script type="text/javascript" src="../js/ext-all.js"></script>

<!-- Common Styles for the examples -->

<script type="text/javascript" src="index.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Login Room</title>

</head>

<body>

</body>

</html>

Buat juga file index.js yang isinya seperti di bawah ini :

// JavaScript Document

Ext.SSL_SECURE_URL="../images/net.png";

Ext.BLANK_IMAGE_URL="../images/net.png";

Login = function(){

	var dialog, form;

	return{

		Init:function(){

			var logoPanel = new Ext.Panel({

				baseCls: 'x-plain',

				bodyStyle: 'background:#f9f9f9 url(../images/Voice.png) no-repeat center center;',

		        region: 'center'

			});

			var formPanel = new Ext.form.FormPanel({

		        baseCls: 'x-plain',

		        baseParams: {

		        	module: 'login'

		        },

		        bodyStyle: 'background:#f9f9f9 none; color:#222; padding:5px 35px;',

		        defaults: {

		        	width: 150

		        },

		        defaultType: 'textfield',

		        frame: false,

		        height: 70,

		        items: [{

		            fieldLabel: 'User Name',

		            name: 'user',

		            value: 'admin'

		        },{

		            fieldLabel: 'Password',

		            inputType: 'password',

		            name: 'pass',

		            value: 'admin'

		        }],

		        labelWidth:80,

		        region: 'south'

		    });

		   dialog = new Ext.Window({

		        buttons: [{

		        	handler: function(){

		        		form.submit({

							url: 'cekLogin.jsp',

							waitMsg:'Please Wait...',

							reset:true,

							success:Login.Success,

							failure:function() {

								Ext.MessageBox.alert('Status','User atau Password salah');

							},

							scope:Login

						});

		        	},

		        	scope: Login,

		            text: 'Login'

		        }],

		        buttonAlign: 'right',

		        closable: false,

		        draggable: true,

		        height: 350,

		        id: 'login-win',

		        layout: 'border',

		        minHeight: 350,

		        minWidth: 330,

		        plain: false,

		        resizable: true,

		        items: [

		        	logoPanel,

		        	formPanel

		        ],

				title: 'Chat Login',

		        width: 330

		    });

			form = formPanel.getForm();

		    dialog.show();

		},

		Success: function(f,a){

            //Ext.MessageBox.alert('Confirm', a.result.info);

            if(a && a.result){

				dialog.destroy(true);

				window.location = 'main/';

				//window.open('menuutama/main.jsp', '', 'fullscreen=yes, scrollbars=auto');

			}

		}

	};

}();

Ext.BasicForm.prototype.afterAction=function(action, success){

	this.activeAction = null;

	var o = action.options;

	if(o.waitMsg){

		Ext.MessageBox.updateProgress(1);

		Ext.MessageBox.hide();

	}

	if(success){

		if(o.reset){

			this.reset();

		}

		Ext.callback(o.success, o.scope, [this, action]);

		this.fireEvent('actioncompleted', this, action);

	}else{

		Ext.callback(o.failure, o.scope, [this, action]);

		this.fireEvent('actionfailed', this, action);

	}

}

Ext.onReady(Login.Init, Login, true);

Karena pada program di atas memanggil cekLogin.jsp untuk proses pengecekan nya buat juga file cekLogin.jsp :

<%@ include file="../koneksi/koneksi.jsp" %>

<%

	String[] koneksi=new clsKoneksi().strKoneksi;

	classDB kelasDB=new classDB(koneksi);

	String usr=request.getParameter("user");

	String pswd=request.getParameter("pass");

	//Buat sesion

	HttpSession ses = request.getSession(true);

	ses.setMaxInactiveInterval(3600);

	try{

		Object[] isi=kelasDB.getSatuRekord("select * from tools.fn_login('" + usr + "','" + pswd + "')");

		//out.println("Baru2");

		if(isi[0].toString().trim().equals("1")){

			String[] sesi = {usr};

			ses.setAttribute("user",sesi);

			out.println("{success:true}");

		}else{

			String[] sesi = {""};

			ses.setAttribute("user",sesi);

			out.println("{success:false}");

		}

	}catch(Exception ex){}

%>

Nah sampai di sini program sudah mendekati jadi, tapi pasti ada pertanyaan dari pembaca trus gimana masalah scuritynya wah ini ada dosen saya yang bilang security bukanlah product tapi proses nah saya coba memanfaatkan kemampuan dari postgreSQL yaitu dengan membuatkan sebuah function untuk proses login yaitu  fn_login yang terletak pada schema tools pada postgreSQL untuk source anda dapat kopi dari bawah ini :

CREATE OR REPLACE FUNCTION "tools"."fn_login" (usr varchar, pass varchar) RETURNS smallint AS

$body$

declare

  hasil smallint;

begin

  hasil :=0;

  select count(*) into hasil from userproject where userproject.nama=usr

         and userproject.katakunci=md5(pass);

  if not found then

     hasil :=0 ;

  end if;

  return (hasil);

end;

$body$

LANGUAGE 'plpgsql' VOLATILE CALLED ON NULL INPUT SECURITY INVOKER;

Ok sederhana kan functionya. setelah semua siap tinggal jalankan. Selamat mencoba….

Untuk dapat mengikuti perjalanan mbahsomo dan tulisan - tulisannya

silakan masuk ke http://mbahsomo.ucoz.com

Berbagi

Sering kita setelah mebuat suatu program dari Visual basic atau delphi kita buatkan sebuah program package yang akan menjadikan sebuah paket untuk program tersebut sehingga padasaat kita install di komputer lain kaan tinggal klik install dan selesaideh proses instalasinya, kita tidak perlu menginstall software tambahan yang mungkindi butuhkan oleh program tersebut.Nah pada java juga sama kita juga bisa membuatkan sebuah pacage untuk embuat instalasinya, jadi pada saat kita untuk komputer lain maka tinggal install dan tidak perlu lagi konfigurasi - konfigurasi [tapi jangan lupa install JVM].Alat - alat yang di perlukan :

1. Software advanced installer anda bisa download di alamat resminya klik disini
2. Project java yang sudah jadi file jar.
3. Komponen - komponen yang jadi referesninya.
4. dan yang pasi kompi lengkap …..

Nah ini adalah langkah - langkah yang di lakukan

1. Install software advanced installer yang sudah di download.
2. Buka program advanced intaller.
3. pilih File –>new.
4. Seterusnya tinggal next … Lihat gambar di bawah.
5. End Finish

   Setelah semua konfigurasi selesai tinggal Build dan program yang udah jadi jar tadi akan jadi pacage yang tinggal install. dibawah adalah contah hasil package yang sudah selesai. selamat mencoba    Bagi yang ingin download kamus bahasa jawa yang sudah di package klik disini 

Berbagi

Ternyata ada juga mesin pencarian untuk rapidshare, saya rasa ini sangat berguna sekali buat kita, apalagi teman - teman yang suka untuk download software - software. dengan memanfaatkan kemanpuan dari mesin pencarian ini kita akan dengan mudah dapat mendapatkan software atau juga film2.  langsung aja masukkan url http://www.rsfind.com 

Nah Mudahkan tinggal masukkan url lalu anda akan dapat berselancar untuk melakukan pencari file - file yang ada di rapidshare. setelah memasukkan nama program atau file yang mau di cari akan muncul tampilan seperti pada gambar di bawah ini.

 

lalu pilih file yang kamu oinginkan

 setelah  itu masukkan kode yang di ajurkan oleh brouser anda dan klik download IT maka link dari rapidshare akan mundul 

 Jikaanda memakai Enternet Explorer atau FireFox maka akan muncul tampilan yang berbeda dengan yang ada pada gambar jujur saja saya juga belum melakukan explorasi kenapa untuk IE dan FireFox kok tidak bisa. Untuk dapat melakukan pencarian dengan rsfind saya menggunakan safari atau gunakan Google Chrome brousernya google yang baru. ok Selamat mencoba semoga membantu 

 

Tampilan pada IE 7

Berbagi

Surabaya tanggal 03 September 2008 kelihatannya website http://www.stan.ac.id/ dan http://www.bppk.depkeu.go.id/ sedang down.

Kemungkinan ini karena banyaknya yang sedang akses. wah gimana nih masak dana besar kok hasilnya seperti ini sangat tidak memuaskan

 

 

Berbagi

Ya Allah tidak terasa Bulan  Suci telah datang. Alhamdulillah saya masih bisa menemui bulan yang suci ini. Hati terasa sangat bahagia dapat berjumpa kembali dengan bulan yang penuh dengan kebaikan ini. Ya Allah semua di bulan ini seluruh umat Islam dapat memperoleh barokah Mu. Amin.

Ya Allah jauhkan kami dari godaan setan  yang terkutuk, hingga kami dapat menghadapMu dalamkeadaan yang Suci.

Ya Allah  Kami Bukanlah ahli SurgaMu, Tapi kami takut dengan api NerakaMu Ya Allah.Ya Allah kami hanya merharapkan RidhoMu.

Marhaban Ya Ramadhan.

Marhaban Ya Ramadhan. 

Marhaban Ya Ramadhan.  

Berbagi

 

Ternyata setelah mencoba semua software download untuk direct ke rapidshare Jdownloader masih yang paling stabil … 

Berbagi

Selain  menggunakan Jdownloader untuk mengunduh file dari rapidshare ada program namanya Download Direct dengan mengguakan software ini kamu akan dengan mudahnya melakukan download file di rapidshare.

selamat mencoba semoga dapat berguna untuk anda semua.

Lihat pada gambar di atas berapa kecepatan download dengan menggunakan software ini (989,9 kb) begitu mengesankan bukan, dari situsnya ada keterangan bahwa kecepatan downloadnya dapat mencapai 500%, wiiiih keren …. tanpa mencoba anda tidak akan bisa tahu kebenarannya dan percaya begitu saja, maka dari itu silakan mencoba.

Maaf sebentar nih lagi upload filenya ya, bentar ….

lagi preses …..

loding …. 

94 %

Wah maaf ada kegagalan nih

.

.

.

. 

.

50 % 

Download 

Berbagi

Beberapa kali saya ditanya oleh teman tentang tutorial ExtJs, jujur saja sebenarnya saya juga kurang begitu ngerti tentang ExtJs. Dari beberapa pertanyaan tersebut saya berusaha untuk belajar, terutama php, masalahnya saya juga kurang begitu menguasai php juga, biasanya saya pake program ya pake Visual Basic, Delphi dan sedikit java. Itupan hanya sekedar bisa saja.

Mulailah saya download ExtJs dan sedikit memodifikasi dan membaca tutorialnya. Pada dasarnya format ExtJs adalah aray jadi semua penulisan javascript yang digunakan berbentuk array yang tersetruktur.kalo kita lihat pelisan kodingnya pasti merasa pusing, sama saya pusing. Untuk memberi solisi agar kita tidak pusing ada beberapa hal yang saya lakukan.

Karena saya terbiasa menggunakan program dengan klik dan drag maka saya juga merasa sangat kesulitan sekali, berawal dari itu saya berusaha mencari solusi nah akhirnya ketemu juga ExtGuiBuilder yang menurut saya sangat membantu dalam proses pembuatan program ExtJs ini.

Langkah – langkah pembuatan program sederhana ini adalah sebagai berikut :

1. Jalankan apache dan mysql.

2. Buat folder baru di htdocs misal dengan nama latihanextjs.

3. Kopikan library extjs (resources, adapter, ext-all.js ) ke folder js.

4. Buat database baru di mysql dengan nama extjs dan buat sekalian table nya dengan si sebagai berikut :

   /*Buat table baru*/

   CREATE TABLE `tblkaryawan` ( `nopeg` char(10) NOT NULL, `nama` varchar(30) default NULL, `alamat` varchar(50) default NULL, `keterangan` varchar(50) default NULL, PRIMARY KEY (`nopeg`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; — – Dumping data for table `tblkaryawan`

   – isi data ke tblkaryawan

   INSERT INTO `tblkaryawan` (`nopeg`, `nama`, `alamat`, `keterangan`) VALUES

   (’2008.08.01′, ‘SUGIK PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’),

   (’2008.08.02′, ‘ANGGA PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.03′, ‘POYEN PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.04′, ‘ANDI PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.05′, ‘EKO PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.06′, ‘HADI PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.07′, ‘SUGENG PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.08′, ‘ALI PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.09′, ‘P-IJO PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.10′, ‘AHMAD PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.11′, ‘BUDI PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.12′, ‘JULIA PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.13′, ‘GUNTUR PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.14′, ‘YUDI PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’), (’2008.08.15′, ‘RAHMAN PUJA KUSUMA’, ‘SURABAYA’, ‘OK DEH’);

5. Buat juga sebuah file index.html, index.php dan index.jsp

   kopikan koding dibawah ini ke index.html

   <html>

   <head>

   <title>Latihan ExtJs</title>

   <link rel=”stylesheet” type=”text/css” href=”js/resources/css/ext-all.css” />

   <script type=”text/javascript” src=”js/adapter/ext/ext-base.js”></script>

   <script type=”text/javascript” src=”js/ext-all.js”></script>

   <script type=”text/javascript” src=”index.js”></script>

   </head>

   <body>

   </body>

   </html>

   kopikan koding dibawah ini ke index.php

   <?php

   mysql_pconnect(”localhost”, “root”, “java”) or die(”Could not connect”);

   mysql_select_db(”extjs”) or die(”Could not select database”);

    

   $rs = mysql_query(”SELECT * FROM tblkaryawan”);

    

   $arr = array();

   while($obj = mysql_fetch_object($rs)) {

   $arr[] = $obj;

   }

    

   echo json_encode($arr);

    

   ?>

   kopikan koding dibawah ini ke index.js

   // JavaScript Document

   //var rectmp,store,grid, thn;

   //var tmptitip=”0014″;

   Ext.onReady(function(){

   Ext.QuickTips.init();

   //——————————————————

   // create the Data Store

   store = new Ext.data.JsonStore({

   url:’index.php’,

   id: ‘nopeg’,

   //totalProperty: ‘total’,

   //root: ‘nopeg’,

   fields: [

   {name:'nopeg'},

   {name:'nama'},

   {name:'alamat'},

   {name:'keterangan'}

   ],

   //sortInfo: {field: ‘company’, direction: ‘ASC’},

   remoteSort: true

   });

   //store.setDefaultSort(’kodebarang’, ‘desc’);

   //Membuat text untuk pencarian data

   grid = new Ext.grid.GridPanel({

   store: store,

   loadMask: true,

   columns: [new Ext.grid.RowNumberer() ,

   {header: "NOPEG", width: 70, dataIndex: 'nopeg', sortable: true},

   {header: "NAMA", width: 150, dataIndex: 'nama', sortable: true},

   {header: "ALAMAT", width: 100, dataIndex: 'alamat', sortable: true},

   {header: "KETERANGAN", width: 70, dataIndex: 'keterangan', sortable: true}

   ],

   sm: new Ext.grid.RowSelectionModel({

   singleSelect: true,

   listeners: {

   rowselect: function(sm, row, rec) {

   rectmp=rec;

   Ext.getCmp(”frm_add”).getForm().loadRecord(rec);

   }

   }

   }),

    

   viewConfig: {

   forceFit:false //auto width

   },

   baseCls: ‘x-plain’,

   region: ‘center’

   });

    

   store.load();

   var win = new Ext.Window({

   closable: false,

   draggable: true,

   height: 400,

   layout: ‘border’,

   minHeight:400,

   minWidth: 430,

   plain: false,

   resizable: false,

   closable:true,

   maximizable:true,

   minimizable:true,

   items: [

   grid

   ],

   title: ‘Daftar Karyawan’,

   width: 430

   });

   win.show();

   });

6. Sampai disini semua telah selesai n anda tinggal memanggil dengan mengetik http://localhost/ latihanextjs

   

 

daftar pustaka http://www.extjs.com

Berbagi