SlideShare a Scribd company logo
Web Technologies

   Course Introduction
piero.fraternali@polimi.it
The Internet
• On October 24, 1995, the FNC unanimously passed a
  resolution defining the term Internet.
• RESOLUTION:
   – "The Federal Networking Council (FNC) agrees that the following
     language reflects our definition of the term "Internet".
      • "Internet" refers to the global information system that --
      • (i) is logically linked together by a globally unique address space based
        on the Internet Protocol (IP) or its subsequent extensions/follow-ons;
      • (ii) is able to support communications using the Transmission Control
        Protocol/Internet Protocol (TCP/IP) suite or its subsequent
        extensions/follow-ons, and/or other IP-compatible protocols; and
      • (iii) provides, uses or makes accessible, either publicly or
        privately, high level services layered on the communications and
        related infrastructure described herein."
• Last modified on October 30, 1995
The Web
• The Web is defined in W3C's Architecture of
  the World Wide Web, Volume I as follows:
  – "The World Wide Web (WWW, or simply Web) is
    an information space in which the items of
    interest, referred to as resources, are identified by
    global identifiers called Uniform Resource
    Identifiers (URI).“

  – http://www.w3.org/TR/webarch/
After that
The business view




+ Android and Amazon EC2 Cloud (2008) + iPad (2010) + ....
Usage statistics
The social Web
Focus of this course
• Web development technologies, under multiple
  viewpoints
  – Protocols: TCP-IP, HTTP
  – Architectures: multi-tier architectures, client and
    server side architectures, Java servlet, Web
    caching, Service Oriented Architectures
  – Implementation Languages: HTML, CSS, JSP, Javascript
  – Models & Methodologies: Model Driven Web
    engineering, Domain Specific Modeling
    Languages, the Web Modeling Language (WebML) and
    methodology, the OMG Interaction Flow Modeling
    Language proposal
Prerequisites
• Data bases
  – Entity-Relationship
  – SQL
• Software Engineerinng
  – OO design
  – Java programming
  – UML
Contents
• Protocols
   – TCP-IP recap, HTTP
• Architectures
   – CGI, Java servlet, multi-tier, performance and web caching
• Languages
   – Client side: HTML, CSS, Javascript
   – Server side: Java Server Pages
• Methods and tools
   –   E-R modeling for the web
   –   Model-Driven web application development
   –   The Web Modeling Language
   –   WebRatio
Exam rules
• One mid term (prova in itinere) + one project
• The mid-term exam is mandatory
• The final mark is the weighted average of the
  mid-term exam (40%) and of the project (60%)
• The project is in part done in group, in part
  individually
• Both the mid-term and the project can assign
  up to 33 points
Course References
• Stefano Ceri, Piero Fraternali, Aldo Bongio, Marco
  Brambilla, Sara Comai, Maristella Matera,
   – Designing Data-Intensive Web Applications
     (Morgan Kaufmann)
      • http://www.amazon.com/Designing-Data-Intensive-Applications-
        Kaufmann-
        Management/dp/1558608435/ref=sr_1_3?s=books&ie=UTF8&qid
        =1330188089&sr=1-3
• Teaching materials at www.webml.org
• Slides of the TIW course
• OTHER REFERENCES FOR THIS SLIDE SET
   – http://www.webfoundation.org/vision/history-of-the-
     web/

More Related Content

What's hot

introduction to Web system
introduction to Web systemintroduction to Web system
introduction to Web system
hashim102
 
History of Web Technology
History of Web TechnologyHistory of Web Technology
History of Web Technology
Shuvo Malakar
 
1 web technologies
1 web technologies1 web technologies
1 web technologies
Jalpesh Vasa
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial
Jonathan Jeon
 
Unit 1 Webtechnology
Unit 1 WebtechnologyUnit 1 Webtechnology
Unit 1 Webtechnology
Abhishek Kesharwani
 
Web technology
Web technologyWeb technology
Web technology
Edison Francis
 
Slides 1 - Internet and Web
Slides 1 - Internet and WebSlides 1 - Internet and Web
Slides 1 - Internet and Web
Massimo Callisto
 
Internet
InternetInternet
Internet
GUjjar478
 
HTML, CSS and XML
HTML, CSS and XMLHTML, CSS and XML
HTML, CSS and XML
Aashish Jain
 
Web technologies
Web technologiesWeb technologies
Web technologies
Reynel Albo
 
Multimedia- How Internet Works
Multimedia- How Internet WorksMultimedia- How Internet Works
Multimedia- How Internet Works
sambhenilesh
 
Introduction html
Introduction htmlIntroduction html
Introduction html
savitamhaske
 
Unit 1 Webtechnology
Unit 1  WebtechnologyUnit 1  Webtechnology
Unit 1 Webtechnology
Abhishek Kesharwani
 
Web Technology Fundamentals
Web Technology FundamentalsWeb Technology Fundamentals
Web Technology Fundamentals
sunmitraeducation
 
Internet and Web Technology (CLASS-1) [Introduction]
Internet and Web Technology (CLASS-1) [Introduction]Internet and Web Technology (CLASS-1) [Introduction]
Internet and Web Technology (CLASS-1) [Introduction]
Ayes Chinmay
 
Eba ppt rajesh
Eba ppt rajeshEba ppt rajesh
Eba ppt rajesh
RajeshP153
 
Overview of TCP IP
Overview of TCP IPOverview of TCP IP
Overview of TCP IP
university of education,Lahore
 
How does the Internet Work?
How does the Internet Work?How does the Internet Work?
How does the Internet Work?
Dina Goldshtein
 

What's hot (20)

introduction to Web system
introduction to Web systemintroduction to Web system
introduction to Web system
 
History of Web Technology
History of Web TechnologyHistory of Web Technology
History of Web Technology
 
1 web technologies
1 web technologies1 web technologies
1 web technologies
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial
 
Unit 1 Webtechnology
Unit 1 WebtechnologyUnit 1 Webtechnology
Unit 1 Webtechnology
 
Web technology
Web technologyWeb technology
Web technology
 
Slides 1 - Internet and Web
Slides 1 - Internet and WebSlides 1 - Internet and Web
Slides 1 - Internet and Web
 
Internet
InternetInternet
Internet
 
HTML, CSS and XML
HTML, CSS and XMLHTML, CSS and XML
HTML, CSS and XML
 
Web technologies
Web technologiesWeb technologies
Web technologies
 
Multimedia- How Internet Works
Multimedia- How Internet WorksMultimedia- How Internet Works
Multimedia- How Internet Works
 
Introduction html
Introduction htmlIntroduction html
Introduction html
 
Unit 1 Webtechnology
Unit 1  WebtechnologyUnit 1  Webtechnology
Unit 1 Webtechnology
 
Web Technology Fundamentals
Web Technology FundamentalsWeb Technology Fundamentals
Web Technology Fundamentals
 
Internet and Web Technology (CLASS-1) [Introduction]
Internet and Web Technology (CLASS-1) [Introduction]Internet and Web Technology (CLASS-1) [Introduction]
Internet and Web Technology (CLASS-1) [Introduction]
 
world wide web
world wide webworld wide web
world wide web
 
Eba ppt rajesh
Eba ppt rajeshEba ppt rajesh
Eba ppt rajesh
 
Overview of TCP IP
Overview of TCP IPOverview of TCP IP
Overview of TCP IP
 
How does the Internet Work?
How does the Internet Work?How does the Internet Work?
How does the Internet Work?
 
Beekman5 std ppt_10
Beekman5 std ppt_10Beekman5 std ppt_10
Beekman5 std ppt_10
 

Viewers also liked

introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technologyvikram singh
 
Web technologies: recap on TCP-IP
Web technologies: recap on TCP-IPWeb technologies: recap on TCP-IP
Web technologies: recap on TCP-IPPiero Fraternali
 
Multimedia on the mountaintop: presentation at ACM MM2016
Multimedia on the mountaintop: presentation at ACM MM2016Multimedia on the mountaintop: presentation at ACM MM2016
Multimedia on the mountaintop: presentation at ACM MM2016
Piero Fraternali
 
Web technologies: Model Driven Engineering
Web technologies: Model Driven EngineeringWeb technologies: Model Driven Engineering
Web technologies: Model Driven EngineeringPiero Fraternali
 
Latest Trends in Web Technologies
Latest Trends in Web TechnologiesLatest Trends in Web Technologies
Latest Trends in Web Technologiesbryanbibat
 
Modern web technologies
Modern web technologiesModern web technologies
Modern web technologies
Oday Alqarra
 
Introduction - Web Technologies (1019888BNR)
Introduction - Web Technologies (1019888BNR)Introduction - Web Technologies (1019888BNR)
Introduction - Web Technologies (1019888BNR)
Beat Signer
 
Introduction to Modern and Emerging Web Technologies
Introduction to Modern and Emerging Web TechnologiesIntroduction to Modern and Emerging Web Technologies
Introduction to Modern and Emerging Web Technologies
Suresh Patidar
 
New microsoft word document (2)
New microsoft word document (2)New microsoft word document (2)
New microsoft word document (2)
ayooy1992
 
20141016-「推動工作與生活平衡之現況與展望」報告
20141016-「推動工作與生活平衡之現況與展望」報告20141016-「推動工作與生活平衡之現況與展望」報告
20141016-「推動工作與生活平衡之現況與展望」報告
R.O.C.Executive Yuan
 
Introduce To Object Based Media
Introduce To Object Based MediaIntroduce To Object Based Media
Introduce To Object Based Media
Cheng-Wei Chen
 
維基百科的基本語法與改錯技巧(Wiki協作聚 ii)
維基百科的基本語法與改錯技巧(Wiki協作聚  ii)維基百科的基本語法與改錯技巧(Wiki協作聚  ii)
維基百科的基本語法與改錯技巧(Wiki協作聚 ii)安可 Wiki
 
陶淵明的介紹
陶淵明的介紹陶淵明的介紹
陶淵明的介紹qwe968573
 
Turchia nuovo parquet
Turchia nuovo parquetTurchia nuovo parquet
Object-Based Programming Part II
Object-Based Programming Part IIObject-Based Programming Part II
Object-Based Programming Part II
PingLun Liao
 
Webdesign, UX et UCD #7
Webdesign, UX et UCD #7Webdesign, UX et UCD #7
Webdesign, UX et UCD #7
Relax In The Air
 
詩人-陶淵明的介紹
詩人-陶淵明的介紹詩人-陶淵明的介紹
詩人-陶淵明的介紹jh894b32
 

Viewers also liked (20)

introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 
Web technologies: recap on TCP-IP
Web technologies: recap on TCP-IPWeb technologies: recap on TCP-IP
Web technologies: recap on TCP-IP
 
Introduction About PHP
 Introduction About PHP Introduction About PHP
Introduction About PHP
 
Web technologies: HTTP
Web technologies: HTTPWeb technologies: HTTP
Web technologies: HTTP
 
Multimedia on the mountaintop: presentation at ACM MM2016
Multimedia on the mountaintop: presentation at ACM MM2016Multimedia on the mountaintop: presentation at ACM MM2016
Multimedia on the mountaintop: presentation at ACM MM2016
 
Web technologies: Model Driven Engineering
Web technologies: Model Driven EngineeringWeb technologies: Model Driven Engineering
Web technologies: Model Driven Engineering
 
Latest Trends in Web Technologies
Latest Trends in Web TechnologiesLatest Trends in Web Technologies
Latest Trends in Web Technologies
 
Modern web technologies
Modern web technologiesModern web technologies
Modern web technologies
 
Introduction - Web Technologies (1019888BNR)
Introduction - Web Technologies (1019888BNR)Introduction - Web Technologies (1019888BNR)
Introduction - Web Technologies (1019888BNR)
 
Introduction to Modern and Emerging Web Technologies
Introduction to Modern and Emerging Web TechnologiesIntroduction to Modern and Emerging Web Technologies
Introduction to Modern and Emerging Web Technologies
 
New microsoft word document (2)
New microsoft word document (2)New microsoft word document (2)
New microsoft word document (2)
 
20141016-「推動工作與生活平衡之現況與展望」報告
20141016-「推動工作與生活平衡之現況與展望」報告20141016-「推動工作與生活平衡之現況與展望」報告
20141016-「推動工作與生活平衡之現況與展望」報告
 
Introduce To Object Based Media
Introduce To Object Based MediaIntroduce To Object Based Media
Introduce To Object Based Media
 
EN 14904 English CE marking sport parquet
EN 14904 English CE marking sport parquetEN 14904 English CE marking sport parquet
EN 14904 English CE marking sport parquet
 
維基百科的基本語法與改錯技巧(Wiki協作聚 ii)
維基百科的基本語法與改錯技巧(Wiki協作聚  ii)維基百科的基本語法與改錯技巧(Wiki協作聚  ii)
維基百科的基本語法與改錯技巧(Wiki協作聚 ii)
 
陶淵明的介紹
陶淵明的介紹陶淵明的介紹
陶淵明的介紹
 
Turchia nuovo parquet
Turchia nuovo parquetTurchia nuovo parquet
Turchia nuovo parquet
 
Object-Based Programming Part II
Object-Based Programming Part IIObject-Based Programming Part II
Object-Based Programming Part II
 
Webdesign, UX et UCD #7
Webdesign, UX et UCD #7Webdesign, UX et UCD #7
Webdesign, UX et UCD #7
 
詩人-陶淵明的介紹
詩人-陶淵明的介紹詩人-陶淵明的介紹
詩人-陶淵明的介紹
 

Similar to Web technologies course, an introduction

Web Landscape - updated in Jan 2016
Web Landscape - updated in Jan 2016Web Landscape - updated in Jan 2016
Web Landscape - updated in Jan 2016
Jack Zheng
 
Introduction to Web Technology by Mahesh Sharma
Introduction to Web Technology by Mahesh SharmaIntroduction to Web Technology by Mahesh Sharma
Introduction to Web Technology by Mahesh Sharma
Arunima Education Foundation
 
Web Architecture and Technologies
Web Architecture and TechnologiesWeb Architecture and Technologies
Web Architecture and Technologies
Fulvio Corno
 
Web Technologies Introduction to web technologies
Web Technologies Introduction to web technologiesWeb Technologies Introduction to web technologies
Web Technologies Introduction to web technologies
Vigneshkumar Ponnusamy
 
Html
HtmlHtml
Html
kousika
 
From Provider to Portal - a chain of interoperability
From Provider to Portal - a chain of interoperabilityFrom Provider to Portal - a chain of interoperability
From Provider to Portal - a chain of interoperability
Andy Powell
 
Week two lecture
Week two lectureWeek two lecture
Week two lecture
Harry Essel
 
CS8651 Internet Programming - Basics of HTML, HTML5, CSS
CS8651   Internet Programming - Basics of HTML, HTML5, CSSCS8651   Internet Programming - Basics of HTML, HTML5, CSS
CS8651 Internet Programming - Basics of HTML, HTML5, CSS
Vigneshkumar Ponnusamy
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5
Jonathan Jeon
 
Internet tech & web prog. p1,2,3-ver1
Internet tech & web prog.  p1,2,3-ver1Internet tech & web prog.  p1,2,3-ver1
Internet tech & web prog. p1,2,3-ver1
Taymoor Nazmy
 
ch01-Internet & Web Basics &.ppt
ch01-Internet & Web Basics &.pptch01-Internet & Web Basics &.ppt
ch01-Internet & Web Basics &.ppt
GmachImen
 
Lec 01 Introduction.pptx
Lec  01 Introduction.pptxLec  01 Introduction.pptx
Lec 01 Introduction.pptx
AhmadMahmood62
 
Semantic web
Semantic webSemantic web
Semantic web
Karwan Jacksi
 
dotNET_Overview.pdf
dotNET_Overview.pdfdotNET_Overview.pdf
dotNET_Overview.pdf
valerie5142000
 
9 10 july2020
9 10 july20209 10 july2020
9 10 july2020
PreetiSaini55
 
ch1.pptx
ch1.pptxch1.pptx
ch1.pptx
AbelAteme
 
web world wide defination introduction.pptx
web world wide defination introduction.pptxweb world wide defination introduction.pptx
web world wide defination introduction.pptx
ubaidullah75790
 
Introduction of internet
Introduction of internetIntroduction of internet
Introduction of internet
Gulbir Chaudhary
 
IWMW 2002: Web standards briefing (session C2)
IWMW 2002: Web standards briefing (session C2)IWMW 2002: Web standards briefing (session C2)
IWMW 2002: Web standards briefing (session C2)
IWMW
 
Mihai tataran developing modern web applications
Mihai tataran   developing modern web applicationsMihai tataran   developing modern web applications
Mihai tataran developing modern web applications
ITCamp
 

Similar to Web technologies course, an introduction (20)

Web Landscape - updated in Jan 2016
Web Landscape - updated in Jan 2016Web Landscape - updated in Jan 2016
Web Landscape - updated in Jan 2016
 
Introduction to Web Technology by Mahesh Sharma
Introduction to Web Technology by Mahesh SharmaIntroduction to Web Technology by Mahesh Sharma
Introduction to Web Technology by Mahesh Sharma
 
Web Architecture and Technologies
Web Architecture and TechnologiesWeb Architecture and Technologies
Web Architecture and Technologies
 
Web Technologies Introduction to web technologies
Web Technologies Introduction to web technologiesWeb Technologies Introduction to web technologies
Web Technologies Introduction to web technologies
 
Html
HtmlHtml
Html
 
From Provider to Portal - a chain of interoperability
From Provider to Portal - a chain of interoperabilityFrom Provider to Portal - a chain of interoperability
From Provider to Portal - a chain of interoperability
 
Week two lecture
Week two lectureWeek two lecture
Week two lecture
 
CS8651 Internet Programming - Basics of HTML, HTML5, CSS
CS8651   Internet Programming - Basics of HTML, HTML5, CSSCS8651   Internet Programming - Basics of HTML, HTML5, CSS
CS8651 Internet Programming - Basics of HTML, HTML5, CSS
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5
 
Internet tech & web prog. p1,2,3-ver1
Internet tech & web prog.  p1,2,3-ver1Internet tech & web prog.  p1,2,3-ver1
Internet tech & web prog. p1,2,3-ver1
 
ch01-Internet & Web Basics &.ppt
ch01-Internet & Web Basics &.pptch01-Internet & Web Basics &.ppt
ch01-Internet & Web Basics &.ppt
 
Lec 01 Introduction.pptx
Lec  01 Introduction.pptxLec  01 Introduction.pptx
Lec 01 Introduction.pptx
 
Semantic web
Semantic webSemantic web
Semantic web
 
dotNET_Overview.pdf
dotNET_Overview.pdfdotNET_Overview.pdf
dotNET_Overview.pdf
 
9 10 july2020
9 10 july20209 10 july2020
9 10 july2020
 
ch1.pptx
ch1.pptxch1.pptx
ch1.pptx
 
web world wide defination introduction.pptx
web world wide defination introduction.pptxweb world wide defination introduction.pptx
web world wide defination introduction.pptx
 
Introduction of internet
Introduction of internetIntroduction of internet
Introduction of internet
 
IWMW 2002: Web standards briefing (session C2)
IWMW 2002: Web standards briefing (session C2)IWMW 2002: Web standards briefing (session C2)
IWMW 2002: Web standards briefing (session C2)
 
Mihai tataran developing modern web applications
Mihai tataran   developing modern web applicationsMihai tataran   developing modern web applications
Mihai tataran developing modern web applications
 

More from Piero Fraternali

presentation at European Utility Week, Vienna, Nov. 2015
presentation at European Utility Week, Vienna, Nov. 2015presentation at European Utility Week, Vienna, Nov. 2015
presentation at European Utility Week, Vienna, Nov. 2015
Piero Fraternali
 
Fraternali concertation june25bruxelles
Fraternali concertation june25bruxellesFraternali concertation june25bruxelles
Fraternali concertation june25bruxellesPiero Fraternali
 
Crowsourcing (anche) per le aziende del settore tessile e della moda
Crowsourcing (anche) per le aziende del settore tessile e della modaCrowsourcing (anche) per le aziende del settore tessile e della moda
Crowsourcing (anche) per le aziende del settore tessile e della moda
Piero Fraternali
 
06 1 array_stringhe_typedef
06 1 array_stringhe_typedef06 1 array_stringhe_typedef
06 1 array_stringhe_typedefPiero Fraternali
 
05 3 istruzioni-selezione-iterazione-condizioni
05 3 istruzioni-selezione-iterazione-condizioni05 3 istruzioni-selezione-iterazione-condizioni
05 3 istruzioni-selezione-iterazione-condizioniPiero Fraternali
 
05 2 integrali-conversioni-costanti-preproc-inclusione
05 2 integrali-conversioni-costanti-preproc-inclusione05 2 integrali-conversioni-costanti-preproc-inclusione
05 2 integrali-conversioni-costanti-preproc-inclusionePiero Fraternali
 
Human computation and participatory systems
Human computation and participatory systems Human computation and participatory systems
Human computation and participatory systems
Piero Fraternali
 
Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...
Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...
Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...Piero Fraternali
 
Human and social computation
Human and social computation Human and social computation
Human and social computation Piero Fraternali
 
Informatica delle persone: reti sociali, giochi seri e scienza dei cittadini
Informatica delle persone: reti sociali, giochi seri e scienza dei cittadiniInformatica delle persone: reti sociali, giochi seri e scienza dei cittadini
Informatica delle persone: reti sociali, giochi seri e scienza dei cittadiniPiero Fraternali
 

More from Piero Fraternali (20)

presentation at European Utility Week, Vienna, Nov. 2015
presentation at European Utility Week, Vienna, Nov. 2015presentation at European Utility Week, Vienna, Nov. 2015
presentation at European Utility Week, Vienna, Nov. 2015
 
Fraternali concertation june25bruxelles
Fraternali concertation june25bruxellesFraternali concertation june25bruxelles
Fraternali concertation june25bruxelles
 
Crowsourcing (anche) per le aziende del settore tessile e della moda
Crowsourcing (anche) per le aziende del settore tessile e della modaCrowsourcing (anche) per le aziende del settore tessile e della moda
Crowsourcing (anche) per le aziende del settore tessile e della moda
 
07 2 ricorsione
07 2 ricorsione07 2 ricorsione
07 2 ricorsione
 
07 1 funzioni
07 1 funzioni07 1 funzioni
07 1 funzioni
 
06 2 vector_matrici
06 2 vector_matrici06 2 vector_matrici
06 2 vector_matrici
 
06 1 array_stringhe_typedef
06 1 array_stringhe_typedef06 1 array_stringhe_typedef
06 1 array_stringhe_typedef
 
05 3 istruzioni-selezione-iterazione-condizioni
05 3 istruzioni-selezione-iterazione-condizioni05 3 istruzioni-selezione-iterazione-condizioni
05 3 istruzioni-selezione-iterazione-condizioni
 
05 2 integrali-conversioni-costanti-preproc-inclusione
05 2 integrali-conversioni-costanti-preproc-inclusione05 2 integrali-conversioni-costanti-preproc-inclusione
05 2 integrali-conversioni-costanti-preproc-inclusione
 
05 1 intro-struttura
05 1 intro-struttura05 1 intro-struttura
05 1 intro-struttura
 
03 2 arit_bin
03 2 arit_bin03 2 arit_bin
03 2 arit_bin
 
03 1 alg_bool
03 1 alg_bool03 1 alg_bool
03 1 alg_bool
 
02 algo programmi
02 algo programmi02 algo programmi
02 algo programmi
 
06 3 struct
06 3 struct06 3 struct
06 3 struct
 
Human computation and participatory systems
Human computation and participatory systems Human computation and participatory systems
Human computation and participatory systems
 
Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...
Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...
Better society: Meet us at #ICT2013eu for #trustedsocialmedia http://bit.ly/1...
 
So human presentation
So human presentationSo human presentation
So human presentation
 
Human and social computation
Human and social computation Human and social computation
Human and social computation
 
Common Gateway Interface
Common Gateway InterfaceCommon Gateway Interface
Common Gateway Interface
 
Informatica delle persone: reti sociali, giochi seri e scienza dei cittadini
Informatica delle persone: reti sociali, giochi seri e scienza dei cittadiniInformatica delle persone: reti sociali, giochi seri e scienza dei cittadini
Informatica delle persone: reti sociali, giochi seri e scienza dei cittadini
 

Recently uploaded

Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 

Recently uploaded (20)

Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 

Web technologies course, an introduction

  • 1. Web Technologies Course Introduction piero.fraternali@polimi.it
  • 2. The Internet • On October 24, 1995, the FNC unanimously passed a resolution defining the term Internet. • RESOLUTION: – "The Federal Networking Council (FNC) agrees that the following language reflects our definition of the term "Internet". • "Internet" refers to the global information system that -- • (i) is logically linked together by a globally unique address space based on the Internet Protocol (IP) or its subsequent extensions/follow-ons; • (ii) is able to support communications using the Transmission Control Protocol/Internet Protocol (TCP/IP) suite or its subsequent extensions/follow-ons, and/or other IP-compatible protocols; and • (iii) provides, uses or makes accessible, either publicly or privately, high level services layered on the communications and related infrastructure described herein." • Last modified on October 30, 1995
  • 3. The Web • The Web is defined in W3C's Architecture of the World Wide Web, Volume I as follows: – "The World Wide Web (WWW, or simply Web) is an information space in which the items of interest, referred to as resources, are identified by global identifiers called Uniform Resource Identifiers (URI).“ – http://www.w3.org/TR/webarch/
  • 4.
  • 5.
  • 6.
  • 8. The business view + Android and Amazon EC2 Cloud (2008) + iPad (2010) + ....
  • 11. Focus of this course • Web development technologies, under multiple viewpoints – Protocols: TCP-IP, HTTP – Architectures: multi-tier architectures, client and server side architectures, Java servlet, Web caching, Service Oriented Architectures – Implementation Languages: HTML, CSS, JSP, Javascript – Models & Methodologies: Model Driven Web engineering, Domain Specific Modeling Languages, the Web Modeling Language (WebML) and methodology, the OMG Interaction Flow Modeling Language proposal
  • 12. Prerequisites • Data bases – Entity-Relationship – SQL • Software Engineerinng – OO design – Java programming – UML
  • 13. Contents • Protocols – TCP-IP recap, HTTP • Architectures – CGI, Java servlet, multi-tier, performance and web caching • Languages – Client side: HTML, CSS, Javascript – Server side: Java Server Pages • Methods and tools – E-R modeling for the web – Model-Driven web application development – The Web Modeling Language – WebRatio
  • 14. Exam rules • One mid term (prova in itinere) + one project • The mid-term exam is mandatory • The final mark is the weighted average of the mid-term exam (40%) and of the project (60%) • The project is in part done in group, in part individually • Both the mid-term and the project can assign up to 33 points
  • 15. Course References • Stefano Ceri, Piero Fraternali, Aldo Bongio, Marco Brambilla, Sara Comai, Maristella Matera, – Designing Data-Intensive Web Applications (Morgan Kaufmann) • http://www.amazon.com/Designing-Data-Intensive-Applications- Kaufmann- Management/dp/1558608435/ref=sr_1_3?s=books&ie=UTF8&qid =1330188089&sr=1-3 • Teaching materials at www.webml.org • Slides of the TIW course • OTHER REFERENCES FOR THIS SLIDE SET – http://www.webfoundation.org/vision/history-of-the- web/