Pengenalan Play Framework 2

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

PENGEMBANGAN
PERANGKAT LUNAK BERBASIS
MODEL DALAM UML
Acep Taryana, matakuliah Rekayasa Perangkat Lunak
Terapan, Teknik Elektro Unsoed, 2014

Agenda
1.
2.
3.

4.
5.
6.
7.

Play Framework

Round Trip Engineering
Pengembangan Class Diagram
Project 1 : Sistem Perparkiran Semi Automatis
Forward Engineering
Reverse Engineering
Penutup

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

Play Framework


: 1. Entry Point Program

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

Entry Point Program

Pre-request :
1.

2.

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.
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
membuat applet, sekaligus sebagai bahasa bermaksud umum (general-purpose
language) untuk mengembangkan semua jenis program yang dapat dijalankan di

komputer, sistem operasi apa pun asalkan terdapat Java interpreter di platform itu.

4.

Program Mandiri sebagai pustaka komponen.
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

Entry Point Program Stand-alone
(Contoh 1)

Entry Point

RUN

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


Entry Point Program Stand-alone
(Contoh 2)

Entry Point

RUN

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

Entry Point Program,
Type Web Server
(Contoh 1)

Route : Get /
routes

Application.index
Web Server


HTTP Clients (Browser)

http://hostname:port/
Contoh, http://192.168.1.106:9000/
Atau http://localhost:9000/
Entry Point by URL
Entry Point by URL

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

Entry Point Program,
Type Web Server
(Contoh 2)

Route : Get /
routes


Application.index
Web Server

HTTP Clients (Browser)

A
B
http://hostname:port/
Contoh, http://192.168.1.106:9000/
Atau http://localhost:9000/

A A

C

B

C
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

Entry Point Program,
Type Web Server
(Contoh 3)

Route : Get / Application.index
routes
Web Server

HTTP Clients (Browser)

A
B
http://hostname:port/
Contoh, http://192.168.1.106:9000/
Atau http://localhost:9000/

C


B
C
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

Entry Point Program,
Type Web Server
(Contoh 4)

routes

Get /hello Application.sayHello
Web Server

HTTP Clients (Browser)

A

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


B
C

B

C
A
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

Analisis dan
Design

Programming

Analisis dan
Design


Round Trip Engineering
(Contoh 1)
1.
2.
3.
4.

5.

6.
7.
8.

Model Use Case
Mendetilkan Use Case
Model Sequence Diagram (level system)
Create Project Play Framework seperti pada Contoh
3 Entry Point Program.
Reverse Engineering : Java Class to Sequence
Diagram.

Gabungkan Sequence Diagram
Analisis dan Design Ulang
Generate Java Class di dalam paket Controller

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

Round Trip Engineering
(Contoh 1)
Analisis
Requirement

1. Model Use Case

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

Round Trip Engineering
(Contoh 1)
2. Mendetilkan Use Case

Klik kanan,
pilih Open
Use Case
Details

Klik Flow
of Events
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

Round Trip Engineering
(Contoh 1)
2. Mendetilkan Use Case

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

Round Trip Engineering
(Contoh 1)
3. Membuat Sequence Diagaram (Level System)
Klik dan
pilih
synchronize
to sequence
diagram

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

Round Trip Engineering
(Contoh 1)
3. Membuat Sequence Diagram (Level System)

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

Round Trip Engineering
(Contoh 1)

Play-1.2.4

4. Create Project Play Framework, Contoh 3
Play new test
Cd test
Play eclipsify

File-Import, pilih project Test dalam folder tertentu.

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

Round Trip Engineering
(Contoh 1)

Play-1.2.4

5. Reverse Engineering : Java Class to Sequence
Diagram

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

Round Trip Engineering
(Contoh 1)

Play-1.2.4

5. Reverse Engineering : Java Class to Sequence
Diagram

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

Round Trip Engineering
(Contoh 1)

Play-1.2.4

5. Reverse Engineering : Java Class to Sequence
Diagram

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

Round Trip Engineering
(Contoh 1)

Play-1.2.4

6. Gabungkan sequence diagram

+
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

Round Trip Engineering
(Contoh 1)
6. Gabungkan sequence diagram

Gabung
manual,
sequence
number
automatic

Belum diimplementasikan dalam program,
Oleh karena itu perlu memperbaiki ulang sequence

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

Round Trip Engineering
(Contoh 1)
7. Analisis dan Design Ulang

Design
Halaman
verifikasi
sayHello

1. Isian field nama
harus diisi nilai
String
2. Tombol “sayHello”
untuk verifikasi
sayHello

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

Round Trip Engineering
(Contoh 1)
7. Analisis dan Design Ulang

1.

2.

Isian field
nama harus
diisi nilai String
Tombol
“sayHello”
untuk verifikasi
sayHello

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
sayHello.html

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

Round Trip Engineering
(Contoh 1)
7. Analisis dan Design Ulang

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

Round Trip Engineering
(Contoh 1)
8. Generate Java Class

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

Round Trip Engineering
(Contoh 1)
8. Generate Java Class

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

Round Trip Engineering
(Contoh 1)

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

Round Trip Engineering
(Contoh 1)

Ubah menjadi, (@required String myName)

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

Round Trip Engineering
(Contoh 1)

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

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 http://viralpatel.net/blogs
above
/java-read-write-excelfile-apache-poi/

Acces File Word

Apache POI library v3.8 or http://poi.apache.org/ove
above
rview.html#components

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







#{if flash.error}

${flash.error}

#{/if}

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