The document discusses the history and capabilities of HTML5. It provides a timeline of web technologies from 1991 to present. It then describes several new HTML5 APIs like geolocation, canvas drawing, offline storage, rich snippets, new form types, video/audio, and mobile considerations. The document concludes by examining real-world uses of HTML5 like the Financial Times mobile site and Amazon Cloud Reader. It also discusses tools like PhoneGap and Sencha Touch for building HTML5 apps.
A Long Term Business Goals talk at http://www.guaranteedprofit.com/ on setting and defining your long term business goal outcome. The focus on this business goals course is to create wholistic outcomes that give you the results you want.
Dr. Lawrence Yun, chief economist and senior vice president of research for the National Association of REALTORS presentation at the Charleston Trident Association of REALTORS 2012 Midyear Residential Real Estate Market Update. Dr. Yun shares national and local (Charleston, SC) data recapping market activity through July 2012 and offers a forecast for the remainder of 2012 and beyond.
A Long Term Business Goals talk at http://www.guaranteedprofit.com/ on setting and defining your long term business goal outcome. The focus on this business goals course is to create wholistic outcomes that give you the results you want.
Dr. Lawrence Yun, chief economist and senior vice president of research for the National Association of REALTORS presentation at the Charleston Trident Association of REALTORS 2012 Midyear Residential Real Estate Market Update. Dr. Yun shares national and local (Charleston, SC) data recapping market activity through July 2012 and offers a forecast for the remainder of 2012 and beyond.
Introducción rápida a HTML5, repasando brevemente la historia de HTML, qué APIs se añaden a HTML5, y qué avances en HTML, CSS y JavaScript rodean a este estándar.
What happened to XHTML 2.0 and how did HTML5 come about? What kind of new features (many already supported in modern browsers) are driving HTML5 adoption? HTML5 is the flavor of html you will be writing for the next 10 years. Time to get started!
The final talk of the Frontend2010 conference in Oslo, Norway talking about the need to make technical advancements interesting for people outside our comfort zone and about the benefits of using all the web technologies at our disposal to built bullet-proof solutions rather than flimsy showcases of what technologies could be used for.
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...Wolf Loescher
You've heard the buzz words, you've drunk the Kool-Aid™, now you're ready to bring your existing web site kicking and screaming into the Century of the Fruit Bat. Join Wolf Loescher and Bertine Buchan as they magically transform a clunky, hack ridden site into a standards compliant, SEO-friendly, accessible, cross-browser compatible, model web citizen...right before your very eyes!
Attendees should have a basic working knowledge of HTML, CSS, and JavaScript.
Brought to you by the number 5 and the letter W.
See the presentation captured live on YouTube:
https://www.youtube.com/watch?v=WN_ViAKjS7U
Uma breve descrição sobre o HTML 5 e suas principais características como: forms, a nova estrutura, aúdio e vídeo, etc.
An overview about HTML 5 and its main features such as: forms, new structure, audio and video, etc.
Web accessibility is a crucial component of how we construct our websites today, some with legal requirements to ensure our websites cater to clients of all abilities and disabilities. But how much do we actually know about web accessibility, it's implications and it's implementation? How much do we know about the accessibility of the latest technologies like HTML5 and WAI-ARIA? And can we use these now? Once you begin to think about web accessibility and accessibility in general, you start to see the world in a very different way.
In this talk, Tady Walsh, will take us through website accessibility, starting at the very beginning and will continue up to and including today's technologies. He will discuss, not only how to cater for the various types of disabilities our website visitors may have, but also the way we as developers and designers should be thinking about website accessibility, in every step of our work.
Bio: Tady is a project manager and information architect with Arekibo Communications. With a background in front-end development, he has been working and thinking about web site design and development for the past 15 years. He's a vocal supporter of cool design, good user experience and considerate development methods. His thoughts and opinions can be found on twitter as @tadywankenobi, on his website at http://www.tadywalsh.com and also on Arekibo's blog http://blog.arekibo.com.
Making Your Site Vendor Agnostic via a Modern Data LayerEnsighten
(Presented by Matt Gallion, Implementation Engineer, Ensighten)
Properly built and maintained data layers allow a company the freedom to swap vendors out as needed without having to completely restructure their page code. In this session we will discuss why they are useful, how to properly implement one and how to govern the data across web and mobile properties.
HTML5 presented at the Fox Valley Computing Professionals on December 14, 2010. Explores the history, philosophy, and drama behind this popular new spec for the web, and looks at some of the key new features.
I've seen projects with shiny, new code render into unmaintainable big balls of mud within 2-3 years. Multiple times. But regardless of whether it's the code base as a whole that's rotten, or whether it's just the UI and User Experience that needs a major overhaul: the question on rewrite vs refactoring will come up sooner or later. Based on years of experience, and a plethora of bad decisions cumulating into epic failures, I'll share my experience on how to have a code base that stays maintainable - even after years. After this talk, you'll have more insight into whether you should refactor or rewrite, and how to do it right from now on.
SF Big Data Science Meetup 12.15.15
Scripts here: https://github.com/h2oai/h2o-meetups/tree/master/2015_12_15_MessyDataMeetup
- Powered by the open source machine learning software H2O.ai. Contributors welcome at: https://github.com/h2oai
- To view videos on H2O open source machine learning software, go to: https://www.youtube.com/user/0xdata
Introducción rápida a HTML5, repasando brevemente la historia de HTML, qué APIs se añaden a HTML5, y qué avances en HTML, CSS y JavaScript rodean a este estándar.
What happened to XHTML 2.0 and how did HTML5 come about? What kind of new features (many already supported in modern browsers) are driving HTML5 adoption? HTML5 is the flavor of html you will be writing for the next 10 years. Time to get started!
The final talk of the Frontend2010 conference in Oslo, Norway talking about the need to make technical advancements interesting for people outside our comfort zone and about the benefits of using all the web technologies at our disposal to built bullet-proof solutions rather than flimsy showcases of what technologies could be used for.
This Old Website: : Applying HTML5, CSS3, and Responsive Design to An Existin...Wolf Loescher
You've heard the buzz words, you've drunk the Kool-Aid™, now you're ready to bring your existing web site kicking and screaming into the Century of the Fruit Bat. Join Wolf Loescher and Bertine Buchan as they magically transform a clunky, hack ridden site into a standards compliant, SEO-friendly, accessible, cross-browser compatible, model web citizen...right before your very eyes!
Attendees should have a basic working knowledge of HTML, CSS, and JavaScript.
Brought to you by the number 5 and the letter W.
See the presentation captured live on YouTube:
https://www.youtube.com/watch?v=WN_ViAKjS7U
Uma breve descrição sobre o HTML 5 e suas principais características como: forms, a nova estrutura, aúdio e vídeo, etc.
An overview about HTML 5 and its main features such as: forms, new structure, audio and video, etc.
Web accessibility is a crucial component of how we construct our websites today, some with legal requirements to ensure our websites cater to clients of all abilities and disabilities. But how much do we actually know about web accessibility, it's implications and it's implementation? How much do we know about the accessibility of the latest technologies like HTML5 and WAI-ARIA? And can we use these now? Once you begin to think about web accessibility and accessibility in general, you start to see the world in a very different way.
In this talk, Tady Walsh, will take us through website accessibility, starting at the very beginning and will continue up to and including today's technologies. He will discuss, not only how to cater for the various types of disabilities our website visitors may have, but also the way we as developers and designers should be thinking about website accessibility, in every step of our work.
Bio: Tady is a project manager and information architect with Arekibo Communications. With a background in front-end development, he has been working and thinking about web site design and development for the past 15 years. He's a vocal supporter of cool design, good user experience and considerate development methods. His thoughts and opinions can be found on twitter as @tadywankenobi, on his website at http://www.tadywalsh.com and also on Arekibo's blog http://blog.arekibo.com.
Making Your Site Vendor Agnostic via a Modern Data LayerEnsighten
(Presented by Matt Gallion, Implementation Engineer, Ensighten)
Properly built and maintained data layers allow a company the freedom to swap vendors out as needed without having to completely restructure their page code. In this session we will discuss why they are useful, how to properly implement one and how to govern the data across web and mobile properties.
HTML5 presented at the Fox Valley Computing Professionals on December 14, 2010. Explores the history, philosophy, and drama behind this popular new spec for the web, and looks at some of the key new features.
I've seen projects with shiny, new code render into unmaintainable big balls of mud within 2-3 years. Multiple times. But regardless of whether it's the code base as a whole that's rotten, or whether it's just the UI and User Experience that needs a major overhaul: the question on rewrite vs refactoring will come up sooner or later. Based on years of experience, and a plethora of bad decisions cumulating into epic failures, I'll share my experience on how to have a code base that stays maintainable - even after years. After this talk, you'll have more insight into whether you should refactor or rewrite, and how to do it right from now on.
SF Big Data Science Meetup 12.15.15
Scripts here: https://github.com/h2oai/h2o-meetups/tree/master/2015_12_15_MessyDataMeetup
- Powered by the open source machine learning software H2O.ai. Contributors welcome at: https://github.com/h2oai
- To view videos on H2O open source machine learning software, go to: https://www.youtube.com/user/0xdata
Slides from the community call where we discussed the process, timelines and tips for sharing a great proposal for a session at the 2017 Nonprofit Technology Conference in Washington D.C. on March 23-25, 2017.
2015 Leading Change Summit: Making the Most of LCSNTEN
NTEN’s 2015 Leading Change Summit (15LCS) is just around the corner and, as far as conferences go, is different by design. We want to make sure you know all the ways that it is different and what you can do to in order to make the most of your experience.
Community Organizing Tools from the Experts WebinarNTEN
In honor of NTEN's August 2014 theme of "Tools," we’ve invited several of our beloved Tech Club and Community of Practice organizers to give short presentations about their favorite community organizing tools. Tools and processes covered will include:
* Post-call communications to build community and extend discussions: Attendees will takeaway an easy post-call process that extends conversations, deepens impact, and broadens community.
* Microsoft Office workflow for mass mail: Learn a workflow for sending personalized mass emails that will not be filtered into promotions tabs or deleted as junk, but rather drive event sign-ups.
*Text expansion utilities to make your fingers fly: We spend much of our days typing the same thing over and over, but a text expander app can remove the drudgery from your life and make you appear to be the fastest typist ever!
* Screencasting with Jing: Learn how to record presentations using the free tool Jing to share images and short videos of your computer screen.
* Engagement with Twitter and Storify: Twitter chats present a great way to engage your supporters and volunteers in an accessible, consistent, and fun format. Storify lets you represent those conversations in a visual and dynamic format.
* Collaborate from afar with Google Docs: Learn how to use Google Docs to create, share, and collaborate on event planning documents and more.
2013 Nonprofit Engagement Data Management Study: A Graphic ReportNTEN
We surveyed nonprofit professionals about the "engagement" data their organizations track, how they use it, what their key challenges are regarding working with this data for their missions, and what their plans are regarding engagement data projects in the next 12 months. This is our graphic report of the results. The study was conducted by NTEN (nten.org) in partnership with Avectra (Avectra.com) in the spring of 2013.
Based on our research, we've found some correlation between nonprofit organizational practices and investments that impact overall organizational success when it come to managing technology for missions. Planning, Training, and Evaluation are key.
This infographic, designed by the folks at Lemon.ly, tells the story.
Social Media for Social Good - NCVS Pre-Con WorkshpNTEN
This workshop was presented by Amy Sample Ward of NTEN, Noland Hoshino of Bcause Media, Robert Rosenthal of VolunteerMatch, and Bob Filbin of DoSomething. Learn more at http://nten.org
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!SOFTTECHHUB
As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIVladimir Iglovikov, Ph.D.
Presented by Vladimir Iglovikov:
- https://www.linkedin.com/in/iglovikov/
- https://x.com/viglovikov
- https://www.instagram.com/ternaus/
This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation.
Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners.
This case study covers various aspects, including:
People: The contributors and community that have supported Albumentations.
Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions.
Challenges: The hurdles in monetizing open-source projects and measuring user engagement.
Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration.
Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community.
Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations.
Mental Health: Maintaining balance and not feeling pressured by user demands.
Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth.
Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects.
Explore more about Albumentations and join the community at:
GitHub: https://github.com/albumentations-team/albumentations
Website: https://albumentations.ai/
LinkedIn: https://www.linkedin.com/company/100504475
Twitter: https://x.com/albumentations
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
1. HTML5 in Real World Applications
#12NTChtml5
Frank Livaudais
#franklivaudais
2. Evaluate This Session!
Each entry is a chance to win an NTEN engraved iPad!
or Online using #12NTChtml5 at www.nten.org/ntc/eval
#franklivaudais Slide 1
#12NTChtml5
16. New APIs and Tags
#franklivaudais Slide 15
#12NTChtml5
17. HTML5 APIs
Messaging
Server Events
Geolocation
Local Storage
History
Offline Apps
Canvas Drag & Drop
Video & Audio Inline Editing
Web Sockets
Web Workers
#franklivaudais Slide 16
#12NTChtml5
18. Geolocation
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var latLng = new google.maps.LatLng(
position.coords.latitude, position.coords.longitude);
var marker = new google.maps.Marker({position: latLng, map: map});
map.setCenter(latLng);
}, errorHandler);
}
#franklivaudais Slide 17
#12NTChtml5
19. Markup for Applications
<input id="donor-input" placeholder="You should see an autocomplete menu as you type"
list="amounts" />
<datalist id="amounts">
<option value="10" />
<option value=“100" />
<option value="1000" />
<option value="10000" />
</datalist>
Animated Progress bar:
<progress>working...</progress>
Donation Goal tracking:
<progress value="75" max="100”/>
#franklivaudais Slide 18
#12NTChtml5
20. Rich Snippets
Some supported formats:
• Reviews • Recipes
• People • Events
• Products • Music
• Business and organizations
#franklivaudais Slide 19
#12NTChtml5
21. Rich Snippets
<div>
My name is Bob Smith but people call me Smithy. Here is my home page: <a
href="http://www.example.com">www.example.com</a>
I live in Albuquerque, NM and work as an engineer at ACME Corp.
</div>
<div itemscope itemtype="http://data-vocabulary.org/Person">
My name is <span itemprop="name">Bob Smith</span>
but people call me <span itemprop="nickname">Smithy</span>.
Here is my home page:
<a href="http://www.example.com" itemprop="url">www.example.com</a>
I live in
<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
<span itemprop="locality">Albuquerque</span>,
<span itemprop="region">NM</span> </span>and work as an
<span itemprop="title">engineer</span> at
<span itemprop="affiliation">ACME Corp</span>.
</div>
#franklivaudais Slide 20
#12NTChtml5
26. Offline Data
• sessionStorage
• One session per tab/window
• Temporary key/value pairs
• Replaces cookies for session tracking
• Extensive javascript methods and events
• localStorage
• Global
• Persistent
sessionStorage.setItem(key, value);
sessionStorage.getItem(key);
localStorage.setItem(key, value);
localStorage.getItem(key);
#franklivaudais Slide 25
#12NTChtml5
27. Offline Data
• Client Side Databases
• SQLite – structured / relational data
• Asynchronous / call back based
• Fast
• Application Cache
• Store whole app offline (HTML, CSS, JS)
• Atomic updating
• Manifest file
#franklivaudais Slide 26
#12NTChtml5
28. Video and Audio
• Standardized way of embedding media
• Fallback when not supported
• Multiple streams in one element
• Full JavaScript API: errors, network state, controls, readyState, events
• Attributes for controls, poster, autoplay
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
#franklivaudais Slide 27
#12NTChtml5
30. Where is the traffic coming from?
Side Door: Google, Facebook, Bing, Twitter
Direct but intermittent
Direct: Bookmark or URL
Type of Traffic Technology to Use
Side Door: Search/Social HTML5 Mobile Web
Direct Native App
50/50 Both
#franklivaudais Slide 29
#12NTChtml5
31. Native Apps: The Good
User experience
– Better swipe events
– Multi-touch support
Access to device hardware
– GPS/Compass
– Camera/Microphone
– Accelerometer/Gyroscope
Background APIs
– Audio/VOIP
– Push notifications
High-performance 3D graphics (OpenGL)
Webserver not required
#franklivaudais Slide 30
#12NTChtml5
32. Native Apps: The Bad
Rigid advertising model (iAds)
Apple’s 30% in-app purchase tax
Apple doesn’t share subscriber data
App Store approval process
– Required for app updates
– Rejection for non-compliance
Managing deployment configurations
Esoteric tool set (Xcode/Objective-C)
Content accessibility
– Searchable on Google?
– Can I share a link to your content?
#franklivaudais Slide 31
#12NTChtml5
33. HTML5 Apps: The Good
App update path: hit refresh
Small number of deployment configurations
Development costs
– Similar skill set as traditional site
– Often only a “mobile skin” required
– Many developer tools + resources
Write once, publish once, view anywhere
Content accessibility
– Indexed by Google
– URLs may be shared
#franklivaudais Slide 32
#12NTChtml5
34. HTML5 Apps: The Bad
Internet access is required
Performance can degrade quickly
Consistent cross-browser experience
– Disparate Android resolutions
– May require multiple stylesheets
– Compatibility #1 source for bugs
Minimal access to device hardware
Requires permission for Geo location
Inconsistent adoption across devices
Webserver required
#franklivaudais Slide 33
#12NTChtml5
35. Considerations
HTML5 offers APIs for offline storage, geolocation and
device orientation. New multimedia features make it easy
to include graphical content without proprietary plugins.
<canvas> <audio> <video>
#franklivaudais Slide 34
#12NTChtml5
37. Financial Times
More than 700,000 people use
the Financial Times' Web-based
mobile application to access
news and other content, making
it more popular than the version
sold in Apple's App Store.
FT.com Managing Director Rob
Grimshaw, "People who are using
the app are spending much more
time with the content," he said. "They
are consuming about three times as
many pages through the app as they
are through the desktop in an
average visit."
#franklivaudais Slide 36
#12NTChtml5
40. Next Steps
#franklivaudais Slide 39
#12NTChtml5
41. Considerations
PhoneGap is an HTML5 app platform that allows
you to author native applications with Web
technologies and get access to APIs and app
stores.
#franklivaudais Slide 40
#12NTChtml5
42. Considerations
NimbleKit is an HTML5 app platform that allows
you to author native applications with Web
technologies and get access to APIs and app
stores.
#franklivaudais Slide 41
#12NTChtml5
43. Considerations
Sencha Touch allows you to develop mobile Web
apps that look and feel native on iPhone, Android
and BlackBerry touch devices.
#franklivaudais Slide 42
#12NTChtml5
44. Questions
Thanks
Frank Livaudais
#franklivaudais
flivaudais@cds-global.com
HTML5 in Real World Applications
#12NTChtml5
#franklivaudais Slide 43
#12NTChtml5
45. Evaluate This Session!
Each entry is a chance to win an NTEN engraved iPad!
or Online using #12NTChtml5 at www.nten.org/ntc/eval
#franklivaudais Slide 44
#12NTChtml5