Midway through a project, a client of ours recently said "One thing I'm learning is that it's ok to give up on the desktop experience once it stops making sense". This wasn't an isolated incident. In fact, i'm beginning to think desktop web sites stopped making sense quite a while ago. We've just had nothing viable to replace them with. Mobile apps have given us a glimpse, but I think they're merely a glimpse into something bigger.
Mobile isn't merely a new stage in the evolution of the web, it's not even merely a new context, it's the very early stages of an entirely new system. A system that has already started to shape our environment, affect the way we live, how we choose to connect with others, and how we're able to spend our time. A system that is also slowly unravelling our assumptions and causing us to question the very reason we build web sites, why people visit them, and where the true value of the web actually lies.
Presented by Stephanie Rieger at Breaking Development in Orlando, Florida on April 17, 2012.
The time is 2020. The inflection point has long passed. Most web traffic is now coming from some manner of portable device. And if Google Chairman Eric Schmidt (and many others’) predictions have come true, we will have truly reached time where “…[technology] will just be seamless. It will just be there. The web will be everything, and it will be nothing. It will be like electricity.”
This presentation challenges us to think about the role of the web going forward. What steps must we take to build a world where interactions with the web are truly “seamless”? What would a seamless web even look like? How can we ensure the web remains strong amidst all the new technologies that are on the way.
Presented on September 13 in London at Generate.
Some people say the web is dying, but I believe it’s just getting started. And what will kick it into overdrive is the Physical Web: the ability to discover, engage, and interact with smart devices (or that “dumb” tree over there) using nothing more than a browser.
In this presentation, we explore the impact these new capabilities may have on the way we design and think about this (increasingly near) future web.
Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011.
Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens.
This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.
The time is 2020. The inflection point has long passed. Most web traffic is now coming from some manner of portable device. And if Google Chairman Eric Schmidt (and many others’) predictions have come true, we will have truly reached time where “…[technology] will just be seamless. It will just be there. The web will be everything, and it will be nothing. It will be like electricity.”
This presentation challenges us to think about the role of the web going forward. What steps must we take to build a world where interactions with the web are truly “seamless”? What would a seamless web even look like? How can we ensure the web remains strong amidst all the new technologies that are on the way.
Presented on September 13 in London at Generate.
Some people say the web is dying, but I believe it’s just getting started. And what will kick it into overdrive is the Physical Web: the ability to discover, engage, and interact with smart devices (or that “dumb” tree over there) using nothing more than a browser.
In this presentation, we explore the impact these new capabilities may have on the way we design and think about this (increasingly near) future web.
Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011.
Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens.
This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Anna Dahlström
Slides from my 1 hour class on January 18th at General Assembly in London during the Understanding UX day.
ABSTRACT
The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.
A lot has been accomplished with regards to technology over the last few decades and as many people have said we are now truly in the “modern age.” Innovation moves so quickly that it seems our world is blurring. In this webinar, discover what groundbreaking technologies and innovative people to watch in 2016 and beyond. We will also discuss as a group how all these advancements can fit into a variety of libraries to make them shine a bright light into the future.
This is the presentation I will use to discuss issues at the NESC 2009 Forum in Canberra. My aim was to use as many images as possible to illustrate ideas. I tried to reduce my use of words and included all the references I drew upon, particularly in regard to Flickr Creative Commons images.
Libraries are about discovery. Giving people a safe and comfortable place to dream, think, and create is very important because it gives them a chance to explore various technologies and educational opportunities that they can use to enrich their lives. STEAM education refers to teaching and learning, mostly hands-on, in the fields of Science, Technology, Engineering, Art, and Mathematics.
Learn in this webinar how St. Petersburg College’s Innovation Lab managed to incorporate the STEAM education framework via their well-received and grant supported Maker Boot Camp. In the first Maker Boot Camp, children between 10 and 14 years old learned video game design, how to build a synthesizer and control sounds/voltage with littleBits, 3D design/printing, robotics, basic circuitry and electronics, virtual reality, creating holograms, and more. In this webinar:
- Understand what it takes to create and manage a collaborative learning space.
- Explore a variety of technologies and tools to help enhance learning.
- Learn how Maker Boot Camp was organized and how it continues to excite people of all ages.
- Realize the importance of partnering with businesses and other organizations.
Why the social web is here to stay (and what to do about it)Mike Ellis
The social web (was "Web2.0"...) calls to human experience and emotion in a way which transcends the hype often associated with it. While the phrase "Web2.0" does a good job of associating certain services and approaches together, it also has a down-side, suggesting that any day now, a "Web3.0" will be along to replace this transient, fickle technology with something new.
This talk argues that the "social web" has a momentum which should be taken seriously -- more seriously than "just mere hype", particularly by content-rich organisations such as those involved with cultural content. It also examines some of the issues -- particularly around the perceived challenges to authority and "value" of cultural institutions and assets -- and asks how these can be overcome.
Presentation given as Flash Talk at Automattic Meetup in Seaside on September 2010
Presentation is given as an Ignite Talk format (20 slides x 15 seconds/slide = 5 minutes. Autopush.)
Automattic is the company I work for. The company is distributed worldwide and once a year we gather at a remote location and meet face-to-face. This year, all the employees are taking a little time during the meetup to compose and give at least one presentation for each other, talking about any subject we are passionate about.
In the e-mail requesting submissions, Matt mentioned that <a>Scott Berkun “did a very cool post and video on giving ignite talks</a>, so I modelled this talk after that.
Hope you enjoy it.
Why You Should Make Mobile Your Career | Clark CollegeJason Grigsby
A variation of my talk on mobile strategy given to Clark College to encourage students to pursue mobile and to encourage the college to adopt mobile curriculum.
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Anna Dahlström
Slides from my part 2 class of Designing for multiple devices run at General Assembly in London on the 18th of March 2013.
ABSTRACT
In Fundamentals for Designing for Multiple Devices, we covered the basics of responsive design and mobile apps (for both Android & iOS). We also looked at how user expectations have shifted behaviour, how consumption patterns have changed and what that has meant for designing products that will be used on multiple devices. This follow-on session will take outset in the guiding principles covered in the previous class and take a closer look at:
- common challenges faced when designing for multiple devices and how to address them
- content strategy and hierarchy across devices
- navigation patterns for responsive design
- app structures and navigation patterns
- how to test both responsive sites and apps
GA London - Designing for multiple devices, 28may2012Anna Dahlström
Slides from my class on May 28 2012 at General Assembly London on designing for multiple devices.
ABSTRACT
The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.
Derived from the Latin term for “enslaved by” or “bound to”, Addictions primarily lead to cravings, dependence and uncontrollable use with negative consequences. Today, Addictions are being recognized as chronic diseases that alter both the structure as well as the function of the brain. With the evolution of humans and technology, addictions and compulsions are undergoing a constant metamorphosis and ave evolved from substance, behavioral and impulse controlled disorders to territories around Social media, electronics and applied science.
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Anna Dahlström
Slides from my 1 hour class on January 18th at General Assembly in London during the Understanding UX day.
ABSTRACT
The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.
A lot has been accomplished with regards to technology over the last few decades and as many people have said we are now truly in the “modern age.” Innovation moves so quickly that it seems our world is blurring. In this webinar, discover what groundbreaking technologies and innovative people to watch in 2016 and beyond. We will also discuss as a group how all these advancements can fit into a variety of libraries to make them shine a bright light into the future.
This is the presentation I will use to discuss issues at the NESC 2009 Forum in Canberra. My aim was to use as many images as possible to illustrate ideas. I tried to reduce my use of words and included all the references I drew upon, particularly in regard to Flickr Creative Commons images.
Libraries are about discovery. Giving people a safe and comfortable place to dream, think, and create is very important because it gives them a chance to explore various technologies and educational opportunities that they can use to enrich their lives. STEAM education refers to teaching and learning, mostly hands-on, in the fields of Science, Technology, Engineering, Art, and Mathematics.
Learn in this webinar how St. Petersburg College’s Innovation Lab managed to incorporate the STEAM education framework via their well-received and grant supported Maker Boot Camp. In the first Maker Boot Camp, children between 10 and 14 years old learned video game design, how to build a synthesizer and control sounds/voltage with littleBits, 3D design/printing, robotics, basic circuitry and electronics, virtual reality, creating holograms, and more. In this webinar:
- Understand what it takes to create and manage a collaborative learning space.
- Explore a variety of technologies and tools to help enhance learning.
- Learn how Maker Boot Camp was organized and how it continues to excite people of all ages.
- Realize the importance of partnering with businesses and other organizations.
Why the social web is here to stay (and what to do about it)Mike Ellis
The social web (was "Web2.0"...) calls to human experience and emotion in a way which transcends the hype often associated with it. While the phrase "Web2.0" does a good job of associating certain services and approaches together, it also has a down-side, suggesting that any day now, a "Web3.0" will be along to replace this transient, fickle technology with something new.
This talk argues that the "social web" has a momentum which should be taken seriously -- more seriously than "just mere hype", particularly by content-rich organisations such as those involved with cultural content. It also examines some of the issues -- particularly around the perceived challenges to authority and "value" of cultural institutions and assets -- and asks how these can be overcome.
Presentation given as Flash Talk at Automattic Meetup in Seaside on September 2010
Presentation is given as an Ignite Talk format (20 slides x 15 seconds/slide = 5 minutes. Autopush.)
Automattic is the company I work for. The company is distributed worldwide and once a year we gather at a remote location and meet face-to-face. This year, all the employees are taking a little time during the meetup to compose and give at least one presentation for each other, talking about any subject we are passionate about.
In the e-mail requesting submissions, Matt mentioned that <a>Scott Berkun “did a very cool post and video on giving ignite talks</a>, so I modelled this talk after that.
Hope you enjoy it.
Why You Should Make Mobile Your Career | Clark CollegeJason Grigsby
A variation of my talk on mobile strategy given to Clark College to encourage students to pursue mobile and to encourage the college to adopt mobile curriculum.
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Anna Dahlström
Slides from my part 2 class of Designing for multiple devices run at General Assembly in London on the 18th of March 2013.
ABSTRACT
In Fundamentals for Designing for Multiple Devices, we covered the basics of responsive design and mobile apps (for both Android & iOS). We also looked at how user expectations have shifted behaviour, how consumption patterns have changed and what that has meant for designing products that will be used on multiple devices. This follow-on session will take outset in the guiding principles covered in the previous class and take a closer look at:
- common challenges faced when designing for multiple devices and how to address them
- content strategy and hierarchy across devices
- navigation patterns for responsive design
- app structures and navigation patterns
- how to test both responsive sites and apps
GA London - Designing for multiple devices, 28may2012Anna Dahlström
Slides from my class on May 28 2012 at General Assembly London on designing for multiple devices.
ABSTRACT
The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.
Derived from the Latin term for “enslaved by” or “bound to”, Addictions primarily lead to cravings, dependence and uncontrollable use with negative consequences. Today, Addictions are being recognized as chronic diseases that alter both the structure as well as the function of the brain. With the evolution of humans and technology, addictions and compulsions are undergoing a constant metamorphosis and ave evolved from substance, behavioral and impulse controlled disorders to territories around Social media, electronics and applied science.
3D Printing Is Just the Beginning: The Future of Makerspaces within Academic ...Patrick "Tod" Colegrove
ACRL webcast, co-presented with Lisa Kurt.
http://www.ala.org/acrl/makerspaces
Description: The maker movement is growing across the country and world. With interactive, participatory events and growing local communities, we've seen a shift. Individuals, professionals, and hobbyists from areas such as engineering, design, science, art, and more are coming together with one common thread: the desire to make.
Public libraries were the first on the scene to take notice and respond, but now we're beginning to see academic libraries recognize this untapped potential for their own communities. This emerging learning trend holds the promise of enormous change, bringing many researchers and students together from across disciplines in a truly collaborative way. This movement is about more than just the purchase of expensive equipment; it involves engagement, outreach, and knowledge about what drives the academic community. The academic environment is shifting toward content creation in a variety of forms, in turn reshaping learning, curricula, and research across the board. In order for libraries to continue to support the research and learning needs of their institutions, it is critical to go beyond traditional library materials, to understand what new resources and technologies the library can support for all on campus to use.
Shift to the future – the technological disruption of learning and work - cio...Brian Kuhn
We live in unprecedented times... technology is disrupting learning and work as we know it. Machines are taking over more and more jobs and we need to be preparing this generation for a very uncertain unpredictable rapidly changing world. Education needs to shift to a world of abundant knowledge, leveraged through networks, and knowledge engines. CIO's need to be futurists and guides for their organizations to lead them forward into the future.
Learning without Frontiers: School libraries and meta-literacy in actionJudy O'Connell
Since their establishment school libraries have been instrumental in language and writing, showcasing and empowering the best in good reading and research immersion for their students. Now the best minds on our planet are suggesting that the Internet and the technology tools it has spawned will continue to be arguably the most influential invention of our time. With the maturation of the web we now use and interpret multiple kinds of literacy which are embedded in multimodal texts. Because of it we have found ourselves in the midst of highly dynamic and dramatically changing literacy learning landscapes – new frontiers populated by a plethora of mind matters as diverse as Alice in Wonderland, Angry Birds, Audioboo and Augmented Reality.
So you think you can curate resources, nurture literacy and teach in this new information ecology? Don your dark glasses and be prepared for the ride of your (professional) life in Learning without frontiers. This presentation will explore how teacher librarians can bind together teaching, emerging technologies, and the growing number of literacies to promote information-rich meta-literacy media environments suitable for 21st century school libraries.
With each passing day, our relationship with computers grows more personal. The touch of a human hand has replaced the mouse, and conversational interfaces now seem set to replace all manner of button or conventional interface. Is this pure hype, or a true step change in the evolution of personal computing?
In this workshop we will look at the current state of conversational interfaces, the challenges and benefits they bring, and where things are heading.
If your job is to make things for the web, and the company you work for doesn’t build fitness trackers, or robots, or smart light bulbs, or a cloud service that aims to connect all these things, you could be forgiven for not caring all that much about today's Internet of Things. My aim with this talk is to shift the conversation away from things and back to people. In doing so, I hope to also arm you with tools to better understand, and find your place, within this complex but fascinating landscape.
First presented at Generate Conference in San Francisco on July 15, 2016.
Today’s 'smart devices' are a product of the technology and mental models of our past. From a connected lightbulb to a robot vacuum, using most of these devices requires a native app. This in turn greatly limits their contexts of use. Can we really expect users to download an app to interact with a random ’thing’ they encounter at the mall, a space they explore for an hour at the museum, or a city they will only visit for a day? What devices could we build, what 'smart' environments could we enable if users could simply discover, “walk up and use”(and then if needed, abandon) these objects and environments as they do a web site?
This workshop will discuss two new technologies--Physical Web and Web Bluetooth--that can enable on-demand interaction with physical things and spaces using no more than a browser.
A brief exploration of proposed Level 4 Media Queries and some thoughts about the future of the web. Presented at Responsive Day Out in Brighton on June 27 2014.
The web was first conceived 25 years ago, by an Englishman. Fifteen years later, as the first crop of dot.coms were going bust, close to 60% of its users (and all Alexa "top 20" sites) came from developed nations. Fast forward to today, and the picture is strikingly different. Almost half the Alexa "top 20" now comes from emerging economies. Economies where close to 3 billion people have yet to use the web, but thanks to mobile--won't have to wait much longer to discover it. This presentation will introduce you to fascinating and innovative services that are re-shaping the web to serve the consumers of tomorrow. Driven by mobile, the power of personal relationships, and the breakneck pace of globalisation, these services provide a glimpse into the business models, opportunities and challenges we will face, when growing a truly global web.
Designing for diversity - how to stop worrying and embrace the Android revol...yiibu
It took 16 years for smartphone penetration to reach 1 billion people. Analysts believe it will take only 3 years to reach the next billion. The devices these consumers buy will be incredibly diverse, yet many will run on Android; a platform that now sees more than 1.5 million activations per day.
In this presentation, we explore the fascinating rise of Android around the globe. From dual SIM phones in Indonesia, to dual screen e-ink devices in Russia and crowd-sourced platform modifications in China, we will discover the role open source has played in Android's popularity and how to design for such a diverse environment.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Reset the Web
1. reset
the web
a brief stroll into our past and our future
http://www.flickr.com/photos/karen_roe
2. the web is less than
8000 days old...
Hat tip to Kevin Kelly - The next 5000 days of the web http://www.flickr.com/photos/psd/3149878971
3. it reaches
1/3* of
people
on our planet
*2012 estimates put the population at about 7 billion inhabitants... http://www.flickr.com/photos/vitroids/2753929716
4. it powers business,
entertainment,
learning...
http://www.flickr.com/photos/viirok/2498157861
5. and so
and so much more...
http://www.icanhascheezburger.com/
6. but what is the web
for?
http://www.flickr.com/photos/34233222@N05/4292987392
8. a few years before the Macintosh…
...in 1980 Steve Jobs recounted
the following story...
9. “ in the early 70s, Scientific American
did a study on the efficiency of locomotion...
it was actually the 1970’s, not 1870’s… ;)
http://www.flickr.com/photos/boston_public_library/4328032194
11. A B
“ ...they measured, how much energy
does it take for a goat to get from here to there...
12. “...they then ranked them, and published a list
1.
23.
32.
18.
California Condor
Domestic cat
British Alpine Goat
Springer Spaniel
a lazy glider
prefers to sleep
see goatsonstuff.com
prefers to swim…
27. Red-breasted Robin faster than most
8. American Saddlebred -
298. Banana Slug faster than a rock…
3. Cheetah currently missing
207. Humming Bird got tired watching it.
- Bumble Bee couldn’t find one…
183. Elephant forgot
342. Bob… not his finest moment…
13. 1. California Condor a lazy glider…
“ of all the animals, the condor won. It took
the least amount of energy to get from here to there...
14. “ man however didn’t do so well...
342. Bob… not his finest moment…
15. ?
“
man came a rather unimpressive showing...
a third of the way down the list...
19. “
...what it showed was that man as a tool maker,
has the ability to create tools, to amplify
an inherent ability...
20. released 1984
“
...and that’s exactly what we’re doing here
(Steve of course was talking about Apple, and the development
of one of the first personal computers)
21. Steve Jobs went on to explain that computers were
just one in a long line of tools created by man...
22. ...just as the bicycle amplified our ability
to use our muscles, tendons and brains
to transport our bodies...
23. ...just as the tools and technologies
of the industrial revolution were
“an amplification of human sweat”...
24. ...the computer amplified our human abilities
of memory, problem-solving, calculation,
projection, analysis, and so much more...
http://nicelifeapparel.wordpress.com/tag/crazy-math-problem/
25. Steve Jobs also realized
that the computer was
just the beginning...
26. “
There is something very
special and historically
different that takes place,
when you have one
computer, for one person,
rather than one for many.
- Steve Jobs
http://www.flickr.com/photos/aidanmorgan/3709199304/
27. (as it happens) this statement is
also true of the Internet...
28. the Internet’s ability to amplify knowledge
began as a purely academic and scientific tool...
http://www.flickr.com/photos/epitti/2371715992
29. ...but its true potential was only revealed when
it became a ubiquitously available tool...
http://www.flickr.com/photos/olpc/2929782994
30. “
Nobody has any idea
of what a new invention
will really be good for.
The crucial question is,
what happens when
everyone has one?
- Kevin Kelly
http://www.flickr.com/photos/goincase/4647893507
31. open and universally accessible
...when we connected a browser to the Internet
we couldn’t have guessed what it would become...
http://www.flickr.com/photos/tanaka/3212368979
32. ...when we connected the Internet
to a glowing rectangle, we thought we were
creating a ‘smart’ phone...
35. ...and while this doesn’t really explain
what the web is for, it begins to clarify
it’s immense value to all of us...
36. being always connected to an open platform,
accessible by anyone with a browser,
has forever changed the way we live...
37. “
...hold on...let me
look that up...
I just happen to
have the sum of
human knowledge
in my pocket...
- @fj
http://www.flickr.com/photos/w00kie/2752309431
38. “
...the magic is
in my palms,
god knows what
I would do
without this....
Omar, 19, Hafeezpet, India
Source: Anthropology, development and ICTs http://www.flickr.com/photos/jonhurd/2367208101
39. not too shabby for
8000 days...
http://www.flickr.com/photos/psd/3149878971
45. the rise of computers, the Internet,
the web and mobile have been intricately linked...
46. ...to the invention, implementation
and market adoption of this type of plumbing...
47. hardware
900 Microprocessor
integrates CPU function
onto a single chip.
800 Compaq, DEC,IBM,
Intel, Microsoft, NEC
"Moore's Law" predicts the and Nortel begin
700 future of integrated circuits. work on USB.
millions of Internet hosts
first 64-bit processor First 64-bit
600 in a supercomputer processor in a
personal
computer.
500
An all semiconductor Intel 32-bit
400 "Solid Circuit" is Pentium
demonstrated by processor
Jack Kilby. Personal computers begin released.
300 to appear. Resistive touch
screens are patented.
Transistorized
200 ARM6 processor
computers First human- is released.
emerge.
input multi-touch
100 system.
0
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
48. network
900 TCP/IP based First IPv6
NSFNET First person to description.
established. person SMS
800 sent in Finland. NTT DoCoMo
TCP/IP standardised, introduces the first
700 and Internet introduced. full mobile Internet
millions of Internet hosts
service in Japan.
DNS
600 invented
Transition from NTT DoCoMo
ARPANET/NSFNET launches first
networks to the
500 NMT launches 1G commercial 3G
modern (commercial)
networks in Denmark, network in Japan.
Internet.
Finland, Norway and
400 Sweden.
First ARPANET First commercial 9 companied
including IBM,
300 link established. dialup ISP in the U.S.
Intel, Nokia and 295 million
NTT launches Microsoft agree subscribers on
200 first (1G) First GSM (2G) to Bluetooth 3G networks
cellular network launches in standard. worldwide.
network. Finland. Wi-fi invented
100 by NCR/AT&T.
0
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
49. the web
900
First JPG
standard. W3C founded.
800 TBL makes the Web freely
available with no patents or
Compuserve royalties. Launch of WebCrawler
700 introduces the (first full-text search engine).
millions of Internet hosts
GIF format.
PNG
600 Debut of the Web as a format
publicly available approved.
service on the Internet.
500
Mosaic HTML 4.01
(first graphical recommended YouTube
400 browser)
WAP & XHTML MP launches.
SGML
CHTML released.
300 HTML
released
Tim Berners-Lee 2.0
builds all the tools CSS Wikipedia
200 Start of launches. Facebook HTML5
necessary for a
Google working
working Web (HTTP, launches.
research draft.
HTML, a browser
100 and server) project.
0
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
50. with each layer of plumbing comes new innovations
(which spawn or inspire more plumbing...)
51. product innovation
900
800
Microsoft Palm
Windows first iPad
Pilot
700 announced.
millions of Internet hosts
First person
600 to person
Nokia begins SMS sent in Symbian Ltd. First
manufacturing Finland. formed by BlackBerry
500 telecommunications Ericsson, Nokia, smartphone. iPhone
equipment. Motorola & Psion
400 Apple Newton First RIM
platform pager
launched. First WebKit
300 First mobile browser iPhone 4
Windows Symbian 330 ppi
(Nokia)
95 iMac device. display
200
G3 Nokia E60
Macintosh 260 ppi Palm
100 Classic display WebOS
0
50 55 60 65 70 75 80 85 90 91 93 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 10 11 12
chart: world Internet hosts, source: ISC - 1981-2012, other data primarily from Wikipedia
52. The First Internet Router
The BBN Interface
Message Processor did
the packet routing for
the ARPANET in 1969,
“ ...it takes on average 20 years for a technology to make
the transition from first articulation...to maturity
(defined as becoming a $1billion industry)…the mouse,
for example, took 30 years.
– Bill Buxton, Principle researcher Microsoft
http://www.flickr.com/photos/kiwanja/3169409467/
54. ...or sometimes
leap ahead
http://www.flickr.com/photos/kiwanja/3169409467/
55. but the infrastructure of the web
(the common framework on which
we continue to innovate...)
56. was based on
mental models
of a very different time
http://www.flickr.com/photos/ona1a/4521406829/
57. ...models that may soon no longer apply
2000
Internet Users (MM) Estimated
1500
the inflection point is near...
1000
within 2 years mobile users
are expected to exceed
desktop users
500
0
2007 2008 2009 2010 2011 2012 2013 2014 2015
Mobile users Desktop users
Source: Morgan Stanley Associates Internet Trends 2010 (PDF)
58. Part 3: welcome to the future
http://www.flickr.com/photos/whiteafrican/2938685296
59. a short stroll into the future...
contexts will everything just in time content will
be varied and will be will replace (need to) flow
unpredictable connected just in case like water
63. A random internet connected watch. More connected wearable devices are on the way.
tiny
personal
constrained
http://www.flickr.com/photos/scobleizer/5263223798
64. large stationary
public short use
(sweaty) touch
Internet enabled treadmill. Currently considered a luxury product (...give it 18 months).
65. One of many Smart (internet enabled) TVs now shipping. Includes apps and a browser.
Some can be paired with a smartphone or tablet remote control.
large
social stationary low-ish ppi
remote (voice, gesture, app) lean-back powerful (enough)
66. The new Tesla X with a internet-enabled touchscreen dashboard with apps and browser.
small touch, voice
fixed (but not stationary)
bandwidth constrained
67. Quantas A380 first class with 17” flat panel display.
(Tethered tablets will likely appear soon).
large(r) public
fixed (but not stationary)
manipulation unknown
bandwidth constrained
source: PC Mag
68. “ ...a companion to smartphones, tablets, PC, Macs, and adds smart
capabilities to existing displays, TVs, set top boxes and other devices.
Cotton Candy
a Screen independent
but otherwise fully
functional USB sized
‘plug computer’.
ARM Cortex A9, Wi-fi,
Android, Ubuntu, with
virtualization client for
Win/Lin/Mac
many unknown unknowns
http://www.fxitech.com/products/
69. Bluetooth
The Magic Cube
is an ultra-portable, productivity
full-sized virtual
computer keyboard helper-appliance
with support for Android,
iOS and any device
with Bluetooth HID
support.
70. Shipping spring 2012 in Europe
LG’s EPD is a 6-inch, 1024×768 e-ink plastic screen. It’s
0.7mm thick, it weighs 14g, and LG claims it’s resistant
to scratches and drops from a 1.5 meter height.
small(-ish)
flexible constrained
many unknown unknowns
source: Green autoblog
71. “
We think technology
should work for you—
to be there when you
need it and get out of
your way when you don’t.
tiny voice, gesture?
personal constrained
many unknown unknowns
Google Glass
72. Golden-i head-mounted mobile computer for industrial settings such as construction,
military, and security services. Includes SVGA microdisplay, Win-CE and voice recognition.
tiny voice, gesture
personal constrained
many unknown unknowns
http://www.mygoldeni.com/
73. these contexts may be diverse,
but they still kinda ‘fit’ our mental models
for both the original ‘thing’ and the web
74. old
thing
(or media,
or tool)
+
connectivity
software
+
+
user interface
smart
=
thing
old thing
(just a bit smarter)
75. more often than not...
the ‘smart’-ness
has been bolted on
http://www.flickr.com/photos/mujitra/7053687599
77. a short stroll into the future...
contexts will everything just in time content will
be varied and will be will replace (need to) flow
unpredictable connected just in case like water
79. we’ve come
a very long way...
1982 2007
1st gen.
Osborne Executive
iPhone
1/100th MHz CPU
1/1000th the memory
100x the weight
10x the cost
Source and photo: Wikipedia
80. it now costs almost
nothing to make
something ‘smart’
or connected...
http://www.flickr.com/photos/slgc/6286652858
81. the new ARM
Cortex-M0+ uses
1/3
of the energy of an
8 or 16-bit processor
Source: New ARM chips herald Internet of things
82. it costs
30 cents (£0.20)
Source: New ARM chips herald Internet of things
83. ...and measures
2 mm (0.07”)
Source: New ARM chips herald Internet of things
85. some chips are optimized for
a specific unit of functionality
my job is to
my job is to
connect to
provide GPS
mobile phone
coordinates
networks
Source: ThingM
86. my job is to
provide GPS
coordinates
Brad Frost
+ = WTF?
At airport gate ready to
head to @bdconf. Sadly
the large suction cups I
was going to use to
scale the biodome got
confiscated. #bdconf
“The Tweeting GeoLocation
aware Toaster”
my job is to
connect to the
Internet
87. “ object oriented hardware...
...functionality abstracted into silicon.
- Mike Kuniavsky, ThingM
http://www.flickr.com/photos/negativz/41549347 Source: ThingM
88. soon...
I may not even
need batteries :-)
“ Ambient radio waves...can already provide enough energy
to substitute for AAA batteries in some calculators, temperature
and humidity sensors, and clocks....
We are on the cusp of an explosion in small wireless
devices...that can run on alternatives to battery power.
Devices like this can live on and on.
Source: The computer trend that will change everything and Bye-Bye Batteries: radio waves as a low-power source
89. “ ...embedded in
everything
will be a sliver of webness
- Kevin Kelly, founding editor Wired
Cute circuit - wearable technology
90. the more we peer into the future,
the more invisible this ‘web-ness’ becomes
91. a short stroll into the future...
contexts will everything just in time content will
be varied and will be will replace (need to) flow
unpredictable connected just in case like water
97. today’s just in case web
(because you never quite know what they’ll need)
information
shopping
products
support
brand
web site
infotainment
social
tools
corporate PR
jobs
investor
news
98. today’s just in case web + apps
(now with added experience)
“
Our apps offer the best experience...
(so please download, install and keep
them updated, just in case that time
comes...we promise you won’t regret it)
support
information
products
shopping
shopping
brand
infotainment web site
native infotainment
social
tool
apps
tools
tool corporate PR
jobs
investor
news
99. ...but I don’t want to
own your app, I want
to own the possibility
space of your app.
Paraphrased from Mike Kuniavsky @ Webdirections South http://www.flickr.com/photos/zenilorac/698514624
100. tomorrow's just in time web
(because everything is connected)
I’d like to use whatever device I have
on-hand to learn more about this thing/
tool/service/place (right here and right
now)...please show me what I can do.
support
information
tools
Like+
smart thing
101. “
...a world where our devices load
applications opportunistically
as we need them, in real time.
The technological model for this...
is web pages. But these will be web
pages with advanced functionality that
can be accessed seamlessly from
remote or local networks—and even
from other mobile devices.
- Scott Jenson on Forbes: Apps are over
http://www.flickr.com/photos/keepwaddling1/3048726936/
102. does this mean
web sites will
go away?
OMG... ”
http://www.flickr.com/photos/richardmoross/1413692087
104. ...web sites will be just one of many interfaces
we will use to interact with a service
105. the GlowCap service
Your doctor or designated Your pharmacy
family member receives is alerted when refills
light regular progress emails. are due.
data data
out out
data data
in out
data
service out
wireless
enabled
chip Each time the cap is opened,
data is transmitted
to the GlowCap service.
The cap lights up, Data is also transmitted, A real-time web (or app)
and plays a sound each to trigger a reminder call based progress report is
time medication is due. if you miss a dose. available.
Vitality GlowCaps
106. “ The most profound technologies are those that
disappear. They weave themselves into the fabric of
everyday life until they are indistinguishable from it….
- Mark Weiser (1991 chief scientist Xerox PARC)
http://www.flickr.com/photos/armaggeusa/3176297283
107. a short stroll into the future...
contexts will everything just in time content will
be varied and will be will replace (need to) flow
unpredictable connected just in case like water
119. browser productivity features
combined search/URL bar (and/ favourites
favicon signpost or choice of search engine)
security signpost tabs RSS extensions
back buon
(added in 1993!)
find in
browser
shortcuts &
bookmarks
status bar zoom (Opera
version shown)
120. access keys navigation
first introduced in 1999 (and not specifically for mobile)
1. Home
2. Products
3. Articles
Contact us
Products.html
Home.html Articles.html
122. tel and SMS URI schemes
introduced around 2000 via WTAI
1. Home
2. Products
3. Articles
Contact us <a href="tel:12345">Contact Us</a>
123. visual navigation aids on mobile
Nokia Browser for S60 circa 2005
Visual Back key
MiniMap viewport preview.
preview rectangle.
I really miss this
Once focussed, feature! Much
clicking the navipad clearer and didn’t
would zoom the force you to reload
layout. pages you didn’t
want to see again :-(
(Very similar to
Apple’s double-tap
to zoom.)
125. proxy web browsers
polyfill for many of our existing problems
OperaMini UCWeb Nokia Browser Amazon Silk - 2011
2005 2005 for S40 - 2011
126. on-the-fly user agent switching
most browsers now include this ‘feature’
we’re somewhat to blame
for this bit as well...
Abandon hope all ye
who enter here
Dolphin browser for Android Maxthon browser for Android
132. a robust set of
behaviours is “responsiveness” is lower-level platform access
already baked-in baked in by default improves the user experience
end result: intelligent, responsive, platform-appropriate
yet adaptable default components...
aspects are future-friendly
styleable and (and gracefully
addressable through degradable)
the built-in API
133. the loss of control is generally welcome
compared to the alternative...
134. a menu and header in a
box with rounded corners
before CSS3 & HTML5
look ma...no divs (and semantics!) ...and after
135. form placeholders before HTML5
lots of potential issues
• cross browser support for entire
behaviour (e.g. populate the field
then clear it on focus)
• accessibility of placeholder value
• 4kb uncompressed (not huge..but
adds up with each new element of
functionality you build in)
• requires maintenance and testing
for each new browsers/versions/
form factors and manipulation
models (touch, voice etc.)
after CSS3
and HTML5
and so on...
136. “ ...everything you add to the page is something you’re
taking away from the latency profile of that page
...everything you add—just as infrastructure
to make things work—all these
things have a cost.
- Alex Russell
Alex Russell speaking at London JS Tilt 3D add-on for Firefox
137. in the future, it may make sense to take these
approaches approach even further...
139. idea #1
Problem: Back to top links are useful to
improve usability of longer pages.
• Thanks to viewport diversity, ‘long’ is a variable value.
• Sprinkling hard-coded anchors throughout content
isn’t future friendly.
• Adding them dynamically (on the client or server) based
on context detection seems like needless heavy lifting.
i’ve seen this done...it works well
enough but isn’t a long-term strategy
140. vertical navigation
shortcuts
• In QQ’s implementation,
a tap scrolls the layout up or
down by a (random) increment.
• Scrolling is accelerated darkened for
to improve the experience. demonstration
purposes
• Can be disabled by the user.
• Should ideally be customizable.
e.g. option to instead map controls
to a full ‘page-up/down’ behaviour.
• A nice companion to Apple’s
“tap to reveal URL bar” gesture.
sample implementation
on Tencent’s QQ browser (iOS)
141. idea #2
Problem: On the web, social media sharing
and discovery is currently enabled client-side,
using lots of third party scripts.
• Scripts may not be compatible with all browsers.
• Interactions are rarely responsive to changes in context.
• Social widgets (often) cause lots of HTTP requests and
have been known to block page load.
• The more popular social media gets, the more widgets
we will (technically) need.
142. they also introduce
a fair bit of noise :-(
it’s not like we don’t
have a bit too much
noise already...
143. studies suggest
social networks
now reach close to
70%
of the worldwide
population
but are also unlikely
to go away...
Source: Social networks around the world 2010
144. • Social media is already
weaving its way through
mobile platforms.
• Functionality is currently
limited to glanceable
home screen widgets, and
easy in-browser sharing.
146. “ Mobile is the needle,
social is the thread...
- Pew Internet &
American Life Project
which means they
may just be...plumbing
http://www.flickr.com/photos/preetamrai/5454799225
147. user configurable
bake-in a
social sharing layer
user configurable: bubbles up
turn it off or fill it glanceable
with your favourites information
(loose and clunky attempt at
visualizing how this might work)
148. idea #3
Problem: There are only so many ways
to re-arrange complex navigation.
• there will be many, devices of all shapes, sizes,
capabilities and manipulation models
• we can only simplify sites so much...some will
remain big, with a complex multi-level
architecture
149. what would happen
if we offloaded
MENU
Apple Gives Share-
top-level navigation
holders More Input;
Will Facebook Get the
Message?
to the browser?
By Tim Carmody
February 24, 2012 | 4:26 pm
a content first
At its annual shareholders meet-
ing on Thursday, Apple’s man- approach to top-level
agement bowed to pressure
from key investors and agreed to
allow shareholders to elect
navigation...
board directors by a simple ma-
jority vote.
Now any new or current director
standing for election who fails to
receive support from a majority
of shareholders must resign his
151. MENU MENU Apple Gives Share- Apple Gives Sh
holders More Input; holders More
Apple Gives Share- Apple Gives Share- Will Facebook Get the Will Facebook
holders More Input; holders More Input; Message? Message?
Will Facebook Get the
Home Will Facebook Get the Home By Tim Carmody Home By Tim Carmody
Message? Message? February 24, 2012 | 4:26 pm February 24, 2012 | 4:26
By Tim Carmody
News By Tim Carmody
News News
At its annual shareholders At its annual shareho
February 24, 2012 | 4:26 pm February 24, 2012 | 4:26 pm
Reviews Reviews meeting on Thursday, Reviews meeting on Thursda
At its annual shareholders meet- At its annual shareholders meet- Apple’s management bowed Apple’s managemen
ing on Thursday, Apple’s man- ing on Thursday, Apple’s man- to pressure from key inves- Phones to pressure from key
Photos Photos Mobile
agement bowed to pressure agement bowed to pressure tors and agreed to allow tors and agreed to a
from key investors and agreedVideo
to from key investors and agreed to shareholders to elect Tablets
board shareholders to elec
Video directors by a simple major- directors by a simple
allow shareholders to elect allow shareholders to elect
board directors by a simple ma- board directors by a simple ma- ity vote. Gadgets ity vote.
Magazine Magazine
jority vote. jority vote.
Now any new or currentCameras & Camcorders Now any new or cu
Podcast
Now any new or current director Now any new or current director
Podcast director standing for election director standing fo
standing for election who fails to standing for election who fails to Laptops
who fails to receive support who fails to receive
receive support from a majority
Topics receive support from a majority
Topics from a majority of share- from a majority of sh
of shareholders must resign his of shareholders must resign his holders must resign his and Home
TV holders must resign
152. huh...?
what?
I’ve seen
that look...
http://www.flickr.com/photos/eldret_99/3311540632
153. attribute notifies browser that offloading to
native behaviour is permitted
attribute trigger is ignored on older browsers
MENU
Apple Gives Share-
holders More Input;
Will Facebook Get the <nav is=”native”>
Message?
By Tim Carmody
<ul>
February 24, 2012 | 4:26 pm
<li>Home</li>
At its annual shareholders meet- ‘normal’ standards
ing on Thursday, Apple’s man-
agement bowed to pressure
<li>News</li> compliant markup
from key investors and agreed to
allow shareholders to elect
<li>Reviews</li>
board directors by a simple ma-
jority vote. </ul>
Now any new or current director </nav>
standing for election who fails to
receive support from a majority
of shareholders must resign his
154. fully styleable
HTML trigger
MENU MENU
Apple Gives Share- Apple Gives Share-
holders More Input; holders More Input;
Will Facebook Get the
Message?
Home Will Facebook Get the
Message? • Native performance and
News
By Tim Carmody
February 24, 2012 | 4:26 pm
By Tim Carmody
February 24, 2012 | 4:26 pm responsiveness (GPU acceleration etc.)
Reviews
At its annual shareholders meet-
ing on Thursday, Apple’s man-Photos
At its annual shareholders meet-
ing on Thursday, Apple’s man- • Device appropriate transition
agement bowed to pressure
from key investors and agreed to
Video
agement bowed to pressure
from key investors and agreed to (or not...entirely dependant on device
allow shareholders to elect allow shareholders to elect
board directors by a simple ma-
Magazine board directors by a simple ma- capabilities)
jority vote. jority vote.
Now any new or current director
Podcast Now any new or current director
• User gets the most appropriate
standing for election who fails to
Topics
receive support from a majority
standing for election who fails to
receive support from a majority
experience for their device.
of shareholders must resign his of shareholders must resign his
155. fully styleable (ideally) tied-in to native APIs
HTML trigger e.g. predictive text, localization...
MENU MENU Apple Gives Share-
holders More Input;
Apple Gives Share- Apple Gives Share- Will Facebook Get the
holders More Input; holders More Input; Message?
Will Facebook Get the
Message?
Home Will Facebook Get the
Message?
Home By Tim Carmody • Menu can (in theory)
February 24, 2012 | 4:26 pm
By Tim Carmody
News By Tim Carmody
News be as long or complex
At its annual shareholders
February 24, 2012 | 4:26 pm February 24, 2012 | 4:26 pm
Reviews Reviews meeting on Thursday,
At its annual shareholders meet- At its annual shareholders meet- as needed.
Apple’s management bowed
to pressure from key inves-
• Native platform assists
ing on Thursday, Apple’s man-Photos ing on Thursday, Apple’s man- Photos
agement bowed to pressure agement bowed to pressure tors and agreed to allow
from key investors and agreed to from key investors and agreed to shareholders to elect board
Video Video
allow shareholders to elect
board directors by a simple ma-
allow shareholders to elect
board directors by a simple ma- ity vote.
in management of drill
directors by a simple major-
Magazine Magazine
Now any new or down or progressive
jority vote. jority vote.
current
Podcast Podcast director standing for election
Now any new or current director
standing for election who fails to
Topics
Now any new or current director
standing for election who fails to
Topics
disclosure.
who fails to receive support
receive support from a majority receive support from a majority from a majority of share-
of shareholders must resign his of shareholders must resign his holders must resign his
device appropriate
native
native transition
performance
when scrolling
156. fully styleable basic component styling
(ideally) tied-in to native APIs
HTML trigger (e.g. logo, colour scheme,
e.g. predictive text, localization...
fonts) is enabled via CSS
MENU MENU Apple Gives Share- Apple Gives Sh
holders More Input; holders More I
Apple Gives Share- Apple Gives Share- Will Facebook Get the Will Facebook
holders More Input; holders More Input; Message? Message?
Will Facebook Get the
Home Will Facebook Get the Home By Tim Carmody Home By Tim Carmody
Message? Message? February 24, 2012 | 4:26 pm February 24, 2012 | 4:26 p
By Tim Carmody
News By Tim Carmody
News News
At its annual shareholders At its annual shareho
February 24, 2012 | 4:26 pm February 24, 2012 | 4:26 pm
Reviews Reviews meeting on Thursday, Reviews meeting on Thursday
At its annual shareholders meet- At its annual shareholders meet- Apple’s management bowed Apple’s managemen
ing on Thursday, Apple’s man- ing on Thursday, Apple’s man- to pressure from key inves- Phones to pressure from key
Photos Photos Mobile
agement bowed to pressure agement bowed to pressure tors and agreed to allow tors and agreed to al
from key investors and agreed to from key investors and agreed to shareholders to elect Tablets
board shareholders to elect
Video Video directors by a simple major- directors by a simple
allow shareholders to elect allow shareholders to elect
board directors by a simple ma- board directors by a simple ma- ity vote. Gadgets ity vote.
Magazine Magazine
jority vote. jority vote.
Now any new or currentCameras & Camcorders Now any new or cur
Podcast
Now any new or current director Now any new or current director
Podcast director standing for election director standing for
standing for election who fails to standing for election who fails to Laptops
who fails to receive support who fails to receive s
Topics
receive support from a majority receive support from a majority
Topics from a majority of share- from a majority of sh
of shareholders must resign his of shareholders must resign his holders must resign his and Home
TV holders must resign h
device appropriate
native
native transition
performance
when scrolling
157. in theory...it wouldn’t matter what device you’re using...
Apple Gives Share- Apple Gives Shareholders More Input;
holders More Input;
Will Facebook Get the Home Facebook Get the Message?
Will
Home
Message?
Home By Tim Carmody News
News
Home February 24, 2012 | 4:26 pm By Tim Carmody February 24, 2012 | 4:26 pm
News
News At its annual shareholders Reviews
Reviews
Reviews meeting on Thursday, At its annual shareholders meeting on Thursday,
Reviews
Photos
Photos
Apple’s management bowed
to pressure from key inves-
tors and agreed to allow
Photos management bowed to pressure from key in-
Photos
Apple’s Home
vestors and agreed to allow shareholders to elect
Video shareholders to elect board
directors by a simple major-
Video
Video
board directors by a simple majority vote. News
ity vote. Magazine
Magazine
Magazine
Podcast
Now any new or current
Podcast
Podcast new or current director standing for election
Reviews
Now any
Photos
director standing for election
who fails to receive support
Topics from a majority of share- Topics fails to receive support from a majority of share-
who
Topics
holders must resign his
holders must resign his his or her position. At next year
MENU
158. it would also fit in nicely
with the basic premise
around this
CSS Pagination Template Module
160. idea #4
Problem: Our media formats aren’t
adaptive enough
• An image or media item that is suitable for one
context may not be for another.
• Many parameters will determine which media item
you serve. These are the ones we know of TODAY.
• screen and/or viewport size
• pixel density
• support-level for the media format
• available bandwidth
• user choice why do we keep ignoring this bit?
161. the current (early) proposal
media query enables more
proposed new picture element control over criteria
<picture>
<source src=”high-res.jpg” media=”min-width: 800px” />
<source src=”mobile.jpg” />
<!-- Fallback media format --> parameters could eventually be
extended for added context e.g.
<img src=”mobile.jpg” /> connection speed
</picture>
fallback image when
unsupported
modelled after the video element
<video>
<source src="high-res.webm" media="min-width:800px" />
<source src="low-res.webm" />
<img src="poster.jpg" /> media query support
here is still poor
</video>
Source: Responsive images- how they almost worked and what we need
162. will a new (much smarter) element be enough
given all the diversity that is on the way?
163. why not a new, and natively adaptive
image media container format?
Hat tip to Christopher Schmitt
164. example ‘wired media’ container format
Apple circa 2000
with built in
progress meter
poster • Built-in content negotiation.
image • Default negotiation based on
Hi-rez connection speed but could also be
50MB Mid-rez
20MB
triggered by the developer (using the
wired media API).
Low-rez A • Optional, out-of-the-box native
1MB component and behaviour to prompt
Low-rez B
1MB user for connection speed
highly compressed e.g. 28.8, 56, ISDN (how retro!)
initial download
package contains 2-20kb
references to content
(of almost any file
format) on server/CDN
QuickTime reference movies
please don’t be distracted
by the word movie
Sorry...no links - this is all out of @bryanrieger’s head from back in 2000
165. Combine a smarter image format with some upcoming CSS specification drafts
(and experiments) and we can begin to imagine truly responsive media combining
content negotiation with sophisticated client-side adaptation
an image with grayscale pixel
shader applied
a list element (e.g. ul, li)
wrapped in a vertex shader
CSS Exclusions & Shapes CSS Shaders image compositing
Adobe, Microsoft: Editor’s Draft 2 Adobe, Apple, Opera: Editor’s Draft with CSS blend modes
Adobe - early concept
Adobe web platform blog and CSS bleeding edge features
167. the reality is, we have
no idea what will
happen next...
(when I was a kid, they kept telling us we
would have jetpacks by now...)
http://www.flickr.com/photos/jurvetson/302869583
168. “Technological revolutions have
several interesting properties.
First, we tend to overestimate
the immediate impact and
underestimate the long-term
impact.
Second, we tend to place the
emphasis on the technologies
themselves, when it is really the
social impact and cultural change
that will be most dramatic.”
– Don Norman, Drop everything you’re doing
http://www.flickr.com/photos/jordanfischer/61429449
169. “ The future is a process, not a destination.
- Bruce Sterling
here’s to the next
8000 days!
http://www.flickr.com/photos/psd/3149878971
170. @yiibu
s
contact u
at
hello@yiibu.com thank you
many thanks to the
amazing photographers
on
http://creativecommons.org/licenses/by/2.0
http://www.slideshare.net/yiibu/reset-the-web
http://www.flickr.com/photos/tinou/453593446