Pertama anda siapkan file gambar yang akan ditampilkna. Biasanya file gambar yang ditampilkan dalam layar HP bertipe “PNG”.

Siapkan gambar degan nama dan extensi berikut: “btw.png,globe.png,ipod.png,printer.png,sepeda.png”
File di atas dapat diganti sesuai dengan keinginan kita.

MIDShowImage.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

import javax.microedition.midlet.*;
 
import javax.microedition.lcdui.*;
 
public class ShowImageNext extends MIDlet {
 
private Display display;
 
private Canvas canvas;
 
private Command cmdNExt;
 
private int counter = 0;
 
public ShowImageNext() {
 
canvas = new CanvasShowImg();
 
}
 
public void startApp() {
 
display.getDisplay(this).setCurrent(canvas);
 
}
 
public void pauseApp() {
 
}
 
public void destroyApp(boolean unconditional) {
 
}
 
//End of MIDlet
 
public class CanvasShowImg extends Canvas {
 
private Image currentImg;
 
public CanvasShowImg() {
 
}
 
protected void paint(Graphics g) {
 
try {
 
//set background to white
 
g.setColor(0xFFFFFF);
 
g.fillRect(0, 0, this.getWidth(), this.getHeight());
 
String[] option = {"/btw.png", "/globe.png", "/ipod.png", "/printer.png", "/sepeda.png"};
 
currentImg = Image.createImage(option[counter]);
 
System.out.println(counter);
 
} catch (Exception e) {
 
e.getMessage();
 
}
 
g.drawImage(currentImg, getWidth() / 2, getHeight() / 2, Graphics.VCENTER | Graphics.HCENTER);
 
}
 
public void keyPressed(int keycode) {
 
switch (getGameAction(keycode)) {
 
case Canvas.RIGHT:
 
counter = counter + 1;
 
repaint();
 
break;
 
case Canvas.LEFT:
 
break;
 
default:
 
}
 
}
 
}
 
}

Hasil program di atas adalah sebagai berikut:

Program menampilkan gambar

Keterangan:

Klik panah ke kanan untuk melihat gambar selanjutnya.

Secara default kode program yang akan dimasukkan ke word dari editor akan berwarna hitam. Hal itu berbeda dengan warna yang ada pada editornya. Warna hitam pada semua kode program akan menyulitkan untuk memahami kode program yang dituliskan pada word.

Software tambahan yang dibutuhkan akan text editor Notepad++. Notepad++ adalah editor kode program yang mensupport beberapa bahasa pemrograman. Notepad++ dapat didownload (klik disini) gratis. Berjalan pada lingkungan windows dan penggunaan di atur oleh GPL License. Bahasa pemrograman yang dapat dukung oleh Notepad++ adalah:

Install Notepad++

Sebelum menginstall Notepad++, aplikasi harus didownload secara gratis (klik disini untuk download).

File master Notepad++

Setelah proses download selesai, maka install Notepad++ tersebut dengan mendobel klik file masternya.

Memulai Mengetikkan Kode Program

Ketikkan kode program yang dinginkan di Notepad++. Selain megetik, kode program yang juga dapat diperolah dengan mengkopi dari software atau editor lain.

Pada artikel ini penulis menggunakan kode PHP sebagai contoh.

Kode program sebelum dipilih bahasanya

Memilih Bahasa

Tentukan bahasa pemrograman kode program yang dituliskan dapat dipilih dari menu Language – (pilih bahasa yang dinginkan).

Menu memilih jenis bahasa

Karena program kita adalah PHP, maka pilih PHP pada Language.

Setelah di pilih bahasa yang digunakan, maka warna kode akan berubah seperti berikut:

Kode program setelah dipilih bahasa

Dari gambar di atas terlihat warna yang berbeda-beda.

Seleksi kode program yang akan dimasukkan ke Microsoft Word. Jika menginginkan semua program tidak perlu diseleksi.

Pilih menu NppExport – Copy all format to clipboard.

Menu copy format to clipboard

Dari menu diatas kita dapat memilih beberapa pilihan. Dianjurkan pilih menu “Copy all format to clipboard”.

Intinya adalah kode yang akan dikopi harus berbentuk RTF (termasuk juga menu Copy all format to clipboard).

Memasukkan Kode Program ke Microsoft Word

Buka Microsoft Word, kemudian tentukan lokasi kode program, pilih Paste.

Hasilnya adalah sebagai berikut:

Hasil Syntax highlight di Microsoft Word 2007

Setelah di Paste, maka terlihat kode program PHP pada Microsoft Word berwarna beragam seperti pada kode editor. Perbedaan warna tersebut memudahkan pembaca untuk memahami kode program yang diketik.

Selamat Mencoba.

Berikut salah satu komponen barcode yang dapat digunakan dan didapatkan dengan gratis. Komponen tersebut bernama “TechnoRiver Free Barcode Component”.

1. Download komponen barcode “TechnoRiver Free Barcode Component” URL berikut:

• http://www.technoriversoft.com/freebarcodesoftware.html
• http://www.fileguru.com/TechnoRiver-Free-Barcode-Software-Component/download
• http://www.download3000.com/download_13954.html
• http://www.topshareware.com/TechnoRiver-Free-Barcode-Software-Component-download-43077.htm

2. Setelah selesai didownload, install komponen tersebut dengan cara mendouble klik pada file tersebut untuk.

Software TechnoRiver Free Barcode Component

3. Setelah selesai, langkah selanjutnya adalah membuka Miscrosoft Word 2007, dan memasukkan ke Microsoft Word.
4. Tempatkan kursor di tempat yang ingin dimasukkan barcode.
5. Pilih menu Insert

Pilih Menu Insert

6. Pilih Menu Object – Object

Pilih Object - Object

Jika menggunakan Microsoft Office 20003, pilih menu Insert – Object.

7.    Kemudian pilih “TechnoRiver Free Barcode Component”, klik OK.

Pilih object TechnoRiver Free Barcode Component

8.    Masukkan Nim Anda, kemudian klik OK.

masukkan NIM

9.    Hasilnya adalah sebagai berikut:

Contoh hasil pada halaman cover

Tip and Trik:

• Jika akan mengedit Nim, double klik pada barcode yang ingin diedit.
• Hasil barcode tidak perlu diresize (biarkan apa adanya) untuk menghindari rusak dan tidak terbaca oleh barcode reader.

Setting jaringan biasanya dimulai dari “Control Panel” pilih “Network Connections” atau dari “System Tray” klik kanan pada icon Network, pilih “Open Network Connections” . Window ini biasanya disebut Network Interface Card. Pada window ini, biasanya ada dua pilihan:

• “Local Area Connection” untuk jaringan kabel
• “Wireless Network Connection” untuk jaringan wireless

Pilih salah satu item tersebut, klik kanan pilih “Properties”, pilih “Internet Protokol (TCP/IP)” di situlah kita akan merubah setting IP. Langkah setting ini akan selalu Anda lakukan ketika pindah ke tempat lain dengan.

Window setting IP Address

Ada cara lebih baik untuk menyelesaikan masalah itu yaitu menggunakan perintah “netsh” dari “Command Prompt”. Agar dapat masuk ke “Command Prompt” dengan cepat, klik “Start/Run” masukkan “cmd”. masukkan perintah “netsh /?” akan terlihat opsi dan parameter yang dapat digunakan.

Window Run

Setelah diklik tombol “OK”, maka muncul window “Command Prompt”.

Window Command Prompt

Yang perlu diperhatikan adalah teks yang harus dimasukkan pada file name adalah seperti pada gambar.

Nama Network Connection

Contoh gambar di atas mempunyai arti network yang akan di setting bernama “Wireless Network Connection”. Jika ingin menganti item yang disetting tinggal diganti sesuai dengan nama yang terdapat pada komputer Anda.

Pembahasan berikutnya adalah bagaimana mensetting IP melalui “Command Prompt”.

Setting Static

• Setting “IP address” dan “Subnet mask”:

Ketikkan perintah berikut pada jendela “Command Prompt”

Netsh interface ip set address source=static addr=192.168.0.25 mask=255.255.255.0

• Setting “Default gateway”:

Ketikkan perintah berikut pada jendela”Command Prompt”

Netsh interface ip set address gateway=192.168.0.1 gwmetric=0

• Setting Preferred DNS server:

Ketikkan perintah berikut pada jendela “Command Prompt”

Netsh interface ip set dns source=static addr=202.91.9.2

• Setting Alternate DNS server:

Ketikkan perintah berikut pada jendela “Command Prompt”

Netsh interface ip add dns addr=202.91.9.3

Setelah Anda setting menggunakan “Command Prompt” di atas hasilnya adalah seperti gambar berikut.

Hasil setting IP Address menggunakan skrip

Untuk melihat setting IP dari “Command Prompt” menggunakan perintah:

• Netsh int ip show config

Atau menggunakan perintah:

• ipconfig /all

Hasil pada “Command Prompt” adalah:

C:\Documents and Settings\Andi>Netsh int ip show config

Unable to access configuration because it is already being accessed by
another configuration utility.  Close other windows and try again.

Unable to access configuration because it is already being accessed by
another configuration utility.  Close other windows and try again.

C:\Documents and Settings\Andi>Netsh int ip show config

Configuration for interface "Wireless Network Connection"
    DHCP enabled:                         No
    IP Address:                           192.168.0.25
    SubnetMask:                           255.255.255.0
    Default Gateway:                      192.168.0.1
    GatewayMetric:                        0
    InterfaceMetric:                      0
    Statically Configured DNS Servers:    202.91.9.2
                                          202.91.9.3
    Statically Configured WINS Servers:   None
    Register with which suffix:           Primary only

Setting DHCP (Dynamic Host Control Protocol)

• Setting “IP Address”, “Subnet Mask” dan “Gateway” ke DHCP.

Ketikkan perintah berikut pada jendela “Command Prompt”.

Netsh interface ip set address dhcp

• Setting DNS server ke DHCP

Ketikkan perintah berikut pada jendela Command Prompt

Netsh interface ip set dns dhcp

Setelah Anda setting menggunakan “Command Promt” di atas hasilnya adalah seperti gambar berikut.

Hasil setting DHCP menggunakan skrip

Langkah-langkah di atas mungkin masih meakan waktu yang lama. Ide yang baik adalah mengumpulkan perintah-perintah di atas ke dalam file BATCH (.bat).

Setting menggunakan file BATCH

Berikut isi file .bat untuk setting IP “Static”

Misalkan Anda berinama “Setting IP Keuangan.bat”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@ECHO OFF
Set varan=Wireless Network Connection
Set varip=192.168.0.25
Set varnm=255.255.255.0
Set vargw=192.168.0.1
Set vardns1=202.91.9.2
Set vardns2=202.91.9.3
 
ECHO Auto Setting IP (myandisun@gmail.com)
ECHO for: "%varan%"
ECHO ---------------------------------------------
 
ECHO Setting "IP Address" and "Subnet Mask"
Netsh interface ip set address source=static addr=%varip% mask=%varnm%
 
ECHO Setting "Gateway"
Netsh interface ip set address gateway=%vargw% gwmetric=0
 
ECHO Setting "Primary DNS"
Netsh interface ip set dns source=static addr=%vardns1%
 
ECHO Setting "Secondary DNS"
Netsh interface ip add dns name = "%varan%" addr=%vardns2%
 
ECHO Here are the new settings for %computername%:
 
Netsh int ip show config
 
Pause

Hasil setting menggunakan file “Setting IP Keuangan.bat”:

Auto Setting IP (myandisun@gmail.com)
for: "Wireless Network Connection"
---------------------------------------------
Setting "IP Address" and "Subnet Mask"
Ok.

Setting "Gateway"
Ok.

Setting "Primary DNS"
Ok.

Setting "Secondary DNS"
Ok.

Here are the new settings for MYANDISUN:

Configuration for interface "Wireless Network Connection"
 DHCP enabled:                         No
 IP Address:                           192.168.0.25
 SubnetMask:                           255.255.255.0
 Default Gateway:                      192.168.0.1
 GatewayMetric:                        0
 InterfaceMetric:                      0
 Statically Configured DNS Servers:    202.91.9.2
 202.91.9.3
 Statically Configured WINS Servers:   None
 Register with which suffix:           Primary only

Configuration for interface "Local Area Connection"
 DHCP enabled:                         No
 IP Address:                           192.168.10.5
 SubnetMask:                           255.255.255.192
 Default Gateway:                      192.168.10.1
 GatewayMetric:                        0
 InterfaceMetric:                      0
 Statically Configured DNS Servers:    202.91.9.2
 202.91.9.3
 Statically Configured WINS Servers:   None
 Register with which suffix:           Primary only

Press any key to continue . . .

Berikut isi file .bat untuk setting “DHCP”

Misalkan Anda simpan dengan nama file “Setting IP Lobi Depan.bat”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@ECHO OFF
ECHO Auto Setting IP to DHCP (myandisun@gmail.com)
ECHO ---------------------------------------------
 
ECHO Setting "IP Address", "Subnet Mask" and "Gateway" to DHCP
Netsh interface ip set address dhcp
 
ECHO Setting "DNS" to DHCP
Netsh interface ip set dns dhcp
 
ECHO Here are the new settings for %computername%:
 
Netsh int ip show config
 
Pause

Hasil setting menggunakan file “Setting IP Lobi Depan.bat”:

Auto Setting IP to DHCP (myandisun@gmail.com)
---------------------------------------------
Setting "IP Address", "Subnet Mask" and "Gateway" to DHCP
Ok.

Setting "DNS" to DHCP
Ok.

Here are the new settings for MYANDISUN:

Configuration for interface "Wireless Network Connection"
 DHCP enabled:                         Yes
 InterfaceMetric:                      0
 DNS servers configured through DHCP:  None
 WINS servers configured through DHCP: None
 Register with which suffix:           Primary only

Configuration for interface "Local Area Connection"
 DHCP enabled:                         No
 IP Address:                           192.168.10.5
 SubnetMask:                           255.255.255.192
 Default Gateway:                      192.168.10.1
 GatewayMetric:                        0
 InterfaceMetric:                      0
 Statically Configured DNS Servers:    202.91.9.2
 202.91.9.3
 Statically Configured WINS Servers:   None
 Register with which suffix:           Primary only

Press any key to continue . . .

Keuntungan meggunakan file BATCH ini, tinggal double klik untuk menjalankannya, secara otomatis perintah yang ada di dalamnya aka dijalankan.

Agar lebih mempermudah buatlah setting tiap ruangan kemudian simpan menggunakan nama yang berbeda-beda. Jika berpindah tempat tinggal mendoble klik pada file .bat yang diinginkan.

Selamat mencoba.

Abstraksi

AJAX is not a new programming language, but a technique for creating better, faster, and more interactive web applications. With AJAX, your JavaScript can communicate directly with the server, using the JavaScript XMLHttpRequest object. With this object, your JavaScript can trade data with a web server, without reloading the page. AJAX uses asynchronous data transfer (HTTP requests) between the browser and the web server, allowing web pages to request small bits of information from the server instead of whole pages. The AJAX technique makes Internet applications smaller, faster and more user-friendly. Web applications have many benefits over desktop applications; they can reach a larger audience, they are easier to install and support, and easier to develop. However, Internet applications are not always as “rich” and user-friendly as traditional desktop applications. With AJAX, Internet applications can be made richer and more user-friendly.

Key Word: AJAX, Internet, JavaScript, XML, Asynchronus

1      Pengenalan AJAX

AJAX diperkenalkan oleh Jesse James Garret dari Adaptive Path pada tahun 2005. Ia mendeskripsikan bagaimana mengembangkan web yang berbeda dengan metode tradisional. Ia mempublikasikan sebuah artikel yang berjudul “AJAX: A New Approach to Web Applications”. Pada artikelnya, Garret yakin bahwa aplikasi web dapat menutup jurang pemisah antara web dan aplikasi desktop.

Pengembangan web secara tradisional bekerja secara synchronously, antara aplikasi dan server, setiap kali melakukan link atau melakukan operasi “submit” pada form. Caranya, browser mengirim data ke server, server merespons dan seluruh halaman akan di refresh.

Aplikasi web yang bekerja dengan AJAX bekerja secara asynchronously, yang berarti mengirim dan menerima data dari user ke server tanpa perlu me-load kembali seluruh halaman, melainkan hanya melakukan penggantian pada bagian web yang hendak diubah. Penggunaan AJAX mulai popular ketika digunakan oleh Google pada tahun 2005.

AJAX bukanlah bahasa pemrograman baru, tetapi merupakan teknik baru penggunaan standar yang telah ada. Dengan AJAX kita dapat menjadi lebih baik, cepat dan menambah unsur user-friendly dan interaktif pada aplikasi web kita. AJAX berbasiskan pada JavaScript dan request HTTP.

AJAX berbasiskan standar terbuka seperti:

• JavaScript
• XML
• HTML/XHTML
• CSS

Dengan menggunakan JavaScript AJAX dapat mengirim dan menerima data antara web server dan web browser. Teknik yang dimiliki AJAX akan bergantian bertukar data dan mere-load ulang seluruh halaman.

Dengan demikian, untuk mempelajari AJAX, harus dipahami pula konsep standar di atas. AJAX di-support sebagian besar browser popular sehingga aplikasi AJAX adalah aplikasi cross-platform dan cross-browser.

Melalui AJAX, JavaScript dapat dikomunikasikan secara langsung dengan server menggunakan obyek JavaScript XMLHttpRequest. Obyek JavaScript ini dapat men-trade data sebuah web server tanpa harus me-reload (refresh) halaman web.

AJAX menggunakan asynchronouse data transfer (pada HTTP request) antara browser dan web server, yang memperbolehkan halaman web me-request bit yang kecil atau seluruh informasi dari server. Teknik AJAX membuat aplikasi internet menjadi kecil, cepat dan lebih user-friendly.

AJAX adalah aplikasi web yang lebih baik. Aplikasi web menambah keuntungan dibanding aplikasi desktop:

• Dapat  menjangkau pengguna yang luas
• Mudah diinstal
• Mudah dikembangkan
• Mudah dipelihara

Seperti yang kita ketahui, aplikasi internet tidak selalu susah dan user friendly seperti aplikasi dekstop. Dengan AJAX aplikasi internet semakin kecil, cepat dan mudah digunakan.

2      Model-Model Web

2.1    Model Tradisional

Yang dimaksud dengan model tradisional di sini adalah model yang sering digunakan tanpa AJAX. Pertama, browser membuat sebuah HTTP request dikirim ke server, misalnya /index.html.

Arsitektur model tradisional

Pada model ini, server mengirimkan response berisi seluruh halaman termasuk header, logo, navigasi, footer, dll. Ketika mengklik next maka akan menampilkan halaman baru lagi (artinya, header, logo, footer, navigasi dikirim ulang) dan seterusnya akan mengirimkan data halaman baru lagi setiap diminta request dari user.

Halaman seperti ini tidak masalah ketika data yang ditampilkan tidak memerlukan response yang cepat. Namun, akan menjadi masalah jika user menginginkan response yang cepat, misalnya ketika dipilih drop-down tertentu maka data yang ditampilkan berubah menurut nilai dari drop-down.

2.2    Model AJAX

Perlu diingat, AJAX akan berkomunikasi dengan server tanpa harus me-refresh semua halaman. Konsep ini berbeda dengan aplikasi web sistem tradisional. Dalam model AJAX, aksi dari sisi klien dibagi menjadi dua bagian, yaitu layer user interface dan layer AJAX.

Arsitektur model AJAX

Ketika user mengklik sebuah link atau mengirimkan sebuah form maka input tersebut akan ditangani oleh layer AJAX dan diinteraksikan dengan server, kemudian meng-update user interface (UI). Jadi, dalam AJAX, interaksi UI secara logika terpisah dengan interaksi jaringan.

Pendekatan yang digunakan AJAX adalah bagaimana mengirimkan jumlah data yang kecil dari dan ke server atas request dari user. Model aplikasi web tradisional di mana browser akan merespons sendiri atas inisialisasi request, memproses request dari web server. Dalam AJAX terdapat layer yang diberi nama “AJAX engine” untuk menangani komunikasi. “AJAX Engine” adalah sebuah obyek JavaScript atau function yang dipanggil ketika informasi diperlukan dari server.

Proses yang dilakukan mesin AJAX (AJAX Engine) adalah menerima respons dari server, melakukan parsing data dan melakukan sedikit perubahan untuk keperluan menampilkan informasi. Oleh karena proses mengirimkan sedikit informasi, jika dibanding dengan model aplikasi web tradisional maka user interface di-update lebih cepat dan user mampu melakukan pekerjaannya dengan cepat.

Beberapa poin penting untuk menggambarkan AJAX:

• Layer AJAX tidak memerlukan komunikasi dengan server (contohnya untuk validasi form karena dapat ditangani sepenuhnya oleh client-side).
• Oleh karena request antara layer AJAX dan server berupa bagian kecil dari informasi (tidak komplit satu halaman) maka sering digunakan untuk interaksi dengan database sehingga waktu render dan waktu pengiriman menjadi pendek.
• Layer UI secara langsung tergantung pada respons server sehingga user dapat melanjutkan interaksi dengan sebuah halaman selama aktivitas dikerjakan di background (background process). Berarti, untuk beberapa interaksi, waktu tunggu user hampir tidak ada.
• Komunikasi antarhalaman dan server tidak selama memerlukan AJAX untuk mengubah perubahan UI. Contoh, beberapa aplikasi menggunakan AJAX  untuk notifikasi dengan halaman, tetapi tidak melakukan apa pun terhadap response dari server.

3      Teknologi di Balik AJAX

Teknologi AJAX di dalamnya meliputi beberapa komponen, yaitu:

Teknologi dibalik AJAX

• XHTML (Extensible HyperText Markup Language) adalah bahasa markup seperti HTML, tetapi dengan gaya bahasa lebih baik. XHTML digunakan membuat halaman web dan dokumen-dokumen lain yang dapat ditampilkan dalam browser. XHTML merupakan standard internasional dengan spesifikasi yang ditetapkan oleh W3C (World Wide Web Consortium). Versi terakhir saat tulisan ini dibuat adalah HTML 2.0.
• CSS (Cascading Style Sheets) adalah sebuah mekanisme sederhana untuk memberikan style (seperti font, warna, jarak spasi, dll) kepada dokumen web yang ditulis dalam HTML atau XML (termasuk beberapa variasi bahasa XML seperti XHTML dan SVG).
• JavaScript adalah bahasa scripting kecil, ringan, berorientasi-objek dan lintas platform. JavaScript tidak dapat berjalan dengan baik sebagai bahasa mandiri, melainkan dirancang untuk ditanamkan pada produk.
• DOM (Document Object Model) adalah sebuah API (Application Program Interface) untuk dokumen HTML dan XML. DOM menyediakan representasi dokumen secara terstruktur, dimungkinkan untuk  mengubah isi dan presentasi visual. Pada dasarnya, DOM menghubungkan halaman web dengan script atau bahasa pemrograman.
• XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan khusus. Keperluan utama XML adalah untuk pertukaran data antarsistem yang beraneka ragam.
• XSLT (Extensible Stylesheet Language Transformations) adalah sebuah bahasa berbasis-XML untuk transformasi dokumen XML. Walaupun proses merujuk pada transformasi, dokumen asli tidak berubah melainkan dokumen XML baru dibuat dengan basis isi dokumen yang sudah ada. XSLT biasanya digunakan untuk mengubah skema XML ke halaman web atau dokumen PDF.
• Objek XMLHttpRequest berkemampuan melakukan pertukaran data secara asinkron dengan web server. AJAX menggunakan obyek XMLHttpRequest untuk melakukan pertukaran data dengan web server.
• JSON (JavaScript Object Notation) yaitu format pertukaran data komputer yang ringan dan mudah. Keuntungan JSON dibandingkan dengan XML adalah pada proses penerjemahan data menggunakan Javascript. Javascript dapat menerjemahkan JSON menggunakan built-in procedure eval().

Dalam kenyataannya, semua teknologi dapat digunakan untuk AJAX, tetapi hanya tiga yang dibutuhkan: HTML/XHTML, DOM dan JavaScript. XHTML ternyata diperlukan untuk menampilkan informasi, sedangkan DOM diperlukan untuk halaman XHTML tanpa di-reload ulang.

JavaScript dibutuhkan untuk komunikasi client-server, sementara manipulasi DOM untuk meng-update halaman web. Teknologi lain digunakan agar AJAX lebih bagus, tetapi bukan merupakan hal yang pokok. Untuk pembuatan aplikasi agar lebih powerful maka AJAX dapat digabung dengan aplikasi server-side programming seperti PHP, ASP, Java servlet atau .NET.

4      Pengguna AJAX

Beberapa web komersial sudah menggunakan teknologi AJAX untuk menaikkan pelayanan terhadap user. Berikut beberapa contoh web yang menggunakan AJAX.

• Google Suggest: http://www.google.com/webhp?complete=1
• Gmail: http://www.gmail.com
• Google Maps: http://maps.google.com
• Yahoo! News: http://news.yahoo.com
• Bitflux Blog: http://blog.bitflux.ch
• dll

5      Keistimewaan AJAX

AJAX sebagai sebagai teknik pemrograman baru memiliki beberapa keistimewaan. Keistimewaan AJAX antara lain:

• Membuat permintaan kepada server tanpa memuat kembali (reload) halaman.
• Mengurai (parse) dan bekerja dengan dokumen XML dan atau JSON.
• Data yang dikirim sedikit sehingga menghemat bandwidth dan  mempercepat koneksi.
• Proses dilakukan di belakang layar.
• Banyak didukung oleh browser-browser modern yang popular.
• Aplikasi yang dibangun semakin interaktif dan dinamis.

Penggunaan AJAX akan mendatangkan beberapa keuntungan. Keuntungan tersebut antara lain.

• High Interactivity: Aplikasi AJAX lebih interaktif dibanding dengan aplikasi web konvensional.
• High Usability: Update data tidak me-reload keseluruhan halaman, melainkan hanya yang relevan.
• High Speed: Aplikasi AJAX lebih cepat dibanding dengan aplikasi web konvensional

6      Contoh penerapan AJAX

Berikut contoh penerapan AJAX. Pada penerapan ini ada dua file yang dibutuhkan, yaitu file HTML dan file PHP. Isi file JavaScript adalah sebagai berikut (time.html):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

<html>
<body>
<script type="text/javascript">
function AJAXFunction()
  {
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
        document.myForm.time.value=xmlHttp.responseText;
        }
      }
    xmlHttp.open("GET","time.php",true);
    xmlHttp.send(null);
  }
</script>
 
<form name="myForm">
 
Name: <input type="text"
 
onkeyup="AJAXFunction();" name="username" />
 
Time: <input type="text" name="time" />
 
</form>
 
</body>
</html>

Sebelum menjalankan skrip di atas, perlu disiapkan dahulu skrip server side-nya. Skripnya adalah sebagai berikut (time.php):

1
2
3

<?
echo date('H:m:s');
?>

Jalankan file “time.htm”, kemudian ketikkan username. Dengan demikian, setiap mengetikkan huruf di user name, jam langsung ter-update. Output program ketika dijalankan adalah sebagai berikut:

Tampilan aplikasi jam dengan AJAX

7      Daftar Pustaka

• Sunyoto, Andi., “AJAX: Membangun Web dengan Teknologi Asynchronouse JavaScript & XML”., Penerbit Andi., 2007
• Castagnetto, Jesus., et.al., “Profesional PHP Programming”, Wrox Press, 1999.
• Dubois, Paul., “MySQL: The Definitive Guide to Using, Programming, and Administering MySQL 4.1 and 5.0 Third Edition, 2005.
• Eichorn, Joshua., “Understanding AJAX: Using JavaScript to Create Rich Internet Applications”, Prentice Hall, 2006.
• Heilmann, Christian., “Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional”, Apress, 2006.
• Langerstrom, Randles, Larry., “Programming the Web using XHTML and JavaScript”, McGraw-Hill, 2003.
• W3Schools, “Learn PHP, Learn AJAX, Learn XML, Learn JavaScript, Learn XML and XHTML DOM, Learn MySQL”, www.w3schools.com, 2007.
• Woychowsky, Edmond., “Ajax: Creating Web Pages with Asynchronous JavaScript and XML”, Prentice Hall, 2006.

Beberapa hal tentang JavaScript:

1. JavaScript didesain untuk menambah interaktif suatu web.
2. JavaScript merupakan sebuah bahasa scripting.
3. Bahasa scripting merupakan bahasa pemrograman yang ringan.
4. JavaScript berisi baris kode yang dijalankan di komputer (web browser).
5. JavaScript biasanya disisipkan (embedded) dalam halaman HTML.
6. JavaScript adalah bahasa interpreter (yang berarti skrip dieksekusi tanpa proses kompilasi).
7. Setiap orang dapat menggunakan JavaScript tanpa membayar lisensi.

Contoh skrip JavaScript dapat dilihat pada contoh berikut:

Nama file: js01.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<html>
<head>
  <title>JavaScript</title>
</head>
 
<body>
  <script type="text/javascript">
    document.write("Hello world!");
    document.write("<p>Apa Kabar <br />" +
                   "<i>anda</i>?</p>");
  </script>
 
  <p>Demo output untuk menampilkan teks.
  </p>
</body>
</html>

Output file: js01.html

Menampilkan skrip pada HTML

Keterangan:

• document.write : untuk menampilkan teks di halaman HTML.

Teks yang akan ditampilkan dapat dimasukkan ke dalam tag HTML. Tag akan dieksekusi oleh browser ketika teks ditampilkan. Hal mendasar yang perlu diperhatikan dalam JavaScript adalah:

• Seperti pada C++/Java, perintah dalam Java diakhiri dengan ”;” (titik koma).
• Komentar menggunakan:

//           : untuk satu baris perintah

/*…*/  : untuk kelompok program (banyak baris)

Class Ticker tampak seperti animasi teks berjalan terus menerus dari kanan ke  kiri. Untuk menampilkan obyek Ticker yang telah dibuat, kita perlu memanggil method setTicker() yang didefinisikan pada class Displayable. Ini artinya, method tersebut dapat kita panggil dari obyek turunan dari kelas Screen maupun Canvas.

Pada modul ini akan mengekplorasi ticker. Disini akan membuat obyek Ticker dan mengkaitkannya dengan obyek Form.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class MIDTicker extends MIDlet implements CommandListener {
	private Form form;
	private Display display;
	private Ticker ticker;
	private Command cmdKeluar;
 
	public MIDTicker() {
		cmdKeluar = new Command("Keluar", Command.EXIT, 1);
		ticker = new Ticker("Saham TELKOM naik 10 point");
		form = new Form("Ticker");
		form.setTicker(ticker);
		form.addCommand(cmdKeluar);
		form.setCommandListener(this);
	}
 
	public void startApp() {
		display = Display.getDisplay(this);
		display.setCurrent(form);
	}
 
	public void pauseApp() {
	}
 
	public void destroyApp(boolean unconditional) {
	}
 
	public void commandAction(Command c, Displayable d) {
		if (c == cmdKeluar) {
			destroyApp(false);
			notifyDestroyed();
		}
	}
}

Berikut keterangan kode program di atas:

Untuk membuat objek ticker digunakan baris berikut :

ticker = new Ticker("Ini text berjalan yang akan ditampilan pada layar ");

Sedangkan untuk menambahkan objek ticker pada form digunakan method setTicker(objekTicker), seperti di bawah ini :

form.setTicker(ticker);

Berbeda pada ponsel lainnya, pada Siemens, teks dari objek ticker menempati baris sama dengan title dari form. Selain itu, teks pada objek ticker hanya berjalan setelah layar saja.

1.1.    Setting Teks pada Ticker

Pada class Ticker terdapat dua method yaitu getString() dan setString(String str). Berikut adalah contoh untuk aplikasi yang memberikan fasilitas bagi user untuk mengubah teks yang ditampilkan oleh objek ticker. Berikut adalah contoh dari aplikasi tersebut. Aplikasi ini dapat memodifikasi aplikasi ticker sebelumnya.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;
 
public class MIDTickerLanjut extends MIDlet implements CommandListener {
	private Form form;
	private Display display;
	private Ticker ticker;
	private Command cmdKeluar;
	private Command cmdTicker;
	private TextField textField;
 
	public MIDTickerLanjut() {
		cmdKeluar = new Command("Keluar", Command.EXIT, 1);
		cmdTicker = new Command("Set Ticker", Command.SCREEN, 2);
		textField = new TextField("Teks : ", "", 50, TextField.ANY);
		ticker = new Ticker("");
		form = new Form("Ticker");
		form.append(textField);
		form.addCommand(cmdKeluar);
		form.addCommand(cmdTicker);
		form.setCommandListener(this);
	}
 
	public void startApp() {
		display = Display.getDisplay(this);
		display.setCurrent(form);
	}
 
	public void pauseApp() {
	}
 
	public void destroyApp(boolean unconditional) {
	}
 
	public void commandAction(Command c, Displayable d) {
		if (c == cmdKeluar) {
			destroyApp(false);
			notifyDestroyed();
		}
		if (c == cmdTicker) {
			form.setTicker(ticker);
			ticker.setString(textField.getString());
		}
	}
}

Aplikasi ini merupakan hasil modifikasi dari MIDTickerLanjut.java. Objek yang ditambahkan adalah objek textField yang akan digunakan oleh user untuk memasukkan teks yang akan digunakan oleh objek ticker. Pada konstruktor hanya dilakukan pembuatan objek ticker dan belum ditambahkan pada objek form. Setelah “tombol” Ticker ditekan baru objek ticker ditambahkan pada form dengan baris seperti berikut ini:

if (c == cmdTicker) {
  form.setTicker(ticker);
  ticker.setString(textField.getString());
}

Untuk menampilkan teks yang diisikan user pada textField digunakan baris berikut:

ticker.setString(textField.getString());

ABSTRACT

An integration of a GPS receiver module and GPRS for monitoring and tracking of vehicle position has been designed and implemented. The GPS receiver module is a equipment able to generate position data, but it unable to send the data position to the control system. A GPRS technology in mobGPile device can transmit data over internet, so it can be used to transmit object position to control system in order to be monitored.

This research aims to build a system for monitoring and tracking the vehicle’s position. The system are divided into three parts: block I, block II and block III. Block I consist of two devices : A GPS receiver module and a cellular phone running a java application (J2ME). The application is used to stream, parse and processed NMEA data from the GPS receiver module before transmiting it to the control system (block II) over a GPRS connection. Block II consists of a web server and a database server for catching the data position sent from block I and store it in database server. Block III consists of visualization and monitoring application to visualize vehicle’s positions over the digital map. The last position of the vehicle data are taken from the database server.

The result of this research is an integration of two technologies that can be used to monitor and track of vehicles position. The success of the monitoring and tracking are dependent on : the NMEA data stream from the GPS receiver module, the accuracy of GPS receiver module and the digital map used by the system.

Key words : GPS, GPRS, NMEA, Tracking, J2ME

1.  PENGANTAR

Kasus yang membutuhkan mekanisme pemantauan posisi kendaraan semakin banyak, misalkan kasus dalam perusahaan taksi, distribusi barang, penyalahgunaan pemakaian mobil dinas dan sistem pengiriman BBM, barang pada perusahaan jasa.

Perusahaan maupun instansi biasanya menggunakan media komunikasi radio untuk mengetahui dengan menanyakan kepada pengemudi dimana posisinya. Jawaban yang diberikan pengemudi dijadikan dasar untuk mengetahui posisi kendaraan tersebut. Cara ini membuat data yang diberikan kadang tidak akurat, karena tergantung dari jawaban dari pengemudi.

Kemajuan teknologi penentuan lokasi seperti GPS (Global Positioning System) berkembang pesat dengan tingkat akurasi yang semakin teliti, bermacam variasi dan semakin murah. Posisi dapat diketahui jika membawa alat yang diberi nama GPS receiver yang berfungsi untuk menerima sinyal dari satelit GPS. GPS receiver berbentuk modul menghasilkan data NMEA yang berisi data posisi.

Perkembangan jaringan teknologi (wireless) khususnya handphone semakin pesat. Sebuah handphone tipe tertentu sudah dilengkapi fitur Java dan GPRS. Fitur Java memungkinkan menambahkan aplikasi yang dibangun dengan J2ME. Teknologi GPRS (General Packet Radio Service) dapat digunakan sebagai media pengiriman data secara nirkabel melalui koneksi internet.

Tracking kendaraan adalah mekanisme bagaimana memantau keberadaan kendaraan yang bergerak dan jalurnya di muka bumi. Pengertian bergerak dalam perpektif geografi adalah perpindahan posisi suatu obyek dari suatu koordinat ke koordinat lain. Tracking diperoleh dengan merekam data perpindahan tersebut. Penerapan sistem ini, pihak operator tidak perlu menanyakan ke pengemudi tentang posisinya.

Modul GPS receiver mempunyai karekteristik dapat menghasilkan informasi data posisi tetapi tidak dapat mengirimkan data tersebut dengan jarak jauh. GPRS sebagai teknologi komunikasi wireless dapat mengirimkan data melalui jaringan internet. Karakteristik yang dimiliki oleh GPS dan GPRS dapat diintegrasikan untuk membangun sistem monitoring posisi dan tracking kendaraan.

2.  CARA PENELITIAN

Penelitian ini secara garis bersar dibagi menjadi beberapa blok, yaitu blok I, blok II, dan blok III. Pembagian masing-masing blok dapat dilihat pada gambar berikut.

Pembagian komponen blok sistem

2.1 Komponen Blok I

Pada Blok I berisi seperangkat GPS dan handphone. Blok I bertugas mengirimkan data posisi yang dibaca dari GPS ke Blok II secara otomatis.

Proses komponen blok I

Modul GPS receiver dan handphone dikoneksikan menggunakan bluetooth, kemudian data posisi dari modul GPS receiver diambil handphone melalui aplikasi J2ME. Aplikasi ini pertama mengambil data NMEA tipe RMC. Data tersebut kemudian di parsing untuk dipisahkan antara data longitude, latitude dan kecepatan dikirimkan ke Web Server melalui jaringan GPRS. Gambar proses yang terjadi di Blok I dapat dilihat pada gambar di atas.

2.2 Komponen Blok II

Blok II berisi Web server dan Database server yang berfungsi menerima data dari Blok I. Proses yang terjadi pada Blok II dapat dilihat pada gambar berikut.

Proses komponen blok II

Web server dilengkapi dengan pemrograman internet server-side scripting ASP untuk menangkap data posisi (longitude dan latitude), kecepatan dan status yang dikirim dari Blok I.

2.3 Komponen Blok III

Blok III berfungsi memvisualisasikan posisi kendaraan di atas peta digital. Data posisi dan tracking kendaraan diambil dari database. Tipe koordinat yang digunakan pada MapObject (ActiveX untuk menampilkan peta) adalah D.d, sehingga data longitude dan latitude dari database (dalam bentuk DM.m) perlu dikonversi ke bentuk D.d. Data tersebut dijadikan dasar untuk memvisulisasikan posisi kendaraan yang diwakili dengan sebuah titik di atas peta digital yang telah diload dari file *.shp sebelumnya. Proses pada blok III dapat dilihat pada gambar 4.

Proses komponen blok III

3.  HASIL DAN PEMBAHASAN

Penelitian  dengan melakukan perjalanan langsung pada sebagain jalan di kota DIY dengan membawa modul GPS receiver dan handphone yang sudah dilengkapi dengan program J2ME.

Sistem ini dilihat dari sisi operator berisi tampilan peta digital dan titik-titik yang mengambarkan posisi kendaraan. Operator hanya dengan melihat tampilan monitoring, maka visualisasi akan selalu terupdate secara otomatis.

3.1 Pembacaan Informasi dari GPS

Data posisi dikirim dari modul GPS dalam format NMEA-0183 tipe RMC dengan koneksi melalui bluetooth. Pada penelitian ini data yang diterima di handphone tidak selamanya lengkap. Perbandingan data penuh dan tidak penuh adalah sebagai berikut:

Contoh data lengkap:

$GPRMC,065102,A,0745.6301,S,11024.5308,E,000.0,066.2,030306,001.1,E*65

Contoh data tidak lengkap:

A,0745.6301,S,11024.5308,E,000.0,066.2,030306,001.1,E*65

Pembacaan data penuh akan menghasilkan informasi posisi dan visualisasi yang baik. Aplikasi yang dibangun belum stabil, karena pada waktu tertentu aplikasi akan tertutup sendiri tanpa ada pesan kesalahan.

3.2 Hasil Pengiriman Data Posisi

Berdasarkan hasil penelitian di lapangan dengan pengaturan interval pengiriman dalam handphone adalah 3 detik diperoleh data seperti pada tabel 1.

Tabel 1.  Data posisi hasil pengiriman

Keterangan:

Interval = waktu pengiriman dikurangi waktu pengiriman sebelumnya.

Dari tabel 1 di atas dapat diambil kesimpulan bahwa:

1. Rata-rata jeda waktu pengiriman         : 7.1 detik
2. Pengiriman tercepat                                  : 6.8 detik
3. Pengiriman terlama                                   : 7.7 detik

3.3 Besar Data GPRS

Besar data yang dikirim penulis dapat dari daftar log GPRS pada handphone.

Hasil penelitian didapat data sebagai berikut:

1. Jumlah data     : 51 data
2. Total sent : 26.14 kb
3. Total receiver : 29.01 kb

Jumlah data yang dikirim per satu kali kirim berdasarkan data di atas dirumuskan sebagai berikut:

Jadi per satu kali pengiriman data posisi sebuah taksi adalah : 1.08 Kb.

3.4 Monitoring Posisi Terakhir

Sebelum ditampilkan dalam MapObject, maka data dari Database yang berformat DM.m harus diubah menjadi D.d.

Visualisasi posisi terakhir

Posisi titik yang menggambarkan taksi selalu berpindah-pindah sesuai data posisi terakhir yang diambil dari database.

3.5 Tracking Kendaraan

Proses tracking kendaraan diawali dengan mengambil data track dari database berdasarkan tanggal tertentu. Titik awal pergerakan diwakili dengan titik berwarna merah sedangkan titik yang bergerak berwarna hijau, sedangkan garis track yang dilalui berwarna biru.

Visualisasi garis diambil berdasarkan koordinat

Hasil penelitian bahwa garis track dihasilkan dengan menggabungkan sebuah posisi dengan posisi berikutnya. Hasil garis track secara visual kadang tidak sesuai dengan jalur jalan. Hal tersebut dapat terjadi pada saat jalan bercabang kendaraan tidak mengirimkan posisinya.

4.  KESIMPULAN

Dari hasil penelitian, perancangan dan implementasi yang telah dilakukan maka dapat disimpulkan bahwa:

1. Koordinat yang diperoleh dari modul GPS receiver dalam bentuk DM.m harus diubah ke bentuk D.d agar dikenali pada MapObject.
2. Proses pengiriman data menggunakan GPRS rata-rata membutuhkan waktu sekitar 3 detik dengan jumlah data yang dikirim sebesar 1.08 KB.
3. Aplikasi J2ME yang diinstall pada handphone belum berfungsi maksimal (100%) karena pada waktu tak tentu aplikasi tertutup sendiri.
4. Ketepatan visualisasi posisi dan tracking ditentukan oleh akurasi modul GPS receiver dan peta digital yang digunakan.

5.  DAFTAR PUSTAKA

1. [And07] Sunyoto, Andi., 2007, ”Thesis: Integrasi Modul GPS Receiver dan GPRS untuk Penentuan Posisi dan Jalur Pergerakan Obyek Bergerak (Studi Kasus : Penentuan Posisi Taksi di Yogyakarta)”, S2 Jurusan Ilmu Komputer, UGM, 2007.
2. [Bal--] Baldus, G., Kim J.,____“Collier County Government: Integrating GIS and Real-Time Vehicle Tracking for County Emergency Response”, Naples, Florida.
3. [Fal00] Fallon, E., 2000, “Dublin Bus Tracking Service Design and implementation of a device independent passenger information”,  http://citeseer.ist.psu.edu/rd/79396097%2C435540%2C1%2C0.25%2CDownload/ftp%3AqSqqSqftp.cs.tcd.ieqSqpubqSqtech-reportsqSqreports.00qSqTCD-CS-2000-47.pdf, (Di download 26 Juni 2006).
4. [Fen01] Feng Y, Zhu J., “Wireless Java Programming with Java 2 Micro Edition”, SAMS, Indianapolish, 2001.
5. [Haf96] Hafberg, G., 1996, “Integration of Geographic Informastion Systems and Navigation Systems for Moving (Dynamic) Objects Like Vehiclas and Ship “,  http://gis.esri.com/library/userconf/proc95/to300/p272.html.
6. [Has95] Hasanuddin, A.Z., 1995.,  “Penentuan Posisi dengan GPS dan Aplikasinya”. Pradnya Paramita. Jakarta.
7. [Pet06] Peter’s and Joe’s, 2006,  “NMEA Data”, http://www.gpsinformation.org/dale/nmea.htm, 4 Dec 2006.
8. [Pra02] Prahasta, E., 2002 “Konsep-Konsep Dasar Sistem Informasi Geografis”, Informatika, Bandung.
9. [Sch05] Schmidt, A., Holleis, P., Kranz, Matthias., Rukzio, E., ____, “Accessing GPS Receiver from Mobile Phone Via Bluetooth”, http://www.hcilab.org/documents/tutorials/BT_GPS/BT_GPS.htm, Ludwig-Maximilians-University Munich, Desember 2005.

Abstraksi

Mobile Media API (MMAPI) is an optional package yang mendukung aplikasi multimedia di peralatan J2ME. Ini adalah standar Java yang ditetapkan oleh Java Community Process (JCP) dalam JSR 135. Standar ini didesain fleksibel jalan di beberapa protokol dan format; contoh pengimplementasiannya tidak harus dengan protokol HTTP atau Real-Time Transport Protokol (RTP) saja, atau media dengan format MP3. MIDI atau MPEG-4 saja.

Pengantar MMAPI

Artikel ini menyediakan suatu pengenalan dari arsitektur MMAPI dan API, yang dilengkapi suatu contoh kode yang menunjukkan bagaimana MMAPI dapat digunakan untuk membangun aplikasi-aplikasi multimedia Wireless Java.

MMAPI sudah dirancang untuk berjalan di setiap virtual machine berbasis J2ME, termasuk CDC dan CLDC.

Pengembang MMAPI dirancang dengan fitur sebagai berikut:

• Mendukung untuk Tone Generation, Playback, and Recording of Time-Based Media: paket ini mendukung setiap isi audio dan video yang berbasis waktu (time-based).
• Small Footprint: MMAPI bekerja pada batas-batas memori yang tegas dari alat-alat CLDC.
• Protocol- and Content-Agnostic: API tidak dibiaskan ke tipe atau protokol yang spesifik.
• Subsettable: pengembang dapat mendukung tipe tertentu.
• Extensible: Fitur baru dapat ditambahkan dengan mudah tanpa menghilangkan kemampuan sistem yang sebelumnya. Lebih penting lagi, format-format tambahan dapat dengan mudah didukung, dikbuat framework dan ditempatkan untuk kontrol tambahan.
• Options for Implementers: API menawarkan fitur untuk tujuan-tujuan yang tertentu. API didesain dan dirancang untuk mengizinkan developer meninggalkan beberapa fitur jika mereka tidak bisa didukung.

Multimedia Processing

Ada dua bagian untuk mengolah multimedia:

• Protocol Handling: membaca data dari suatu sumber seperti sebuah file atau suatu streaming server ke dalam sistem media-processing.
• Content Handling: menguraikan (parsing) atau decoding data dan merendernya menjadi sebuah keluaran seperti spiker audio atau layar video.

Agar dapat memfasilitasi operasi di atas, API menyediakan dua tipe obyek high-level:

• DataSource mengencapsulasi penanganan protokol dengan penyembunyian detail bagaimana data itu dibaca dari sumbernya. Method obyek mempunyai berguna yang memungkinkan obyek Player menangani  isi.
• Player membaca data dari DataSource, memprosesnya merendernya untuk ditampilkan di piranti. Obyek ini menyediakan metoda untuk mengendalikan media untuk playback, termasuk metoda untuk mengendalikan tipe tertentu mengakses fitur tipe media tertentu..

MMAPI menetapkan obyek ketiga, sebuah mekanisme yang dikenal sebagai Manager yang memungkinkan aplikasi membuat Players dari DataSources, dan dari InputStreams.

Arsitektur MMAPI

Obyek Manager menyediakan method createPlayer(), yang merupakan level tertinggi API untuk memasukkan input. Berikut contoh penggunaannya:

...
Player player = Manager.createPlayer(String url);
...

Keterangan:

• url : berisi protokol dan isi url
• format pengisian url <protokol>:<isi lokasi>

Aplikasi menggunakan method yang dikembalikan Player untuk mengontrol data yang didapatkan dan playback media yang berdasarkan waktu (time-based).

Life-cycle Player berisi lima keadaan: UNREALIZED, REALIZED, PREFETCHED, STARTED, dan CLOSED. Ke enam method menghasilkan transisi keadaan:

realize()
prefetch()
start()
stop()
deallocate()
close()

Ketika sebuah player dibuat, berubah ke keadaan UNREALIZED. Kemudian memanggil realize() pindah ke keadaan REALIZED dan menganalisa informasi. Memanggil prefetch() keadaan pindah ke PREFETCHED, menetapkan koneksi jaringan untuk streaming data, dan melakukan tugas-tugas inisialisasi lainnya. Memangil start() menyebabkan transisi ke keadaan STARTED, dimana player dapat memproses data. Ketika selesai memproses data (sampai ke bagian terakhir data), akan mengembalikan keadaan PREFETCHED. Memanggil close() meyebabkan player pindah ke status CLOSED.

Sebuah Player menyediakan kendali yang dikhususkan untuk jenis tertentu dari media yang memproses. Aplikasi menggunakan getControl() untuk memperoleh suatu kendali, atau getControls() untuk mendapat satu berpakaian tentang mereka. Sebagai satu contoh, jika suatu pemain untuk MIDI menggunakan getControl() itu, maka akan mendapat MIDIControl.

MMAPI dikemas dalam tiga paket:

• javax.microedition.media menyediakan beberapa interface, sebuah exception, dan class Manager, merupakan titik akses untuk memperoleh sumber daya, seperti Players untuk pengolahan multimedia.
• javax.microedition.media.control menetapkan tipe control spesifik yang dapat digunakan dengan sebuah Player: VolumeControl, VideoControl, dan lainnya.
• javax.microedition.media.protocol menetapkan protokol untuk menangani control yang berbeda.

Class, interface dan exception yang ada dipaket ini berisi dapat dilihat pada tabel berikut:

Tabel 1 : Class MMAPI

Table 2: MMAPI Interfaces

Table 3: MMAPI Exceptions

Menggunakan MMAPI

Pada bagian ini akan dibahas bagaimana memanfaatkan MMAPI untuk membangun aplikasi J2ME berbasis MMAPI.

Aplikasi Tone

Pembuatan Tone di identikkan dengan frekusi dan durasi. Tipe ini penting untuk game dan aplikasi audio, terutama untuk peralatan kecil, dimana hanya mempunyai kemampuan multimedia yang terbatas. Method Manager.playTone() membuat tone. Implemtasinya dapat dipetakan pada hardware tone generator, yaitu menetapkan note, durasi, dan volume.

1
2
3
4
5
6
7
8

...
try {
   // play a tone for 4000 milliseconds at volume 100
   Manager.playTone()(ToneControl.C4, 4000, 100);
}
catch(MediaException me) {
}
...

Aplikasi MP3 Playback

Berikut contoh simple bagaimana memutar file mp3 tanpa dilengkapi pengontrol.

1
2
3
4
5
6
7
8
9
10
11
12

...
try {
   Player p = Manager.createPlayer
	 ("http://server/somemusic.mp3");
   p.setLoopCount(5);
   p.start();
}
catch(IOException ioe) {
}
catch(MediaException e) {
}
...

Berikut potongan program yang dilengkapi dengan pegontrol media.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

...
Player p;
VolumeControl vc;
try {
   p = Manager.createPlayer("http://server/somemusic.mp3");
   p.realize();
   // get volume control for player and set volume to max
   vc = (VolumeControl) p.getControl("VolumeControl");
   if(vc != null) {
	  vc.setVolume(100);
   }
   // the player can start with the smallest latency
   p.prefetch();
   // non-blocking start
   p.start();
}
catch(IOException ioe) {
}
catch(MediaException e) {
}
...

Karena semua InputStream dapat dilewatkan method Manager.createPlayer(), maka aplikasi dapat diputar ulang media dari MIDP Record Management System (RMS), atau dari file JAR. Berikut ini bagaimana memperoleh InputStream dari RMS dan memutar media yang disimpan didalamnya.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

...
RecordStore store;
int id;
// play back from a record store
try {
   InputStream is = new ByteArrayInputStream
	 (store.getRecord(id));
   Player player = Manager.createPlayer(is, "audio/X-wav");
   p.start();
}
catch (IOException ioe) {
}
catch (MediaException me) {
}
...

Di bawah ini contoh yang menyimpan mediannya di file JAR.

1
2
3
4
5
6
7
8
9
10
11
12

...
try {
   InputStream is =
	 getClass().getResourceAsStream("audio.wav");
   Player player = Manager.createPlayer(is, "audio/X-wav");
   p.start();
}
catch(IOException ioe) {
}
catch(MediaException me) {
}
...

Aplikasi Video Playback

Berikut potongan program yang menunjukkan bagaimana memutar sebuah video berformat MPG.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

...
Player p;
VideoControl vc;
try {
   p = Manager.createPlayer("http://server/somemovie.mpg");
   p.realize();
   // get video control
   vc = (VideoControl) p.getControl("VideoControl");
   ....
   p.start();
}
catch(IOException ioe) {
}
catch(MediaException me) {
}
...

Aplikasi Camera

MMAPI memasukkan dukungan kamera di dalamnya.

Capture Video dari Player

Penentuan lokasi untuk kamera menggunakan: capture://video. Suatu aplikasi dapat menggunakan VideoControl untuk menampilkan suatu view finder di layar dengan ukuran standar.

mPlayer = Manager.createPlayer("capture://video");

Jika piranti yang digunakan tidak mendukung video capture, maka akan menghasilkan MediaException. Jika MediaException bernilai true medukung video capture.

Player perlu di release untuk memperoleh resource yang diperlukan dalam mengambil gambar.

mPlayer.realize();

Menampilkan Camera Video

Video yang berasal dari camera dapat ditampilkan di layar sebagai salah satu Item dalam Form atau bagian dari Canvas. Sebuah VideoControl membuatnya mungkin. VideoControl dapat diperoleh dari Player.

mVideoControl = (VideoControl)
mPlayer.getControl("VideoControl");

Jika mengharapkan menampilkan video dari camera di Canvas, inisialisasi VideoControl, kemudian set ukuran dan lokasi dari video di dalam Canvas, kemudian buat video menjadi terlihat (visible). Contoh berikut (konstruktor Canvas dan subclass) menunjukkan bagaimana video ditempatkan dua pixel di dalam form Canvas. Jika video tidak dapat ditempatkan pada lokasi yang ditentukan, maka oleh kontruktor diset menjadi satu layar penuh (full screen). Langkah terakhir adalah memanggil method setVisible() agar camera tampil.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

public CameraCanvas(SnapperMIDlet midlet,
	VideoControl videoControl) {
  int width = getWidth();
  int height = getHeight();
 
  mSnapperMIDlet = midlet;
 
  videoControl.initDisplayMode(
	  VideoControl.USE_DIRECT_VIDEO, this);
 
  try {
	videoControl.setDisplayLocation(2, 2);
	videoControl.setDisplaySize(width - 4, height - 4);
  }
  catch (MediaException me) {
	try { videoControl.setDisplayFullScreen(true); }
	catch (MediaException me2) {}
  }
  videoControl.setVisible(true);
}

Menampilkan video camera dalam sebuah Form hanya berbeda sedikit. Pada method initDisplayMode() pada VideoControl dari USE_DIRECT_VIDEO diganti dengan USE_GUI_PRIMITIVE. Dalam piranti MIDP dapat memperoleh Item yang dan dapat ditempatkan di dalam sebuah Form untuk ditampilkan.

1
2
3
4

Form form = new Form("Camera form");
Item item = (Item)mVideoControl.initDisplayMode(
GUIControl.USE_GUI_PRIMITIVE, null);
form.append(item);

Capture Image

Sekali camera dapat ditampilkan dipiranti, maka capture sebuah image dapat dilakukan dengan mudah dengan memanggil getSnapshot() pada VideoControl. Method tersebut dapat dilengkapi dengan tipe gambar atau tanpa tipe gambar. Default gambar yang dihasilkan bertipe PNG tergantung dengan tipe handset yang digunakan.

Method getSnapshot() mengembalikan sebuah array bertipe byte, yang merupakan data image dalam format yang diinginkan. Dari hasil array tersebut poin yang dapat diambil adalah: mungkin menyimpan byte tersebut dalam record store, mengirimkan ke server atau membuat sebuah Image dari array tersebut sehingga user dapat melihat gambar yang baru saja diambilnya. Berikut contoh pembuatan Image dari array yang dihasilkan dari method getSnapshot().

byte[] raw = mVideoControl.getSnapshot(null);
Image image = Image.createImage(raw, 0, raw.length);

Membuat Thumbnail Image

Satu hal kelihatannya sederhana adalah bagaimana menampilkan image (gambar) dengan thumbnail, suatu versi menangkap gambar dari kamera. Pada MIDP 2.0 di dalamnya terdapat method untuk memperoleh MIDP 20 memasukkan di dalamnya metoda untuk memperoleh nilai piksel paling luar dari image, dengan nilai tersebut memungkinkan membuat skala transformasi yang benar. Sayangnya MIDP 1.0 tidak dapat menghasilkan data piksel.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

private Image createThumbnail(Image image) {
  int sourceWidth = image.getWidth();
  int sourceHeight = image.getHeight();
 
  int thumbWidth = 64;
  int thumbHeight = -1;
 
  if (thumbHeight == -1)
	thumbHeight = thumbWidth * sourceHeight / sourceWidth;
 
  Image thumb = Image.createImage(thumbWidth, thumbHeight);
  Graphics g = thumb.getGraphics();
 
  for (int y = 0; y < thumbHeight; y++) {
	for (int x = 0; x < thumbWidth; x++) {
	  g.setClip(x, y, 1, 1);
	  int dx = x * sourceWidth / thumbWidth;
	  int dy = y * sourceHeight / thumbHeight;
	  g.drawImage(image, x - dx, y - dy,
		  Graphics.LEFT | Graphics.TOP);
	}
  }
 
  Image immutableThumb = Image.createImage(thumb);
 
  return immutableThumb;
}

MMAPI mendukung beberapa format audio dan video, yaitu:

• Audio: PCM and WAV
• MIDI: Type 0 (single track), Type 1 (multiple tracks), and SP-MIDI
• Video: MPEG-1

Kesimpulan

Mobile Media API adalah suatu API yang fleksibel dan powerfull yang menyediakan rendering dan capture data audio dan video. Lokasi file dapat ditempatkan di piranti mobile maupun di server dengan memanfaatkan koneksi jaringan internet.

Daftar Pustaka

• Knudsen, Jonathan., Taking Pictures with MMAPI., http://developers.sun.com/mobility/midp/articles/picture/., July 2003
• Mahmoud, H, Qusay., The J2ME Mobile Media API., http://developers.sun.com/mobility/midp/articles/mmapioverview/., June 2003
• Feng, Yu and Zhu Jun; Wireless Java Programming with 2 Micro Edition; SAMS; Indianapolis; USA; 2001
• Keogh, James; J2ME:The Complete Reference; McGraw-Hill; New York;
• Riggs, Roger; Taivalsaari, Antero; Peursem, Van, Jim; Huopaniemi, Jyri; Patel, Mark;  Uotila,  Aleksi; Editor,  Holliday, Jim; Programming Wireless Devices with the Java™ 2 Platform, Micro Edition, Second Edition; Addison Wesley; Juni 2003.
• Sun Developer Network;Java 2 Platform, Micro Edition (J2ME); JSR 68 Overview;

HSDPA (high speed downlink Packet Access) adalah teknologi yang datang menyertai 3G. yang membedakan antara 3G dan HSDPA adalah kecepatan akses transfer datanya walaupun infrastruktur yang digunakan sama, sehingga untuk mengimplementasikan HSDPA tidak memerlukan biaya investasi yang tinggi. Kecepatan HSDPA yang dipasang mendukung 1.8 Mbit/s sampai 3.6 Mbit/s saat downlink. Untuk kedepannya direncanakan mencapai 7.2 Mbit/s. Keuntungan yang dapat diperoleh adalah user dapat untuk mengakses data yang besar.

1.  Pendahuluan

Solusi mobiltas adalah menggunakan teknologi wireless, yang memungkinkan pengguna untuk menjelajah dengan murah tanpa diributkan dengan kabel, walaupun masih memerlukan penanganan infrastruktur back-end. Dalam pembicaraan sehari-hari wireless adalah sebuah bungkus lama untuk radio transmiter (perpaduan antara peralatan receiver dan transmitter) seperti diterapkan pada jaman radio telegram. Sekarang teknologi tersebut berkembang pesat dengan memunculkan fitur baru.

Fenomena ketika GPRS keluar pertama kali, fitur ini menjadi pertimbangan utama saat membeli ponsel. Ketika teknologi 3G atau dieropa dikenal dengan nama UMTS (universal mobile telecomunication system) juga sama. Kemunculan 3G dibarengi dengan kemunculan HSDPA (high speed downlink packet access). HSDPA adalah keturunan dari 3G. HSDPA ini dikenal dan digolongkan ke dalam teknologi 3.5G, karena kecepatan transfer datanya lebih bagus dibanding 3G. 3G pada permulaannya maksimal sampai 384 kbit/s, sedangkan dengan HSDPA dapat dinaikkan menjadi 14 Mbit/s.

Salah satu alasan HSDPA muncul hampir berberengan dengan 3G, karena HSDPA berjalan difrekuensi yang sama yang digunakan 3G. Sehingga investasi yang ditanamkan tidak terlalu besar terutama untuk software dan hardware.

Perkembangan HSDPA tidak terlepas dari perkembangan teknologi GSM pada tiap generasinya. Tiap generasi memiliki kemampuan transfer data yang lebih cepat. Berikut evolusi perkembangan generasi ke generasi GSM sampai ke arah HSDPA.

2.  Generasi Perkembangan GSM

2.1. Generasi Pertama (1G)

Hampir semua teknologi dimulai untuk keperluan militer yang kemudian dipergunakan untuk umum. Sama halnya dengan perkembangan teknologi GSM. Waktu 1G pendek di dalam perkembangan teknologi telepon mobile. 1G berupa telepon analog yang diperkenalkan pada tahun 1980an dan dilanjutkn sampai digantikan dengan generasi kedua (2G) yang berbentuk digital. Beberapa generasi pertama mengikuti standar NMT (Nordisk MobilTelefoni atau Nordiska MobilTelefoni-gruppen), CDPD (Celluler Digital Packet Data, Mobitex and DataTAC).

2.2. Generasi Kedua (2G – 2.75G)

Perbedaan utama antara dua sistem telepon mobile yang sukses ini yaitu 1G dan 2G adalah sinyal radio yang digunakan. Jaringan 1G mengunakan analog sedangkan 2G adalah digital. Percakapan dalam 2G diencode menjadi sinyal digital, tapi dalam 1G hanya dimodulasi ke frekuensi yang lebih tinggi (150 MHz ke atas). Terdapat dua standar besar dan kuduanya komersial, yaitu: dari Eropa dan dari America. Sekitar 60% sekarang dikuasai oleh pasar dari standar Eropa. Yang termasuk dalam generasi ini adalah:

1. GSM (Global System for Mobile Communications) adalah standar paling populer untuk telepon mobile di dunia. Layanan GSM digunakan lebih dari 2 milyar orang di 212 negara dan kawasan. Jumlah negara yang banyak mengadopsi standar GSM memungkinkan kerjasama antar operator sehingga dapat digunakan untuk komunikasi user antar negara walaupun dengan operator yang berbeda. GSM bebeda dengan pendahulunya dalam jalur pensinyalan dan percakapan semuanya dalam bentuk digital. Fakta ini juga berarti komunikasi data telah dibangun dalam sistem.
2. GPRS (General Packet Radio Service) adalah layanan data mobile yang tersedia pada telepon GSM. GPRS sering disebut sebagai generasi “2.5G”, yaitu teknolgi antara generasi pertama dan generasi kedua dalam teknologi telepon mobile. Dibandingkan dengan pendahulunya GPRS memiliki transfer data yang cepat. GPRS memanfaatkan kanal TDMA yang tidak terpakai pada jaringan GSM. Dalam teori terbatas untuk paket data 171.2 kbit/s (menggunakan 8 slot dan CS-4 coding). Realisasinya bit rate nya adalah 30-80, karena memungkinkan menggunakan maksimal 4 slot untuk downlink.
3. EDGE (EGPRS) (Enhanced Data rates for GSM Evolution) adalah teknologi telepon mobile yang memperbaiki jaringan 2G dan 2.5G khususnya dalam jalur komunikasi data. Teknologi ini bekerja pada jaringan GSM. EDGE dapat bekerja pada janringan GPRS ada.
4. HSCSD (High-Speed Circuit-Switched Data), iDEN (Integrated Digital Enhanced Network, D-AMPS (Digital AMPS), IS-95, PDC (Personal Digital Cellular), CSD (Circuit Switched Data), PHS (Personal Handy-phone System), WiDEN (Wideband Integrated Dispatch Enhanced Network) and CDMA2000 (1xRTT/IS-2000)

2.3.  Generasi ketiga (3G – 3.75G)

Layanan luar biasa 3G memberikan kemampuan untuk mentransfer secara simultan baik data voice dan non-voice data (seperti saat download informasi, pertukaran email dan instant messaging). Standar 3G di dalamnya adalah:

1. UMTS (3GSM) (Universal Mobile Telecommunications System) menggunakan W-CDMA di bawah standar 3GPP. UMTS mempunyai layanan data secara teori sampai 11 Mbit/s, meskipun dalam perkembangannya yang disebarkan ke user dalam jaringan performanya hanya mencapai 384 kbit/s untuk handset R99 dan 1-2 Mbit/s untuk handset HSDPA untuk koneksi downlink.
2. 3.5G – HSDPA (High-Speed Downlink Packet Access) adalah protokol dalam telepon mobile berbasis jaringan UMTS 3G yang menyediakan transfer data yang lebih cepat. Sekarang HSDPA yang dipasang mendukung 1.8 Mbit/s sampai 3.6 Mbit/s saat downlink. Untuk kedepannya direncanakan mencapai 7.2 Mbit/s.
3. W-CDMA (Wideband Code Division Multiple Access), FOMA (Freedom of Mobile Multimedia Access), 1xEV-DO/IS-856 (1x Evolution-Data Optimized), TD-SCDMA (Time Division-Synchronous Code Division Multiple Access), GAN/UMA (Generic Access Network), 3.75G – HSUPA (High-Speed Uplink Packet Access).

Evolusi 3G ke 3G

Untuk dapat membandingkan perbedaan tiap generasi dapat dilihat pada tabel berikut:

2.4. Cara Kerja

Pada dasarnya layana HSDPA tidak beda jauh dengan layanan yang diberikan oleh generasi sebleumnya yaitu: GPRS, CDMA, EDGE dan 3G. Teknologi tersebut memiliki kesamaan bahwa sama-sama menggunakan layanan lewat jalur IP (internet protokol). HSDPA diperkenalkan oleh Third Generation Partnership Project (3GPP) release 5standar. Tujuan utamanya adalah meningkatkan standar througput melalui konsep multiple input multple output (MIMO) atau dengan teknik antena array. Proses kerja cell menggunakan alokasi asymetrics spectrum frekuensi dalam multi carries cell. Efisiensi dari sistem menjadi dua kalilipat, yang artinya juga meningkatkan persepsi pelanggan terhadap kualitas layanan.

HSDPA menggunakan kanal baru yang dlimiki oleh 3G yaitu high speed downlink shared channel (HS-DSCH). Kanal tersebut beroperasi berbeda dengan jalur 3G yang ada. Penambahan kanal berupa implementasi adaptive modulation and coding (AMC), hybrid automatic repestreQuest (HARQ), fast packet schedulling, retransmission protokol and fast cell selection (FCS), yang dikendalikan medium access control (AMC) di node yang berkemampuan 3G.HS-DSCH difungsikan untuk proses downlink data ponsel. Sedangkan untuk proses uplink, kemampuan HSDPA tak bisa sebesar downlinknya, yang secara teori hanya mampu sampai 2 Mbit/s.

Jaringan HSDPA secara fisik memiliki 3 kanal, yakni high speed data physich downlink shared channel (HS-PDSC), high speed shared control channel (HS-SCCH) dan high speed dedicated physical control channel (HS-DPCCH). HS-PDSCH mengadopsi adaptive modulation QPSK (quadrature phase shift keying) atau algoritma fase modulasi yang sudah ada, dan 16 QAM (quadrative amplitude modulation) yakni empat aplitude dan empat fase yang memungkinkan pengunaan data rate tinggi dobawah kondisi jaringan radio yang bermacam-macam.

2.5. Keuntungan HSDPA

Penambahan data rates menghasilkan keuntungan bagi operator untuk membuka area baru yang luas, nilai tambah dan kaya akan service untuk media. Keuntungan user dengan kecepatan mencapai megabyte per detik memungkinkan untuk:

1. mengakses internet dengan cepat,
2. mudah mendownload email dan menambahkan attachment,
3. straming audio dan video,
4. mengambil gambar resolusi tonggi
5. multiplayer game.
6. TV broadcasting
7. Dapat menangani kebutuhan secara korporat.

HSDPA sampai saat ini sudah digunakan di 39 negara dan 64 operator. Ke depan HSDPA masih dapat dikembangkan ke arah HSUPA (high speed uplink packet access). Jika teknologi HSDPA tergolong ke dalam teknologi 3.75G maka HSUPA masuk dalam generasi 3.75 (3.75G).

Orang Menggunakan Teknologi 3G

3.  Kesimpulan

Teknologi komunikasi mobile dikembangkan agar mampu mengirimkan data dengan jumlah yang besar dalam jaringan global. Setiap generasi akan menunjukkan kemampuan yang lebih dalam mengiimkan data dibanding dengan teknologi sebelumnya, tidak terkecuali HSDPA.

4.  Daftar Pustaka

1. Dharma Prakash Agrawal., Quing-An Zeng, 2003 ., “Introdruction to Wireless and Moblile Systems”, University of Cincinati, Brook/Cole-Thomson Learning.
2. Adjie(red), 2007, “Downlink Cepat dan Dahsyat di Jalur 3G”, Majalah Selluler, Edisi Januari 2007.
3. Jeff Evans, ____, “Mobile Wireless Networks “,http://www.wirelessrerc.gatech.edu/tutorial/ wirelessnetworks.html, Georgia Tech Research Institute, Diakses: 17 Februari 2007.
4. GSM World, ____, “3GSM Platform”, http://www.gsmworld.com/ technology/ 3g/ evolution.shtml, Diakses 17 Februari 2007.
5. RFID Centre,2005-2006, “Mobility Technologies and Standards”, http://www.rfidc.com/docs/introductiontomobility_standards.htm, Diakses: 17 Februari 2007.