Gallery XP

(Codeigniter) Ajax CRUD using Bootstrap modals and DataTables

muhammad.edlin@gmail.com (gallery XP) — Wed, 07 Feb 2018 05:29:00 +0000

Screenshot :

Ajax CRUD DataTables

Bootstrap Modals (Adding data)

Bootstrap Modals (Editing data)

Required and Included on this source :

PHP+ MySQL or you may use XAMPP –> Download
Codeigniter 3.0 –> Download
jQuery 2.1.4 –> Download
Twitter Bootstrap 3.3.5 –> Download
Bootstrap-datepicker 1.4.0 –> Download
DataTables 1.10.7 –> Download

Database and Query :

[code hl="1, 4, 7"] create database crud; use crud; CREATE TABLE `persons` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `firstName` varchar(100) DEFAULT NULL, `lastName` varchar(100) DEFAULT NULL, `gender` enum('male','female') DEFAULT NULL, `address` varchar(200) DEFAULT NULL, `dob` date DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; -- example data persons INSERT INTO `persons` (`id`, `firstName`, `lastName`, `gender`, `address`, `dob`) VALUES (1, 'Airi', 'Satou', 'female', 'Tokyo', '1964-03-04'), (2, 'Garrett', 'Winters', 'male', 'Tokyo', '1988-09-02'), (3, 'John', 'Doe', 'male', 'Kansas', '1972-11-02'), (4, 'Tatyana', 'Fitzpatrick', 'male', 'London', '1989-01-01'), (5, 'Quinn', 'Flynn', 'male', 'Edinburgh', '1977-03-24'); [/code]

Configuring Codeigniter :

assets folder structure :

Assets Folder Codeigniter

Routing

path : config/route.php

[code hl="1, 4, 7"] $route['default_controller'] = 'person'; $route['404_override'] = ''; $route['translate_uri_dashes'] = FALSE; [/code]

Base URL Cofig (required if using Codeigniter 3.0.3 or later)

path : config/config.php

see for dynamic base_url : Dynamic base_url() and site_url() Codeigniter 3.0.3 +
in this source leave empty because using codeigniter 3.0

Source Code

model : Person_model.php
path : application/models/Person_model.php

[code hl="1, 4, 7"] 'desc'); // default order public function __construct() { parent::__construct(); $this->load->database(); } private function _get_datatables_query() { $this->db->from($this->table); $i = 0; foreach ($this->column_search as $item) // loop column { if($_POST['search']['value']) // if datatable send POST for search { if($i===0) // first loop { $this->db->group_start(); // open bracket. query Where with OR clause better with bracket. because maybe can combine with other WHERE with AND. $this->db->like($item, $_POST['search']['value']); } else { $this->db->or_like($item, $_POST['search']['value']); } if(count($this->column_search) - 1 == $i) //last loop $this->db->group_end(); //close bracket } $i++; } if(isset($_POST['order'])) // here order processing { $this->db->order_by($this->column_order[$_POST['order']['0']['column']], $_POST['order']['0']['dir']); } else if(isset($this->order)) { $order = $this->order; $this->db->order_by(key($order), $order[key($order)]); } } function get_datatables() { $this->_get_datatables_query(); if($_POST['length'] != -1) $this->db->limit($_POST['length'], $_POST['start']); $query = $this->db->get(); return $query->result(); } function count_filtered() { $this->_get_datatables_query(); $query = $this->db->get(); return $query->num_rows(); } public function count_all() { $this->db->from($this->table); return $this->db->count_all_results(); } public function get_by_id($id) { $this->db->from($this->table); $this->db->where('id',$id); $query = $this->db->get(); return $query->row(); } public function save($data) { $this->db->insert($this->table, $data); return $this->db->insert_id(); } public function update($where, $data) { $this->db->update($this->table, $data, $where); return $this->db->affected_rows(); } public function delete_by_id($id) { $this->db->where('id', $id); $this->db->delete($this->table); } } [/code]

Controller Person.php
path : applications/controllers/Person.php

[code hl="1, 4, 7"] load->model('person_model','person'); } public function index() { $this->load->helper('url'); $this->load->view('person_view'); } public function ajax_list() { $list = $this->person->get_datatables(); $data = array(); $no = $_POST['start']; foreach ($list as $person) { $no++; $row = array(); $row[] = $person->firstName; $row[] = $person->lastName; $row[] = $person->gender; $row[] = $person->address; $row[] = $person->dob; //add html for action $row[] = 'id."'".')"> Edit id."'".')"> Delete'; $data[] = $row; } $output = array( "draw" => $_POST['draw'], "recordsTotal" => $this->person->count_all(), "recordsFiltered" => $this->person->count_filtered(), "data" => $data, ); //output to json format echo json_encode($output); } public function ajax_edit($id) { $data = $this->person->get_by_id($id); echo json_encode($data); } public function ajax_add() { $data = array( 'firstName' => $this->input->post('firstName'), 'lastName' => $this->input->post('lastName'), 'gender' => $this->input->post('gender'), 'address' => $this->input->post('address'), 'dob' => $this->input->post('dob'), ); $insert = $this->person->save($data); echo json_encode(array("status" => TRUE)); } public function ajax_update() { $data = array( 'firstName' => $this->input->post('firstName'), 'lastName' => $this->input->post('lastName'), 'gender' => $this->input->post('gender'), 'address' => $this->input->post('address'), 'dob' => $this->input->post('dob'), ); $this->person->update(array('id' => $this->input->post('id')), $data); echo json_encode(array("status" => TRUE)); } public function ajax_delete($id) { $this->person->delete_by_id($id); echo json_encode(array("status" => TRUE)); } } [/code]

view : person_view.php
path : application/views/person_view.php

[code hl="1, 4, 7"] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ajax CRUD with Bootstrap modals and Datatables</title> <link href="<?php echo base_url('assets/bootstrap/css/bootstrap.min.css')?>" rel="stylesheet"> <link href="<?php echo base_url('assets/datatables/css/dataTables.bootstrap.css')?>" rel="stylesheet"> <link href="<?php echo base_url('assets/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')?>" rel="stylesheet">    </head> <body> <div class="container"> <h1 style="font-size:20pt">Ajax CRUD with Bootstrap modals and Datatables</h1> <h3>Person Data</h3> <br /> <button class="btn btn-success" onclick="add_person()"><i class="glyphicon glyphicon-plus"></i> Add Person</button> <button class="btn btn-default" onclick="reload_table()"><i class="glyphicon glyphicon-refresh"></i> Reload</button> <br /> <br /> <table id="table" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Gender</th> <th>Address</th> <th>Date of Birth</th> <th style="width:125px;">Action</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th>First Name</th> <th>Last Name</th> <th>Gender</th> <th>Address</th> <th>Date of Birth</th> <th>Action</th> </tr> </tfoot> </table> </div> <script src="<?php echo base_url('assets/jquery/jquery-2.1.4.min.js')?>"></script> <script src="<?php echo base_url('assets/bootstrap/js/bootstrap.min.js')?>"></script> <script src="<?php echo base_url('assets/datatables/js/jquery.dataTables.min.js')?>"></script> <script src="<?php echo base_url('assets/datatables/js/dataTables.bootstrap.js')?>"></script> <script src="<?php echo base_url('assets/bootstrap-datepicker/js/bootstrap-datepicker.min.js')?>"></script> <script type="text/javascript"> var save_method; //for save method string var table; $(document).ready(function() { //datatables table = $('#table').DataTable({ "processing": true, //Feature control the processing indicator. "serverSide": true, //Feature control DataTables' server-side processing mode. "order": [], //Initial no order. // Load data for the table's content from an Ajax source "ajax": { "url": "<?php echo site_url('person/ajax_list')?>", "type": "POST" }, //Set column definition initialisation properties. "columnDefs": [ { "targets": [ -1 ], //last column "orderable": false, //set not orderable }, ], }); //datepicker $('.datepicker').datepicker({ autoclose: true, format: "yyyy-mm-dd", todayHighlight: true, orientation: "top auto", todayBtn: true, todayHighlight: true, }); }); function add_person() { save_method = 'add'; $('#form')[0].reset(); // reset form on modals $('.form-group').removeClass('has-error'); // clear error class $('.help-block').empty(); // clear error string $('#modal_form').modal('show'); // show bootstrap modal $('.modal-title').text('Add Person'); // Set Title to Bootstrap modal title } function edit_person(id) { save_method = 'update'; $('#form')[0].reset(); // reset form on modals $('.form-group').removeClass('has-error'); // clear error class $('.help-block').empty(); // clear error string //Ajax Load data from ajax $.ajax({ url : "<?php echo site_url('person/ajax_edit/')?>/" + id, type: "GET", dataType: "JSON", success: function(data) { $('[name="id"]').val(data.id); $('[name="firstName"]').val(data.firstName); $('[name="lastName"]').val(data.lastName); $('[name="gender"]').val(data.gender); $('[name="address"]').val(data.address); $('[name="dob"]').datepicker('update',data.dob); $('#modal_form').modal('show'); // show bootstrap modal when complete loaded $('.modal-title').text('Edit Person'); // Set title to Bootstrap modal title }, error: function (jqXHR, textStatus, errorThrown) { alert('Error get data from ajax'); } }); } function reload_table() { table.ajax.reload(null,false); //reload datatable ajax } function save() { $('#btnSave').text('saving...'); //change button text $('#btnSave').attr('disabled',true); //set button disable var url; if(save_method == 'add') { url = "<?php echo site_url('person/ajax_add')?>"; } else { url = "<?php echo site_url('person/ajax_update')?>"; } // ajax adding data to database $.ajax({ url : url, type: "POST", data: $('#form').serialize(), dataType: "JSON", success: function(data) { if(data.status) //if success close modal and reload ajax table { $('#modal_form').modal('hide'); reload_table(); } $('#btnSave').text('save'); //change button text $('#btnSave').attr('disabled',false); //set button enable }, error: function (jqXHR, textStatus, errorThrown) { alert('Error adding / update data'); $('#btnSave').text('save'); //change button text $('#btnSave').attr('disabled',false); //set button enable } }); } function delete_person(id) { if(confirm('Are you sure delete this data?')) { // ajax delete data to database $.ajax({ url : "<?php echo site_url('person/ajax_delete')?>/"+id, type: "POST", dataType: "JSON", success: function(data) { //if success reload ajax table $('#modal_form').modal('hide'); reload_table(); }, error: function (jqXHR, textStatus, errorThrown) { alert('Error deleting data'); } }); } } </script>  <div class="modal fade" id="modal_form" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title">Person Form</h3> </div> <div class="modal-body form"> <form action="#" id="form" class="form-horizontal"> <input type="hidden" value="" name="id"/> <div class="form-body"> <div class="form-group"> <label class="control-label col-md-3">First Name</label> <div class="col-md-9"> <input name="firstName" placeholder="First Name" class="form-control" type="text"> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Last Name</label> <div class="col-md-9"> <input name="lastName" placeholder="Last Name" class="form-control" type="text"> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Gender</label> <div class="col-md-9"> <select name="gender" class="form-control"> <option value="">--Select Gender--</option> <option value="male">Male</option> <option value="female">Female</option> </select> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Address</label> <div class="col-md-9"> <textarea name="address" placeholder="Address" class="form-control"></textarea> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Date of Birth</label> <div class="col-md-9"> <input name="dob" placeholder="yyyy-mm-dd" class="form-control datepicker" type="text"> <span class="help-block"></span> </div> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" id="btnSave" onclick="save()" class="btn btn-primary">Save</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button> </div> </div> </div> </div>  </body> </html> [/code]

sumber

Trigger

muhammad.edlin@gmail.com (gallery XP) — Thu, 21 Sep 2017 13:29:00 +0000

kurang lebih 9 bulan tidak aktif di blogger lagi kali ini saya coba posting dari pengalaman saya hari ini untuk penyelesaikan kasus di aplikasi saya mengenai php mysql, dimana perlu melakukan update terhadap suatu field dari table, berdasarkan isi field dari table lain, dan di aplikasi ini saya menggunakan trigger dari mysql, apakah itu trigger ?

trigger
Trigger adalah sebuah objek database yang di asosiasikan dengan sebuah tabel dan akan aktif (terpicu/trigger) ketika sebuah event terjadi pada tabel tersebut Trigger hanya terjadi ketika ada eksekusi INSERT, DELETE, dan UPDATE pada tabel yang bersangkutan Waktu eksekusi trigger yang mungkin terjadi terdiri dari 2 yaitu BEFORE dan AFTER dari statement SQLnya. Implementasi trigger yang sering ditemui dalam dunia nyata adalah untuk mengeset dan mengubah nilai kolom dalam suatu tabel sehingga validasi nilai dari tabel tersebut akan terjaga. Adanya trigger dalam database akan meringankan kita dalam pembuatan aplikasi karena di dalam aplikasi yang kita buat kita tidak perlu lagi untuk melakukan validasi data

Jenis Trigger

Ada 2 jenis trigger yaitu :

· Application trigger: Terjadi pada saat sebuah kejadian

terjadi dengan aplikasi tertentu.

· Database trigger : Terjadi pada saat terjadi sebuah

perubahan data seperti DML pada table (INSERT,

UPDATE atau DELETE)

caranya

script dasar dari trigger

CREATE TRIGGER nama_trigger after kejadian(i/u/d) ON nama_tabel
 FOR EACH ROW BEGIN
 INSERT INTO nama_tabel SET
 nama_field = kejadian(new/old).nama_field
 , nama_field=kejadian(new/old).nama_field
 ON DUPLICATE KEY UPDATE nama_field=nama_field+kejadian(new/old).nama_field;
 END$$

untuk memulainya, pertama kita harus membuat tabelnya

Table kesatu : beli

CREATE TABLE beli(
id_beli INT( 11 ) NOT NULL AUTO_INCREMENT ,
kd_barang VARCHAR( 5 ) DEFAULT NULL ,
nama_barang VARCHAR( 20 ) DEFAULT NULL ,
jumlah INT( 11 ) DEFAULT NULL ,
PRIMARY KEY ( id_beli )
) ENGINE = MYISAM DEFAULT CHARSET = utf8;

Table kedua : jual

CREATE TABLE jual(
id_jual INT( 11 ) NOT NULL AUTO_INCREMENT ,
kd_pelanggan VARCHAR( 10 ) NOT NULL ,
kd_barang VARCHAR( 5 ) DEFAULT NULL ,
nama_barang VARCHAR( 20 ) DEFAULT NULL ,
jumlah INT( 11 ) DEFAULT NULL ,
PRIMARY KEY ( id_jual )
) ENGINE = MYISAM DEFAULT CHARSET = utf8;

Table ketiga : stok

CREATE  TABLE stok
(kd_barang varchar(5) NOT  NULL
, jumlah int(11) NOT NULL
, PRIMARY KEY (kd_barang)
) ENGINE = MYISAM  DEFAULT CHARSET = utf8;

Sekarang kita sudah mempunyai 3 table yang akan dieksekusi, alurnya seperti ini : Jika ada pembelian (kita membeli barang ke distributor) maka akan menambah stok barang. Jika ada penjualan (ada yang membeli barang kita) maka akan mengurangi stok barang. Bagaimana? Sudah mengerti alurnya? Jika sudah kita langsung buat triggernya.

*Note : Jangan lupa perhatikan tanda $$ (delimeter)nya. Jika lupa akan error. Delimeter akan membatasi akhir dari sebuah trigger.

1. Membuat Trigger beli_barang

 
CREATE TRIGGER beli_barang after INSERT ON beli
 FOR EACH ROW BEGIN
 INSERT INTO stok SET
 kd_barang = NEW.kd_barang, jumlah=New.jumlah
 ON DUPLICATE KEY UPDATE jumlah=jumlah+New.jumlah;
 END$$

Keterangan : Trigger diberi nama beli_barang, dan trigger akan bekerja setelah memasukkan data kedalam table beli. Dan secara otomatis akan menambahkan stok barang kedalam table stok. Karena data pada table beli masih nol, jika kita memasukkan data ke table beli, maka tidak akan ada penjumlahan yang terjadi.

Sekarang cobalah masukkan sebuah data ke dalam table beli.

Klik Go, lalu buka table stok. Jika berhasil, barang yang sudah dimasukkan di table beli akan masuk ke dalam table stok yatu kd_barang dan jumlahnya.

Sekarang, cobalah untuk memasukkan barang lagi ke table beli. Dengan kd_barang dan nama_barang yang sama. Tetapi bedakan jumlahnya, saya contohkan jumlahnya 23. Klik go dan coba lihat table stok.

Bertambah bukan? Sekarang sudah lebih mengerti konsep dari trigger kan? Jika sudah, kita buat trigger yang selanjutnya.

2. Membuat trigger jual_barang


CREATE TRIGGER jual_barang after INSERT ON jual
 FOR EACH ROW BEGIN
 UPDATE stok
 SET jumlah = jumlah - NEW.jumlah
 WHERE
 kd_barang = NEW.kd_barang;
 END$$

Keterangan : Trigger diberi nama jual_barang, dan trigger akan bekerja setelah memasukkan data kedalam table jual. Dan secara otomatis akan mengurangi stok barang dalam table stok.
Sekarang cobalah untuk memasukkan sebuah data ke dalam table jual. Kita akan mencoba memasukkan data yang telah ada di table beli (tersedia dalam stok).

Klik Go, setalah itu buka table stok.

Jumlah stok yang awalnya 53 telah berkurang karena barang telah dibeli oleh pelanggan sebanyak 10.
Nah, itulah trigger. Sangat memudahkan bukan untuk memanipulasi data bukan? Semoga bermanfaat ya dan teruslah belajar :)

sumber :
definisi trigger : http://memahamibdl.blogspot.co.id/2014/07/pengertian-trigger-dan-implementasinya.html
cara : https://www.dumetschool.com/blog/Cara-Membuat-Trigger-dI-MySQL

Cara agar Wallpaper Dekstop Tidak Bisa Diganti

muhammad.edlin@gmail.com (gallery XP) — Thu, 21 Sep 2017 13:07:00 +0000

Tampilan wallpaper atau gambar desktop merupakan salah satu hal yang sangat penting. Desktop background atau gambar wallpaper yang unik dan bagus bisa menjadikan pengguna lebih senang berhadapan dengan komputer. Setiap orang sebagai pengguna komputer tentu mempunyai rasa kesenangan yang berbeda-beda mengenai desktop background ini.

Cara mengganti gambar atau wallpaper desktop background yang biasa dilakukan adalah dengan klik kanan pada desktop kemudian pilih Properties. Pada jendela display properties, pilih tab desktop kemudian pilih salah satu pilihan gambar yang ada atau cari gambar lain di file dengan klik browse. Atur posisinya kemudian klik OK. Maka wallpaper akan berubah dan telah diganti.

Desktop background yang telah terpasang sesuai dengan selera dan keinginan ini, pada waktu dan kesempatan yang lain bisa saja berubah. Berubah wallpapernya karena diganti oleh upengguna lain. Tentu saja hal ini sangat menjengkelkan. cara agar wallpaper dekstop tidak bisa diganti, bisa dilakukan dengan cara :

Untuk pengguna windows xp

    1.Tekan tombol window + R (untuk membuka menu run)
    2.Ketik gpedit.msc kemudian tekan enter (untuk masuk ke jendela group policy editor)
    3.Masuk ke User Configuration > Administrative templates > Control Panel > Display
    4.Pada panel sebelah kanan, klik ganda pada prevent changing wallpaper

    5. Ubah menjadi enable
    6. Masuk ke User Configuration --> Administrative Templates --> Start Menu and Taskbar --> pilih Prevent Changes to Taskbar and Start Menu Settings --> pilih enable --> klik Ok

7. Masih di gpedit.msc, sekarang masuk ke User Configuration --> Administrative Templates --> Desktop --> Active Desktop --> pilih Active Desktop Wallpaper --> pilih enable --> masukan nama wallpaper beserta lokasi penyimpanannya --> pilih wallpaper type terserah kamu --> klik Ok.

    8. Klik OK
    9. Log off atau restart komputer

Untuk pengguna windows 7

Tekan tombol window + R (untuk membuka menu run)
Ketik gpedit.msc kemudian tekan enter (untuk masuk ke jendela group policy editor)
Masuk ke User Configuration > Administrative templates > Control Panel > Personalization
Pada panel sebelah kanan, klik ganda pada prevent changing desktop background
Ubah menjadi enable klik OK

Mungkin diperlukan enable desktop wallpaper pada User Configuration > Administrative templates > desktop > desktop
Klik OK
Log off atau restart komputer

Setelah pengaturan diatas, user tidak bisa lagi untuk mengganti wallpaper atau desktop background. Tab desktop pada display properties akan menjadi tidak aktif, sehingga tidak bisa memilih gambar untuk desktop. Mereka akan berfikir “Desktop background atau wallpaper tidak bisa diganti”.

sumber

muhammad.edlin@gmail.com (gallery XP) — Wed, 28 Dec 2016 23:46:00 +0000

pertama kali saya melihat syntax higlighter di blog tuttorial php, jquery tuttorial kali ini saya menerapkan kode tersebut sebagai fitur pendukung di blog ini caranya silahkan buka blogger > template > edit html, salin dan sisipkan sebelum ""

 
/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'Double click to selection';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='HTMLku']:before {
    background-color: #3cc888;
}

pre[data-codetype='JavaScriptku']:before {
    background-color: #75d6d0;
}

pre[data-codetype='JQueryku']:before {
    background-color: #e5b460;
}

setelah itu simpan 3 kode di bawah ini sebelum "" atau ""

simpan template selanjutnya anda buat post baru , terapkan kode di bawah ini pada postingan tab HTML


 ... kode HTML (yang sudah di`escape`) di sini ... 
 ... kode CSS di sini ... 
 ... kode JavaScript di sini ... 
 ... kode jQuery di sini ...

Membuat Berita Dinding Auto Refresh Seperti Twitter dengan jQuery dan PHP

muhammad.edlin@gmail.com (gallery XP) — Wed, 28 Dec 2016 07:06:00 +0000

Kalau kita masuk ke halaman depan twitter.com, maka akan kita lihat semacam berita dinding yang menampilkan status atau berita terbaru dari para twitter. Berita terbaru tersebut ditampilkan secara scrolling, kemudian menngunakan efek fade in. Pada artikel kali ini kita akan belajar membuat seperti itu, dimana pada program kita kali ini, kita akan menampilkan lima berita terbaru secara scolling dan fade in (dari pudar mejadi jelas). Kemudian program kita secara periodik akan mengecek ke database, jika ada berita terbaru, maka akan langsung kita update di berita dinding.

Sekarang mari kita lihat algoritma dan kode dari program ini.
Algoritma

Membuat database user dan berita
Mengambil 5 berita terbaru dari database
Memasukkan 5 berita ke dalam suatu variabel array, supaya gampang melakukan proses scrolling
Melakukan scrolling 5 berita terbaru tersebut
Mengecek berita terbaru setiap 4 detik, jika ada yang terbaru, tambahkan ke dalam variabel array untuk scrolling tersebut.

Untuk mengetahui atau belajar tentang jQuery Ajax dan efek-efek jQuery, silahkan download dan baca bukunya
Kode Lengkapnya
Berikut adalah struktur tabel_user dan tabel_berita

CREATE TABLE `tabel_user` ( `nomor` int(5) NOT NULL auto_increment, `userid` varchar(30) NOT NULL, `password` varchar(30) NOT NULL, `nama` varchar(30) NOT NULL, `email` varchar(30) NOT NULL, `photo` varchar(50) NOT NULL, PRIMARY KEY (`nomor`) );CREATE TABLE `tabel_berita` ( `nomor` int(5) NOT NULL auto_increment, `user_nomor` int(5) NOT NULL, `waktu` datetime NOT NULL, `berita` tinytext NOT NULL, PRIMARY KEY (`nomor`) );

Cara Unpack File APK Android

muhammad.edlin@gmail.com (gallery XP) — Thu, 10 Nov 2016 12:03:00 +0000

Pemrograman mobile dengan file extensi APK sudah tidak asing lagi yang merupakan file jadi dari sebuah aplikasi yang siap di install pada perangkat android.

Unpack File APK atau bisa di bilang Decompile sangat berguna ketika kita ingin mengetahui bagaimana Source Code file android yang sudah menjadi file APK.

Namun tidak semua file APK bisa di Decompile terkadang ada banyak Development Software yang Secure dan terkesan Close Source tidak ingin isi dari file APKnya dipelajari atau dimodifikasi.

Maka dari download Tools yang akan digunakan ToolsAlite, silahkan download pada link berikut ToolsAlite Decompile Android.

Sebelumnya Edit Environment Variables.

Cara Edit Environment Variables :

Cari Edit the system environtment variables pada pencarian Windows.
Klik Environment Variables
Edit Path
Tambahkan C:\Program Files\Java\jre7\bin di belakang Path
Klik OK

Setelah di setting dan selesai download, lalu extract file ToolsAlite, inputkan file APK yang ingin kita Unpack dengan cara memasukannya ke dalam folder input_apk.

File APK Materi_Browser.apk yang berada dalam folder input_apk.

Buka file ToolAlite.bat.

Setelah itu inputkan "0" untuk Set Your Current Project (Menentukan File APK).

Ketik angka "1" untuk memilih file APK.

Ketik angka "2" untuk Decompile APK.

Tunggu prosesnya selesai, setelah itu cek di folder

Buka filenya dan edit sesuai keinginan seperti folder assest, res, layout, dll.

Setelah selesai bisa di compile ulang, gunakan fitur yang ada pada menu ToolsAlite sebaik mungkin, selamat berexplore.

Sekian artikel tentang Cara Unpack File APK Android Cara Unpack File APK Android

Tutorial Arduino - Library pada LCD (Liquid Cristal Display)

muhammad.edlin@gmail.com (gallery XP) — Tue, 21 Jun 2016 05:22:00 +0000

Tutorial Arduino library pada LCD (Liquid Cristal Display) yang mengambil referensi dari http://www.arduino.cc/en/Reference/LiquidCrystal. Gambar LCD 16X2 beserta pinnya terdapat pada gambar dibawah ini

Fungsi:
LiquidCrystal()
adalah setingan awal ketika menggunakan LCD, setingan ini berfungsi untuk konfigurasi dari pin LCD.

sintaknya :
LiquidCrystal(rs, enable, d4, d5, d6, d7)
LiquidCrystal(rs, rw, enable, d4, d5, d6, d7)
LiquidCrystal(rs, enable, d0, d1, d2, d3, d4, d5, d6, d7)
LiquidCrystal(rs, rw, enable, d0, d1, d2, d3, d4, d5, d6, d7)

Pin dari LCD 16 X 2

No Kaki/Pin	Nama	Keterangan
1	VCC	+5V
2	GND	0V
3	VEE	Tegangan Kontras LCD
4	RS	Register Select
5	R/W	1 = Read, 0 = Write
6	E	Enable Clock LCD
7	D0	Data Bus 0
8	D1	Data Bus 1
9	D2	Data Bus 2
10	D3	Data Bus 3
11	D4	Data Bus 4
12	D5	Data Bus 5
13	D6	Data Bus 6
14	D7	Data Bus 7
15	Anoda	Tegangan backlight positif
16	Katoda	tegangan backlight Negatif

begin()
untuk menentukan dimensi dari lcd yang akan di gunakan
sintaknya :
lcd.begin(cols,rows)

clear()
untuk menghapus layar LCD dan posisi kursor di sudut kiri atas.
sintaknya :
lcd.clear()

home()
Posisi kursor di kiri atas LCD. Artinya, menggunakan lokasi yang di keluaran teks setelah layar. Untuk juga menghapus layar, gunakan fungsi clear () sebagai gantinya.
sintaknya
lcd.home()

setCursor()
menentukan posisi cursor mulai penulisan
sintaknya :
lcd.setCursor(col,row)

write()
untuk menuliskan data pada LCD,misalkan akan menuliskan data dari hasil pembacaan serial dsb
sintaknya :
lcd.write(data)

print()
untuk menuliskan text pada LCD
sintaknya :
lcd.write("text")

cursor() dan noCursor()
Menampilkan kursor LCD: underscore (garis) pada posisi mana karakter berikutnya akan ditulis. dan menidaktampilkan
sintaknya :

lcd.cursor()
lcd.noCursor()

blink() dan noBlink()
Menampilkan kursor LCD berkedip. Jika digunakan dalam kombinasi dengan fungsi cursor(), hasilnya akan bagus. noBlink (tidak menampilkan)
sintaknya :
lcd.blink()
lcd.noBlink()

display() dan noDisplay()
Menyalakan pada layar LCD, setelah itu sudah dimatikan dengan noDisplay (). Ini akan mengembalikan teks (dan kursor) yang ada di layar.
sintaknya :
lcd.display()
lcd.noDisplay()

scrollDisplayLeft() dan scrollDisplayRight()
skrol konten display satu space dari kiri / kanan
lcd.scrollDisplayLeft()
lcd.scrollDisplayRight()

autoscroll()
noAutoscroll()
leftToRight()
rightToLeft()
createChar()

REFERENSI
http://www.arduino.cc/en/Reference/LiquidCrystal
http://www.arduino.web.id/2012/04/library-pada-lcd-liquid-cristal-display.html
http://belajar-tanpa-henti.blogspot.co.id/2015/05/tutorial-arduino-library-pada-lcd.html

Pengetahuan Dasar RFID dan Pemrograman dgn Arduino

muhammad.edlin@gmail.com (gallery XP) — Sat, 04 Jun 2016 07:50:00 +0000

Hardware : Arduino board, RFID Reader RC522, RFID TAG mifare
Software : Arduino IDE dan hyperterminal ( atau yg sejenisnya)
Pendahuluan
RFID merupakan suatu teknologi yang memanfaatkan frekuensi radio sebagai identifikasi terhadap suatu objek. RFID dapat dipandang sebagai salah satu cara dalam pelabelan suatu objek. Pelabelan dalam hal ini menggunakan sebuah kartu RFID atau TAG yg ditempatkan pada objek yg diindentifikasi. Fungsi TAG sama dengan fungsi barcode label akan tetapi RFID mempunyai kelebihan daripada label barcode

Gambar 1. Overview of RFID system

RFID Card /TAG
Sebuah tag RFID atau transponder, terdiri atas sebuah microchip dan sebuah antena,. Chip tersebut menyimpan nomor seri yang unik/ID dan informasi lainnya tergantung kepada tipe memorinya. Tipe memori itu sendiri dapat read-only, read-write, atau write-onceread-many. Antena yang terpasang pada mikrochip mengirimkan informasi ke reader RFID.
bentuk fisik Tag

Gambar 2. Bentuk fisik TAG berupa gantungan kunci dan kartu

Jenis Tag : pasive dan aktive tag
Pasive Tag :

Gambar 3. Rangkain pasive TAG yg disederhanakan

Aktive tag:

Gambar 4. Rangkaian aktif tag yang disederhanakan

struktur memory MIFARE Tag
TAG atau RFID card keluaran MIFARE mempunyai 1 kilo byte lokasi memory. yang dibagi menjadi 16 sector (no 0-15) dan 63 block (block 0-63). untuk membaca dan menulis memory 1 block cukup menggunakan alamat/nomor block.

kotak merah adalah 1 sector , 1 Sector terdiri dari 4 block.
kotak biru adalah block tiap block terdiri dari 16 byte
Block yg ke-4 tiap sector adalah key block untuk authentifikasi. tdk digunakan untukmenyimpan data. 6 byte pertama dan 6 byte terakhir (kotak hijau) dari tiap block ini digunakan untuk authentifikasi.
kotak kuning (4 byte pertama block 0) adalah ID (indentitas ) TAG . Tiap tag mempunyai ID yg berbeda. Oleh karena itu ketika kita menulis ke block 0 tdk akan berhasil.
RFID Reader
Untuk berfungsinya sistem RFID, maka diperlukan sebuah reader atau alat scanning yang dapat membaca tag dengan
benar dan mengkomunikasikan hasilnya ke microprosessor/microcontroller.

Komunikasi antara TAG dan Reader bisa melalui serial USART, i2c dan SPI. pada artikel ini digunakan serial SPI untuk membaca dan menulis data ke memory TAG. Membaca dan menulis dilakukan oleh Arduino.

Langkah langkah membaca dan menulis memory TAG pada program arduino
1. masukan library MFRC522 kedalam program (#include MFRC522.h)
2. Buat objeck MFRC522 dgn cara MFRC522 namaobjek(parameter).
3. Buat objek structur key dgn cara MFRC522::MIFARE_Key key;
structur key digunakan untuk menyimpan 6 byte key authentifikasi
4. Inisialisasi RFID dengan fungsi PCD_Init();
5. Cek keberadaan TAG /RFID Card
if ( ! mfrc522.PICC_IsNewCardPresent())return;
6. Pilih salah satu TAG/ RFID card
if ( ! mfrc522.PICC_ReadCardSerial())return;
7. Authentifikasi menggunakan Key A atau B . lihat kotak hijau pada memori map dari TAG gambar diatas
status = mfrc522.PCD_Authenticate(MFRC522::PICC_CMD_MF_AUTH_KEY_A, trailerBlock, &key, &(mfrc522.uid));
if (status != MFRC522::STATUS_OK) {
Serial.print(“PCD_Authenticate() failed: “);
return;
}
Setelah dilakukan autentifikasi baru kita bisa membaca atau menulis memory TAG / RFID Card
8. Membaca Memori TAG /RFID Card
status = mfrc522.MIFARE_Read(alamatBlock, buffer, &size);
if (status != MFRC522::STATUS_OK) {d
Serial.print(“Read failed: “);
}
kalau berhasl maka data hasil baca disimpan di array bernama buffer. sebelumnya kita deklarasikan dulu array buffer tsb.
9. Menulis ke memory TAG
status = mfrc522.MIFARE_Write(alamatBlock, dataBlock, 16);
if (status != MFRC522::STATUS_OK) {
Serial.print(“Write failed: “);
}
parameter angka 16 adalah jumlah byte dlm1 block.
data yg akan ditulis disimpan di array dataBlock yg sebelumnya sudah kita buat.
10. Setelah selesai membaca atau menulis ditutup dengan perintah sbb:
// Halt PICC
mfrc522.PICC_HaltA();
// Stop encryption on PCD
mfrc522.PCD_StopCrypto1();
berikut ini contoh hasil baca dan menulis kememory TAG:

Contoh program arduino membaca sector 1 dari memory tag
/**
* Typical pin layout used:
* ———————————–
* MFRC522 Arduino
* Reader/PCD Uno
* Signal Pin Pin
* ————————————-
* RST/Reset RST 9
* SPI SS SDA(SS) 10
* SPI MOSI MOSI 11 / ICSP-4
* SPI MISO MISO 12 / ICSP-1
* SPI SCK SCK 13 / ICSP-3
*/
#include
#include
#define RST_PIN 9
#define SS_PIN 10
MFRC522 mfrc522(SS_PIN, RST_PIN); // Create MFRC522 instance.
MFRC522::MIFARE_Key key;
void setup() {
Serial.begin(9600);
SPI.begin(); // Init SPI bus
mfrc522.PCD_Init(); // Init MFRC522 card
// Prepare the key
// using FFFFFFFFFFFFh which is the default at chip delivery from the factory
for (byte i = 0; i < 6; i++) {
key.keyByte[i] = 0xFF;
}
}
/**
* Main loop.
*/
void loop() {
// Look for new cards
if ( ! mfrc522.PICC_IsNewCardPresent())
return;
// Select one of the cards
if ( ! mfrc522.PICC_ReadCardSerial())
return;
byte sector = 1;
byte blockAddr = 4;
byte trailerBlock = 7;
byte status;
byte buffer[18];
byte size = sizeof(buffer);
// Authenticate using key B
status = mfrc522.PCD_Authenticate(MFRC522::PICC_CMD_MF_AUTH_KEY_B, trailerBlock, &key, &(mfrc522.uid));
if (status != MFRC522::STATUS_OK) {
Serial.print(“Authenticate failed “);
return;
}
// Read data from the block
status = mfrc522.MIFARE_Read(blockAddr, buffer, &size);
dump_byte_array(buffer, 16); Serial.println();
Serial.println();
// Halt PICC
mfrc522.PICC_HaltA();
// Stop encryption on PCD
mfrc522.PCD_StopCrypto1();
}
/**
fungsi menampilkan data hex ke serial PC
*/
void dump_byte_array(byte *buffer, byte bufferSize) {
for (byte i = 0; i < bufferSize; i++) {
Serial.print(buffer[i] < 0x10 ? ” 0″ : ” “);
Serial.print(buffer[i], HEX);
}
}
Contoh program arduino menulis sector 1 ke memory tag
/**
* Typical pin layout used:
* ———————————–
* MFRC522 Arduino
* Reader/PCD Uno
* Signal Pin Pin
* ————————————-
* RST/Reset RST 9
* SPI SS SDA(SS) 10
* SPI MOSI MOSI 11 / ICSP-4
* SPI MISO MISO 12 / ICSP-1
* SPI SCK SCK 13 / ICSP-3
*/
#include
#include
#define RST_PIN 9
#define SS_PIN 10
MFRC522 mfrc522(SS_PIN, RST_PIN); // Create MFRC522 instance.
MFRC522::MIFARE_Key key;
void setup() {
Serial.begin(9600);
SPI.begin(); // Init SPI bus
mfrc522.PCD_Init(); // Init MFRC522 card
// Prepare the key
// using FFFFFFFFFFFFh which is the default at chip delivery from the factory
for (byte i = 0; i < 6; i++) {
key.keyByte[i] = 0xFF;
}
}
/**
* Main loop.
*/
void loop() {
// Look for new cards
if ( ! mfrc522.PICC_IsNewCardPresent())
return;
// Select one of the cards
if ( ! mfrc522.PICC_ReadCardSerial())
return;
// In this sample we use the second sector,
// that is: sector #1, covering block #4 up to and including block #7
byte sector = 1;
byte blockAddr = 4;
byte dataBlock[] = {
0x01, 0x02, 0x03, 0x04, // 1, 2, 3, 4,
0x05, 0x06, 0x07, 0x08, // 5, 6, 7, 8,
0x08, 0x09, 0xff, 0x0b, // 9, 10, 255, 12,
0x0c, 0x0d, 0x0e, 0x0f // 13, 14, 15, 16
};
byte sector = 1;
byte blockAddr = 4;
byte trailerBlock = 7;
byte status;
byte buffer[18];
byte size = sizeof(buffer);
// Authenticate using key B
status = mfrc522.PCD_Authenticate(MFRC522::PICC_CMD_MF_AUTH_KEY_B, trailerBlock, &key, &(mfrc522.uid));
if (status != MFRC522::STATUS_OK) {
Serial.print(“Authenticate failed “);
return;
}
// Write data to the block
status = mfrc522.MIFARE_Write(blockAddr, dataBlock, 16);
if (status != MFRC522::STATUS_OK) {
Serial.print(“Write failed: “);
return;
}
dump_byte_array(buffer, 16); Serial.println();
Serial.println();
// Halt PICC
mfrc522.PICC_HaltA();
// Stop encryption on PCD
mfrc522.PCD_StopCrypto1();
}
/**
fungsi menampilkan data hex ke serial PC
*/
void dump_byte_array(byte *buffer, byte bufferSize) {
for (byte i = 0; i < bufferSize; i++) {
Serial.print(buffer[i] < 0x10 ? ” 0″ : ” “);
Serial.print(buffer[i], HEX);
}
}
Library MFRC522 dan program lengkapnya anda bisa download dilink berikut ini : https://github.com/miguelbalboa/rfid
Referensi
The RF in RFID, Passive UHF RFID in Practice by Daniel M. Dobkin

Cara Menambahkan Syntax Highlighter di Blogger

muhammad.edlin@gmail.com (gallery XP) — Sat, 30 Apr 2016 07:29:00 +0000

Syntax Highlighter cukup dikenal oleh berbagai platform, misalnya WordPress, Apache, Mozilla, Yahoo, Aptana, dan banyak lainnya. Apa itu Syntax Highlighter? Kita para blogger seringkali berbagi script/kode untuk blogger atau siapapun yang membutuhkannya untuk pengembangan web/blog. Kebanyakan dari kita menggunakan blockquote sebagai "wadah" dari script/kode tersebut dan menandai dengan beberapa warna khusus sebagai indikator atau petunjuk. Nah, SyntaxHighlighting adalah upaya untuk mempresentasikan script/kode tersebut dengan cara dan tampilan yang lebih baik berdasarkan jenis kode, misalnya Javascript, CSS, HTML, Phyton, PHP, dan masih banyak lagi. Ide ini tak lain datang dari si pembuat SyntaxHighlighter, Alex Gorbachev (thanks for the script).

Script SyntaxHighlighter ada beberapa jenis, yang terbaru sebenarnya lebih canggih lagi. Tetapi saya akan membagi versi standard-nya karena memiliki beberapa opsi saat mouse diarahkan ke atas script (muncul di pojok kanan atas) yaitu: View Source (dalam blank page, pop out), Copy to Clipboard, dan Print. Ketiganya sangat memudahkan dalam meng-copy, melihat kode dalam bentuk dan susunan aslinya, serta cetak kode. Masing-masing kode diterjemahkan oleh script yang disebut Brush.

Di beberapa platform seperti WordPress, Drupal, dan Joomla, kita bisa menggunakan berbagai jenis modul atau plugin SyntaxHighlighter siap pakai, tetapi di Blogger, kita harus menambahkannya secara manual. Berikut step by step-nya:

Menambahkan Script dan Brush ke dalam Template

1. Buka dashboard > template > edit HTML

2. Cari "]]>

"(ctrl + F dan masukkan ke dalam kotak pencarian, enter)

3.Sekaligus sebagai demo, berikut adalah contoh syntax highlighting-nya. Arahkan mouse ke atas script, di bagian pojok kanan atas akan muncul opsi, View Source, Copy to Clipboard, dan Print. Juga ada info script dari pembuatnya. Copy script berikut tepat di bawah ]]>

4. Save template.

Masing-masing script brush di atas berfungsi untuk menerjemahkan dan memberi style (warna) pada berbagai jenis script/kode seperti HTML, JS, CSS, PHP, Perl, Phyton, Ruby, XML, Java, dan berbagai script standard lainnya. Jika anda hanya membutuhkannya untuk highlighting script tertentu yang anda butuhkan, hapus yang tidak diperlukan.

Cara Menggunakan SyntaxHighlighther di dalam Post/Artikel Blog

Setiap jenis kode yang ingin ditampilkan di dalam halaman sebuah web biasanya menggunakan tag

, meskipun dalam beberapa hal juga 
bisa menggunakan tag . Untuk post blogger, kita akan 
menggunakan tag yang pertama. Kemudian masing-masing brush yang 
dibutuhkan dipanggil menggunakan atribut class. Contoh penulisannya:

        Kode Di Sini

Pada contoh di atas, kita lihat nantinya jenis-jenis kode yang akan di highlight adalah gabungan antara CSS, JS, PHP, SQL, dan Phyton. Jika anda hanya membutuhkan beberapa jenis saja, sekiranya yang diperlukan, maka gunakan brush sesuai jenis script saja. Misalnya, jika saya hanya butuh highlight HTML, JS, dan CSS, maka yang dibutuhkan adalah:

Kode Di Sini

Menggunakan yang diperlukan saja akan menghemat waktu load dan menghindari load script yang tidak perlu. Jadi jika anda biasanya hanya berbagi kode campuran yang terdiri dari 3 script umum di atas, gunakan susunan seperti contoh terakhir itu.

Berikut langkah-langkah menambahkan Syntax Highlighter ke dalam Post:

1. Ketika akan memasukkan kode, pindah dari mode "Compose" ke mode "HTML"

2. Kemudian masukkan tag

 dan class sesuai yang diinginkan, atau anda bisa copy contoh saya di atas.

3. Sebelum memasukkan kode di antara tag

, anda harus parse dulu kode tersebut. Ini Penting.
 Karena jika tidak di parse, maka kode yang dimasukkan ke dalam editor 
HTML akan diterjemahkan sebagai perintah, bukan teks biasa. Gunakan HTML/Script Parser, parse kode ke dalam tool tersebut, copy hasilnya, dan sisipkan ke dalam tag .

Contoh yang benar:

      <script type='text/javascript'>
    //<![CDATA[
    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=App-ID";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    //]]>
    </script>

Dan berikut hasilnya:

4. Anda bisa kembali ke mode "compose" jika ingin melanjutkan menulis, sebelum mempublikasikan artikel.

5. Done.

catatan: script akan diload paling akhir oleh browser, jadi akan muncul belakangan setelah semua script dan elemen diload terlebih dahulu. Jadi syntaxt highlighter akan muncul paling akhir.

Itu dia bagaimana cara menggunakan Syntax Highlighter dengan benar di Blogger. Anda sebenarnya juga bisa menggunakan metode yang sama pada website lain, apabila ingin menambahkannya secara manual tentunya. Syntax Highlighter untuk Blogger di atas masih menggunakan skema warna default, ada beberapa variasi skema warna lain yang ke depan Insya Allah akan saya share. Juga. That's it for now and have a nice blogging, as always. :)
sumber

Koneksi Database dengan Delphi & MySQL

muhammad.edlin@gmail.com (gallery XP) — Sun, 24 Apr 2016 13:26:00 +0000

Tulisan ini telah dipindahkan ke website baru kami, Tutorial Koneksi Database Menggunakan Delphi & MySQL. Komentar dan pertanyaan di blog ini tidak akan kami jawab lagi. Silahkan sampaikan komentar atau pertanyaan Anda pada link tulisan di atas.
Sedangkan untuk Delphi, MySQL dan Zeos, silahkan lihat Tutorial Koneksi Database Dengan Delphi, Zeos & MySQL. Terimakasih

Tingkat Kemahiran : Pemula
Software : Delphi 7, MySQL 4

INSTALASI MYSQL

MySQL Server dapat didownload di http://dev.mysql.com/. Petunjuk instalasi dapat Anda lihat pada dokumentasi yang disertakan dengan file arsip (*.zip) MySQL yang Anda download. Namun jika Anda tidak mau repot, berikut saya coba menunjukkan langkah-langkah instalasi MySQL Server sebagai service di Windows XP (SP2), dengan catatan, tidak ada modifikasi konfigurasi kecuali path-path MySQL.

·Untuk menginstall MySQl Server, ekstraklah file zip hasil download ke drive C:\ sehingga folder utama menjadi C:\MySQL-x.xx.

·Kemudian masuklah ke C:\MySQL-x.xx\, cari file-file dengan ekstensi *.cnf dan hapus. Hapus juga file My.cnf di drive C:\ jika ada. Hapus juga file my.ini di folder C:\Windows jika ada. Langkah ini untuk membuang kemungkinan konflik nantinya.

·Sekarang jalankan command prompt dari menu Start>Run, ketik CMD dan enter.
Ketik C:\ dan enter.
Ketik cd C:\MySQL-x.xx\Bin dan enter.
Ketik mysqld-nt –install dan enter, untuk menginstall MySQL sebagai service.
Ketik SC start mysql untuk menjalankan MySQL Service.

·Jika semuanya berjalan lancar, kini MySQL Server telah terinstall di komputer Anda.

Untuk menguji MySQL Server, kita akan mencoba membuat sebuah database dan sebuah tabel.

·Masih di command prompt,
ketik mysql -u root dan enter untuk menjalankan MySQL Client. Secara default user pada MySQL Server adalah root dan passwordnya kosong.

·Dari konsole MySQL Client, ketik perintah-perintah berikut ini:
mysql> Create database mydata;
Query OK, 1 row affected (0.00 sec)
mysql> use mydata;
Database changed
mysql> create table teman(
-> nama varchar(30) not null,
-> alamat varchar(100),
-> telepon varchar(15)
-> );
Query OK, 0 rows affected (0.05 sec)
Sampai di sini, Anda telah membuat sebuah database “mydata” dan sebuah tabel “teman” di dalamnya.

·OK, sekarang Anda bisa keluar dari konsole ini dengan mengetik
mysql> exit
Bye

KONEKSI DELPHI & MYSQL

Di Delphi, telah disediakan berbagai cara untuk berkomunikasi dengan MySQL Server, ada ADO/dbGo – dengan perantaraan MyODBC driver, ada juga BDE dengan memanfaatkan ODBC, ada pula dbExpress yang melakukan koneksi langsung ke Server dengan perantaraan library MySQL. Sampai nanti, yang akan kita bahas adalah dbExpress ini, sebab dbExpress adalah teknologi koneksi database asli dari Borland, dan sudah mendukung MySQL sejak Delphi 6. Meskipun demikian tidak tertutup kemungkinan bagi Anda untuk menggunakan komponen koneksi pihak ketiga dalam aplikasi Delphi Anda, seperti MyDac dan sebagainya. Jika Anda nantinya tertarik, http://www.torry.net menyediakan beragam library antarmuka Delphi – MySQL untuk Anda download.

OK, kini kita buat sebuah aplikasi baru di Delphi. Harap diingat, meski Delphi 6 sudah mendukung MySQL, namun yang saya gunakan dalam menulis posting ini adalah Delphi 2006. Kita lanjutkan dengan langkah-langkah berikut:

·Tambahkan sebuah TSQLConnection dari palette dbExpress ke form

Atur property LoginPrompt menjadi False, lewat Object Inspector

·Klik kanan pada SQLConnection1 pada form dan pilih Edit Connection Properties
Sebuah dialog Connection Editor akan ditampilkan

·Kita buat koneksi dengan mengklik tombol Add Conection

Koneksi ini bertipe MySQL dan kita beri nama DBMyData

Klik OK.
Kini kita atur property koneksi DBMyData ini seperti terlihat pada gambar berikut

·Anda bias mencoba koneksi ini dengan mengklik tanda centang di bagian atas dialog. Jika pesan yang muncul menunjukkan koneksi sukses, selamat, Anda siap berksperimen dengan Delphi & MySQL!

·Klik OK untuk menutup dialog Connection Editor

·Kembali ke form, ubah properti SQLConnection1 menjadi True, sehingga koneksi ke MySQL menjadi aktif.

·Tambahkan sebuah TSQLTable dari palette dbExpress, sebuah TDataSource, TDataSetProvider dan TClientDataSet dari palette Data Access ke form
Atur properti SQLConnection milik SQLTable1 menjadi SQLConnection1 dan properti TableName menjadi “teman”, seperti yang telah kita buat pada langkah di atas.

·Sekarang ubah properti Dataset dari DataSetProvider1 menjadi SQLTable1.
Ubah juga properti ProviderName dari ClientDataSet1 menjadi DataSetProvider1.
Terakhir, ubah properti DataSet dari DataSource1 menjadi ClientDataset1.

Dari langkah-langkah ini, kita bias melihat alur data dari server MySQL hingga ke GUI aplikasi kita dan juga sebaliknya, pada diagram berikut:

Sebenarnya, akses data dalam table MySQL dapat langsung dilakukan antara DataSource1 dan SQLTable1, tapi karena SQLTable adalah dataset unidirectional (satu arah), penggunaan data control yang multidirectional menjadi tidak berfungsi dengan baik. Contoh, DBGrid, DBNavigator.
Pergerakan kursor penunjuk record pun hanya dapat bergerak dengan arah Next() dan First. Last() dan Next() tidak didukung.
Dataset unidirectional sangat menguntungkan saat koneksi ke SQL Server (pada umunya) mengembalikan sejumlah besar data, karena menghemat memori dan trafik network.
Delphi menyediakan cara mengatasi hal ini dengan menambahkan DataSetProvider dan ClientDataset di antara kedua komponen database di atas. Dataset provider berfungsi mengontrol data dari SQLTable, dan menyimpannya sementara secara lokal, dan kemudian direpresentasikan kembali dalam bentuk dataset oleh ClientDataset.

·OK. Kini kita tambahkan sebuah DBGrid [palette Data Controls] dan beberapa buah Button hingga tampilan form menjadi seperti ini:

·Sekarang kodenya. Klik ganda Button1, yang memiliki caption “Pertama”. Ketikkan kode untuk navigasi ke data pertama

procedure TForm1.Button1Click(Sender: TObject);
begin
   ClientDataset1.First;
end;

Untuk Button Sebelumnya

procedure TForm1.Button2Click(Sender: TObject);
begin
if not ClientDataset1.Bof then
ClientDataset1.Prior
end;

Untuk Button Setelahnya

procedure TForm1.Button3Click(Sender: TObject);
begin
if not ClientDataset1.Eof do then
ClientDataset1.Next;
end;

Untuk Button Terakhir

procedure TForm1.Button4Click(Sender: TObject);
begin
ClientDataSet1.Last;
end;

Untuk Button Refresh

procedure TForm1.Button4Click(Sender: TObject);
begin
ClientDataSet1.Last;
end;

Untuk Button-Button lainnya dapat Anda lihat kodenya langsung pada demo program yang tersedia untuk Anda download di akhir tulisan ini.

·OK. Sekarang menampilkan data dari ClientDataset ke DBGrid. Seperti biasa, Anda cukup mengatur properti DataSource dari DBGrid1 menjadi DataSource1. Kini atur properti Active pada ClientDataset1 dan SQLTable1 menjadi True. Ubah juga properti Connection dari SQLConnection1 menjadi True.

·Jalankan program Anda.

KODE SELENGKAPNYA

Berikut kode lengkap aplikasi yang baru kita buat di atas.

unit umain;
interface
uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, DBXpress, FMTBcd, StdCtrls, Grids, DBGrids, DB, Provider,
  DBClient, SqlExpr;
type
  TForm1 = class(TForm)
    SQLConnection1: TSQLConnection;
    SQLTable1: TSQLTable;
    ClientDataSet1: TClientDataSet;
    DataSetProvider1: TDataSetProvider;
    DataSource1: TDataSource;
    DBGrid1: TDBGrid;
    Button1: TButton;
    Button2: TButton;
    Button3: TButton;
    Button4: TButton;
    Button5: TButton;
    Button6: TButton;
    Button7: TButton;
    Button8: TButton;
    Button9: TButton;
    Button10: TButton;
    procedure Button1Click(Sender: TObject);
    procedure Button2Click(Sender: TObject);
    procedure Button3Click(Sender: TObject);
    procedure Button4Click(Sender: TObject);
    procedure Button5Click(Sender: TObject);
    procedure Button6Click(Sender: TObject);
    procedure Button7Click(Sender: TObject);
    procedure Button8Click(Sender: TObject);
    procedure Button9Click(Sender: TObject);
    procedure Button10Click(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;
var
  Form1: TForm1;
implementation
{$R *.dfm}
procedure TForm1.Button1Click(Sender: TObject);
begin
  ClientDataset1.First;
end;
procedure TForm1.Button2Click(Sender: TObject);
begin
  if not ClientDataset1.Bof then
    ClientDataset1.Prior
end;
procedure TForm1.Button3Click(Sender: TObject);
begin
  if not ClientDataset1.Eof then
    ClientDataset1.Next;
end;
procedure TForm1.Button4Click(Sender: TObject);
begin
  ClientDataSet1.Last;
end;
procedure TForm1.Button5Click(Sender: TObject);
begin
  if ClientDataset1.ChangeCount>0 then
    ClientDataset1.ApplyUpdates(-1);
  ClientDataset1.Refresh;
end;
procedure TForm1.Button6Click(Sender: TObject);
begin
  ClientDataset1.Delete;
end;
procedure TForm1.Button7Click(Sender: TObject);
begin
  ClientDataset1.Append;
end;
procedure TForm1.Button8Click(Sender: TObject);
begin
  ClientDataset1.Edit;
end;
procedure TForm1.Button9Click(Sender: TObject);
begin
  ClientDataset1.Cancel;
end;
procedure TForm1.Button10Click(Sender: TObject);
begin
  if ClientDataset1.ChangeCount>0 then
    ClientDataset1.ApplyUpdates(-1);
end;
end.

DOWNLOAD
Dan Berikut, Anda bias mendownload MySQL Server, library LIBMYSQL.DLL yang saya gunakan dalam tulisan ini, dan demo program yang kita buat di atas.

MySQL Server – 3.79MB – sudah dimodifikasi biar ramping
Library LibMySQL.dll letakkan ke directory System32
Contoh Aplikasi

Catatan, file-file download harus diubah ekstensinya ke .zip , sebaiknya scan dengan antivirus dulu sebelum diekstrak.

sumber

Mengkoneksikan Database MySql di Delphi

muhammad.edlin@gmail.com (gallery XP) — Sun, 24 Apr 2016 09:44:00 +0000

Jellykom | Mengkoneksikan Database MySql di Delphi - Dalam dunia programming, penggunaan database merupakan suatu hal pokok yang tak bisa dipisahkan, tak terkecuali Delphi. Penggunaan database bisa mempermudah programmer untuk menyimpan data-data penting dengan aman dan mudah. Salah satu Data Base Management System (DBMS) yang sering digunakan yaitu MySql.

Dibawah ini adalah langkah-langkah yang digunakan untuk mengkoneksikan database MySql dengan Borland Delphi 7. Terdapat 3 tahapan pertama, yaitu membuat database MySql, tahapan kedua mengkonfigurasi ODBC Connector, tahap ketiga menghubungkan ODBC Connector ke Form Delphi. Untuk softwarenya, silahkan unduh dibawah ini:

Database MySQL (Pilih Satu): [Download MySQL] [Download Xampp] [Download Wamp]

ODBC Connector [Download ODBC Connector]

Tahap 1, Membuat Database MySQL

1. Buat sebuah database MySQL, misalnya "belajar"

2. Buat Tabel dan field yang sobat inginkan, lalu tentukan masing-masing fieldnya

Tahap 2, Mengkoneksikan database MySQL Pada ODBC Connector

1. Aktifkan ODBC Connector melalui Run Program (Win+R), lalu ketikan "ODBCAD32"

2. Setelah muncul jendela ODBC Data Source Administrator, buat Data Source Baru dengan mengklik "ADD", lalu pilih MySQL ODBC ANSI Driver

3. Isikan konfigurasinya seperti pada gamber dibawah ini. Pada bagian "User", isikan user yang sobat gunakan pada user MySQL. Bila belum pernah mengubahnya, maka gunakan "root" dan kosongkan password. Tekan "Test" untuk menguji apakah database sudah terhubung.

Tahap 3, Menghubungkan MySQL ke form delphi

1. Buat sebuah form pada delphi. Lalu masukan juga komponen-komponen berikut

ADO Connecion1
ADO Query1
Data Source1
DBGrid1

2. Klik ganda ADO Connectio1, lalu klik "Build". Setelah muncul link properties, pilih "OLE DB Provider for ODBC Drivers" lalu klik Next. Isikan nama Data Source yang sebelumnya telah dibuat pada ODBC Conncetor (contoh: belajar). Klik Test untuk ujicoba.

3. Seting Komponen lain dengan konfigurasi dibawah ini:

4. Finish...

Sekian yang bisa saya bagikan dengan sobat sekalian. Apabila sobat belum paham dengan tutorial diatas, sobat bisa menanyakannya langsung dengn saya. Semoga bermanfaat.
Good Luck...

sumber

Error pada Delphi 7 = Unable to rename 'C:\Program Files\Borland\Delphi7\Bin\delphi32.$$$' to 'C:\Program Files\Borland\Delphi7\Bin\delphi32.dro'

muhammad.edlin@gmail.com (gallery XP) — Sun, 24 Apr 2016 06:34:00 +0000

Unable to rename 'C:\Program Files\Borland\Delphi7\Bin\delphi32.$$$' to 'C:\Program Files\Borland\Delphi7\Bin\delphi32.dro'

adalah error yang biasa muncul jika anda menginstal borland delphi 7 ke win 7 .... ada beberapa langkah yang bisa dilakukan untuk menghindari hal tersebut.

1. Buka folder C:\Program Files\Borland\Delphi7, cari folder BIN, klik kanan pada folder BIN pilih properties
Hilangkan tanda biru/ ceklis pada Read-only . OK

2. Klik kanan lagi pada folder BIN, pilih properties, pada tab security pilih edit
pastikan semua permission for users terceklis Allow

Tab Security

Edit Scurity

3. Buka Folder Bin cari file application yang bernama delphi32 (ukuran 533 kB) , Klik kanan, pilih Properties.
Pada tab Compatibility, ceklist pada Run this program as an administrator

4. cari folder Projects klik kanan pada folder Projects pilih properties
Hilangkan tanda biru/ ceklis pada Read-only . OK

Selamat mencoba
sumber

Cara Membuat Custom Recovery Image di Windows 8 & 8.1

muhammad.edlin@gmail.com (gallery XP) — Thu, 21 Apr 2016 02:22:00 +0000

Pertama-tama buka command prompt dengan kemampuan Administrator.

Setelah itu ketika command prompt terbuka, copy dan paste perintah dibawah ini, dan tekan Enter jika sudah.
C:\ disini adalah tempat dimana kamu dapat menyimpan file hasil recovery image yang kamu buat yaitu CustomRefresh.wim, kamu bisa menggantinya dengan drive dimanapun kamu inginkan.
mkdir C:\RefreshImage
recimg -CreateImage C:\RefreshImage

Ketika proses sudah selesai hingga 100% semua, custom recovery image tinggal kamu gunakan untuk melakukan refresh di Windows 8 dan Windows 8.1.

Jangan biarkan teman kamu kudet & kuper, bagikan info ini

sumber

Cara Mengatasi Windows 10 Tidak Bisa Shutdown

muhammad.edlin@gmail.com (gallery XP) — Tue, 12 Apr 2016 00:26:00 +0000

Baru 2 Minggu menggunakan Windows 10 sudah bermasalah dari tanggal 30 Agustus. Masalahnya lumayan aneh pas di shutdown malah restart. Saya coba restart mana tahu bisa shutdown tapi tetap normal jadi restart juga, hahaha... Kemudian ikuti cara di youtube ternyata malah jadi sleep total (tidak bisa dibangunkan), terpaksa tekan kontak off di PSU. Dari tanggal 30 Agustus sampai 1 September baru menemukan solusinya. Karena di beberapa situs isinya sama semua hanya sleep total hasilnya. Cara fix Windows 10 cant shutdown sebagai berikut:

#CARA 1.
1. klik Start, ketik 'regedit' dan tekan enter.

2. Buka HKEY_LOCAL_MACHINE, SOFTWARE, Microsoft, Windows NT, CurrentVersion, Winlogon.

3. klik ganda pada PowerdownAfterShutdown, ubah dari 0 menjadi 1, lalu klik OK.

4. Hasilnya silahkan tes di Shutdown :)

#CARA 2.
1. ketik "power options" di bagian Search.

2. klik Choose what the power buttons do.

3. klik Change settings that are currently unavailabe.

4. Hilangkan centang pada Turn on fast startup... dan Hibernate, lalu klik Save changes.

5. Silahkan tes di Shutdown :)

Karena sekarang sudah pindah ke windows 7 jadi tidak bisa memberikan screenshot aslinya.

#CARA 3. (jika Anda ingin memberikan SS silahkan upload ke postimage.org dan linknya tinggalkan di komentar)
1. klik kanan di desktop, pilih New, klik Shortcut.

2. pastekan [%windir%\System32\shutdown.exe /s /t 0] seperti dibawah ini, klik Next.

3. klik Finish.

4. klik ganda shutdown.

#CARA 4.
1. klik Start, klik Device Manager.

2. klik tanda (>) di System devices.

3. klik 2x Intel(R) Management Engine Interface.

4. klik tab Driver.

5. Pastikan Driver Version nya 11.x, lalu klik Roll Back Driver (akan berubah menjadi 9.x).

6. atau klik Uninstall, lalu [unduh] dan install driver intel management engine 9.x.

sumber

Mempercepat Koneksi Internet Dengan Squid Proxy

muhammad.edlin@gmail.com (gallery XP) — Sun, 03 Apr 2016 11:37:00 +0000

Mempercepat Koneksi Internet Dengan Squid Proxy

Fungsi Squid Proxy!!

Sebagian besar pengguna internet mungkin tidak menyadari bahwa setiap kali mengakses situs sebenarnya yang mereka lakukan adalah mendownload semua data berupa tulisan, link, teks, gambar dan file lain dalam halaman tersebut. Nah, data-data tersebut akan disimpan ke dalam komputer dalam bentuk cache sehingga pada saat berkunjung kembali ke situs tersebut, semua data yang terdapat dalam halaman tersebut tidak akan di download seluruhnya melainkan hanya beberapa update-an terbarunya saja dan sebagiannya lagi diambil dari cache yang tersimpan dalam komputer.

Instalasi dan Setting Squid Proxy

Langkah pertama, silahkan anda download file Squid Proxy di bawah ini dengan cara mengcopy link download di bawah ini dan mempastekannya ke address bar kemudian tekan enter :

http://adf.ly/L6wF3

Password : lost-sector.net

Setelah proses download filenya selesai, lanjutkan dengan mengekstrak filenya ke c:\squid\ dan untuk settingannya, perhatikan langkah-langkah di bawah ini : 1. Buka Menu Start Windows » All Program » Accessories » Run dan masukkan perintah-perintah di bawah ini satu per satu.

c:\squid\sbin\squid.exe -z [Enter]

c:\squid\sbin\squid.exe -d l -D [Enter]

c:\squid\sbin\squid.exe -i [Enter]

c:\squid\sbin\squid.exe -O -D [Enter]

2. Selanjutnya, Jalankan Service Panel melalui Control Panel » Administrative Tools » Services atau Buka Lagi Menu Start » All Program » Accessories » Run ketik Services.msc [Enter]

3. Untuk settingan pada browser, ubah proxy ke Address 127.0.0.1 dan port 3128.

Setting Proxy Untuk Google Chrome

[Klik untuk memperbesar gambar]

Setting Proxy Untuk Mozilla Firefox

[Klik untuk memperbesar gambar]

Setelah semua proses tersebut di atas dilakukan, silahkan anda mencobanya dan rasakan perbedaannya.

Uninstall Squid Proxy...!!!

Untuk meng-uninstall squid, caranya sangatlah mudah. Buka Menu Start » All Program » Accessories » Run dan masukkan perintah c:\squid\sbin\squid -r -n squid [Enter]

sumber

PHP direct printing to DOT MATRIX printer

muhammad.edlin@gmail.com (gallery XP) — Fri, 01 Apr 2016 00:32:00 +0000

Direct printing is still the mainstay for print-scoring affair, especially for programs / POS applications. Because this application requires speed in doing print document .

Sewaktu bermigrasi ke pemrograman berbasis Web yang paling saya takutkan adalah mendapat project yang mengharuskan mencetak dalam bentuk STRUK. ternyata benar saya mendapat project program SPP di salah satu sekolah yang mengharuskan mencetak kedalam struk. Awalnya saya membuatnya dengan Fpdf tetapi ternyata hasil print jadi kacau dan tidak bisa dibaca.
dan akhirnya bisa juga mencetak langung ke printer dari scrip PHP.Ada beberapa tahan supaya kita bisa cetak langsung ke printer.

1. Sharing dahulu printernya
misal nama printer LX-300 kemudian sharing dengan nama EPSONLX.
2. Catat IP Address komputer yang terhubung ke printer

3. Buat perintah seperti dibawah ini dan simpan di web server misal dengan nama cetak.php:

INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "INI AKAN DI CETAK\n"; $Data .= "We Love PHP Indonesia\n"; $Data .= "--------------------------\n"; fwrite($handle, $Data); fclose($handle); copy($file, "//192.168.1.1/EPSONLX"); # Lakukan cetak unlink($file); ?>

4. Coba panggil file php dari browser, maka printer akan langsung mencetak.dan berhenti ketika script selesai di cetak. Hal ini berbeda jika kita mengunakan pdf yang akan terus menggulung kertas sampai satu lembar.

KETERANGAN PROGRAM:
- mula-mula membuat file temporary

- mengisi file dangan $data.

- copy $data ke alamat printer yang di sharing untuk di cetak

sumber

direct print php

muhammad.edlin@gmail.com (gallery XP) — Fri, 01 Apr 2016 00:30:00 +0000

Setelah hasil uji coba xampp untuk windows dari versi 1.6.3, 1.6.4, 1.6.8, 1.7.1, 1.7.3, 1.7.4, 1.7.7, sepertinya yang versi 1.7.3 mempunyai banyak bug karena program-program web saya jadi kacau ketika dibuka pada browser, padahal versi php 5.2 yg ada di xampp 1.7.3 tersebut sama dengan versi sebelumnya (xampp 1.7.1 juga menggunakan php versi 5.2) dan extension php_printer.dll perlu ditambahkan sendiri pada xampp versi 1.7.1 keatas, letakkan pada direktori xampp\php\ext. xampp 1.7.1 kebawah sudah diikut sertakan extension php_printer.dll, hanya saja secara default statusnya masih disable, kita perlu mengaktifkannya dengan merubah konfigurasi pada file php.ini yang terletak difolder xampp\php. hilangkan tanda ; didepan tulisan extension=php_printer.dll. kemudian restartlah service apache pada xampp. extension ini hanya support sampai xampp 1.7.4 karena belum ada pengembangan lagi sejak 2010. untuk versi xampp 1.7.7 belum tersedia update extension php_printer.

ekstensi php_printer.dll merupakan modul php agar kita dapat mencetak langsung ke printer (direct printing) untuk program-program berbasis web yang membutuhkan nota ataupun laporan maka diperlukan cara mencetak yang lebih cepat, karena umumnya programmer php akan menggunakan 2 untuk mencetak data dengan php, antara lain:
1. menggunakan fungsi javascript print.window()
2. mencetak teks dalam bentuk PDF yang dimuat dalam browser lalu diprint.

jika ekstensi sudah dipasang silahkan coba mencetak langsung dengan printer anda. berikut script untuk testing cetak langsung menggunakan ekstensi php_printer.dll. simpan dengan nama testprinter.php dan taruh difolder htdocs pada xampp

$lipsum = 'Eh, ini adalah testing aplikasi cetak teks langsung ke printer dengan PHP lhoo....'; /* contoh text */

$printer = printer_open("Canon iP2700 series"); /* tulis dan buka koneksi ke printer */

printer_write($printer, $lipsum); /* write the text to the print job */

printer_close($printer); /* close the connection */

untuk mencetak data secara langsung ke printer pada linux bisa menggunakan CUPS dan jika anda ingin melakukan direct printing ke printer dot matrix berikut cara yang dijelaskan di mocopat.wordpress.com. disitu dijelaskan cara mencetak nota langsung ke printer dot matrix tanpa menggunakan fungsi javascript print.window(), dirubah ke bentuk pdf, ataupun extension php_printer.dll

saya sendiri menggunakan xampp versi 1.7.4, perbedaanya dari versi sebelumnya adalah pada xampp 1.7.4 sudah menggunakan php versi 5.3, jika ada semacam error saat membuka xampp control panel itu merupakan sebuah bug saja dan kasus yang saya temukan bug tersebut terjadi saat kita menginstall xampp 1.7.4 pada windows 7 64bit, sebenarnya bug tersebut tidak mengganggu fungsi-fungsi dari xampp itu sendiri. jika kalian menemukan bug yang sama dengan tulisan

XAMPP Component Status Check failure [3].
Current directory: C:\xampp
Run this program only from your XAMPP root directory.

langkah untuk memperbaikinya adalah buka dan edit registry windows dengan cara ketikan regedit pada kotak dialog run, kemudian arahkan ke HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\xampp. rubah isi Install_Dir, yang semula c:\xampp menjadi c:\\xampp (double backslash)

berikut extensi php_printer.dll untuk php versi 5.3 pada xampp 1.7.4, download php_printer-svn20100319-5.3-vc6-x86.zip

download xampp untuk windows

download extension untuk php

sumber

Login YII menggunakan database MySQL

muhammad.edlin@gmail.com (gallery XP) — Sun, 28 Jun 2015 23:26:00 +0000

Buka file UserIdentity.php di \protected\components\UserIdentity.php
Cari syntax ini, beri tanda comment di syntax nya dengan /* */ menjadi seperti ini

/*
public function authenticate()
{
$users=array(
// username => password
'demo'=>'demo',
'admin'=>'admin',
);
if(!isset($users[$this->username]))
$this->errorCode=self::ERROR_USERNAME_INVALID;
else if($users[$this->username]!==$this->password)
$this->errorCode=self::ERROR_PASSWORD_INVALID;
else
$this->errorCode=self::ERROR_NONE;
return !$this->errorCode;
}
}
*/

Lalu tambahkan syntax ini di bawahnya

public function authenticate()
    {
        $user=User::model()->findByAttributes(array('username'=>$this->username));
        if($user===null){
            $this->errorCode=self::ERROR_USERNAME_INVALID;

}
        else if($user->password!==$this->password)
            {$this->errorCode=self::ERROR_PASSWORD_INVALID;}
        else
        {
            $this->errorCode=self::ERROR_NONE;
        }
        return !$this->errorCode;
    }

Simpan file

Catatan :
Nama tabel di database harus user, dan nama kolomnya iduser/userid ; username ; password

sumber

Membuat operasi login, logout dan register pada yii

muhammad.edlin@gmail.com (gallery XP) — Sat, 27 Jun 2015 21:59:00 +0000

May 13, 2011 by Sabit Huraira 162 Comments

Operasi yang akan kita kerjakan adalah yang berkaitan dengan database. Silahkan lihat tutor sebelumnya jika anda belum memahami teknik menghubungkan database pada yii disini. Okeh, pertama-tama mari kita buat buat dua buah table di database, yaitu table “user” dan table “level” yang isinya sebagai berikut:

CREATE TABLE IF NOT EXISTS `tbl_level_admin` (
`id_level` int(11) NOT NULL AUTO_INCREMENT,
`level` varchar(20) NOT NULL,
PRIMARY KEY (`id_level`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
INSERT INTO `tbl_level_admin` (`id_level`, `level`) VALUES
(1, ‘Super Admin’),
(2, ‘Admin’),
(3, ‘Customer’);
CREATE TABLE IF NOT EXISTS `tbl_user_admin` (
`id_user` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(30) NOT NULL,
`password` varchar(50) NOT NULL,
`enkrip` varchar(50) NOT NULL,
`email` varchar(30) NOT NULL,
`inisial` varchar(10) DEFAULT NULL,
`deskripsi` text,
`id_level` int(11) NOT NULL,
PRIMARY KEY (`id_user`),
KEY `id_level` (`id_level`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
ALTER TABLE `tbl_user_admin`
ADD CONSTRAINT `tbl_user_admin_ibfk_1` FOREIGN KEY (`id_level`) REFERENCES `tbl_level_admin` (`id_level`);

Setelah itu buatlah operasi CRUD untuk tabel “tbl_user_admin” dengan menggunakan gii seperti pada tutor sebelumnya. Setelah selesai, mari kita hubungkan form login yang sudah ada pada aplikasi web bawaan yii dengan database kita. Berikut caranya:
Pertamax, buka file pada folder: protected/components/UserIdentity.php.
Ganti code pada function authenticate menjadi code dibawah ini:

public function authenticate()
{
$user=UserAdmin::model()->find(‘LOWER(username)=?’,array(strtolower($this->username)));
if($user===null)
$this->errorCode=self::ERROR_USERNAME_INVALID;
else if(!$user->validatePassword($this->password))
$this->errorCode=self::ERROR_PASSWORD_INVALID;
else
{
$this->_id=$user->id_user;
$this->username=$user->username;
$this->errorCode=self::ERROR_NONE;
}
return $this->errorCode==self::ERROR_NONE;
}

Selesai, sekarang form login anda sudah terhubung dengan database “tbl_user_admin” kita tadi…
Kalo ada login tentu ada juga form register. Nah, sekarang mari kita buat form register kita. Sebelumnya kita tentukan dulu bahwa di form register nanti akan ada validasi sbb:
-ada captcha dan isian pada captcha harus sesuai dengan yang ada di gambar
-validasi pada inputan email
-ada validasi password1 dan password2 untuk memastikan bahwa user tidak salah mengetik password
-username, password, email, captcha tidak boleh kosong
-memberi panjang minimal dan maksimal pada beberapa inputan
Okeh, stelah selesai menentukan batasannya, mari kita mulai…. Berikut caranya:
Buka file pada protected/controllers/UserAdminControllers.php.
Karena kita mau menambahkan captcha pada controllers, mari kita tambahkan captcha seperti pada penjelasan yang ada disini, yaitu dengan menambahkan code berikut pada “UserAdminControllers”:

public function actions()
{
return array(
// captcha action renders the CAPTCHA image displayed on the contact page
‘captcha’=>array(
‘class’=>’CCaptchaAction’,
‘backColor’=>0xFFFFFF,
),
// page action renders “static” pages stored under ‘protected/views/site/pages’
// They can be accessed via: index.php?r=site/page&view=FileName
‘page’=>array(
‘class’=>’CViewAction’,
),
);
}

Agar captcha diizinkan untuk diakses user yang akan register(belum login) maka kita berikan akses dengan merubah method accessRules() menjadi seperti berikut:

return array(
array(‘allow’, // allow all users to perform ‘index’ and ‘view’ actions
‘actions’=>array(‘create’,’captcha’),
‘users’=>array(‘*’),
),
array

Selesai sudah kita otak-atik controllers ny, sekarang saatnya kita otak-atik modelnya dengan cara:
Buka protected/models/UserAdmin.php
Ubah isinya sehingga menjadi seperti berikut:

class UserAdmin extends CActiveRecord
{
public $password2;
public $verifyCode;
public static function model($className=__CLASS__)
{
return parent::model($className);
}
public function tableName()
{
return ‘tbl_user_admin';
}
public function rules()
{
return array(
array(‘username, password, email,verifyCode’, ‘required’),
array(‘verifyCode’, ‘captcha’, ‘allowEmpty’=>!extension_loaded(‘gd’)),
array(‘id_level’, ‘numerical’, ‘integerOnly’=>true),
array(‘username, email’, ‘length’, ‘max’=>30),
array(‘username’, ‘filter’, ‘filter’=>’strtolower’),
array(‘username’,’unique’),
array(‘password, enkrip’, ‘length’, ‘max’=>50,’min’=>5),
array(‘password2′, ‘length’, ‘max’=>50, ‘min’=>5),
array(‘password’, ‘compare’,’compareAttribute’=>’password2′),
array(‘inisial’, ‘length’, ‘max’=>10),
array(’email’,’email’,’checkMX’=>true),
array(‘deskripsi’, ‘safe’),
// The following rule is used by search().
// Please remove those attributes that should not be searched.
array(‘id_user, username, email, inisial, deskripsi, id_level’, ‘safe’, ‘on’=>’search’),
);
}
public function relations()
{
return array(
‘idLevel’ => array(self::BELONGS_TO, ‘LevelAdmin’, ‘id_level’),
);
}
public function attributeLabels()
{
return array(
‘id_user’ => ‘Id User’,
‘username’ => ‘Username’,
‘password’ => ‘Password’,
’email’ => ‘Email’,
‘inisial’ => ‘Inisial’,
‘deskripsi’ => ‘Deskripsi’,
);
}
public function search()
{
// Warning: Please modify the following code to remove attributes that
// should not be searched.
$criteria=new CDbCriteria;
$criteria->compare(‘id_user’,$this->id_user);
$criteria->compare(‘username’,$this->username,true);
$criteria->compare(‘password’,$this->password,true);
$criteria->compare(‘enkrip’,$this->enkrip,true);
$criteria->compare(’email’,$this->email,true);
$criteria->compare(‘inisial’,$this->inisial,true);
$criteria->compare(‘deskripsi’,$this->deskripsi,true);
$criteria->compare(‘id_level’,$this->id_level);
return new CActiveDataProvider(get_class($this), array(
‘criteria’=>$criteria,
));
}
public function validatePassword($password)
{
return $this->hashPassword($password,$this->enkrip)===$this->password;
}
public function hashPassword($password,$salt)
{
return md5($salt.$password);
}
public function beforeSave()
{
$isinya=$this->generateSalt();
$dua=$this->password;
$this->enkrip=$isinya;
$this->password=$this->hashPassword($dua,$isinya);
$this->id_level=3;
return true;
}
protected function generateSalt()
{
return uniqid(”,true);
}
}

public $password2;
public $verifyCode;
dua baris di atas untuk menampung variabel password2(password konfirmasi) dan verifyCode(captcha).
public function rules() ===> mendefinisikan batasan/validasi dari variabel yang ada.
public function attributeLabels()===> mengeset label yang ada pada masing-masing variabel
public function validatePassword($password)===>mengecek apakah password sudah benar ato belum
public function hashPassword($password,$salt)===>mengenkripsi password sesuai dengan code yang diberikan
public function beforeSave()===>perintah ini dijalankan sebelum dilakukan penyimpanan
protected function generateSalt()===>menggenerate otomatis code enkripsi password.
Setelah kita otak-atik models ny, mari kita otak-atik views nya dengan cara:
Buka file pada protected/views/userAdmin/_form.php. Ubah code ny hingga menjadi seperti berikut:

Setelah mengubah code _form.php menjadi seperti gambar di atas, sekarang berikan link pada form login agar user dapat mengakses form register. Buka protected/views/site/login.php
Lalu tambahkan code berikut:

Belum punya akun,

Setelah itu, buka aplikasi anda pada browser anda. Klik menu login, dan akan ada link yang akan mengarahkan anda pada menu register, klik menu register tersebut. Maka akan keluar tampilan seperti berikut:
Silahkan coba jalankan dan lihat hasilnya…
Selamat mencoba…

Saya bukanlah seorang master, hanya seorang pelajar yg mencoba sharing isi kepalanya..
Jika ada kesalahan dari yg saya buat, mohon koreksi…
Semoga membantu…

sumber

silent install ms office 2013

muhammad.edlin@gmail.com (gallery XP) — Wed, 10 Jun 2015 03:18:00 +0000

To specify silent installation options in Config.xml

Open the Config.xml file for the Office product (such as Office Professional Plus 2013) that you are installing by using a text editor tool such as Notepad.
Locate the line that contains the Display element, as shown in the following example:
Modify the Display element entry with the silent options that you want to use. Make sure that you remove the comment delimiters, "." For example, use the following syntax:

These options will direct Setup to run silently, prevent the prompting of users to enter information, and prevent the installation from waiting for user interactions. For more information about the syntax and Config.xml, see Display element in Config.xml file reference for Office 2013.
To suppress restarts, add the following lines:
To add a MAK key, use the PIDKEY element to enter the 25 character volume license key. Add the following line to the Config.xml file:

AAAAABBBBBCCCCCDDDDDEEEEE represents the product key. Use your organization's specific MAK product key for Office 2013.
To set the automatic activation option, add the following line to the Config.xml file:

Not setting AUTO_ACTIVATE is the same as setting AUTO_ACTIVATE to a value of 0. The result is that product activation does not occur during Office 2013 deployment.
Save the Config.xml file.

sumber

Cara Install YII Framework di Windows XP/7

muhammad.edlin@gmail.com (gallery XP) — Sun, 07 Jun 2015 08:52:00 +0000

Teman – teman pasti tau YII Framework yang mempunyai kepanjangan Yes It Is. YII framework bisa digunakan untuk membangun aplikasi web seperti e-commerce, cms , forum dll. Nah, disini saya mau share tentang cara instal YII Framework di OS Windows 7/XP karena caranya sama. Kalau kalian ada yang pernah instal Framework Codeigniter, cara instal Codeigniter dengan YII berbeda. Berikut caranya

1. Download file YII nya terlebih dahulu di situs resmi Yii framework . Saya menggunakan versi 1.1.12.

2. Lalu setelah download selesai. Maka ekstrak folder YII ke dalam htdocs pada xampp kalian.
3. Lalu buka command prompt kalian dan ketikkan cd c:\xampp\php untuk masuk ke dalam direktori xampp dan php, lalu tekan enter. Seperti gambar ini.

4. Lalu untuk membuat kerangka aplikasi YII, saya ketikkan php.exe C:\xampp\htdocs\yii\framework\yiic webapp C:\xampp\htdocs\testyii. Perintah ini bertujuan untuk membuat folder bernama testyii ke dalam root directory c:\xampp\htdocs\ yang berdasarkan aturan yang telah dibuat oleh YII, yaitu YII telah saya copy paste ke dalam C:\xampp\htdocs\yii. Lalu setelah tekan enter maka akan muncul pertanyaan dan ketik “yes” dan tekan enter.

5. Lalu akan muncul proses instalasi seperti gambar di bawah ini. Tunggu sampai selesai.

6. Selamat YII telah terinstall dan untuk mengetahui apakah YII telah terinstal dengan baik. Buka xampp,aktifkan apache dan mysql. Lalu buka browser dan ketikkan localhost/testyii/.

Selamat Mencoba!

sumber

ganti template yii

muhammad.edlin@gmail.com (gallery XP) — Sun, 07 Jun 2015 08:49:00 +0000

tambahkan kode ini
//Theme
'theme'=>'abound' ,//"abound"--> nama folder theme

di bawah

'name'=>'My Web Application',

[Tutorial Yii] Cara Mengaktifkan Gii pada Yii Framework

muhammad.edlin@gmail.com (gallery XP) — Sun, 07 Jun 2015 06:53:00 +0000

Gii merupakan salah satu fitur Yii framework untuk membuat model, class dan controller dari tabel-tabel yang ada pada database. Berikut ini adalah langkah-langkah untuk mengaktifkan Gii pada Yii Framework (versi yii yang digunakan pada saat penulisan adalah yii 1.1.13) :

Buka C:\xampp\htdocs\aplikasiku\protected\config\main.php lalu cari kode ini dan uncomment:

'modules'=>array(
// uncomment the following to enable the Gii tool
/*
'gii'=>array(
'class'=>'system.gii.GiiModule',
'password'=>'Enter Your Password Here',
// If removed, Gii defaults to localhost only. Edit carefully to taste.
'ipFilters'=>array('127.0.0.1','::1'),
),
*/

'gii'=>array(
'class'=>'system.gii.GiiModule',
'password'=>'passwordku',
),
),

Ubah kodenya menjadi :

'modules'=>array(
'gii'=>array(
'class'=>'system.gii.GiiModule',
'password'=>'passwordku',
'ipFilters'=>array('127.0.0.1','::1'),
),
),

Kemudian scroll dan cari kode koneksi database seperti ini lalu uncomment :

// uncomment the following to use a MySQL database
  /*
  'db'=>array(
  'connectionString' => 'mysql:host=localhost;dbname=testdrive',
  'emulatePrepare' => true,
  'username' => 'root',
  'password' => '',
  'charset' => 'utf8',
  ),
  */

Ubah menjadi :

'db'=>array(
'connectionString' => 'mysql:host=localhost;dbname=aplkasiyii',
'emulatePrepare' => true,
'username' => 'root',
'password' => '',
'charset' => 'utf8',
),

Buka browser lalu ketik http://localhost/aplikasiyii/index.php?r=gii dan masukkan password yaitu ” passwordku “. Disini kita hanya menggunakan Model Generator dan Crud Generator untuk membuat model dan crud database.

Untuk mempermudah pengaksesan dapat, link ke Gii dapat ditambahkan pada \protected\views\layouts\main.php :


widget('zii.widgets.CMenu',array(
'items'=>array(
array('label'=>'Home', 'url'=>array('/site/index')),
array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
array('label'=>'Contact', 'url'=>array('/site/contact')),
array('label'=>'Gii', 'url'=>array('/gii'), 'visible'=>!Yii::app()->user->isGuest),
array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
),
)); ?>

Tampilan Awal Gii Masukkan Password

Halaman Depan Gii Setelah Login

sumber : http://ronnydawn.wordpress.com/2012/01/28/mengaktifkan-mempermudah-akses-gii-pada-yii-framework/

[EDIT : 20 Juli 2013]

Kita juga dapat masuk ke gii tanpa memasukkan password, caranya adalah dengan mengubah bagian password menjadi false.

'gii'=>array(
'class'=>'system.gii.GiiModule',
'password'=> false,
),
),

sumber

Pengaturan halaman home pada user sebelum dan sesudah login pada yii framework

muhammad.edlin@gmail.com (gallery XP) — Sun, 07 Jun 2015 06:48:00 +0000

June 13, 2011 by Sabit Huraira 9 Comments

Pada beberapa kasus kadang aplikasi yang kita buat mengharuskan user login terlebih dahulu sebelum user bisa masuk ke dalam aplikasi tersebut. Maka dari itu kita harus melakukan pengaturan seperti berikut :

Jika user belum melakukan login, maka dia akan langsung disuguhkan halaman login saat memasuki web aplikasi tersebut.
Jika user sudah melakukan login, maka dia akan langsung disuguhkan halaman home.

Baik mari kita modifikasi aplikasi kita….

Pertama-tama silahkan buka controller yang menghandle halaman “login” dan “home” yaitu di “protected/controllers/SiteController.php”. Setelah itu tambahkan kode berikut di atas “public function actions()”

 /**
  * @return array action filters
  */
 public function filters()
 {
  return array(
   'accessControl',
  );
 }

 /**
  * Specifies the access control rules.
  * This method is used by the 'accessControl' filter.
  * @return array access control rules
  */
 public function accessRules()
 {
  return array(
   array('allow',
    'actions'=>array('error','contact','login','captcha'),
    'users'=>array('*'),
   ),
   array('allow',
    'actions'=>array('index','logout','update'),
    'users'=>array('@'),
   ),
   array('deny',  // deny all users
    'users'=>array('*'),
   ),
  );
 }

Selesai… Berikut penjelasannya:
Mungkin anda terkejut melihat betapa singkatnya code yang kita tambahkan, sebagian dari anda juga mungkin berpikir bahwa kita akan mengotak-atik bagian views/model. Yah, dalam penjelasan di atas, kita hanya perlu melakukan manipulasi di kode controller. Kita cukup memberi hak akses pada masing-masing halaman yang akan di akses. Jadi kita cukup memberikan access rule pada halaman home dimana kita hanya mengizinkan halaman home hanya bisa di akses oleh user yang telah melakukan login. Jika user belum login, maka secara otomatis user akan dilempar ke halaman login…
Yak, selamat mencoba :D ….
Semoga membantu….

Cara Mudah Membuat Windows XP USB Flashdisk

muhammad.edlin@gmail.com (gallery XP) — Sat, 23 Aug 2014 17:12:00 +0000

USB flashdisk saat ini banyak dipakai sebagai pengganti cd/dvd atau media simpan lainnya karena gampang dibawa dan mudah digunakan. Apalagi harganya yang terjangkau, membuat flashdisk banyak digunakan untuk keperluan menyimpan data dan file. Bahkan USB flashdisk tidak hanya difungsikan sebagai media simpan file,Â sekarang flashdisk mulai banyak digunakan untuk install windows dan linux melalui flashdisk. Artinya untuk menginstall windows xp/vista atau windows7 tidak harus memakai cd/dvd windows tapi cukup dengan flashdisk bootable yang berisi file-file installasi windows. Untuk membuat flashdisk windows xp yang bootable tidak bisa dengan kopi paste isi cd windows lalu dimasukkan kedalam flashdisk, tetapi membutuhkan software khusus seperti Flashboot yang akan membuat USBflashdisc menjadi bootable sekaligus mengkopikan file installasi windows keadalam flashdisk. Saya contohkan disini adalah cara membuat windows xp usb dengan memakai flashdisk 1 gb, Sebelumnya siapkan dulu software berikut ini:

Download software HPUSBDisk.exe untuk memformat flashdisk.
Download Flashboot 2.0b portable untuk mengcopi file windows xp kedalam flashdisck. Atau download via mbak MEGA.

Bila kedua software sudah didownload, lanjutkan langkah-langkah dibawah ini:

Siapkan cd installasi windows xp, atau file iso-nya jika belum punya file image(iso) silahkan lihat artikel membuat iso file dari cd/dvd windows xp.
Masukkan/ Tancapkan flashdisk ke komputer, ingat !! sebelumnya backup data penting didalam flashdisk, lalu jalankan program HPUSBDisk.exe untuk memformat flashdisc. Lalu formatlah flashdisk dengan software HPUSBDisk.exe. Pilih file system FAT32 untuk format flashdisk.
Jalankan Flashboot 2.0b portable.exe.
Setelah program terbuka, klik “Next“
Muncul pilihan FlashBoot Main Menu, lalu klik menu CD -> USB
Kemudian pilih drive cd/dvroom yang sudah berisi Windows XP CD, atau pilih opsi “Image file” Jika ingin mengambil dari file iso yang sudah dibuat dengan program iso maker lalu klik Next.
Setelah itu keluar pilihan skenario, pilih Convert Windows XP/2000 Installation CD lalu klik Next lagi.
Kemudian pilih drive Flashdisk, Selanjutnya klik Next lagi.
Masukkan pada Volume label terserah, dan file system pilih FAT32, klik Next.
Lalu klik tombol “Format Now” untuk memulai proses pembuatan Windows XP Flashdisk.
Tunggu proses format dan copy file Windows sampai selesai, sampai muncul Complete successfully.Click OK to exit.
sumber