1. Play Framework 2. Round Trip Engineering

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}
<p style="color:#c00">
${flash.error}
</p>
#{/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