HTML Tag Converter

Hari ini saya coba perbaiki plugin WordPress Syntax_Prettify pada template ini (padahal templatenya mbayar hehe :P) dimana untuk tag html tidak berjalan dengan baik. Akhirnya niat dibenerin sendiri dari pada harus beli sekitar $100. Saya sengaja share untuk catatan pribadi siapa tahu kepakai di kemudian hari. Intinya hanya merubah tag < dan > menjadi &lt; dan &gt;

Berikut ini adalah contoh simple javascriptnya :

<html>
	<head>
		<script>
		   function toCharEnt() {
			var mtoc = /<([^<>]*)>/g;
			var box1 = document.convert.textbox1;
			var box2 = document.convert.textbox2;
			box2.value = box1.value.replace(mtoc,"<$1>");
			if ( document.convert.withPre.checked )
			   box2.value = "<pre>\n" + box2.value + "\n</pre>"
		   }
		</script>
	</head>
	<body>
		<form name="convert">
			<textarea name="textbox1"></textarea>
			<textarea name="textbox2"></textarea>
			<input type="button" onclick="toCharEnt();" value="Covert"/>
		</form>
	</body>
</html>

Bye.

IBM BPM Integrasi dengan External Services – Java Integration

Pada dasarnya IBM BPM untuk dapat melakukan Integrasi dengan Services dari luar ada beberapa cara, yaitu :

  1. Java Integration
  2. Web Service Integaration
  3. ILOG Integration
  4. Enterprise Content Management (ECM) integration

Namun untuk kesempatan kali ini saya akan coba membahas cara mengintegrasikan IBM BPM menggunakan Java Integration. Dengan menggunakan methode ini kita akan mengakses Java API, yang sebelumnya kita upload file Java .Jar telebih dahulu ke server.Dalam contoh ini saya akan upload file bpmkaryawan.jar yang berisi validasi apakah NO. KTP yang ada di database server sudah ada(true)  atau belum(false).

Java jar Uploaf File to BPM

Java jar Uploaf File to BPM

Continue reading

Enable CORS in JBOSS

Ketika anda develop menggunakan arsitektur REST default CORS tidak aktif dan akan menyebabkan error seperti ini (not the Allow-Control-Allow-Origin header ).

Sedikit share trik untuk configurasi di JBOSS adalah sebagai berikut:

1. Buat Class CORSFilter.java

package id.co.promise.utils;
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;

public class CORSFilter implements Filter {

@Override
public void destroy() {
}

@Override
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) throws IOException, ServletException {

((HttpServletResponse)response).addHeader("Access-Control-Allow-Origin", "*"); chain.doFilter(request, response);

} @Override public void init(FilterConfig arg0) throws ServletException { } }

2. Lalu panggil di web.xml (Default project jika menggunakan JBOSS Server tidak ada file web.xml ini) :D

<web-app>

<filter>

<filter-name>CORSFilter</filter-name> <filter-class>id.co.promise.utils.CORSFilter</filter-class>

</filter>

<filter-mapping>

<filter-name>CORSFilter</filter-name> <url-pattern>/*</url-pattern>

</filter-mapping>

</web-app>

Contoh Penggunaan JQuery dan Handlebars

Handlebars adalah semantik template, sangat membantu untuk menambah performance dan fitur dari JQuery. Untuk selengkapnya mengenai Handlebar klik INI.

Untuk contoh saat ini yang dibahas adalah menampilkan data JSON dengan menggunakan Handlebars. Langsung saja untuk contoh pertama adalah menampilkan JSON langsung dari function javascript.

Source Code bisa Download di : example-code-handlebar

Untuk tingkatan / level direktori keseluruhan project  adalah sebagai berikut :

C:.
│   test.html
│   test_ajax.html
│
└───js
    │   test.js
    │   test_ajax.js
    │
    └───data
            users.json

File : test.html
Adalah file template

    
<!doctype html>
<html>
    <head>
	<title>Test Handlebar</title>
	<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
	<h1>Simple load Data from object</h1>
	<div id="results"></div>
        <script id="some-template" type="text/x-handlebars-template">
          <table>
            <thead>
              <th>Username</th>
              <th>Real Name</th>
              <th>Email</th>
            </thead>
            <tbody>
              {{#users}}
                <tr>
                  <td>{{username}}</td>
                  <td>{{firstName}} {{lastName}}</td>
                  <td>{{email}}</td>
                </tr>
              {{/users}}
            </tbody>
          </table>
        </script>
        <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v3.0.1.js"></script>
	<script src="js/test.js"></script>
    </body>
</html>

 

File : test.js
Code Javascript untuk menampilkan pada template di atas.

$(document).ready(function(){
	var source = $("#some-template").html();
	var template = Handlebars.compile(source);
	var rsPlaceHolder = document.getElementById('results');
	var data = { users : [ 	
		{username: "agus.rochmad", firstName: "Agus", lastName: "Rochmad", email: "agus.rochmad@hotmail.com" },
		{username: "alan", firstName: "Alan", lastName: "Johnson", email: "alan@test.com" }
	]};

	$('#results').html(template(data));
});

Untuk menampilkan dengan menggunakan AJAX atau getJSON(JQuery), dengan menggunakan template yang sama, code javascriptnya adalah sebagai berikut:

File : test_ajax.js

$(document).ready(function(){
    var source = $('#some-template').html();	
	var template = Handlebars.compile(source);
	var rsPlaceHolder = $('#results');
	
	var getJson = $.getJSON( "js/data/users.json",function(data){
		rsPlaceHolder.html(template(data));
    });
			
});

Good luck

Manga Downloader – Unixmanga

Banyak sekali sebenarnya ide dan aktivitas yang ingin ditulis di blog ini, namun apadanya sepertinya sangat susah meluangkan waktu 1 jam buat bikin artikel. Yak dengan waktu jam makan siang yang terbatas dan ditemani segelas kopi (porsi jumbo :P), saya coba share mengenai code downloader manga saya.

Sebenarnya Downloader manga ini sudah saya buat mungkin 6 tahun yang lalu dan sudah saya share di blog yang lama, namun setelah dibaca ulang code saya sepertinya memang agak alay(waktu itu masih newbie :D) sehingga performance sangat lambat, hehe. Dan sudah 3 tahun yang lalu saya rombak logic-nya sehinga bisa lebih cepat 5x dari code sebelumnya. Program downloader ini akan men-download manga yang ada di unixmanga.com

Langsung saja, code saya buat menggunakan perl, jadi untuk menjalankannya anda perlu install perl dan wiget. Anda bisa download di sini https://www.perl.org/get.html

Sebelum saya tampilkan codenya, berikut ini adalah cara menjalankan :


C:\Users\Mamat\OneDrive\Collections\Manga\one_piece>ls -l
-rw-r--r-- 1 Mamat Administ 9905 Apr 9 17:26 index.html
-rwxr-xr-x 1 Mamat Administ 986 Feb 7 00:58 mycomic.pl
-rw-r--r-- 1 Mamat Administ 702697 Apr 9 17:28 wget.log

C:\Users\Mamat\OneDrive\Collections\Manga\one_piece>perl mycomic.pl 770 783 One_Piece
Buat Direktori : 770
URL MAIN : http://unixmanga.co/onlinereading/One_Piece/One_Piece_c770_nas.html

Get Gambar Page : http://nas.unixmanga.net/onlinereading/One%20Piece/One%20Piece%20c770/001.png
Get Gambar Page : http://nas.unixmanga.net/onlinereading/One%20Piece/One%20Piece%20c770/002.jpg
Get Gambar Page : http://nas.unixmanga.net/onlinereading/One%20Piece/One%20Piece%20c770/003.jpg

..... dst.

C:\Users\Mamat\OneDrive\Collections\Manga\one_piece>ls -l
drwxr-xr-x 18 Mamat Administ 4096 Feb 7 00:59 770
drwxr-xr-x 24 Mamat Administ 4096 Feb 7 01:01 771
drwxr-xr-x 22 Mamat Administ 4096 Feb 7 01:02 772
drwxr-xr-x 23 Mamat Administ 4096 Feb 7 01:04 773
drwxr-xr-x 16 Mamat Administ 4096 Feb 7 01:04 774
drwxr-xr-x 21 Mamat Administ 4096 Feb 7 01:04 775
drwxr-xr-x 1 Mamat Administ 4096 Feb 12 21:19 776
drwxr-xr-x 1 Mamat Administ 4096 Feb 20 00:40 777
drwxr-xr-x 18 Mamat Administ 4096 Feb 27 10:32 778
drwxr-xr-x 1 Mamat Administ 4096 Mar 24 12:41 779
drwxr-xr-x 23 Mamat Administ 4096 Mar 24 12:42 780
drwxr-xr-x 1 Mamat Administ 4096 Apr 3 23:05 781
drwxr-xr-x 1 Mamat Administ 4096 Apr 3 23:06 782
drwxr-xr-x 20 Mamat Administ 4096 Apr 9 17:28 783
-rw-r--r-- 1 Mamat Administ 9091 Apr 15 13:02 index.html
-rwxr-xr-x 1 Mamat Administ 986 Feb 7 00:58 mycomic.pl
-rw-r--r-- 1 Mamat Administ 705386 Apr 15 13:03 wget.log

Continue reading