Despre Aplicatii Web

7/30/2019 Despre Aplicatii Web

1/90

Dr.Sabin

Buraga

www.purl.o

rg/net/busa

co

Inginerie Web

Aspecte privind dezvoltarea aplicatiilor Web

detalii in [PSW, 197-298]vezi si G. Kappel et al. (Editors), Web Engineering,

Wiley & Sons, 2006


2/90

Dr.Sabin

Buraga

www.purl.o

rg/net/busa

co

Sa te stradui sa adaptezi intotdeauna

momeala pe gustul pestelui.

Lloyd George


3/90

Dr.Sabin

Buraga

www.purl.o

rg/net/busaco

Aplicatii Web sisteme software complexe,in evolutie permanenta


4/90

Dr.Sabin

Buraga

www.purl.o

rg/net/busaco

Realitati privind proiectele Web de anvergura:

neadaptare la cerintele de tip business (84%)

intirzieri in lansare (79%)

neincadrare in buget (63%)

lipsa functionalitatii (53%)calitatea precara a aplicatiei (52%)


5/90

Dr.Sabin

Buraga

www.

purl.o

rg/net/busaco

Asigurarea calitatii aplicatiilor Web

corectitudine & robustete (reliability)extindere & reutilizare (modularitate)

compatibilitate

eficienta (asigurarea performantei)

portabilitate


6/90

Dr.Sabin

Buraga

www.

purl.o

rg/net/busaco


usurinta in utilizare (usability)functionalitate

relevanta momentului lansarii (timeliness)

mentenabilitate

securitate


7/90

Dr.Sabin

Buraga

www.

purl.o

rg/net/busaco


alte aspecte de interes:verificabilitate

integritate

reparabilitate

economie


8/90

Dr.Sabin

Buraga

www.

purl.o

rg/net/busaco

Necesitati:

scopuri & cerinte clar specificate

dezvoltarea sistematica, in faze, a aplicatiilor Web

planificarea judicioasa a etapelor de dezvoltare

controlul permanent al intregului proces de dezvoltare


9/90

Dr.Sabin

Buraga

www.

purl.o

rg/net/busaco

Necesitati:

scopuri & cerinte clar specificate

dezvoltarea sistematica, in faze, a aplicatiilor Web

planificarea judicioasa a etapelor de dezvoltare

controlul permanent al intregului proces de dezvoltare

inginerie Web


10/90

Dr.Sabin

Buraga

www.

purl.o

rg/net/busaco

aspecte de interes

Categorii de aplicatii WebCentrate pe documente

Interactive

Tranzactionale

Colaborative

Orientate spre portaluri

De tip ubicuuWeb social

Web semantic


11/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes

Categorii de aplicatii WebCentrate pe documente

Interactive

Tranzactionale

Colaborative


De tip ubicuuWeb social

Web semantic

evolutia in timp

a complexitatii


12/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes

Centrate pe documente document centric

continut/pagini static(e):situri de companii, personale


13/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes

Interactive

expozitii virtualesituri de stiri

sisteme din domeniul turismului


14/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes

Tranzactionale

online bankingsolutii B2B (business-to-business)

fluxuri de activitati (workflow-uri)


15/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes

Colaborative

tele-conferinte Web

wiki-uri

servicii e-learning

aplicatii Webpeer-to-peer


16/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes


localizare unitara a informatiilor:tehnice, de afaceri, guvernamentale,

specie: Web-ul cetatenesc


17/90

Dr.Sabin

Buraga

www.p

url.o

rg/net/busaco

aspecte de interes

De tip ubicuu

servicii mobile bazate pe locatia utilizatorului,

disponibile pe mai multe plaforme:

desktop, dispozitive mobile, tablet,

Web-ul mobil


18/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

aspecte de interes

Web social

(micro)blog-uri

mediatizare (syndication)

spatii de lucru virtuale

filtrare colaborativa

divertisment social social (game) computing

t


19/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

aspecte de interes

Web semantic

modelarea cunostintelor

pentru a fi intelese de calculatoare

date

informaii

cunotine

avansat

t


20/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

aspecte de interes

Web semantic

modelarea cunostintelor

pentru a fi intelese de calculatoare

date

informaii

cunotine

detalii la master la Dezvoltarea aplicatiilor Web

avansat

t


21/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

Web semantic

interconectarea datelor avnd descrieri procesabile

la nivelul calculatoarelor

linked open data

aspecte de interes

avansat

t


22/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

http://lod-cloud.net/

avansat

t


23/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

Web semantic

management de cunotine

mediatizare complex

realizare automat de raionamente

recomandare inteligent de resurse

regsirea i reutilizarea dateloretc.

aspecte de interes

avansat


24/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

Aspecte importante:

stabilirea standardelor de calitatelicitare & negociere aspect important: copyright-ul

documentare

verificare & validare

management

cerinte


25/90

Dr.SabinBuraga

www.p

url.o

rg/net/busaco

cerinte

Aspecte specifice aplicatiilor Web:

Lipsa unei structuri reale (tangibile)

Multi-disciplinaritate

Necunoasterea publicului-tinta real

Volatilitatea cerintelor & constringerilor

Mediu de operare impredictibilImpactul sistemelor traditionale (legacy)

Aspecte calitative diferite

Inexperienta vizitatorilor

Termenul de lansare


26/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco

cerinte: exemplu

Situl Web al unui muzician

To maintain and develop lasting relationships with fans

ofRoberts music. In addition to being visuallyand

emotionallyappealing and appropriate to Roberts fan base,

the site should be a reliable source for current information

on Roberts activities and provide consistentlyupdatedaudio and visual stimuli that encourage repeated visits

from fans.


27/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco

cerinte: exemplu

Punctele de plecare in dezvoltarea Flickr

presupuneri initiale (assumptions):

folosirea succesului blogging-ului, partajarea nu doar

a insemnarilor, ci si fotografiilor (personale),

suport pentru realizarea de comentarii + tagging


28/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco

cerinte: exemplu


presupuneri initiale (assumptions):

oamenilor le place sa-si impartaseasca amintirile


29/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco

cerinte: exemplu


declaratia scopului (claim):

Flickr.com is almost certainly the best online photo

management and sharing application in the world.

pretindea Flickr in 2005


30/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco

noi tipuri de cerinte

Privitoare la continut

audientacontext de navigare

preferinte

disponibilitate

etc.


31/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco


Interactiunea cu utilizatorul in contextul Web

inclusiv vizand Web-ul social

content mash-up

itsyours to take, re-arrange and re-use


32/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco


Calitative

functionalitatefiabilitate

utilizabilitate

eficienta

mentenabilitateindependenta de platforma


33/90

Dr.SabinBuraga

www.p

url.o

rg/net/bus

aco


Privitoare la mediul de executie

(in)dependenta de navigatorul Webwireless on-line vs. off-line


34/90

Dr.SabinBuraga

www

.purl.o

rg/net/bus

aco


Referitoare la evolutie

perpetual beta


35/90

Dr.SabinBuraga

www

.purl.o

rg/net/bus

aco

In ce mod dezvoltam o aplicatie Web?


36/90

Dr.SabinBuraga

www

.purl.o

rg/net/bus

aco

modelare

Uzual, se recurge la o metodologie


37/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

modelare

Uzual, se recurge la o metodologie

se prefera abordarile conduse de modele

(MDA model-driven architecture)

www.omg.org/mda/

avansat


38/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

modelare

Metodologii orientate spre:date: RMM (Relationship Management Methodology),

Hera, WebML

interactiune: HDM (Hypertext Design Model),

WSDM (Web Site Design Method), UsiXML

obiecte: OOHDM (Object-Oriented HDM),

UWE (UML-based Web Engineering),

OOWS (Object-Oriented Web Solutions)

software: WAE (Web Application Extension)

avansat

avansat


39/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

avansat

Robert Baxley

avansat


40/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

avansat

Jesse Garrett


41/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

arhitecturi

Calitatea aplicatiilor Web este influentata

de arhitectura pe care se bazeaza


42/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

arhitecturi

Dezvoltarea unei arhitecturi software ia in calcul:

cerinte functionale impuse de clienti, vizitatori,

factori calitativi vizand performanta, reutilizabilitatea,scalabilitatea etc.

aspecte tehnice OS, middleware, sisteme legacy,

experienta recurgerea la arhitecturi existente,pattern-uri, management de proiecte etc.


43/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

arhitecturi

Arhitecturi Web generice componente tipice:client(i)

firewall

proxyserver(e) Web

server(e) de stocare persistenta (baze de date)

server(e) de continut multimedia

server(e) de management al continutului

server(e) de aplicatii

aplicatii traditionale (legacy)


44/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

arhitecturi

Solutii complexe:

paradigme de comunicare intre (module de) aplicatii

SOA Service Oriented Architecture

integrare la nivel de: date, aplicatie, procese de afaceri


45/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

testare

Teste specifice in contextul aplicatiilor Web

privind continutul structura, meta-date

probleme la nivel de hipertext(e.g., broken links)

utilizabilitate inclusiv accesibilitate, multi-lingvism

estetica interfetei Web dificil de evaluat/testat


46/90

Dr.Sabi

nBuraga

www

.purl.o

rg/net/bus

aco

testare

Teste specifice in contextul aplicatiilor Web

integrare a componentelor

gradul de disponibilitate permanenta si de flexibilitate

(evolutie continua)

gradul de independenta de dispozitiv multi-screen

(numar mare de dispozitive & caracteristici potentiale)


47/90

Dr.SabinBuraga

www

.purl.o

rg/net/bus

aco

testare

Alte tipuri de testari:

privind performantaincarcare (load)

stressing

testare continua

scalabilitate

referitoare la securitate

vezi cursul viitor


48/90

Dr.SabinBuraga

www

.purl.o

rg/net/bus

aco

testare

Poate fi realizata:

manual

semi-automat

automat


49/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

testare: exemplu codul-sursa

Documente (X)HTML validator.w3.org, Tidy

Documente CSS

Documente XML bine-formatate / valide

Script-uri pe partea client (JavaScript) via JSLint

Programe rulate la nivel de server (JSP, PHP,): xUnit

Integritatea si accesul la sistemul de fisiere

Integritatea si accesul la bazele de dateRezolvarea independentei de navigator

Prevenirea/solutionarea problemelor de securitate

Rezolvarea scalabilitatii aplicatiei Web


50/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare: aspecte de interes

Disponibilitatea imediata & globala:

24 h 7 zile, numar nelimitatde utilizatori

suport permanent acordat clientilor

continua dezvoltare a aplicatiei Web


51/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco


Includerea aplicatiei Web in fluxul de activitati

(workflow-ul) deja existent al organizatiei

asteptari:

cresterea productivitatii, asigurarea calitatii,

reducerea ciclurilor de activitati etc.

efect posibil:

redefinirea workflow-urilor


52/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco


Publicarea sitului

server dedicat

furnizor de gazduire Web (hosting)

fara Under construction nicaieri!


53/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco


Alegerea domeniului(poate reflecta brand-ul)

batalia numelor de domenii

servicii de redirectionare

utilizarea de domenii speciale:

.tv (Tuvalu), .fm (Federatia Micronezia) etc.


54/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare: promovarea

Numele sitului legat de numele organizatiei

Anunturi publicitare catre toti clientii, furnizorii etc.

Affiliate marketing

(schimb de banner-e,pay per click,)


55/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare: promovarea

SEM (Search engine marketing)

inscrierea la motoare de cautare +

optimizarea pentru motoarele de cautare

(SEO search engine optimization)

Content-related marketing e.g., Google AdWords

Folosirea tehnologiilor Web-ului social

social (media) marketing


56/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare

Mentinerea (administrarea) continutului

obtinerea, crearea, pregatirea, managementul,prezentarea, procesarea, publicarea si reutilizarea

continuturilor in maniera sistematica si structurata


57/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare

Mentinerea (administrarea) continutului

obtinerea, crearea, pregatirea, managementul,prezentarea, procesarea, publicarea si reutilizarea

continuturilor in maniera sistematica si structurata

puncte de vedere:organizational

tehnic

referitoare la utilizator

avansat


58/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare: management

In nivel organizational:managementul cunostintelor (knowledge management)

managementul relatiilor cu clientii(CRM Client Relationship Management)

planificarea resurselor

(ERP Enterprise Resource Planning)managementul workflow-urilor + business rules

integrarea aplicatiilor (EAI Enterprise App Integration)

avansat


59/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco


In nivel tehnic:

managementul continutului de catre personal non-tehnic,asigurind separatia dintre continut,

structura si presentare

sisteme de management al continutului(CMS Content Management Systems)

instrumente colaborative (e.g., enterprise wiki)

avansat


60/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco


Privind utilizatorul:

utilizabilitate Web

mediatizare, agregare, mixare

cresterea performantei8090% of the end-user response time is spent

on the front-end (Steve Souders)

avansat


61/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare: analiza utilizarii

Usage analysis

metode explicite (offline) vs. metode implicite (online)

metode explicite bazate pe date oferite de utilizator

exemple: chestionare, analiza mesajelor de e-mail

metode implicite colectare automata a datelor de interes

avansat


62/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

exploatare: analiza utilizarii

Usage analysis

construirea profilului utilizator: Web usage mininganaliza fisierelor de jurnalizare a accesului

(e.g., access.log la Apache, awstats,)

masurarea popularitatii sitului: viteza de incarcare,numarul de accesari, timpul de vizitare etc.

servicii de monitorizare/raportare

e.g., Google Analytics, WordPress Statistics


63/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

management

Parametrii unui proiect Web:

obiectiv principal

resurse umanedurata

cost

abordare

tehnologiiprocese

rezultat

profilul echipei


64/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

management


obiectiv principal

crearea unui produs utilizabil in cit mai scurt timp posibil


65/90

Dr.SabinBuraga

www

.purl.o

rg/net/busaco

management


resurse umane

uzual, 3-9 indivizi

strategii: in-house, outsourcing (offshore), nearshore


66/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/busaco

management


durata

~3-6 luni


67/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/busaco

management


cost

de ordinul miilor de dolari


68/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/busaco

management


abordare

metode agile,

asamblare de componente,

prototipizare


69/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/busaco

management


tehnologii

bazate pe componente

(servicii, API-uri publice, biblioteci)

proiectare/programare vizuala

multimediaetc.


70/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/busaco

management


procese

ad-hoc (agile)


71/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/busaco

management


rezultat

reutilizabilitate mare a codului

(in special, la nivel de server),

recurgerea la componente/limbaje/platforme standard,

aplicatii implementate uzual conform standardelor

designul vizual este, de cele mai multe ori, unicat


72/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

management


profilul echipei

specialisti in interactiune e.g., designeri Web

+

dezvoltatori (programatori) Web

+arhitecti de baze de date

+

specialisti in marketing si/sau relatii cu publicul


73/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

management: personal

Personal aplicatii Web de anverguraManagement: Site editor, Project manager

Dezvoltare: System architect, Creative lead,Security architect, Data (DB/XML) modeler & developer,

Component developer, Web interface developer,

Graphic artist(s), HCI engineer

Programare: Server-side programmers, Client-sideprogrammers, Data/component integration programmers

Testare: Testing lead, Client-side tester, Server-side tester,

Component tester,Application integration tester


74/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Personal aplicatii Web de anverguraOperatii tehnice asupra serverului Web:

Webmaster, Hardware & network technicians,Network admin., Backup operator, Database

administrator, Uptime monitor, Security monitor

Marketing: Content producers & editors,

Branding & advertising experts, Direct e-marketer


75/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Componenta tipica:


76/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Caracteristici:

multi-disciplinaritate

paralelism al activitatilor

dimensiuni reduse


77/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Web Designer: mainly a front-end developer

graphics applications, (X)HTML, CSS,cross-browser compatibility, experienta in design vizual,

cunostinte privind interactiunea Web,

JavaScript (jQuery),


78/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Web Developer: mainly a back-end developer

cel putin 1 limbaj obiectual, server-side scripting,protocoale & standarde Internet/Web,

cunostinte de baze de date (inclusiv XML si/sau NoSQL),

familiaritate cu sisteme CMS/wiki,

cunostinte privitoare la servicii Web,cunostinte despre alte paradigme de programare,


79/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Web Technician: junior Web developer

asistent (ajutor) al webmaster-ului,designerului sau dezvoltatorului Web

in formare de abilitati


80/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco


Web Maintainer: maintains information

actualizeaza continutului disponibil pe Webvia o interfata WYSIWYG, uzual


81/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

management

Evidenta riscurilor factori importanti:

definirea neclara a obiectivelor

focalizarea asupra unei audiente nereprezentative

(e.g., conducerea organizatiei)

procese bazate pe organigrama, nu pe abilitati reale

lipsa consistentei datorata outsourcing-ului

lipsa bugetului alocat mentenantei


82/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

management


preluarea inflexibila a continutului

stocat in cadrul documentelor traditionale

lipsa mijloace de navigare prin sit

neintelegerea diferentei Internet/intranet

subestimarea semnificatiei prezentei pe Web


83/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

management


marketing vs. usability

probleme cauzate de continutul generat de utilizatori

aspectele vizand securitatea aplicatiilor Web

probleme referitoare la performanta


84/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

management

Supravietuirea dupa dezastru

campania negativa

niciodata nu critica adversariiprobleme de securitate

probleme de performanta

promptitudinea

construireaunui

dark site


85/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

concluzii

Optimizarea sitului (implicit a designului)

are loc permanent

fenomenulperpetual beta

a se vizita The Museum of Modern Betas:

http://momb.socio-kybernetics.net/

l


86/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

concluzii

Optimizarea sitului (implicit a designului)

are loc permanent

situl/aplicatia trebuie sa reactioneze in timp-real

la interactiunea cu utilizatorul

l ii


87/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

concluzii

Un numar tot mai mare de aplicatii (servicii)

populare disponibile on-line se bazeaza

pe continut generat de utilizatori

vezi statisticile http://www.alexa.com/topsites

l ii


88/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

concluzii

Un numar tot mai mare de aplicatii (servicii)

populare disponibile on-line se bazeaza

pe continut generat de utilizatori

vezi statisticile http://www.alexa.com/topsites

necesitatea altor metode/tehnici de dezvoltare Web


89/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

rezumat

Inginerie Webdezvoltare, testare & exploatare

managementul aplicatiilor Web


90/90

Dr.Sab

inBuraga

www

.purl.o

rg/net/bu

saco

?

Despre Aplicatii Web

Documents

Transcript of Despre Aplicatii Web