SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
Delivering Web to Mobile



Scott Wilson (scott.bradley.wilson@gmail.com)
JISC CETIS Assistant Director
http://jisc.cetis.ac.uk/


                     Future of web applications webinar, May 2012
                                By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                                http://creativecommons.org/licenses/by/3.0/
About the report
This report is intended to help staff of UK
education institutions, involved in the
development of content, gain an understanding
of the emerging approaches to delivering
services and content for mobile devices using the
Web.




                 Future of web applications webinar, May 2012
                            By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                            http://creativecommons.org/licenses/by/3.0/
The JISC Observatory
The JISC Observatory is a JISC-funded initiative to
systematise the way in which the JISC anticipates and
responds to projected future trends and scenarios in the
context of the use of technology in Higher & Further
Education in the UK. It involves CETIS and UKOLN in their
role as JISC Innovation Support Centres




                         Future of web applications webinar, May 2012
                                    By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                                    http://creativecommons.org/licenses/by/3.0/
State of the mobile web
                                                                Mobile web use to
Global % of web use by                                          overtake desktop:

                                                                    2015
mobile browsers


                                                                    Sources: Morgan Stanley, IDC




                                                              Mobile accounts for

                                                               12.5%
              Source: globalstats; http://
              gs.statcounter.com/#mobil
              e_vs_desktop-ww-
              monthly-200812-201205


                                                                   Of UK web use
                                                                   Source: Tecmark




                                Future of web applications webinar, May 2012
                                             By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                                             http://creativecommons.org/licenses/by/3.0/
Mobile web in education: key numbers


                               Annual growth
                               mobile use in
                                  UK HE


 mobile use in
   UK HE




                 Future of web applications webinar, May 2012
                            By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                            http://creativecommons.org/licenses/by/3.0/
Exploring the options




    Future of web applications webinar, May 2012
               By Scott Wilson, Licensed under Creative Commons attribution only licence, see
               http://creativecommons.org/licenses/by/3.0/
Responsive websites




    Future of web applications webinar, May 2012
               By Scott Wilson, Licensed under Creative Commons attribution only licence, see
               http://creativecommons.org/licenses/by/3.0/
Responsive websites




    Future of web applications webinar, May 2012
               By Scott Wilson, Licensed under Creative Commons attribution only licence, see
               http://creativecommons.org/licenses/by/3.0/
Responsive techniques: Media Queries

@media screen and (max-width:480px) {
/* CSS Rules */ }

<link rel="stylesheet"
type="text/css" media="screen and
(max-width: 480px)" href="480.css" />




             Future of web applications webinar, May 2012
                        By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                        http://creativecommons.org/licenses/by/3.0/
Responsive techniques: Fluid grid layouts




              Future of web applications webinar, May 2012
                         By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                         http://creativecommons.org/licenses/by/3.0/
Responsive techniques: Fluid images

img { max-width: 100%
}




             Future of web applications webinar, May 2012
                        By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                        http://creativecommons.org/licenses/by/3.0/
Mobile First?




Future of web applications webinar, May 2012
           By Scott Wilson, Licensed under Creative Commons attribution only licence, see
           http://creativecommons.org/licenses/by/3.0/
Mobile Separate?




  Future of web applications webinar, May 2012
             By Scott Wilson, Licensed under Creative Commons attribution only licence, see
             http://creativecommons.org/licenses/by/3.0/
Mobile App? Web, hybrid or native?




           Future of web applications webinar, May 2012
                      By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                      http://creativecommons.org/licenses/by/3.0/
Responsive Frameworks




     Future of web applications webinar, May 2012
                By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                http://creativecommons.org/licenses/by/3.0/
Read Delivering web to mobile


http://bitly.com/jiscobs-tw-2
See also CETIS Mobile Web Apps briefing paper:

http://publications.cetis.ac.uk/2011/178




                         Future of web applications webinar, May 2012
                                    By Scott Wilson, Licensed under Creative Commons attribution only licence, see
                                    http://creativecommons.org/licenses/by/3.0/

Weitere ähnliche Inhalte

Was ist angesagt?

Social apps 3_1_2008
Social apps 3_1_2008Social apps 3_1_2008
Social apps 3_1_2008eaiti
 
Nakedgoldfish Coventry Sp
Nakedgoldfish Coventry SpNakedgoldfish Coventry Sp
Nakedgoldfish Coventry Sppodnosh
 
Case studies web 2.0 and the mining industry
Case studies web 2.0 and the mining industryCase studies web 2.0 and the mining industry
Case studies web 2.0 and the mining industryZoeMM
 
Reflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using WikisReflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using Wikislisbk
 
Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?lisbk
 
Impact and Relevance through 
Open Access Publishing and Social Media
Impact and Relevance through 
Open Access Publishing and Social MediaImpact and Relevance through 
Open Access Publishing and Social Media
Impact and Relevance through 
Open Access Publishing and Social MediaDobusch Leonhard
 
Engage 2015 Communities Preso
Engage 2015 Communities PresoEngage 2015 Communities Preso
Engage 2015 Communities PresoBMC Software
 
Reflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional WebReflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional Weblisbk
 

Was ist angesagt? (9)

Social apps 3_1_2008
Social apps 3_1_2008Social apps 3_1_2008
Social apps 3_1_2008
 
Nakedgoldfish Coventry Sp
Nakedgoldfish Coventry SpNakedgoldfish Coventry Sp
Nakedgoldfish Coventry Sp
 
Case studies web 2.0 and the mining industry
Case studies web 2.0 and the mining industryCase studies web 2.0 and the mining industry
Case studies web 2.0 and the mining industry
 
Collaborative Value Engineering
Collaborative Value EngineeringCollaborative Value Engineering
Collaborative Value Engineering
 
Reflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using WikisReflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using Wikis
 
Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?
 
Impact and Relevance through 
Open Access Publishing and Social Media
Impact and Relevance through 
Open Access Publishing and Social MediaImpact and Relevance through 
Open Access Publishing and Social Media
Impact and Relevance through 
Open Access Publishing and Social Media
 
Engage 2015 Communities Preso
Engage 2015 Communities PresoEngage 2015 Communities Preso
Engage 2015 Communities Preso
 
Reflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional WebReflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional Web
 

Andere mochten auch

Tweefind - Twitter Search Engine V2
Tweefind - Twitter Search Engine V2Tweefind - Twitter Search Engine V2
Tweefind - Twitter Search Engine V2Luca Filigheddu
 
Ideelaat - kujundav hindamine
Ideelaat - kujundav hindamineIdeelaat - kujundav hindamine
Ideelaat - kujundav hindaminealuojalaine
 
Blogging Inset
Blogging InsetBlogging Inset
Blogging Insetgriggans
 
EU Parliament Hearing on Bluefin Tuna
EU Parliament Hearing on Bluefin TunaEU Parliament Hearing on Bluefin Tuna
EU Parliament Hearing on Bluefin TunaSebastián Losada
 
Il reference via chat
Il reference via chatIl reference via chat
Il reference via chatbibliobioing
 
Chỉ một tiếng Em
Chỉ một tiếng EmChỉ một tiếng Em
Chỉ một tiếng Emhaihuong2005
 
MARINERO EN TIERRA2, Rafael Alberti
MARINERO EN TIERRA2, Rafael AlbertiMARINERO EN TIERRA2, Rafael Alberti
MARINERO EN TIERRA2, Rafael Albertileetamargo
 
Updaters Shift Happens
Updaters Shift HappensUpdaters Shift Happens
Updaters Shift HappensWagner Brenner
 
Producing Electricity2
Producing Electricity2Producing Electricity2
Producing Electricity2griggans
 
Term 2 Yr 11 Welcome Ppt
Term 2   Yr 11 Welcome PptTerm 2   Yr 11 Welcome Ppt
Term 2 Yr 11 Welcome Pptrddietrich
 
2008 Edinburgh University Pgde Lecture Slideshare
2008 Edinburgh University Pgde Lecture   Slideshare2008 Edinburgh University Pgde Lecture   Slideshare
2008 Edinburgh University Pgde Lecture SlideshareOllie Bray
 
Social Software
Social SoftwareSocial Software
Social Softwarescottw
 
Teachmeet Musselburgh Introduction Slideshare
Teachmeet Musselburgh Introduction  SlideshareTeachmeet Musselburgh Introduction  Slideshare
Teachmeet Musselburgh Introduction SlideshareOllie Bray
 
Emerging Technologies for Learning
Emerging Technologies for LearningEmerging Technologies for Learning
Emerging Technologies for LearningOllie Bray
 
Projektõppe metoodika
Projektõppe metoodikaProjektõppe metoodika
Projektõppe metoodikaaluojalaine
 
Chipotle
ChipotleChipotle
Chipotletixydo
 

Andere mochten auch (20)

Vrm Overview May2008
Vrm Overview May2008Vrm Overview May2008
Vrm Overview May2008
 
Tweefind - Twitter Search Engine V2
Tweefind - Twitter Search Engine V2Tweefind - Twitter Search Engine V2
Tweefind - Twitter Search Engine V2
 
SimSchool@UC
SimSchool@UCSimSchool@UC
SimSchool@UC
 
Ideelaat - kujundav hindamine
Ideelaat - kujundav hindamineIdeelaat - kujundav hindamine
Ideelaat - kujundav hindamine
 
Blogging Inset
Blogging InsetBlogging Inset
Blogging Inset
 
EU Parliament Hearing on Bluefin Tuna
EU Parliament Hearing on Bluefin TunaEU Parliament Hearing on Bluefin Tuna
EU Parliament Hearing on Bluefin Tuna
 
Il reference via chat
Il reference via chatIl reference via chat
Il reference via chat
 
Chỉ một tiếng Em
Chỉ một tiếng EmChỉ một tiếng Em
Chỉ một tiếng Em
 
Pace presentation
Pace presentationPace presentation
Pace presentation
 
MARINERO EN TIERRA2, Rafael Alberti
MARINERO EN TIERRA2, Rafael AlbertiMARINERO EN TIERRA2, Rafael Alberti
MARINERO EN TIERRA2, Rafael Alberti
 
Updaters Shift Happens
Updaters Shift HappensUpdaters Shift Happens
Updaters Shift Happens
 
Producing Electricity2
Producing Electricity2Producing Electricity2
Producing Electricity2
 
Term 2 Yr 11 Welcome Ppt
Term 2   Yr 11 Welcome PptTerm 2   Yr 11 Welcome Ppt
Term 2 Yr 11 Welcome Ppt
 
2008 Edinburgh University Pgde Lecture Slideshare
2008 Edinburgh University Pgde Lecture   Slideshare2008 Edinburgh University Pgde Lecture   Slideshare
2008 Edinburgh University Pgde Lecture Slideshare
 
Social Software
Social SoftwareSocial Software
Social Software
 
Teachmeet Musselburgh Introduction Slideshare
Teachmeet Musselburgh Introduction  SlideshareTeachmeet Musselburgh Introduction  Slideshare
Teachmeet Musselburgh Introduction Slideshare
 
Emerging Technologies for Learning
Emerging Technologies for LearningEmerging Technologies for Learning
Emerging Technologies for Learning
 
Projektõppe metoodika
Projektõppe metoodikaProjektõppe metoodika
Projektõppe metoodika
 
Chipotle
ChipotleChipotle
Chipotle
 
Weight
WeightWeight
Weight
 

Ähnlich wie Delivering Web To Mobile

Building Mobile Friendly Websites
Building Mobile Friendly WebsitesBuilding Mobile Friendly Websites
Building Mobile Friendly WebsitesCittrex
 
Web 2.0: Implications For The Cultural Heritage Sector
Web 2.0: Implications For The Cultural Heritage SectorWeb 2.0: Implications For The Cultural Heritage Sector
Web 2.0: Implications For The Cultural Heritage Sectorlisbk
 
Deployment Strategies For Web 2.0
Deployment Strategies For Web 2.0Deployment Strategies For Web 2.0
Deployment Strategies For Web 2.0lisbk
 
Emerging Widgets Ecosystem - for Vodacom Widget Developer Camp
Emerging Widgets Ecosystem - for Vodacom Widget Developer CampEmerging Widgets Ecosystem - for Vodacom Widget Developer Camp
Emerging Widgets Ecosystem - for Vodacom Widget Developer CampDaniel Appelquist
 
Augmented reality browsers a proposal for architectural standardization
Augmented reality browsers  a proposal for architectural standardizationAugmented reality browsers  a proposal for architectural standardization
Augmented reality browsers a proposal for architectural standardizationijseajournal
 
Building an Intelligent Program Platform with Multiple Interconnections
Building an Intelligent Program Platform with Multiple InterconnectionsBuilding an Intelligent Program Platform with Multiple Interconnections
Building an Intelligent Program Platform with Multiple Interconnectionsijtsrd
 
Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5Phillip Mullennax
 
Future of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App StoreFuture of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App StoreJonathan Jeon
 
Jordan theresa presentation_mobile__tablet_design
Jordan theresa presentation_mobile__tablet_designJordan theresa presentation_mobile__tablet_design
Jordan theresa presentation_mobile__tablet_designTheresa Jordan
 
Mis Presentation I4i
Mis Presentation I4iMis Presentation I4i
Mis Presentation I4i09BM8097
 
Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4Phillip Mullennax
 
The Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 WorldThe Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 Worldlisbk
 
Web 2.0 for telcos
Web 2.0 for telcosWeb 2.0 for telcos
Web 2.0 for telcosPavan K
 
What if Web 2.0 Really Does Change Everything?
What if Web 2.0 Really Does Change Everything?What if Web 2.0 Really Does Change Everything?
What if Web 2.0 Really Does Change Everything?lisbk
 
JISC PoWR poster
JISC PoWR posterJISC PoWR poster
JISC PoWR posterlisbk
 
L3 cs110 jcu-sindoni rev10092011
L3 cs110 jcu-sindoni rev10092011L3 cs110 jcu-sindoni rev10092011
L3 cs110 jcu-sindoni rev10092011Giuseppe Sindoni
 

Ähnlich wie Delivering Web To Mobile (20)

Building Mobile Friendly Websites
Building Mobile Friendly WebsitesBuilding Mobile Friendly Websites
Building Mobile Friendly Websites
 
Delivering Web to Mobile. Informe. CETIS
Delivering Web to Mobile. Informe. CETISDelivering Web to Mobile. Informe. CETIS
Delivering Web to Mobile. Informe. CETIS
 
Web 2.0: Implications For The Cultural Heritage Sector
Web 2.0: Implications For The Cultural Heritage SectorWeb 2.0: Implications For The Cultural Heritage Sector
Web 2.0: Implications For The Cultural Heritage Sector
 
Deployment Strategies For Web 2.0
Deployment Strategies For Web 2.0Deployment Strategies For Web 2.0
Deployment Strategies For Web 2.0
 
Emerging Widgets Ecosystem - for Vodacom Widget Developer Camp
Emerging Widgets Ecosystem - for Vodacom Widget Developer CampEmerging Widgets Ecosystem - for Vodacom Widget Developer Camp
Emerging Widgets Ecosystem - for Vodacom Widget Developer Camp
 
Augmented reality browsers a proposal for architectural standardization
Augmented reality browsers  a proposal for architectural standardizationAugmented reality browsers  a proposal for architectural standardization
Augmented reality browsers a proposal for architectural standardization
 
Building an Intelligent Program Platform with Multiple Interconnections
Building an Intelligent Program Platform with Multiple InterconnectionsBuilding an Intelligent Program Platform with Multiple Interconnections
Building an Intelligent Program Platform with Multiple Interconnections
 
Web 2.0 and mobile web
Web 2.0 and mobile webWeb 2.0 and mobile web
Web 2.0 and mobile web
 
Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5
 
Future of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App StoreFuture of Mobile Web Application and Web App Store
Future of Mobile Web Application and Web App Store
 
Jordan theresa presentation_mobile__tablet_design
Jordan theresa presentation_mobile__tablet_designJordan theresa presentation_mobile__tablet_design
Jordan theresa presentation_mobile__tablet_design
 
Mis Presentation I4i
Mis Presentation I4iMis Presentation I4i
Mis Presentation I4i
 
Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4
 
Web tred html5
Web tred html5Web tred html5
Web tred html5
 
The Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 WorldThe Future for Educational Resource Repositories in a Web 2.0 World
The Future for Educational Resource Repositories in a Web 2.0 World
 
Lesson 1 Introudctioin to ICT.pptx
Lesson 1 Introudctioin to ICT.pptxLesson 1 Introudctioin to ICT.pptx
Lesson 1 Introudctioin to ICT.pptx
 
Web 2.0 for telcos
Web 2.0 for telcosWeb 2.0 for telcos
Web 2.0 for telcos
 
What if Web 2.0 Really Does Change Everything?
What if Web 2.0 Really Does Change Everything?What if Web 2.0 Really Does Change Everything?
What if Web 2.0 Really Does Change Everything?
 
JISC PoWR poster
JISC PoWR posterJISC PoWR poster
JISC PoWR poster
 
L3 cs110 jcu-sindoni rev10092011
L3 cs110 jcu-sindoni rev10092011L3 cs110 jcu-sindoni rev10092011
L3 cs110 jcu-sindoni rev10092011
 

Mehr von scottw

How to engage students in real open source projects
How to engage students in real open source projectsHow to engage students in real open source projects
How to engage students in real open source projectsscottw
 
Open Forges and App Stores
Open Forges and App StoresOpen Forges and App Stores
Open Forges and App Storesscottw
 
Creating mobile web apps
Creating mobile web appsCreating mobile web apps
Creating mobile web appsscottw
 
Widgets and Mashups for Personal and Institutional Technologies
Widgets and Mashups for Personal and Institutional Technologies Widgets and Mashups for Personal and Institutional Technologies
Widgets and Mashups for Personal and Institutional Technologies scottw
 
Open Source Junction: Apache Wookie and W3C Widgets
Open Source Junction: Apache Wookie and W3C WidgetsOpen Source Junction: Apache Wookie and W3C Widgets
Open Source Junction: Apache Wookie and W3C Widgetsscottw
 
Dissemination beyond academic circles
Dissemination beyond academic circlesDissemination beyond academic circles
Dissemination beyond academic circlesscottw
 
Android
AndroidAndroid
Androidscottw
 
Wookie Intro
Wookie IntroWookie Intro
Wookie Introscottw
 
Build Widgets
Build WidgetsBuild Widgets
Build Widgetsscottw
 
Wookie Meetup
Wookie MeetupWookie Meetup
Wookie Meetupscottw
 
Wookie Meetup
Wookie MeetupWookie Meetup
Wookie Meetupscottw
 
Life of a Wookie
Life of a WookieLife of a Wookie
Life of a Wookiescottw
 
CRM & HE
CRM & HECRM & HE
CRM & HEscottw
 
Presence
PresencePresence
Presencescottw
 
FeedForward at RSP
FeedForward at RSPFeedForward at RSP
FeedForward at RSPscottw
 
Boxcri
BoxcriBoxcri
Boxcriscottw
 
Widgets And Wookies
Widgets And WookiesWidgets And Wookies
Widgets And Wookiesscottw
 
Widgets - the Wookie project
Widgets - the Wookie projectWidgets - the Wookie project
Widgets - the Wookie projectscottw
 
Argosi
ArgosiArgosi
Argosiscottw
 
Presence @ Winterschool 2008
Presence @ Winterschool 2008Presence @ Winterschool 2008
Presence @ Winterschool 2008scottw
 

Mehr von scottw (20)

How to engage students in real open source projects
How to engage students in real open source projectsHow to engage students in real open source projects
How to engage students in real open source projects
 
Open Forges and App Stores
Open Forges and App StoresOpen Forges and App Stores
Open Forges and App Stores
 
Creating mobile web apps
Creating mobile web appsCreating mobile web apps
Creating mobile web apps
 
Widgets and Mashups for Personal and Institutional Technologies
Widgets and Mashups for Personal and Institutional Technologies Widgets and Mashups for Personal and Institutional Technologies
Widgets and Mashups for Personal and Institutional Technologies
 
Open Source Junction: Apache Wookie and W3C Widgets
Open Source Junction: Apache Wookie and W3C WidgetsOpen Source Junction: Apache Wookie and W3C Widgets
Open Source Junction: Apache Wookie and W3C Widgets
 
Dissemination beyond academic circles
Dissemination beyond academic circlesDissemination beyond academic circles
Dissemination beyond academic circles
 
Android
AndroidAndroid
Android
 
Wookie Intro
Wookie IntroWookie Intro
Wookie Intro
 
Build Widgets
Build WidgetsBuild Widgets
Build Widgets
 
Wookie Meetup
Wookie MeetupWookie Meetup
Wookie Meetup
 
Wookie Meetup
Wookie MeetupWookie Meetup
Wookie Meetup
 
Life of a Wookie
Life of a WookieLife of a Wookie
Life of a Wookie
 
CRM & HE
CRM & HECRM & HE
CRM & HE
 
Presence
PresencePresence
Presence
 
FeedForward at RSP
FeedForward at RSPFeedForward at RSP
FeedForward at RSP
 
Boxcri
BoxcriBoxcri
Boxcri
 
Widgets And Wookies
Widgets And WookiesWidgets And Wookies
Widgets And Wookies
 
Widgets - the Wookie project
Widgets - the Wookie projectWidgets - the Wookie project
Widgets - the Wookie project
 
Argosi
ArgosiArgosi
Argosi
 
Presence @ Winterschool 2008
Presence @ Winterschool 2008Presence @ Winterschool 2008
Presence @ Winterschool 2008
 

Kürzlich hochgeladen

UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 

Kürzlich hochgeladen (20)

UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 

Delivering Web To Mobile

  • 1. Delivering Web to Mobile Scott Wilson (scott.bradley.wilson@gmail.com) JISC CETIS Assistant Director http://jisc.cetis.ac.uk/ Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 2. About the report This report is intended to help staff of UK education institutions, involved in the development of content, gain an understanding of the emerging approaches to delivering services and content for mobile devices using the Web. Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 3. The JISC Observatory The JISC Observatory is a JISC-funded initiative to systematise the way in which the JISC anticipates and responds to projected future trends and scenarios in the context of the use of technology in Higher & Further Education in the UK. It involves CETIS and UKOLN in their role as JISC Innovation Support Centres Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 4. State of the mobile web Mobile web use to Global % of web use by overtake desktop: 2015 mobile browsers Sources: Morgan Stanley, IDC Mobile accounts for 12.5% Source: globalstats; http:// gs.statcounter.com/#mobil e_vs_desktop-ww- monthly-200812-201205 Of UK web use Source: Tecmark Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 5. Mobile web in education: key numbers Annual growth mobile use in UK HE mobile use in UK HE Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 6. Exploring the options Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 7. Responsive websites Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 8. Responsive websites Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 9. Responsive techniques: Media Queries @media screen and (max-width:480px) { /* CSS Rules */ } <link rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" href="480.css" /> Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 10. Responsive techniques: Fluid grid layouts Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 11. Responsive techniques: Fluid images img { max-width: 100% } Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 12. Mobile First? Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 13. Mobile Separate? Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 14. Mobile App? Web, hybrid or native? Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 15. Responsive Frameworks Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/
  • 16. Read Delivering web to mobile http://bitly.com/jiscobs-tw-2 See also CETIS Mobile Web Apps briefing paper: http://publications.cetis.ac.uk/2011/178 Future of web applications webinar, May 2012 By Scott Wilson, Licensed under Creative Commons attribution only licence, see http://creativecommons.org/licenses/by/3.0/