SlideShare a Scribd company logo
1 of 7
REKAYASA WEB
TUGAS 3
OKTONATO GLAVIKANTARA
1612510675
• 1. Jelaskan apa yang dimaksud dengan Unified
Modeling Language (UML), berikan beberapa
contoh sederhana!
• 2. Jelaskan perbedaan mendasar antara Use
Case Diagram, Activity Diagram, Sequence
Diagram, Class Diagram !
• 3. Kenapa kita membutuhkan model design
dalam implementasi / pembuatan software
(web) ?
Jawaban No 1
UML adalah suatu bahasa yang digunakan untuk menentukan,
membangun dan mendokumentasikan suatu sistem informasi. UML
merupakan salah satu alat bantu yang dapat digunakan dalam
bahasa pemrograman. UML digunakan untuk melakukan
pemodelan sistem/perangkat lunak dengan menggunakan tools
yang ada. Dengan pemodelan menggunakan UML, rekayasa dan
pengembangan perangkat dapat dilakukan dengan fokus pada
pengembangan dan desain perangkat lunak terhadap;
• 1. Tinjauan umum bagaimana arsitektur sistem secara keseluruhan
• 2. Menguji apakah sistem/perangkat lunak sudah berfungsi seperti
yang seharusnya 3. Dokumentasi sistem/perangkat lunak untuk
keperluan- keperluan tertentu di masa yang akan datang…………
Unified Modeling Language (UML) bukanlah merupakan bahasa
pemprograman tetapi model-model yang tercipta berhubungan
langsung dengan berbagai macam bahasa pemprograman, sehingga
adalah mungkin melakukan pemetaan (mapping) langsung dari
model-model yang dibuat dengan Unified Modeling Language
(UML) dengan bahasa-bahasa pemprograman berorientasi obyek,
seperti Java, Borland Delphi, Visual Basic, C++, dan lain-lain.
Pemetaan (mapping) Unified Modeling Language (UML) bersifat
dua arah yaitu :
• 1. Generasi kode bahasa pemprograman tertentu dari Unified
Modeling Language (UML) forward engineering.
• 2. Generasi kode belum sesuai dengan kebutuhan dan harapan
pengguna, pengembang dapat melakukan langkah balik bersifat
iterative dari implementasi ke Unified Modeling Language (UML)
hingga didapat sistem/peranti lunak yang sesuai dengan harapan
pengguna dan pengembang….
UML terdiri dari kumpula n-kumpulan diagram seperti : Use Case Diagram,
Class Diagram, Statechart Diagram, Activity Diagram, Sequence Diagram,
Collaboration Diagram, Component Diagram, Deployment Diagram.
UML 2.2 Diagram
Behavior DiagramStruktur Diagram
UseCase Diagram
State Machine
Diagram
Interaction Diagram
Activity Diagram
Sequence Diagram
Communication
Diagram
Class Diagram
Object Diagram
Package Diagram
Componen Diagram
Composite
Structure Diagram
Deployment
Diagram
ProfileDiagram
Timing Diagram
Interaction
Overview Diagram
Jawaban No 2
• Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari
sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem dan
bukan “bagaimana”. Sebuah use case merupakan sebuah interaksi antara
aktor dengan sistem dan merupakan sebuah pekerjaan tertentu.
• Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang
sedang dirancang, bagaimana masing-masing alir berawal, decision yang
mungkin terjadi dan bagaimana mereka berakhir
• Sequence diagram menggambarkan interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna dan display) berupa message yang
digambarkan terhadap waktu. Sequence diagram terdiri antar dimensi
vertikal (waktu) dan dimensi horizontal(objek-objek yang terkait).
• Class Diagram bersifat statis tetapi sering pula memuat kelas- kelas aktif
dan memperlihatkan himpunan kelas-kelas serta menggambarkan
keadaan suatu sistem
Jawaban No 3
• Website adalah halaman informasi yang disediakan
melalui jalur internet sehingga bisa diakses di seluruh
dunia selama terkoneksi dengan jaringan internet.
Dalam perancangan aplikasi berbasis web, tampilan
atau design menjadi salah satu prinsip dasar dalam
pembuatan suatu web agar tampilan terlihat lebih
menarik bagi pengguna. Karena website merupakan
bagian terpenting dalam dunia internet. Misalnya
seperti website online shop . Website tersebut akan
memperhatikan tampilan web mereka agar terlihat
menarik dan tidak terlihat membosankan sehingga
para pengguna internet akan tertarik untuk
mengunjungi web tersebut .

More Related Content

What's hot

What's hot (20)

Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
MATERI UML(Unified Modelling Language)
MATERI UML(Unified Modelling Language)MATERI UML(Unified Modelling Language)
MATERI UML(Unified Modelling Language)
 
Modul Unified modeling language (UML)
Modul Unified modeling language (UML)Modul Unified modeling language (UML)
Modul Unified modeling language (UML)
 
Diagram uml
Diagram umlDiagram uml
Diagram uml
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Debbiemistikaweni 1412510982 tugas3
Debbiemistikaweni 1412510982 tugas3Debbiemistikaweni 1412510982 tugas3
Debbiemistikaweni 1412510982 tugas3
 
Tugas 3 rekayasaweb
Tugas 3 rekayasawebTugas 3 rekayasaweb
Tugas 3 rekayasaweb
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Lap.praktikum
Lap.praktikumLap.praktikum
Lap.praktikum
 
Tugas 3 rekweb laily fitria 1412510511
Tugas 3 rekweb laily fitria 1412510511Tugas 3 rekweb laily fitria 1412510511
Tugas 3 rekweb laily fitria 1412510511
 
Tugas 3 rekayasa web (0916)
Tugas 3   rekayasa web (0916)Tugas 3   rekayasa web (0916)
Tugas 3 rekayasa web (0916)
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Uml
UmlUml
Uml
 
diagram UML
diagram UMLdiagram UML
diagram UML
 
Uml
UmlUml
Uml
 
TD-635-12-PSBO
TD-635-12-PSBOTD-635-12-PSBO
TD-635-12-PSBO
 
UML
UMLUML
UML
 
Diagram Deployment
Diagram DeploymentDiagram Deployment
Diagram Deployment
 
Unified Modeling Language - Project Software
Unified Modeling Language - Project SoftwareUnified Modeling Language - Project Software
Unified Modeling Language - Project Software
 
Tugas 3 – 0316
Tugas 3 – 0316Tugas 3 – 0316
Tugas 3 – 0316
 

Viewers also liked

Pedacinhos De Saint Exupery
Pedacinhos De Saint ExuperyPedacinhos De Saint Exupery
Pedacinhos De Saint Exuperyguest6a21b21
 
PUB5AN - Planejamento de Internet
PUB5AN - Planejamento de InternetPUB5AN - Planejamento de Internet
PUB5AN - Planejamento de InternetNeca Boullosa
 
Projeto 3 - Integração de Dados, Informação, Conhecimento e Saber
Projeto 3 - Integração de Dados, Informação, Conhecimento e SaberProjeto 3 - Integração de Dados, Informação, Conhecimento e Saber
Projeto 3 - Integração de Dados, Informação, Conhecimento e SaberNatália Avelar
 
Ventilação não invasiva no traumatizado medular
Ventilação não invasiva no traumatizado medularVentilação não invasiva no traumatizado medular
Ventilação não invasiva no traumatizado medularRoberto Mendes
 
Marca Jurídica - Rodrigo Bertozzi - ESA/GO
Marca Jurídica - Rodrigo Bertozzi - ESA/GOMarca Jurídica - Rodrigo Bertozzi - ESA/GO
Marca Jurídica - Rodrigo Bertozzi - ESA/GOLara Selem
 
TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012
TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012
TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012Roko Subagya
 
Adriel E Ruly
Adriel E RulyAdriel E Ruly
Adriel E Rulyrulyan
 
Diapositivas
DiapositivasDiapositivas
DiapositivasJendg
 
Imprensa Regional Online
Imprensa Regional OnlineImprensa Regional Online
Imprensa Regional OnlinePedro Jerónimo
 
Jornalismo de proximidade em mobilidade
Jornalismo de proximidade em mobilidadeJornalismo de proximidade em mobilidade
Jornalismo de proximidade em mobilidadePedro Jerónimo
 
Aprendizagem na Sociedade-em-Rede - Movimento Girassol
Aprendizagem na Sociedade-em-Rede - Movimento GirassolAprendizagem na Sociedade-em-Rede - Movimento Girassol
Aprendizagem na Sociedade-em-Rede - Movimento GirassolMarcelo Maceo
 

Viewers also liked (19)

África
ÁfricaÁfrica
África
 
Partid poli
Partid poliPartid poli
Partid poli
 
Pedacinhos De Saint Exupery
Pedacinhos De Saint ExuperyPedacinhos De Saint Exupery
Pedacinhos De Saint Exupery
 
PUB5AN - Planejamento de Internet
PUB5AN - Planejamento de InternetPUB5AN - Planejamento de Internet
PUB5AN - Planejamento de Internet
 
Manual netiqueta
Manual netiquetaManual netiqueta
Manual netiqueta
 
Projeto 3 - Integração de Dados, Informação, Conhecimento e Saber
Projeto 3 - Integração de Dados, Informação, Conhecimento e SaberProjeto 3 - Integração de Dados, Informação, Conhecimento e Saber
Projeto 3 - Integração de Dados, Informação, Conhecimento e Saber
 
Ventilação não invasiva no traumatizado medular
Ventilação não invasiva no traumatizado medularVentilação não invasiva no traumatizado medular
Ventilação não invasiva no traumatizado medular
 
Marca Jurídica - Rodrigo Bertozzi - ESA/GO
Marca Jurídica - Rodrigo Bertozzi - ESA/GOMarca Jurídica - Rodrigo Bertozzi - ESA/GO
Marca Jurídica - Rodrigo Bertozzi - ESA/GO
 
TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012
TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012
TATA CARA PENGISIAN KETERANGAN PADA FAKTUR PAJAK;Lampiran ii per_24_pj_2012
 
Plataforma Moodle características
Plataforma Moodle características Plataforma Moodle características
Plataforma Moodle características
 
Adriel E Ruly
Adriel E RulyAdriel E Ruly
Adriel E Ruly
 
Razonamiento inductivo y deductivo
Razonamiento inductivo y deductivoRazonamiento inductivo y deductivo
Razonamiento inductivo y deductivo
 
La escuela para nuestros hijos
La escuela para nuestros hijosLa escuela para nuestros hijos
La escuela para nuestros hijos
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Imprensa Regional Online
Imprensa Regional OnlineImprensa Regional Online
Imprensa Regional Online
 
Jornalismo de proximidade em mobilidade
Jornalismo de proximidade em mobilidadeJornalismo de proximidade em mobilidade
Jornalismo de proximidade em mobilidade
 
Infancia y adolescencia
Infancia y adolescenciaInfancia y adolescencia
Infancia y adolescencia
 
Shorts sljöd 2
Shorts sljöd  2Shorts sljöd  2
Shorts sljöd 2
 
Aprendizagem na Sociedade-em-Rede - Movimento Girassol
Aprendizagem na Sociedade-em-Rede - Movimento GirassolAprendizagem na Sociedade-em-Rede - Movimento Girassol
Aprendizagem na Sociedade-em-Rede - Movimento Girassol
 

Similar to UML_WEB

Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454alvinyosua
 
Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916rangga priyatna
 
Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917rimaafauziaah
 
1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_ku1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_kuIrfanRifangga
 
Istu dana aditya 1112510811 tugas 2 (kelompok)
Istu dana aditya 1112510811 tugas 2 (kelompok)Istu dana aditya 1112510811 tugas 2 (kelompok)
Istu dana aditya 1112510811 tugas 2 (kelompok)istudana13
 
Tugas3 0316-hilmi afifi-1512510213
Tugas3 0316-hilmi afifi-1512510213Tugas3 0316-hilmi afifi-1512510213
Tugas3 0316-hilmi afifi-1512510213helmy afifi
 
Bab 2 Dasar Teori perancangan sistem informasi pendaftaran online be smart i...
Bab 2  Dasar Teori perancangan sistem informasi pendaftaran online be smart i...Bab 2  Dasar Teori perancangan sistem informasi pendaftaran online be smart i...
Bab 2 Dasar Teori perancangan sistem informasi pendaftaran online be smart i...Ricko SkyWriter
 
Tugas 3 rekweb – 0916 individu
Tugas 3 rekweb – 0916 individuTugas 3 rekweb – 0916 individu
Tugas 3 rekweb – 0916 individuMuhamad Fahrul Azis
 
Tugas 03 0916-gunawan suyanto-1512510205
Tugas 03 0916-gunawan suyanto-1512510205Tugas 03 0916-gunawan suyanto-1512510205
Tugas 03 0916-gunawan suyanto-1512510205Gunawandul
 
Tugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebTugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebMohammad Arief
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa webrizkyripai
 
Tugas 3 rekayasa web
Tugas 3   rekayasa webTugas 3   rekayasa web
Tugas 3 rekayasa webfaisalawai
 

Similar to UML_WEB (20)

Modul uml
Modul umlModul uml
Modul uml
 
Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454Tugas 3 ki-0316-alvin yosua-1411510454
Tugas 3 ki-0316-alvin yosua-1411510454
 
Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916
 
87 263-1-sm
87 263-1-sm87 263-1-sm
87 263-1-sm
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917
 
Unified Modelling Language (UML)
Unified Modelling Language (UML)Unified Modelling Language (UML)
Unified Modelling Language (UML)
 
Uml
UmlUml
Uml
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_ku1211510555 irfan adi rifangga tugas3_ku
1211510555 irfan adi rifangga tugas3_ku
 
Istu dana aditya 1112510811 tugas 2 (kelompok)
Istu dana aditya 1112510811 tugas 2 (kelompok)Istu dana aditya 1112510811 tugas 2 (kelompok)
Istu dana aditya 1112510811 tugas 2 (kelompok)
 
Tugas3 0316-hilmi afifi-1512510213
Tugas3 0316-hilmi afifi-1512510213Tugas3 0316-hilmi afifi-1512510213
Tugas3 0316-hilmi afifi-1512510213
 
Tugas rekweb 3
Tugas rekweb 3Tugas rekweb 3
Tugas rekweb 3
 
Bab 2 Dasar Teori perancangan sistem informasi pendaftaran online be smart i...
Bab 2  Dasar Teori perancangan sistem informasi pendaftaran online be smart i...Bab 2  Dasar Teori perancangan sistem informasi pendaftaran online be smart i...
Bab 2 Dasar Teori perancangan sistem informasi pendaftaran online be smart i...
 
Tugas 3 rekweb – 0916 individu
Tugas 3 rekweb – 0916 individuTugas 3 rekweb – 0916 individu
Tugas 3 rekweb – 0916 individu
 
Tugas 03 0916-gunawan suyanto-1512510205
Tugas 03 0916-gunawan suyanto-1512510205Tugas 03 0916-gunawan suyanto-1512510205
Tugas 03 0916-gunawan suyanto-1512510205
 
Tgs 3 rekweb
Tgs 3 rekwebTgs 3 rekweb
Tgs 3 rekweb
 
Tugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebTugas 3 - Rekayasa Web
Tugas 3 - Rekayasa Web
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas 3 rekayasa web
Tugas 3   rekayasa webTugas 3   rekayasa web
Tugas 3 rekayasa web
 

UML_WEB

  • 1. REKAYASA WEB TUGAS 3 OKTONATO GLAVIKANTARA 1612510675
  • 2. • 1. Jelaskan apa yang dimaksud dengan Unified Modeling Language (UML), berikan beberapa contoh sederhana! • 2. Jelaskan perbedaan mendasar antara Use Case Diagram, Activity Diagram, Sequence Diagram, Class Diagram ! • 3. Kenapa kita membutuhkan model design dalam implementasi / pembuatan software (web) ?
  • 3. Jawaban No 1 UML adalah suatu bahasa yang digunakan untuk menentukan, membangun dan mendokumentasikan suatu sistem informasi. UML merupakan salah satu alat bantu yang dapat digunakan dalam bahasa pemrograman. UML digunakan untuk melakukan pemodelan sistem/perangkat lunak dengan menggunakan tools yang ada. Dengan pemodelan menggunakan UML, rekayasa dan pengembangan perangkat dapat dilakukan dengan fokus pada pengembangan dan desain perangkat lunak terhadap; • 1. Tinjauan umum bagaimana arsitektur sistem secara keseluruhan • 2. Menguji apakah sistem/perangkat lunak sudah berfungsi seperti yang seharusnya 3. Dokumentasi sistem/perangkat lunak untuk keperluan- keperluan tertentu di masa yang akan datang…………
  • 4. Unified Modeling Language (UML) bukanlah merupakan bahasa pemprograman tetapi model-model yang tercipta berhubungan langsung dengan berbagai macam bahasa pemprograman, sehingga adalah mungkin melakukan pemetaan (mapping) langsung dari model-model yang dibuat dengan Unified Modeling Language (UML) dengan bahasa-bahasa pemprograman berorientasi obyek, seperti Java, Borland Delphi, Visual Basic, C++, dan lain-lain. Pemetaan (mapping) Unified Modeling Language (UML) bersifat dua arah yaitu : • 1. Generasi kode bahasa pemprograman tertentu dari Unified Modeling Language (UML) forward engineering. • 2. Generasi kode belum sesuai dengan kebutuhan dan harapan pengguna, pengembang dapat melakukan langkah balik bersifat iterative dari implementasi ke Unified Modeling Language (UML) hingga didapat sistem/peranti lunak yang sesuai dengan harapan pengguna dan pengembang….
  • 5. UML terdiri dari kumpula n-kumpulan diagram seperti : Use Case Diagram, Class Diagram, Statechart Diagram, Activity Diagram, Sequence Diagram, Collaboration Diagram, Component Diagram, Deployment Diagram. UML 2.2 Diagram Behavior DiagramStruktur Diagram UseCase Diagram State Machine Diagram Interaction Diagram Activity Diagram Sequence Diagram Communication Diagram Class Diagram Object Diagram Package Diagram Componen Diagram Composite Structure Diagram Deployment Diagram ProfileDiagram Timing Diagram Interaction Overview Diagram
  • 6. Jawaban No 2 • Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem dan bukan “bagaimana”. Sebuah use case merupakan sebuah interaksi antara aktor dengan sistem dan merupakan sebuah pekerjaan tertentu. • Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana mereka berakhir • Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna dan display) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri antar dimensi vertikal (waktu) dan dimensi horizontal(objek-objek yang terkait). • Class Diagram bersifat statis tetapi sering pula memuat kelas- kelas aktif dan memperlihatkan himpunan kelas-kelas serta menggambarkan keadaan suatu sistem
  • 7. Jawaban No 3 • Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Dalam perancangan aplikasi berbasis web, tampilan atau design menjadi salah satu prinsip dasar dalam pembuatan suatu web agar tampilan terlihat lebih menarik bagi pengguna. Karena website merupakan bagian terpenting dalam dunia internet. Misalnya seperti website online shop . Website tersebut akan memperhatikan tampilan web mereka agar terlihat menarik dan tidak terlihat membosankan sehingga para pengguna internet akan tertarik untuk mengunjungi web tersebut .