Pengenalan Play Framework 2

(1)

PENGEMBANGAN

PERANGKAT LUNAK BERBASIS

MODEL DALAM UML

Acep Taryana, matakuliah Rekayasa Perangkat Lunak

Terapan, Teknik Elektro Unsoed, 2014

(2)

Agenda

1.

Play Framework

2.

Round Trip Engineering

3.

Pengembangan Class Diagram

4.

Project 1 : Sistem Perparkiran Semi Automatis

5.

Forward Engineering

6.

Reverse Engineering

(3)

Play Framework

aetthea, Penulisan program di bawah ini menggunakan IDE Eclipse LUNA release 1(4.4.1) terintegrasi dengan Visual Paradigm 11.2, RPL Terapan, Teknik Elektro Unsoed, 2014

(4)

Entry Point Program

Pre-request :

1.

Program di lingkungan web browser :

Applet

, program ini dieksekusi di

web

browser

dari halaman

web

yang memuat

Java applet

. Web browser kemudian menugaskan

JRE

untuk mengeksekusi

Java applet

yang diterima.

2.

Program di lingkungan web server : 1). Java Server Pages sebagai web scripting

serupa ASP, PHP dan sebagainya. Program ditempelkan di halaman HTML. Html ini

tidak langsung dikirim ke web browser tapi diolah dahulu oleh web server dan

hasilnya yang berupa dokumen html dikirim web server ke web browser; 2). Java

Servlet, komponen ini adalah semacam modul di web server. JSP akan diterjemahkan

menjadi servlet agar mempercepat proses eksekusi.

3.

Program Mandiri (stand-alone application). Java merupakan pilihan bagus untuk

(5)

Entry Point Program Stand-alone

(Contoh 1)

RUN

(6)

Entry Point Program Stand-alone

(Contoh 2)

RUN

(7)

Entry Point Program,

Type Web Server

(Contoh 1)

HTTP Clients (Browser)

Web Server

http://hostname:port/

Contoh,

http://192.168.1.106:9000/

Atau

http://localhost:9000/

Route : Get / Application.index

routes

(8)

Type Web Server

(Contoh 2)

HTTP Clients (Browser)

Web Server

Contoh,

http://192.168.1.106:9000/

Atau

http://localhost:9000/

(9)

Type Web Server

(Contoh 3)

Web Server

Contoh,

http://192.168.1.106:9000/

Atau

http://localhost:9000/

(10)

Type Web Server

(Contoh 4)

Web Server

http://localhost:9000/hello?myname=Budi

Get /hello Application.sayHello

routes

A

B

C

B

(11)

(Contoh 1)

1.

Model Use Case

2.

Mendetilkan Use Case

3.

Model Sequence Diagram (level system)

4.

Create Project Play Framework seperti pada Contoh

3 Entry Point Program.

5.

Reverse Engineering : Java Class to Sequence

Diagram.

6.

Gabungkan Sequence Diagram

7.

Analisis dan Design Ulang

8.

Generate Java Class di dalam paket Controller

(12)

(Contoh 1)

1. Model Use Case

(13)

(Contoh 1)

2. Mendetilkan Use Case

Klik kanan,

pilih Open

Use Case

Details

(14)

(Contoh 1)

(15)

(Contoh 1)

3. Membuat Sequence Diagaram (Level System)

Klik dan

pilih

synchronize

to sequence

(16)

(Contoh 1)

(17)

(Contoh 1)

4. Create Project Play Framework, Contoh 3

Play new test

Cd test

Play eclipsify

File-Import, pilih project Test dalam folder tertentu.

(18)

(Contoh 1)

5. Reverse Engineering : Java Class to Sequence

Diagram

(19)

(Contoh 1)

5. Reverse Engineering : Java Class to Sequence

Diagram

(20)

(Contoh 1)

5. Reverse Engineering : Java Class to Sequence

Diagram

(21)

(Contoh 1)

6. Gabungkan sequence diagram

Play-1.2.4

(22)

(Contoh 1)

6. Gabungkan sequence diagram

Gabung

manual,

sequence

number

automatic

Belum diimplementasikan dalam program,

(23)

(Contoh 1)

7. Analisis dan Design Ulang

Design

Halaman

verifikasi

sayHello

1. Isian field nama

harus diisi nilai

String

(24)

(Contoh 1)

7. Analisis dan Design Ulang

1. Tambahkan

Aksi/Metode baru

di Class

Application, yaitu

sayHello dengan

parameter myName

bertipe string

1. Modifikasi

index.html

2. Tambahkan html

baru untuk

menampung render

dari Controller, yaitu

1. Isian field nama harus diisi nilai String 2. Tombol

(25)

(Contoh 1)

(26)

(Contoh 1)

(27)

(Contoh 1)

(28)

(29)

(Contoh 1)

(30)

(31)

It’s Important for beginner’s

Issue

Play 1.2.4/Play 2.2.1

Address

Koneksi DBMS

CMS

Webservice

Acces File Excel

Apache POI library v3.8 or

above

http://viralpatel.net/blogs

/java-read-write-excel-file-apache-poi/

Acces File Word

Apache POI library v3.8 or

above

(32)



#{if flash.error}





${flash.error}



</p>