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