J2ME GUI danInterkoneksi Client Server

Muhammad Zen S. Hadi, ST. MSc.

2

Contents

J2ME (Review)

GUI dalam J2ME (RadioButton dan CheckBox)

Passing parameter dgn radiobutton dan checkbox

Interkoneksi client server (PHP MySQL)

3

Arsitektur Jaringan dgn J2ME

4

Information Access and CommunicationBuying Movie Ticket

5

Klas Utama dalam paket lcduiTo be discussed in this lecture

6

Komponen ChoiceGroupMemberikan user pilihan dari list yang tersedia. Terdapat 3 format ChoiceGroup : EXCLUSIVE : satu pilihanMULTIPLE : banyak pilihanPOPUP : satu pilihan dengan tampilan popup

7

Komponen ChoiceGroupFormat:– ChoiceGroup(String label, int choiceType)

Membuat obyek ChoiceGroup dan menentukantitle dan tipenya.

– ChoiceGroup(String label, int choiceType, String[] stringElements, Image[] imageElements)Membuat obyek ChoiceGroup, menentukan title dan tipe serta array dari string dan gambar untuknilai awal.

Untuk passing parameter dari pilihan user gunakangetSelectedIndex(), getString(int elementNum) andisSelected(int elementNum).

8

Contoh TextFieldChoiceGroupTestForm Registrasi untuk memasukkan data pribadi danmenampilkannya di dalam console.

9

Untuk Satu Pilihan (EXCLUSIVE)

10

Untuk Satu Pilihan (POPUP)

11

Passing Parameter dgn RadioButton

12

Passing Parameter dgn RadioButton

13

Banyak Pilihan (MULTIPLE)

14

Passing Parameter dgn CheckBox

15

Aplikasi untuk CheckBox

Untuk fungsi pauseApp(), destroyApp(), awal(), keluar() sama dengan program sebelumnya

16

17

Menampilkan banyak project

18

INTERKONEKSI CLIENT SERVER

19

IntroductionJ2ME provides networking features to the mobile devices. It is possible to get up-to-the-minute stock quotes or updated currency exchange rates on a mobile phone.The javax.microedition.io classes and interfaces handle the networking capability of MIDP.The java.io package provides input/output (I/O) capability to MIDP.

20

J2ME Networking CategoriesJ2ME networking has 3 categories:– Low-level IP networking– HTTP networking– Secure networking

The most critical aspect of J2ME network connectivity is communication between a mobile device and Web server.

21

Low-level IP networkingThis category involves socket, datagram, serial port, and file I/O communication. Socket-based communication conforms to the connection-oriented TCP/IP protocol. Datagram-based communication conforms to the connectionless UDP/IP protocol. e.g. URI for a datagram connection for sending to a server on a certain port:– datagram://123.456.789.12:1234

Low-level IP networking can also handle file I/O and can allow a MIDlet to use a local serial port.

22

HTTP networkingThe communication between a mobile device and a Web server is based on HTTP (Hypertext Transfer Protocol). HTTP is a connection-oriented request-response protocol.

23

The Connection FrameworkJ2ME networking was designed to address the diverse needs of a wide range of mobile devices. At the same time, the networking system must be device specific. To meet these challenges, it introduces the concept of a generic connection framework.Generic connection framework is to define the general aspects of the networking and file I/O in the form of Java interfaces for a broad range of handheld devicesLeave the actual implementations of these interfaces to individual device manufacturers.

24

The Connection Framework

25

URL Handling in J2MEURL handling in J2ME involves opening a connection to the Web server from the mobile device and handling data I/O between the two. The process happens in the following stages:– Setup– Connected– Closed

J2ME defines the javax.microedition.io.Connectorclass to create all the connection objects. In URL handling, Connector.open() is used to open a URL; it returns an HttpConnection object.

26

URL Handling in J2METhe string parameter to the Connector.open() method is a valid URL. The URL string varies depending on the communication protocol, as Examples 1 through 5 below demonstrate.

Example 1. Invoking HTTP-based communicationConnection conn =

Connector.open("http://www.yahoo.com");

Example 2. Invoking stream-based socket communicationConnection conn =

Connector.open("socket://localhost:9000");

27

URL Handling in J2MEExample 3. Invoking datagram-based socket communicationConnection conn =

Connector.open("datagram://:9000");

Example 4. Invoking serial port communicationConnection conn =

Connector.open("comm:0;baudrate=9000");

Example 5. Invoking file I/O communicationConnection conn =

Connector.open("file://myfile.dat");

28

URL Handling in J2METhe Connector.open() method also accepts the access mode (values READ, WRITE, and READ_WRITE), and a flag to indicate that the caller wants a timeout notification. – static Connection open(String name, int mode)

– static Connection open(String name, int mode, boolean timeouts)

The method openInputStream() of Connector opens an input stream of bytes (java.io.InputStream).

29

URL Handling in J2MESimilarly, a java.io.OutputStream representing an output stream of bytes.The counterparts of InputStream and OutputStreamare java.io.DataInputStream and java.io.DataOutputStream, respectively. A DataInputStream/DataOutputStream lets an application read/write primitive Java data types.

30

Akses file text dari Server

server

Simpan file text dihttp://127.0.0.1/modu13/pesan1.txt

31

Menghilangkan tampilan AirTime

32

Aplikasi akses file text dari Server

33

Aplikasi akses file text dari Server

34

Akses file php dari Server

server

Simpan file php dihttp://127.0.0.1/modu13/lat1.php

35

Aplikasi akses file php dari ServerSemua bagian sama seperti program sebelumnya

36

Passing Parameters to ServerTypically, an HTTP request to a server is accompanied by information needed by the server to process the request.

37

Passing Parameters to Servere.g. Login in case. A server must authenticate a client using the client’s user ID and password. The client sends the user ID and password along with the HTTP request. Two techniques are used to send data to the server:GET or POST request methods.The GET request method requires that data be concatenated to the URL of the server. The POST request method requires that each pair value be written to the output stream.

38

Passing Parameters to ServerData sent to a server must be in a pair value set:

– field name– the value associated with the field.

The field name and value must be separated by an equal sign (=).The pair value sets are separated from the URL by a question mark (?). Each pair value set is separated from other pair value sets by an ampersand (&).The space character is converted to a plus (+) sign.For example, the following request sends two parameters: pOne="one bit" and pTwo="two"

http://127.0.0.1/modul13/simple.php?p=one+bit&pTwo=two

39

Akses file php dgn parameter

server

Simpan file php dihttp://127.0.0.1/modu13/lat2.php

40

Aplikasi Akses File php dgn parameter

41

Akses file php dgn parameter (2)

server

Simpan file php dihttp://127.0.0.1/modu13/lat3.php

42

Aplikasi Akses File php dgn parameter (2)

43

Interaksi dengan Database (Review)Dalam pembuatan aplikasi berbasis Database –WAP, beberapa perintah di Database baik DML danDDL bisa digunakan dikarenakan aksesnya masihberbasis PHP.Beberapa tahapan dalam interkoneksi denganDatabase :Membuka koneksi ke server MySQL

$conn = mysql_connect (”host”,”username”,”password”);

Memilih databasemysql_select_db(”namadatabase”,$conn);

Memilih tabel dengan query$hasil = mysql_query(”SQL Statement”);

Mengambil record dari tabel$row = mysql_fetch_row($hasil);

44

Contoh aplikasi berbasis J2ME - Database

Buat database KAMPUS, dengan tabel Mahasiswa yang memiliki field sebagai berikut, dengan NRP sebagaiPrimary Key :

Akan dibuat aplikasi untuk memasukkan data baru, danmenampilkan data dengan J2ME.

45

Input Data ke Database

server

Simpan file php dihttp://127.0.0.1/modu13/prosesInsert.php

46

Aplikasi Input Data ke Database

47

Aplikasi Input Data ke Database

48

Tampil Data dari Database

server

Simpan file php dihttp://127.0.0.1/modu13/prosesTampil.php

49

Aplikasi Tampil Data dari Database

50

Aplikasi Tampil Data dari Database

51

TUGASBuat aplikasi untuk menghitung biaya total pemakaian PDAM :a. Buat databasenya

Golongan Biaya (m3)1 5002 10003 1500

b. Input user :Nama user : Fakhri [TextField]Golongan : 1 [ChoiceGroup dgn 1 pilihan]Pemakaian : 20 [TextField]

c. Output :Nama : FakhriTotal yang harus dibayar : Rp. 10000

52

TUGASPresentasi tiap kelompok untuk proyeknya :a. Blok Diagram Sistemb. Sistem Database