Top Banner
1 1 Overview of Modern Web Architectures in Industrie 4.0 Era Dr. Mohammad Iqbal
38

Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Nov 07, 2019

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

1 1

Overview of Modern Web Architectures

in Industrie 4.0 Era

Dr. Mohammad Iqbal

Page 2: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

2 2

Outline

Web App Case Study

Modern Web Characteristics

Modern Web Architecture : OpenSocial

Architecture

Components

Security Background

Authorization

Out of Scope: Authentication

Future Directions

Page 3: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Pergeseran Kerumitan Desain

3

Page 4: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Menuju Ke Generasi ke-4 Sistem Web

4

Page 5: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Kategori Web-based System

5

Page 6: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Kunci Pengetahuan dalam Web-

Engineering

6

Page 7: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Aktivitas dalam Web Engineering

1. Requirements specification and analysis

2. Web based system analysis and design

3. Web development methodologies and techniques

4. Migration of legacy systems to Web environments

5. Web-based real-time applications development

6. Web-based multimedia application development

7. Testing, verification and validation techniques and tools

8. Quality assessment, control and assurance

9. Management of access to applications and privileges

10. Configuration and project managementConfiguration and project management

11. “Web metrics” – metrics for estimation of development effort

12. Performance specification and evaluation

13. Update and maintenance

14. Development models, teams, and staffing

15. Human and cultural aspects

16. User-centric development

17. Graphics, animation, and streaming

18. Copyright, legal and social aspects

7

Page 8: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Web Engineering adalah Multi Disiplin

8

Page 9: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Apakah Industri 4.0

9

Page 10: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Penggerak Industri 4.0

Predictive Maintenance

Flexible Manufacturing and Customization

Global Supply Chain integration

Better safety and productivity

EUR 78 Billion Industry by 2025

10

Page 11: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Industri 4.0 - Ketika OT berkolaborasi

dengan IT

11

Page 12: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Arsitektur Industri 4.0

12

Page 13: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Arsitektur Software untuk Industri 4.0

Interoperabilitas

Distributed

Scalable

Data Agregat

Data Analisis

Device Management

Event Management

Security

Digital Twin Management

13

Page 14: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Ekosistem IOT

14

Page 15: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Lapisan Ekosistem IoT

15

Page 16: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Cloud Reference Model

16

Page 17: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

XaaS or <Something> as a Service

Infrastructure as a Service: virtual machines,

virtual storage, virtual infrastructure, and other

hardware assets as resources that clients can

provision.

Platform as a Service: virtual machines,

operating systems, applications, services,

development frameworks, transactions, and

control structures.

Software as a Service: a complete operating

environment with applications, management,

and the user interface. 17

Page 18: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Implementasi Sistem Cloud

IaaS : Amazon Elastic Compute Cloud (EC2)

PaaS : Force.com, Google AppEngine,

Windows Azure Platform

SaaS : GoogleApps, SalesForce.com, Office

365

SaaS : Software is binary code installed onto a

computer. SaaS delivers code and data over a

browser

18

Page 19: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Kenapa SaaS paling mantebb

No installation or hardware worries

Backups occur automatically

People not co-located can work together with same

data

Large data sets easier to work with at one location

No compatibility issues

Upgrades are handled in the cloud

19

Source: David Patterson, University of California Berkeley

Page 20: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Keterlibatan user dalam Pengaturan Sistem

Cloud

20

Page 21: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Transformasi Software menuju Teknologi

Masa Depan

21

Page 22: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Cara klasik Mendefinisikan Arsitektur

Software

22

Page 23: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Beberapa Contoh Arsitektur untuk Enterprise

23

Page 24: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Beberapa Desain Elemen Web Generasi

ke-2

24

Page 25: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Arsitektur yang Semakin Membesar

25

Page 26: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Kebutuhan Integrasi yang semakin

mendalam

26

Page 27: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Transformasi dimulai

27

Page 28: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Menuju Arsitektur Web-Oriented

SOA

(Service

Oriented

Architecture)

28

Page 29: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Arsitektur Web-Oriented

29

Page 30: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Semua bisa Terlibat dalam Mengembangkan

Web

30

Page 31: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Emergent Architecture

31

• Community-driven

architecture

• Autonomous stakeholders

• Adaptive processes

• Resource constraints

• Decentralized solutions

• Emergent outcomes

Kelebihan :

1. Dynamic response and

adaptation to change

2. Architecture supported

and driven widely by local

users

3. Less waste

4. More access to

opportunity

5. Better fit to business

needs

Page 32: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Keuntungan : Membuka luas kesempatan

menyentuh user

32

Page 33: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Platform VS App

33

Page 34: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Platform VS App

34

Page 35: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Penggunaan Jangka panjang API

35

Page 36: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Model distribusi Aplikasi yang tambah

Masif – Open API

36

Page 37: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Produk Development baru

37

Page 38: Modern Web Arsitektur - mohiqbal.staff.gunadarma.ac.idmohiqbal.staff.gunadarma.ac.id/Downloads/files/67390/mohiqbal+-+4...Web Engineering adalah Multi Disiplin 8 . Apakah Industri

Distribusi Model Mutakhir

38