1 1

Overview of Modern Web Architectures

in Industrie 4.0 Era

Dr. Mohammad Iqbal

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

Pergeseran Kerumitan Desain

3

Menuju Ke Generasi ke-4 Sistem Web

4

Kategori Web-based System

5

Kunci Pengetahuan dalam Web-

Engineering

6

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

Web Engineering adalah Multi Disiplin

8

Apakah Industri 4.0

9

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

Industri 4.0 - Ketika OT berkolaborasi

dengan IT

11

Arsitektur Industri 4.0

12

Arsitektur Software untuk Industri 4.0

Interoperabilitas

Distributed

Scalable

Data Agregat

Data Analisis

Device Management

Event Management

Security

Digital Twin Management

13

Ekosistem IOT

14

Lapisan Ekosistem IoT

15

Cloud Reference Model

16

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

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

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

Keterlibatan user dalam Pengaturan Sistem

Cloud

20

Transformasi Software menuju Teknologi

Masa Depan

21

Cara klasik Mendefinisikan Arsitektur

Software

22

Beberapa Contoh Arsitektur untuk Enterprise

23

Beberapa Desain Elemen Web Generasi

ke-2

24

Arsitektur yang Semakin Membesar

25

Kebutuhan Integrasi yang semakin

mendalam

26

Transformasi dimulai

27

Menuju Arsitektur Web-Oriented

SOA

(Service

Oriented

Architecture)

28

Arsitektur Web-Oriented

29

Semua bisa Terlibat dalam Mengembangkan

Web

30

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

Keuntungan : Membuka luas kesempatan

menyentuh user

32

Platform VS App

33

Platform VS App

34

Penggunaan Jangka panjang API

35

Model distribusi Aplikasi yang tambah

Masif – Open API

36

Produk Development baru

37

Distribusi Model Mutakhir

38