SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Dynamic graphical user interface
generation for web-based public
display applications
Jorge C. S. Cardoso
jorgecardoso@ieee.org
http://jorgecardoso.eu

PECCS 2014 - Lisbon, Portugal
Open public display networks

● Open display networks
○ "designed and implemented to be open to
applications and content from many sources and
thus provide the foundation for work on a new global
communications medium for information access and
interaction”
Interaction toolkit for public displays
● Different displays may provide different
interaction capabilities
● Developers need
○ Abstraction from interaction mechanisms
○ Various high-level controls
PuReWidgets
● High-level abstractions
○ Widgets

● Independence from interaction mechanism
○
○
○
○
○

SMS
Email
Touch
Mobile interface
QR code
Widgets
Interaction

Touch

Text-based
(SMS, email, …)

QR codes

Mobile
interface
(Automatically
generated)
Automatic GUI for mobile devices
● Discoverability
○ Of apps
○ Of apps’ features

● Interaction
● No extra effort for programmers of public
display apps
Dynamic GUI generation approaches
● Downloadable UI code
○ e.g., Jini Service UI

● Abstract UI description
○ XWeb (Olsen et al., 2000)

● Hybrid
○ Hodes & Katz, 1999
○ iCrafter (Ponnekanti et al., 2001)

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
PuReWidgets

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Architecture
Widget structure

Interaction
Manager
Server

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Rendering

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Rendering

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
Preliminary evaluation
● Real-world deployment
Discussion
● Asynchronous
interaction
● Rapidly changing
widgets
Conclusion
● We need better tools to create applications
for open display networks
○ Interaction abstractions

● PuReWidgets is just one attempt/model
Thank you!
Dynamic graphical user interface
generation for web-based public
display applications
Jorge C. S. Cardoso
jorgecardoso@ieee.org
http://jorgecardoso.eu

PECCS 2014 - Lisbon, Portugal

Contenu connexe

Similaire à Dynamic graphical user interface generation for web-based public display applications

Colombia, the new NEM destination: Project initiatives and country capacities...
Colombia, the new NEM destination: Project initiatives and country capacities...Colombia, the new NEM destination: Project initiatives and country capacities...
Colombia, the new NEM destination: Project initiatives and country capacities...
CINTELColombia
 
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptxCopy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
SipraMohanty11
 
Platform Adaptation and Challenges in Smart Cities
Platform Adaptation and Challenges in Smart CitiesPlatform Adaptation and Challenges in Smart Cities
Platform Adaptation and Challenges in Smart Cities
Hiroshi Takahashi
 
Fact Sheet Open Cities
Fact Sheet Open CitiesFact Sheet Open Cities
Fact Sheet Open Cities
Ramon1974
 
L.U.N.A. Ads Sustaining Wireless Access For Mobile Users
L.U.N.A. Ads   Sustaining Wireless Access For Mobile UsersL.U.N.A. Ads   Sustaining Wireless Access For Mobile Users
L.U.N.A. Ads Sustaining Wireless Access For Mobile Users
Alessandro Martellone
 

Similaire à Dynamic graphical user interface generation for web-based public display applications (20)

Open & Agile Smart Cities - contributions by EU projects
Open & Agile Smart Cities - contributions by EU projectsOpen & Agile Smart Cities - contributions by EU projects
Open & Agile Smart Cities - contributions by EU projects
 
PuReWidgets presentation at EICS 2012
PuReWidgets presentation at EICS 2012PuReWidgets presentation at EICS 2012
PuReWidgets presentation at EICS 2012
 
Colombia, the new NEM destination: Project initiatives and country capacities...
Colombia, the new NEM destination: Project initiatives and country capacities...Colombia, the new NEM destination: Project initiatives and country capacities...
Colombia, the new NEM destination: Project initiatives and country capacities...
 
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptxCopy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
Copy of GDSC23 - Speaker Presentation Template.pptx_20230829_075717_0000.pptx
 
Platform Adaptation and Challenges in Smart Cities
Platform Adaptation and Challenges in Smart CitiesPlatform Adaptation and Challenges in Smart Cities
Platform Adaptation and Challenges in Smart Cities
 
Fact Sheet Open Cities
Fact Sheet Open CitiesFact Sheet Open Cities
Fact Sheet Open Cities
 
L.U.N.A. Ads Sustaining Wireless Access For Mobile Users
L.U.N.A. Ads   Sustaining Wireless Access For Mobile UsersL.U.N.A. Ads   Sustaining Wireless Access For Mobile Users
L.U.N.A. Ads Sustaining Wireless Access For Mobile Users
 
Controlling Smart Objects from Web Applications using the webinos Platform
Controlling Smart Objects from Web Applications using the webinos Platform�Controlling Smart Objects from Web Applications using the webinos Platform�
Controlling Smart Objects from Web Applications using the webinos Platform
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Rmll 2010 AEGIS Mainstreaming Accessbility Open Source
Rmll 2010 AEGIS Mainstreaming Accessbility Open SourceRmll 2010 AEGIS Mainstreaming Accessbility Open Source
Rmll 2010 AEGIS Mainstreaming Accessbility Open Source
 
I coruña presentation
I coruña presentationI coruña presentation
I coruña presentation
 
Omelette Project Overview
Omelette Project OverviewOmelette Project Overview
Omelette Project Overview
 
Visual language: the use of icons in graphical interfaces
Visual language: the use of icons in graphical interfacesVisual language: the use of icons in graphical interfaces
Visual language: the use of icons in graphical interfaces
 
Connecting Cities for Sustainable Living: An Urban Revolution
Connecting Cities for Sustainable Living: An Urban RevolutionConnecting Cities for Sustainable Living: An Urban Revolution
Connecting Cities for Sustainable Living: An Urban Revolution
 
Amsterdam developing public code for every city and everyone, Boris Van Hoyte...
Amsterdam developing public code for every city and everyone, Boris Van Hoyte...Amsterdam developing public code for every city and everyone, Boris Van Hoyte...
Amsterdam developing public code for every city and everyone, Boris Van Hoyte...
 
Digital Signage Strategies for communication impact
Digital Signage Strategies for communication impactDigital Signage Strategies for communication impact
Digital Signage Strategies for communication impact
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Building in Digital and Web Accessibility (for content creators)
Building in Digital and Web Accessibility (for content creators)Building in Digital and Web Accessibility (for content creators)
Building in Digital and Web Accessibility (for content creators)
 

Plus de Jorge Cardoso

Introdução à Programacao em Processing
Introdução à Programacao em Processing Introdução à Programacao em Processing
Introdução à Programacao em Processing
Jorge Cardoso
 
Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)
Jorge Cardoso
 
Introdução à programação para Android
Introdução à programação para AndroidIntrodução à programação para Android
Introdução à programação para Android
Jorge Cardoso
 

Plus de Jorge Cardoso (20)

Criação de Ambientes de Realidade Virtual usando A-Frame - CubeCraft Toys -...
Criação de Ambientes  de Realidade Virtual  usando A-Frame - CubeCraft Toys -...Criação de Ambientes  de Realidade Virtual  usando A-Frame - CubeCraft Toys -...
Criação de Ambientes de Realidade Virtual usando A-Frame - CubeCraft Toys -...
 
Criação de Ambientes de Realidade Virtual usando A-Frame
Criação de Ambientes  de Realidade Virtual  usando A-FrameCriação de Ambientes  de Realidade Virtual  usando A-Frame
Criação de Ambientes de Realidade Virtual usando A-Frame
 
Journal of Science and Technology of the Arts
Journal of Science and Technology of the ArtsJournal of Science and Technology of the Arts
Journal of Science and Technology of the Arts
 
Evaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic Augmentation
Evaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic AugmentationEvaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic Augmentation
Evaluation of Multi-Platform Mobile AR Frameworks for Roman Mosaic Augmentation
 
ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...
ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...
ConímbrigAR A Prototype Augmented Mobile Application for Exploration of Roman...
 
Digital tools for exploring roman mosaic
Digital tools for exploring roman mosaicDigital tools for exploring roman mosaic
Digital tools for exploring roman mosaic
 
Interaction techniques for locomotion in virtual reality
Interaction techniques for locomotion in virtual realityInteraction techniques for locomotion in virtual reality
Interaction techniques for locomotion in virtual reality
 
Evaluation of a programming toolkit for interactive public display applications
Evaluation of a programming toolkit for interactive public display applicationsEvaluation of a programming toolkit for interactive public display applications
Evaluation of a programming toolkit for interactive public display applications
 
Interaction modalities, technologies and tools for interactive art
Interaction modalities, technologies and tools for interactive artInteraction modalities, technologies and tools for interactive art
Interaction modalities, technologies and tools for interactive art
 
PuReWidgets toolkit
PuReWidgets toolkit PuReWidgets toolkit
PuReWidgets toolkit
 
Assessing Feedback for Indirect Shared Interaction
Assessing Feedback for Indirect Shared InteractionAssessing Feedback for Indirect Shared Interaction
Assessing Feedback for Indirect Shared Interaction
 
Oop java
Oop javaOop java
Oop java
 
Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao
 
Computer vision techniques for interactive art
Computer vision techniques for interactive artComputer vision techniques for interactive art
Computer vision techniques for interactive art
 
Introdução à Programacao em Processing
Introdução à Programacao em Processing Introdução à Programacao em Processing
Introdução à Programacao em Processing
 
Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)Introdução à Programação para iPhone (iOS)
Introdução à Programação para iPhone (iOS)
 
Introdução à programação para Android
Introdução à programação para AndroidIntrodução à programação para Android
Introdução à programação para Android
 
OOP Java
OOP JavaOOP Java
OOP Java
 
OOP ObjC
OOP ObjCOOP ObjC
OOP ObjC
 
Conceitos Fundamentais de Programacao
Conceitos Fundamentais de ProgramacaoConceitos Fundamentais de Programacao
Conceitos Fundamentais de Programacao
 

Dernier

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Dernier (20)

SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 

Dynamic graphical user interface generation for web-based public display applications