The document discusses how responsive design begins on the server by adapting to different devices. It notes that as more devices have become capable of accessing the web, including lower-cost smartphones and basic phones, the definition of what constitutes a "smartphone" has expanded. It argues that while there is diversity in mobile devices, many lower-end devices still provide web access and basic smartphone functionality at an affordable price for many users.
This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers this diversity and creates an experience optimized for all types of mobile browsers and networks.
Why You Should Make Mobile Your Career | Clark College
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 2013
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
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
The document discusses device agnostic design, which aims to create content that can be accessed and displayed well on any device. It emphasizes building with reusable modular components rather than bespoke designs for each device. The key aspects are understanding content stacking strategies across screens, using content-based rather than device-based breakpoints, and designing interactive elements that work for both touch and non-touch interfaces. The goal is to provide users with a continuous experience regardless of the device they use.
The document discusses responsive web design and some of the challenges it faces. It recommends adopting a mobile first approach where the mobile styles are defined first before desktop styles, allowing for a progressive enhancement. It also emphasizes the importance of performance and ensuring responsive designs are not just focused on layout but also on optimizing for speed. Key techniques discussed include building mobile first, reordering media queries, keeping basic styles outside queries, and scoping images within media queries to avoid unnecessary downloads.
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Slides from my 1 hour live streaming class on March 14th at GA in New York
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.
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.
This document discusses improving mobile user experiences. It notes that mobile is the primary way people access the internet in some countries. Constraints on mobile like form factor and battery life must be considered. Simple interfaces work best for mobile. Native apps have advantages over mobile web, but the line is blurring. Windows Mobile was replaced by Windows Phone 7 which improved the user experience. The document emphasizes understanding user behaviors and focusing on usability.
This document provides an overview of a presentation on native mobile apps versus mobile web apps. It includes slides on why developers were fighting over the two approaches, Apple's announcement allowing third-party apps on the iPhone, and the surprise success of the iPhone App Store. It also discusses factors that contributed to the App Store's success like its openness, revenue split, and fewer restrictions compared to mobile carriers. The document debates questions around whether apps create platform lock-in, if app stores are essential to a platform's success, and challenges of developing for multiple mobile platforms. It suggests that HTML5 and WebKit may become the dominant mobile platform.
More people are using mobile platforms to access information - can your business afford to be left behind in an age of rapid digital transformation?
When once it was acceptable to be in the late majority when it came to adjusting your business to technological advancements, nowadays you have to lead the pack in order to be a viable business.
The document appears to be a collection of links and quotes shared by a UX designer. It includes links to articles about UX design, mobile interfaces, gestures, and technology. Quotes discuss making users feel rewarded through "power" gestures and how technology should get out of the way. The collection seems aimed at sharing references and insights relevant to the designer's work.
The document discusses personal electronic devices in libraries. It begins by introducing the topic and noting the problems libraries are trying to solve regarding gadgets. It then provides details on the rise of iOS and Android devices and discusses how libraries can manage these operating systems. It concludes by covering legal issues like digital rights management and licensing terms for content on devices like Kindles.
Monkeytalk Fall 2014
We leven in een zeer boeiend tijdperk. Zonder dat we het misschien zelf beseffen, zijn we allemaal onderdeel van een enorme verandering in hoe we leven en omgaan met elkaar en onze omgeving. Met enkele handige voorbeelden gaan we eventjes mee in de wereld van Wim die vooral gekenmerkt wordt door het constant in vraag stellen van vanzelfsprekendheden.
GA London - Designing for multiple devices, 28may2012
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.
This document discusses photo editing effects applied to several images. It shows "before" and "after" versions of a lily with a holga-ish effect, a photo with sepia and vignette added, and a black and white wolf photo with vignette. The document demonstrates different editing techniques applied to multiple pictures.
This document discusses pedestrian safety, particularly for children. It notes that 275 children ages 5-15 were killed and 15,000 injured in pedestrian/vehicle crashes annually. School crossing guards and traffic safety measures like signage and crosswalks can help enhance safety for children traveling to and from school. The document also outlines different types of pedestrian crashes and notes children have different visual, auditory and cognitive abilities than adults that impact their safety in traffic situations.
When researching, Fiona used various media technologies like Blogger, YouTube, Prezi, and Wordle to make her research visual and interesting. These helped structure her analysis.
In planning, Fiona's group used Blogger to present initial concepts for their music video and album cover. They created draft designs in Photoshop incorporating different characters to represent themes of freedom and resistance.
During construction, Fiona used equipment like cameras on fig rigs and Final Cut/iMovie for editing. Photoshop and DaFont were used for album/advert designs. Screenshots and comparisons were made to evaluate progress and get feedback throughout the process.
This document discusses quality assurance, enhancement, and performance management systems at USBI University. It defines key terms like quality assurance, quality enhancement, academic standards, and academic quality. It outlines USBI's goals of achieving international standards and developing quality assurance systems to ensure excellence and build reputation. It also describes USBI's quality assurance approach, including inputs, processes, and outputs. It discusses accreditation requirements from bodies like BAN-PT in Indonesia and SACS internationally. Finally, it provides criteria for internal and external quality assurance.
The document contains definitions and examples of prefixes used in medical and science words. It defines prefixes such as "ante" meaning before, "anti" meaning against, "bi" meaning two, and "circum" meaning around. For each word, it provides the definition, an example using that prefix, and other examples of words using the same prefix. The purpose is to help readers understand common prefixes in medical terminology and their meanings.
This document contains the activities for Session 1 of an English diploma course. It includes exercises where students must look up word meanings, complete sentences with given adjectives, rewrite sentences using opposite adjectives, write examples using adjectives from a list, add adverbs to sentences correctly, unscramble sentences, and write sentences in English. The activities focus on vocabulary building and basic grammar practice.
Este gráfico de barras muestra 4 categorías y 3 series de datos. La Serie 1 es la más alta en la Categoría 1, la Serie 2 es la más alta en la Categoría 2, y la Serie 3 es la más alta en las Categorías 3 y 4.
This document summarizes three record label companies: 111 Entertainment L.L.C is a Detroit-based independent label that develops new R&B, hip hop, pop, alternative, and gospel artists. Cherry Tree Records is an American label founded in 2005 that focuses on new artists, currently signed to artists include Ellie Goulding and LMFAO. Tool Room Records is a dance music label started in 2003 by DJ Mark Knight that signs artists like Avicii and Kate Lawler.
The Colombian Education Fund’s mission is to promote and support the higher education needs of young people and their families by providing scholarships and assistance.
Mahindra & Mahindra's Defense divisions are one of the largest suppliers to the Indian government, designing and constructing armored vehicles. It supplies up-armored vehicles to the Indian military and police at a reasonable cost using state-of-the-art technology. The defense divisions also provide defense systems like sea mines, surveillance solutions, weapons, ammunition, and partner with other countries to provide defense solutions. The Indian defense industry and M&M face challenges unique to the defense industry and from the recent entry of private sectors.
The document discusses various aspects of the water cycle and monsoons in India. It explains that the sun's heat causes water to evaporate from oceans, lakes and soil, forming water vapor that rises and condenses into clouds. Clouds release water as precipitation like rain or snow. This water infiltrates soil or flows into bodies of water, completing the cycle. It specifically describes the monsoon system in South Asia being caused by differential land and sea heating, and defines the summer and winter monsoons in India. It also discusses droughts, their causes, impacts, and the need for better water management.
Este documento describe diferentes tipos de comunicaciones interauriculares, incluyendo ostium secundum, ostium primum, seno venoso y aurícula común. Explica las anomalías en los cojinetes endocárdicos, la fisiopatología, manifestaciones clínicas, pronóstico, complicaciones y tratamiento quirúrgico para cada tipo. También menciona varios síndromes que se asocian comúnmente con comunicaciones interauriculares.
The document discusses the diversity of mobile devices globally and how this diversity is likely to persist. It notes that while some designers may choose to only design for the newest, most powerful platforms, an inclusive approach is needed to provide accessibility while still ensuring a great user experience across a wide range of contexts, inputs, and users. Context, attention, and usability have changed as mobile devices have become more capable and integrated into more aspects of our lives.
The document discusses how the context in which mobile devices are used has become increasingly complex and unpredictable. Guidelines from a few years ago around mobile design being context-driven are now outdated, as mobile and Internet-connected devices have proliferated and their uses have diversified. Over 5 billion people now own mobile devices, which for many are their primary or only means of Internet access. This shift has dramatically changed user behavior and expectations.
This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers all mobile contexts rather than targeting specific devices or browsers.
The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include:
- The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices.
- There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago.
- People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices.
- Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Mobile internet access is becoming ubiquitous, with over 1.3 billion people now using their mobile devices to access the internet. Context for how the internet is accessed has changed dramatically, with people now commonly using their phones, tablets, and other devices to engage in many online activities both brief and extended. This has disrupted traditional models of web design which focused on desktop access with predictable contexts. A new approach is needed to create engaging mobile content in this environment of tremendous diversity and unpredictability.
The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include:
- The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices.
- There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago.
- People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices.
- Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.
Mobile devices have seen tremendous growth over the past decade. What began as voice-only devices are now powerful computers that are highly personal, accessible through many operating systems and manufacturers, and support a vast array of applications and services. However, designing for mobile introduces unique constraints around limited screens, battery life, and varied contexts of use. The most popular uses of mobile today include social networking, games, photos, messaging and information searching, though there is opportunity for applications that enhance people's lives in meaningful ways by supporting tasks, learning, self-improvement and quality of life. Successful mobile design focuses on the user, iterates quickly, and views limitations as opportunities rather than barriers.
This document discusses lessons learned about developing cross-platform mobile maps. It notes that mobile usage has greatly increased over desktop in recent years. Effective cross-platform mapping requires supporting major mobile browsers out of the box while being optimized for slower 3G connections by reducing accuracy, limiting interactivity, breaking content into smaller pieces, and handling disruptions gracefully. User location detection is also important but poses challenges. Code samples are provided at the given URL.
The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of screen size or input type.
The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of device.
Input is constantly evolving and expanding beyond traditional keyboard and mouse. The document discusses 7 principles for adapting web design to different inputs:
1. Design for the largest target by default.
2. Design for modes of interaction instead of specific inputs.
3. Make designs accessible to all inputs.
4. Support multiple concurrent inputs.
5. Abstract baseline inputs like tap, click, and point.
6. Progressively enhance with new inputs like gestures and sensors.
7. Include different inputs in testing plans.
The key message is that input cannot be detected, is a continuum, and is always changing. Web design needs to be adaptable and not assume certain inputs based on device properties.
The document discusses how technology is increasingly woven into everyday life and the physical world. It describes several new technologies like smart connected objects, self-driving cars that collect data, smart forks that track eating habits and communicate with apps. It argues that the web needs to embrace these new technologies and find ways to connect physical systems to provide more seamless experiences, rather than trying to compete with native apps. The future may involve the web enabling discovery of physical objects and powering connections between various systems and technologies.
The document discusses the effects of digital devices on customers and their lives. It notes that phones demand too much attention taking away from real experiences. It also discusses how analog metaphors make less sense with digital devices and new paradigms are needed for experiencing media like text on screens. Finally, it talks about how all information feeds into something larger than individuals, like a superorganism or colony of digital information, and how greater internet thought is now manifesting locally through events like the Arab Spring.
The document discusses designing mobile web experiences. It begins by noting that while some devices like the iPhone are popular, the overall penetration of smartphones remains relatively low globally. It then examines the diversity of mobile devices and browsers in use. The document argues for an adaptive approach that works across different browsers and devices, using techniques like responsive design with media queries. It provides guidelines for mobile-friendly development, such as using semantic HTML, limiting animations for performance, and structuring CSS to deliver the right styles for each device type. The goal is to make the mobile web accessible to all users, not just those with specific devices.
Designing for diversity - how to stop worrying and embrace the Android revol...
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.
A talk I gave in november 2011 for our internal Web Developer Network at EVRY.
Inspirational slides, tweets and flickr photos are credited with links to the sources. Thanks!
This document discusses engaging customers through online dialogue and participation. It makes several key points:
1. The internet is now the center of all communications and experiences are the main brand differentiator. Customers expect individualized treatment and to lead relationships.
2. People trust recommendations from other people like themselves over companies. Blogs and user-generated content are influential so companies must find ways to authentically join online conversations.
3. Web 2.0 thrives on user participation through things like blogs, videos and profiles. If a company does not add blogging or ways to comment to their marketing mix, they are not fully engaging customers online.
The document discusses different techniques for increasing user engagement and participation on websites and online platforms. It suggests reducing the cost of participation compared to free options, designing for ego rather than self-promotion, using reputation systems, recognition, popularity rankings, and relevant metrics. Social factors that can encourage participation include social pressure, herd mentality, reciprocity, publicly made commitments, and discovery.
The document outlines the layers of the mobile experience design process, including identifying needs and goals, developing strategies and prototypes, testing, and optimization for mobile contexts. It also discusses several "rules" for mobile design such as focusing on user needs, keeping designs simple, and understanding usage contexts. The layers of the design process are idea, needs and goals, context, strategy, device plan, design, prototype, development, testing, optimization, and porting.
Gareth Kay discusses strategy in the post-digital world. Some key points include:
1) Strategies need to be interesting, not just right, and trigger desired responses simply and entertainingly.
2) Strategies should be interested in what interests people and have a cultural mission rather than just commercial goals.
3) Companies should create useful experiences and media, not just communicate products. They should experiment with storytelling across screens and make everyday life playful and useful.
This document provides an overview of mobile application development. It discusses the history of mobile technology from the brick era to the current touch era. It describes the various layers of the mobile ecosystem including services, applications, platforms, operating systems, and networks. It provides details on popular mobile platforms like Java ME, Brew, Windows Mobile, and Android. It also discusses mobile networks standards including 2G, 2.5G, 3G and technologies like GSM, UMTS, EVDO and WiMAX.
This document discusses the choices between native, web, and hybrid mobile development. It notes that while native apps have advantages like performance and access to device features, the web is more open and has fewer restrictions. Hybrid development using tools like PhoneGap aims to provide native functionality and performance while maintaining the openness of the web. The keys to successful hybrid apps are making the experience feel native, taking advantage of device features, and optimizing performance. Overall, the best approach depends on the specific application and goals.
This document provides guidance on how to create effective prototypes using Keynote. It recommends planning by defining stories, creating user flows, and sketching screens. The next steps are to build prototypes by designing interfaces and adding interactivity without code. Prototypes should then be tested with users and refined based on feedback. Keynote is promoted as a quick, cheap, and effective tool for prototyping that allows creating multiple interactive versions fast and integrating user feedback.
Transcript: Details of description part II: Describing images in practice - T...
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation
Invited Remote Lecture to SC21
The International Conference for High Performance Computing, Networking, Storage, and Analysis
St. Louis, Missouri
November 18, 2021
Best Practices for Effectively Running dbt in Airflow.pdf
As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models.
This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through:
- Standard ways of running dbt (and when to utilize other methods)
- How Cosmos can be used to run and visualize your dbt projects in Airflow
- Common challenges and how to address them, including performance, dependency conflicts, and more
- How running dbt projects in Airflow helps with cost optimization
Webinar given on 9 July 2024
Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.
If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights.
During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to:
- Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value
- Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems
- Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors
- Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported
- Look Ahead: Gain insights into where FME is headed with coordinate systems in the future
Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Slide of the tutorial entitled "Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Emerging Trends" held at UMAP'24: 32nd ACM Conference on User Modeling, Adaptation and Personalization (July 1, 2024 | Cagliari, Italy)
Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data.
The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs.
Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution!
Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
Measuring the Impact of Network Latency at Twitter
Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.
Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 :
- Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants.
- REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.
The document discusses how mobile devices enable new experiences and applications beyond the devices themselves. It notes that long queues at device launches provide opportunities for user research. While devices have impressive numbers of apps and downloads, people use apps for communication, entertainment, work and a variety of other aspects of modern life. The document advocates developing for the open web in addition to apps so content can reach all devices and browsers.
No matter how much we try to put ourselves into a mobile first mentality, it is hard for us to do so fully. Our access to PCs prevents us from experiencing mobile the way many in the world do.
We're currently fighting for parity among experiences. We're arguing that the mobile version shouldn't be a dumbed down version of the desktop site.
But we've set our sights too low. In a true Mobile First world, the mobile version should be the best experience. Mobile shouldn't just match the desktop experience, it should exceed it.
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.
This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers this diversity and creates an experience optimized for all types of mobile browsers and networks.
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
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD UK Ltd
The document discusses device agnostic design, which aims to create content that can be accessed and displayed well on any device. It emphasizes building with reusable modular components rather than bespoke designs for each device. The key aspects are understanding content stacking strategies across screens, using content-based rather than device-based breakpoints, and designing interactive elements that work for both touch and non-touch interfaces. The goal is to provide users with a continuous experience regardless of the device they use.
When responsive web design meets the real worldJason Grigsby
The document discusses responsive web design and some of the challenges it faces. It recommends adopting a mobile first approach where the mobile styles are defined first before desktop styles, allowing for a progressive enhancement. It also emphasizes the importance of performance and ensuring responsive designs are not just focused on layout but also on optimizing for speed. Key techniques discussed include building mobile first, reordering media queries, keeping basic styles outside queries, and scoping images within media queries to avoid unnecessary downloads.
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Anna Dahlström
Slides from my 1 hour live streaming class on March 14th at GA in New York
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.
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.
This document discusses improving mobile user experiences. It notes that mobile is the primary way people access the internet in some countries. Constraints on mobile like form factor and battery life must be considered. Simple interfaces work best for mobile. Native apps have advantages over mobile web, but the line is blurring. Windows Mobile was replaced by Windows Phone 7 which improved the user experience. The document emphasizes understanding user behaviors and focusing on usability.
Mobile Web vs. Native Apps | Design4MobileJason Grigsby
This document provides an overview of a presentation on native mobile apps versus mobile web apps. It includes slides on why developers were fighting over the two approaches, Apple's announcement allowing third-party apps on the iPhone, and the surprise success of the iPhone App Store. It also discusses factors that contributed to the App Store's success like its openness, revenue split, and fewer restrictions compared to mobile carriers. The document debates questions around whether apps create platform lock-in, if app stores are essential to a platform's success, and challenges of developing for multiple mobile platforms. It suggests that HTML5 and WebKit may become the dominant mobile platform.
More people are using mobile platforms to access information - can your business afford to be left behind in an age of rapid digital transformation?
When once it was acceptable to be in the late majority when it came to adjusting your business to technological advancements, nowadays you have to lead the pack in order to be a viable business.
The document appears to be a collection of links and quotes shared by a UX designer. It includes links to articles about UX design, mobile interfaces, gestures, and technology. Quotes discuss making users feel rewarded through "power" gestures and how technology should get out of the way. The collection seems aimed at sharing references and insights relevant to the designer's work.
The document discusses personal electronic devices in libraries. It begins by introducing the topic and noting the problems libraries are trying to solve regarding gadgets. It then provides details on the rise of iOS and Android devices and discusses how libraries can manage these operating systems. It concludes by covering legal issues like digital rights management and licensing terms for content on devices like Kindles.
It's a strange world after all- Wim JanssensMonkeyshot
Monkeytalk Fall 2014
We leven in een zeer boeiend tijdperk. Zonder dat we het misschien zelf beseffen, zijn we allemaal onderdeel van een enorme verandering in hoe we leven en omgaan met elkaar en onze omgeving. Met enkele handige voorbeelden gaan we eventjes mee in de wereld van Wim die vooral gekenmerkt wordt door het constant in vraag stellen van vanzelfsprekendheden.
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.
This document discusses photo editing effects applied to several images. It shows "before" and "after" versions of a lily with a holga-ish effect, a photo with sepia and vignette added, and a black and white wolf photo with vignette. The document demonstrates different editing techniques applied to multiple pictures.
Iowa Crossing Guard Training 1 Hazzardsiowabicycle
This document discusses pedestrian safety, particularly for children. It notes that 275 children ages 5-15 were killed and 15,000 injured in pedestrian/vehicle crashes annually. School crossing guards and traffic safety measures like signage and crosswalks can help enhance safety for children traveling to and from school. The document also outlines different types of pedestrian crashes and notes children have different visual, auditory and cognitive abilities than adults that impact their safety in traffic situations.
When researching, Fiona used various media technologies like Blogger, YouTube, Prezi, and Wordle to make her research visual and interesting. These helped structure her analysis.
In planning, Fiona's group used Blogger to present initial concepts for their music video and album cover. They created draft designs in Photoshop incorporating different characters to represent themes of freedom and resistance.
During construction, Fiona used equipment like cameras on fig rigs and Final Cut/iMovie for editing. Photoshop and DaFont were used for album/advert designs. Screenshots and comparisons were made to evaluate progress and get feedback throughout the process.
This document discusses quality assurance, enhancement, and performance management systems at USBI University. It defines key terms like quality assurance, quality enhancement, academic standards, and academic quality. It outlines USBI's goals of achieving international standards and developing quality assurance systems to ensure excellence and build reputation. It also describes USBI's quality assurance approach, including inputs, processes, and outputs. It discusses accreditation requirements from bodies like BAN-PT in Indonesia and SACS internationally. Finally, it provides criteria for internal and external quality assurance.
The document contains definitions and examples of prefixes used in medical and science words. It defines prefixes such as "ante" meaning before, "anti" meaning against, "bi" meaning two, and "circum" meaning around. For each word, it provides the definition, an example using that prefix, and other examples of words using the same prefix. The purpose is to help readers understand common prefixes in medical terminology and their meanings.
This document contains the activities for Session 1 of an English diploma course. It includes exercises where students must look up word meanings, complete sentences with given adjectives, rewrite sentences using opposite adjectives, write examples using adjectives from a list, add adverbs to sentences correctly, unscramble sentences, and write sentences in English. The activities focus on vocabulary building and basic grammar practice.
Este gráfico de barras muestra 4 categorías y 3 series de datos. La Serie 1 es la más alta en la Categoría 1, la Serie 2 es la más alta en la Categoría 2, y la Serie 3 es la más alta en las Categorías 3 y 4.
This document summarizes three record label companies: 111 Entertainment L.L.C is a Detroit-based independent label that develops new R&B, hip hop, pop, alternative, and gospel artists. Cherry Tree Records is an American label founded in 2005 that focuses on new artists, currently signed to artists include Ellie Goulding and LMFAO. Tool Room Records is a dance music label started in 2003 by DJ Mark Knight that signs artists like Avicii and Kate Lawler.
The Colombian Education Fund’s mission is to promote and support the higher education needs of young people and their families by providing scholarships and assistance.
Mahindra & Mahindra's Defense divisions are one of the largest suppliers to the Indian government, designing and constructing armored vehicles. It supplies up-armored vehicles to the Indian military and police at a reasonable cost using state-of-the-art technology. The defense divisions also provide defense systems like sea mines, surveillance solutions, weapons, ammunition, and partner with other countries to provide defense solutions. The Indian defense industry and M&M face challenges unique to the defense industry and from the recent entry of private sectors.
The document discusses various aspects of the water cycle and monsoons in India. It explains that the sun's heat causes water to evaporate from oceans, lakes and soil, forming water vapor that rises and condenses into clouds. Clouds release water as precipitation like rain or snow. This water infiltrates soil or flows into bodies of water, completing the cycle. It specifically describes the monsoon system in South Asia being caused by differential land and sea heating, and defines the summer and winter monsoons in India. It also discusses droughts, their causes, impacts, and the need for better water management.
Este documento describe diferentes tipos de comunicaciones interauriculares, incluyendo ostium secundum, ostium primum, seno venoso y aurícula común. Explica las anomalías en los cojinetes endocárdicos, la fisiopatología, manifestaciones clínicas, pronóstico, complicaciones y tratamiento quirúrgico para cada tipo. También menciona varios síndromes que se asocian comúnmente con comunicaciones interauriculares.
The document discusses the diversity of mobile devices globally and how this diversity is likely to persist. It notes that while some designers may choose to only design for the newest, most powerful platforms, an inclusive approach is needed to provide accessibility while still ensuring a great user experience across a wide range of contexts, inputs, and users. Context, attention, and usability have changed as mobile devices have become more capable and integrated into more aspects of our lives.
The document discusses how the context in which mobile devices are used has become increasingly complex and unpredictable. Guidelines from a few years ago around mobile design being context-driven are now outdated, as mobile and Internet-connected devices have proliferated and their uses have diversified. Over 5 billion people now own mobile devices, which for many are their primary or only means of Internet access. This shift has dramatically changed user behavior and expectations.
This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers all mobile contexts rather than targeting specific devices or browsers.
The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include:
- The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices.
- There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago.
- People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices.
- Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Therese Kokot
Mobile internet access is becoming ubiquitous, with over 1.3 billion people now using their mobile devices to access the internet. Context for how the internet is accessed has changed dramatically, with people now commonly using their phones, tablets, and other devices to engage in many online activities both brief and extended. This has disrupted traditional models of web design which focused on desktop access with predictable contexts. A new approach is needed to create engaging mobile content in this environment of tremendous diversity and unpredictability.
The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include:
- The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices.
- There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago.
- People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices.
- Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.
Mobile devices have seen tremendous growth over the past decade. What began as voice-only devices are now powerful computers that are highly personal, accessible through many operating systems and manufacturers, and support a vast array of applications and services. However, designing for mobile introduces unique constraints around limited screens, battery life, and varied contexts of use. The most popular uses of mobile today include social networking, games, photos, messaging and information searching, though there is opportunity for applications that enhance people's lives in meaningful ways by supporting tasks, learning, self-improvement and quality of life. Successful mobile design focuses on the user, iterates quickly, and views limitations as opportunities rather than barriers.
This document discusses lessons learned about developing cross-platform mobile maps. It notes that mobile usage has greatly increased over desktop in recent years. Effective cross-platform mapping requires supporting major mobile browsers out of the box while being optimized for slower 3G connections by reducing accuracy, limiting interactivity, breaking content into smaller pieces, and handling disruptions gracefully. User location detection is also important but poses challenges. Code samples are provided at the given URL.
The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of screen size or input type.
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Anna Dahlström
The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of device.
Adapting to Input — Smashing Conference NYCJason Grigsby
Input is constantly evolving and expanding beyond traditional keyboard and mouse. The document discusses 7 principles for adapting web design to different inputs:
1. Design for the largest target by default.
2. Design for modes of interaction instead of specific inputs.
3. Make designs accessible to all inputs.
4. Support multiple concurrent inputs.
5. Abstract baseline inputs like tap, click, and point.
6. Progressively enhance with new inputs like gestures and sensors.
7. Include different inputs in testing plans.
The key message is that input cannot be detected, is a continuum, and is always changing. Web design needs to be adaptable and not assume certain inputs based on device properties.
The document discusses how technology is increasingly woven into everyday life and the physical world. It describes several new technologies like smart connected objects, self-driving cars that collect data, smart forks that track eating habits and communicate with apps. It argues that the web needs to embrace these new technologies and find ways to connect physical systems to provide more seamless experiences, rather than trying to compete with native apps. The future may involve the web enabling discovery of physical objects and powering connections between various systems and technologies.
The document discusses the effects of digital devices on customers and their lives. It notes that phones demand too much attention taking away from real experiences. It also discusses how analog metaphors make less sense with digital devices and new paradigms are needed for experiencing media like text on screens. Finally, it talks about how all information feeds into something larger than individuals, like a superorganism or colony of digital information, and how greater internet thought is now manifesting locally through events like the Arab Spring.
The document discusses designing mobile web experiences. It begins by noting that while some devices like the iPhone are popular, the overall penetration of smartphones remains relatively low globally. It then examines the diversity of mobile devices and browsers in use. The document argues for an adaptive approach that works across different browsers and devices, using techniques like responsive design with media queries. It provides guidelines for mobile-friendly development, such as using semantic HTML, limiting animations for performance, and structuring CSS to deliver the right styles for each device type. The goal is to make the mobile web accessible to all users, not just those with specific devices.
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.
A talk I gave in november 2011 for our internal Web Developer Network at EVRY.
Inspirational slides, tweets and flickr photos are credited with links to the sources. Thanks!
This document discusses engaging customers through online dialogue and participation. It makes several key points:
1. The internet is now the center of all communications and experiences are the main brand differentiator. Customers expect individualized treatment and to lead relationships.
2. People trust recommendations from other people like themselves over companies. Blogs and user-generated content are influential so companies must find ways to authentically join online conversations.
3. Web 2.0 thrives on user participation through things like blogs, videos and profiles. If a company does not add blogging or ways to comment to their marketing mix, they are not fully engaging customers online.
The document discusses different techniques for increasing user engagement and participation on websites and online platforms. It suggests reducing the cost of participation compared to free options, designing for ego rather than self-promotion, using reputation systems, recognition, popularity rankings, and relevant metrics. Social factors that can encourage participation include social pressure, herd mentality, reciprocity, publicly made commitments, and discovery.
The document outlines the layers of the mobile experience design process, including identifying needs and goals, developing strategies and prototypes, testing, and optimization for mobile contexts. It also discusses several "rules" for mobile design such as focusing on user needs, keeping designs simple, and understanding usage contexts. The layers of the design process are idea, needs and goals, context, strategy, device plan, design, prototype, development, testing, optimization, and porting.
Gareth Kay discusses strategy in the post-digital world. Some key points include:
1) Strategies need to be interesting, not just right, and trigger desired responses simply and entertainingly.
2) Strategies should be interested in what interests people and have a cultural mission rather than just commercial goals.
3) Companies should create useful experiences and media, not just communicate products. They should experiment with storytelling across screens and make everyday life playful and useful.
This document provides an overview of mobile application development. It discusses the history of mobile technology from the brick era to the current touch era. It describes the various layers of the mobile ecosystem including services, applications, platforms, operating systems, and networks. It provides details on popular mobile platforms like Java ME, Brew, Windows Mobile, and Android. It also discusses mobile networks standards including 2G, 2.5G, 3G and technologies like GSM, UMTS, EVDO and WiMAX.
This document discusses the choices between native, web, and hybrid mobile development. It notes that while native apps have advantages like performance and access to device features, the web is more open and has fewer restrictions. Hybrid development using tools like PhoneGap aims to provide native functionality and performance while maintaining the openness of the web. The keys to successful hybrid apps are making the experience feel native, taking advantage of device features, and optimizing performance. Overall, the best approach depends on the specific application and goals.
This document provides guidance on how to create effective prototypes using Keynote. It recommends planning by defining stories, creating user flows, and sketching screens. The next steps are to build prototypes by designing interfaces and adding interactivity without code. Prototypes should then be tested with users and refined based on feedback. Keynote is promoted as a quick, cheap, and effective tool for prototyping that allows creating multiple interactive versions fast and integrating user feedback.
Transcript: Details of description part II: Describing images in practice - T...BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxSynapseIndia
Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation
The Rise of Supernetwork Data Intensive ComputingLarry Smarr
Invited Remote Lecture to SC21
The International Conference for High Performance Computing, Networking, Storage, and Analysis
St. Louis, Missouri
November 18, 2021
Best Practices for Effectively Running dbt in Airflow.pdfTatiana Al-Chueyr
As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models.
This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through:
- Standard ways of running dbt (and when to utilize other methods)
- How Cosmos can be used to run and visualize your dbt projects in Airflow
- Common challenges and how to address them, including performance, dependency conflicts, and more
- How running dbt projects in Airflow helps with cost optimization
Webinar given on 9 July 2024
Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.
Coordinate Systems in FME 101 - Webinar SlidesSafe Software
If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights.
During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to:
- Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value
- Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems
- Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors
- Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported
- Look Ahead: Gain insights into where FME is headed with coordinate systems in the future
Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Erasmo Purificato
Slide of the tutorial entitled "Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Emerging Trends" held at UMAP'24: 32nd ACM Conference on User Modeling, Adaptation and Personalization (July 1, 2024 | Cagliari, Italy)
Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data.
The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs.
Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution!
Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
Measuring the Impact of Network Latency at TwitterScyllaDB
Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.
Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 :
- Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants.
- REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.
1. Adaptation
why responsive design actually begins on the server...
http://creativecommons.org/licenses/by/2.0 http://www.flickr.com/photos/newsbiepix/4113886275
2. the tech media loves
a good story...
TechCrunch
http://www.flickr.com/photos/scobleizer/4694051328
3. 200 million iOS devices
and life on the
bleeding edge...
http://www.flickr.com/photos/scobleizer/3553486766
4. 1/3
*
of the US has a
smartphone
ge
statistics rane'll
*current –w
fro m 25% to 50%licity...
p
u se 1/3 for sim
*please note
http://www.flickr.com/photos/scobleizer/4694051328
5. 1/3
of the US has a
...um, so 2/3 of the US
does not have a smartphone?!
smartphone
http://www.flickr.com/photos/scobleizer/4694051328
6. or if you're a fanboy
feel free to use this math*...
1/2
of the US has a
and
1/2
does not...
smartphone
n't
t percentage ishe
*the exac rtant for t
terribly impo presentation...
is
purposes of th
http://www.flickr.com/photos/abasketofpups/2662225972
7. will save us all!
http://www.flickr.com/photos/scobleizer/4694051328
8. but it's really only kinda useable
on few high-end devices...
will save us all!
http://www.flickr.com/photos/scobleizer/4694051328
9. the "tech industry"
...and are we making
promises we can't keep?
htc Magic
Android 1.6
must
the " bleeding edge" e of
ha ve Android devic stop...
r
200 9 is now a doo
http://www.flickr.com/photos/whatleydude/3547624583
26. but we still can't see
the forest for the trees...
http://www.flickr.com/photos/clairity/1449248189
27. 2/3
*
of the US does not
have a smartphone...
e
*or 1/2 if you'r
a fanboy...
http://www.flickr.com/photos/centralasian/3239065547
28. last year we
asked a simple question...
http://www.flickr.com/photos/fpat/3692425154
29. welcome to the
mobile web
I asked this a year ago,
i'm not sure anything's
changed!!
if you want to use the web
on a mobile device, is the purchase
of an iPhone the cost of entry?
http://www.flickr.com/photos/sketch22/1127556671
30. to infinity and beyond...
well over
by 2015 50% of web traffic is expected
to come from mobile devices
http://www.netmagazine.com/news/uk-sees-huge-mobile-web-traffic-growth-111340
32. still the only
device where
the Web
actually works
this is rhetorical, and absurd...
in 2015, if you want to use the web
on a mobile device, will the purchase
of an iPhone be mandatory...?
http://www.flickr.com/photos/dantaylor/2161663267
33. gotta get 'em all...
or even want
many of us cannot afford to
purchase every shiny new device released...
http://www.flickr.com/photos/bytemarks/4732726333
34. especially in the light of
recent events...
http://www.flickr.com/photos/wagnertc/3217859975
40. as lots of Android devices are
now available for less than $200*....
or very close to it...
...*free is also becoming a popular option!
http://www.flickr.com/photos/cambodia4kidsorg/5253151186
41. and some feature phones aimed at
the next billion now include WebKit
ooh, touch...
and a touch screen...
ype
Nokia C3 Touch & T
S eries 40 device
http://www.flickr.com/photos/yoggy0/5380738918
42. every phone is now (essentially)
a smartphone*...
or soon will be
ns of
ctual definitioy - but to
*a
ill var
'smartphone' wey are all magic...
normal folks th
http://www.flickr.com/photos/tanj/4432327487
43. camera, video,
3G connectivity
music player, etc.
large, colour
touch sensitive screen
a modern web
browser (not WAP)
(often) a real, update-able
operating system loaded with everything we've come
to expect from a smartphone...
QWERTY keyboard
and/or trackball
http://www.flickr.com/photos/free_programmer/4371778263
44. less vibrant screens
less responsive
touch screens
limited or no data
plan bundled
lower spec RAM
and/or CPU/GPU
few or no OEM
OS updates
but not every smartphone
is created equal...
http://www.flickr.com/photos/nechbi/3841765925
45. UNDESIRABLE
this inequality creates diversity
and (often) "undesirables"...
http://www.flickr.com/photos/handwrite/3460075040
46. "Android WebKit is the closest thing to
being the IE6 of mobile development for me."
- @dalmaer via http://functionsource.com/post/a-day-in-the-life-of-android-webkit-dealings
http://www.flickr.com/photos/blank22763/4089926742
48. an optimal experience for
for a privileged few...
http://www.flickr.com/photos/carbonnyc/5140154965
49. and a missed opportunity
for many more...
linkedin HTML5 webapp disappointment
must
leeding edge" f 2009
the "b o
have A ndroid device r stop...
doo
is once again a
http://www.flickr.com/photos/dumbledad/3400708183
50. 2 year old, state-of-the-art
your smartphone is obsolete,
please upgrade now...
http://www.flickr.com/photos/herval/2050815997
54. where we learn to
adapt as required...
http://www.flickr.com/photos/kalleboo/3536493996
55. craftivism
where simply learning to knit
can change your life...
http://www.flickr.com/photos/bosstweed/152159981
56. from your local library
where borrowing books for free
is beating paying for ebooks...
Times Are Tough, Libraries Are Thriving
http://www.nytimes.com/2009/03/15/nyregion/long-island/15libraryli.html http://www.flickr.com/photos/ccacnorthlib/3553821229/
57. where Hulu, iTunes and sports bars
are replacing cable services...
expensive
http://www.businessinsider.com/2008/3/hulu-household-why-i-got-rid-of-cable
58. and which led @grigs
to pick up those clippers...
http://www.flickr.com/photos/kdnewton/2691125617
63. ...have you actually
offered them anything yet?
re
logs, chances aail...
check your in the long t
you'll find them
http://www.flickr.com/photos/zoetnet/4669800101/
64. small
a few companies
most certainly have...
twitter indonesia
0.facebook
OperaMini
http://www.flickr.com/photos/nseika/5848996146
65. us humans are amazing when it comes
to adapting to new circumstances...
...do we still really
need the dogs?
http://www.flickr.com/photos/thenationalguard/3251277781
66. the web was actually built
on similar principles...
http://www.flickr.com/photos/tanaka/3212373419
67. "The primary design principle underlying the Web's
usefulness and growth is universality.
The Web should be usable by people with disabilities.
It must work with any form of information, be it a
document or a point of data, and information of any
quality–from a silly tweet to a scholarly paper.
And it should be accessible from any kind of hardware
than can connect to the internet: stationary or mobile,
small screen or large."
...
as seen b efore @bdconf
Tim Berners-Lee
Long Live the Web
http://www.scientificamerican.com/article.cfm?id=long-live-the-web
http://www.flickr.com/photos/lonelyfox/2939757714
69. The Era of mobile dominance is beginning
which did not prepare us for a world
paul rouget taiwan africa
dominated by devices like these...
http://www.flickr.com/photos/whiteafrican/2594981758
70. “The best, most solid way out of a crisis
in a changing market is through
experiment and adaptation.”
Richard Branson
Business Stripped Bare – Adventures of a Global Entrepreneur
http://www.flickr.com/photos/jedibfa/5146867827
72. short
a tale of clients
and servers...
http://www.flickr.com/photos/richardberg/2135409739
73. pastrami on rye... a client makes a request
to a server...
http://www.flickr.com/photos/_ppo/2393063853
74. other unique clients make
similar requests...
yet not identical
Rueben...
turkey chilli dog...
grilled cheese brisket...
corned beef...
http://www.flickr.com/photos/_ppo/2393063853
75. Rueben...
chilli dog...
a method to track each client
request is required...
http://www.flickr.com/photos/mrgarin/3476714113
76. as each client request
is received...
tra pickle... no pickle... Rueben...
pastrami on rye... turkey chilli dog...
Rueben... Rueben...
grilled cheese brisket... corned beef...
http://www.flickr.com/photos/_ppo/2393063853
77. the server tailors each request
to each client...
320, hold the pickle...
one more 320...
150, pastrami... 210 to go...
tracking (ticketing, bills, etc)
analytics (what works, what doesn't)
preparation (vs just-in-time)
tacit knowledge
http://www.flickr.com/photos/_ppo/2393063853
78. ensuring they get exactly
what they need...
http://www.flickr.com/photos/the_junes/2134127618
79. rather than everything they
might not want...
http://www.flickr.com/photos/86624586@N00/10176570
87. ...profile please?
server
http://domain.org
server then asks the client
for it's profile cookie...
88. yeah, you're going to need a profile...
server
http://domain.org
if a client doesn't have a profile
cookie the server creates one for it...
89. {
width:{
screen:240,
document:240
}
}
let's start with the 'default' profile...
default profile
*defining a 'default' baseline
profile depends on your
project requirements...
server
http://domain.org
or default*
notice that this makes the
begin with a baseline profile
assumption that basic = default that covers the very basic experience...
(in other words "mobile first")
90. eww....
then...grab the client user agent string
(trust me, it's more useful than you think)
server
http://domain.org
...oh yes, user-agent please?
Mozilla/5.0
(Linux;
U;
Android
2.1-‐update1;
en-‐gb;
Nexus
One
Build/ERE27)
AppleWebKit/530.17
(KHTML,
like
Gecko)
Version/4.0
Mobile
Safari/530.17
91. Mozilla/5.0
(Linux;
U;
Android
2.1-‐update1;
en-‐gb;
Nexus
One
Build/ERE27)
AppleWebKit/530.17
(KHTML,
like
Gecko)
Version/4.0
Mobile
Safari/530.17
hey DeviceAtlas, wanna check this UA for me?
server
http://domain.org
query the user agent string against
a device database such as DeviceAtlas...
...or WURFL
92. Mozilla/5.0
(Linux;
U;
Android
2.1-‐update1;
en-‐gb;
Nexus
One
Build/ERE27)
AppleWebKit/530.17
(KHTML,
like
Gecko)
Version/4.0
Mobile
Safari/530.17
{
width:480, ...found it, here it comes!
height:480,
color-‐depth:8,
touch:true,
cookie:true,
...
}
http://deviceatlas.com
DeviceAtlas profile
93. {
width:{
screen:240,
document:240
}
}
default profile
...hmm, I think I've seen this before?
server
{
width:480, http://domain.org
height:480,
color-‐depth:8,
touch:true,
cookie:true,
...
}
DeviceAtlas profile now query the user agent string against
any tacit knowledge you have collected...
may
95. {
width:{ tacit data
screen:240,
document:240
}
}
default profile
{
width:320,
droid:1, yeah, I've seen this before...
canvas:true,
flash:true,
video:true, server
... http://domain.org
}
Tacit (or known) profile
{
width:480,
height:480, this tacit knowledge is gathered
color-‐depth:8,
touch:true, over time from other device profiles...
cookie:true,
... ...or through knowledge
} gained during testing
DeviceAtlas profile
96. {
width:{
screen:320,
document:320
},
xhr:true,
canvas:true,
flash:false,
video:true,
formats:{ server
h264:probably, http://domain.org
ogg:false,
webm:false
},
offline:true
}
Client profile
merge the baseline data, with the data
returned from queries into the client profile...
97. cookie
{
width:{ document
screen:320,
document:320
},
xhr:true, response
canvas:true,
flash:false,
video:true,
formats:{ server
h264:probably, http://domain.org
ogg:false,
webm:false
},
offline:true
}
Client profile
write the profile cookie to the doc header
which will be returned to the client...
98. {
width:{
screen:320,
document:320
},
xhr:true, response
canvas:true, profile
flash:false,
video:true,
formats:{ server
h264:probably, http://domain.org
ogg:false,
webm:false
},
offline:true
}
for this client
Client profile
server now has a usable profile
and can continue...
99. media queries are not a means using Javascript to modify
of adapting content contained significant portions of the
within the DOM on the client... DOM will impact performance
on mobile devices...
response
filter
server
http://domain.org
and adapt
the server now begins to filter the content
based on the properties in the client profile...
100. Adaptation Rules
ensure all images are
appropriately sized for
client display
replace any images that
contain fine details or text
replace Flash media with
an appropriate alternative response
where not supported
remove unnecessary
markup, scripts, etc. server
http://domain.org
or app
adaptation 'rules' will vary from site to site,
but adapting <img>'s is most common...
101. Adaptation Rules
ensure all images are
appropriately sized for
client display
replace any images that
contain fine details or text
replace Flash media with
an appropriate alternative response
where not supported
remove unnecessary
markup, scripts, etc. server
http://domain.org
adapt large tables as
required, link to data
serve appropriate video
format, codec and size
adapt DOM components
including scripts and styles <video>, <table> and other DOM
structures also require adaptation
may
102. Adaptation Rules Resource Bundles
ensure all images are alternate content
appropriately sized for appropriate for context
client display
alternate DOM templates,
replace any images that components & fragments
contain fine details or text
alternate sized, formatted +
replace Flash media with encoded video as required
an appropriate alternative response
where not supported alternate images for
required breakpoints
remove unnecessary
markup, scripts, etc. server alternate scripts + styles
http://domain.org for required client profiles
adapt large tables as
required, link to data
serve appropriate video
format, codec and size
adapt DOM components
including scripts and styles you will often require
new resources
103. "pinch-‐zoom":{
"0-‐320":"resources/images/meego/pinch-‐zoom@240.png",
"320-‐720":"resources/images/meego/pinch-‐zoom@320.png", Resource Bundles
"720-‐9999":"resources/images/meego/pinch-‐zoom.png"
}, alternate content
"typing":{
"0-‐320":"resources/images/meego/typing@240.png",
appropriate for context
"320-‐720":"resources/images/meego/typing@320.png",
"720-‐9999":"resources/images/meego/typing.png" alternate DOM templates,
}, components & fragments
"stay-‐safe":{
"0-‐320":"resources/images/meego/stay-‐safe@240.png", alternate sized, formatted +
"320-‐720":"resources/images/meego/stay-‐safe@320.png", encoded video as required
"720-‐9999":"resources/images/meego/stay-‐safe.png"
}, alternate images for
"swipe-‐more":{ required breakpoints
"0-‐320":"resources/images/meego/swipe@240.jpg",
"320-‐640":"resources/images/meego/swipe@320.jpg",
"640-‐9999":"resources/images/meego/swipe.jpg" alternate scripts + styles
}, for required client profiles
"pinch-‐zoom-‐more":{
"0-‐320":"resources/images/meego/pinch-‐zoom@240.png",
"320-‐720":"resources/images/meego/pinch-‐zoom@320.png",
"720-‐9999":"resources/images/meego/pinch-‐zoom.png"
},
"typing-‐more":{
"0-‐320":"resources/images/meego/typing@240.png",
"320-‐720":"resources/images/meego/typing@320.png",
"720-‐9999":"resources/images/meego/typing.png" which can be defined in
},
"stay-‐safe-‐more":{ any number of ways...
"0-‐320":"resources/images/meego/stay-‐safe@240.png",
"320-‐720":"resources/images/meego/stay-‐safe@320.png",
"720-‐9999":"resources/images/meego/stay-‐safe.png"
},
"location":{
104. video
data
images
response
server
http://domain.org
these resources can be static, cached
or even dynamically generated...
which would make them
even more responsive
105. response
server
http://domain.org
all content adaptation is
performed on the server...
before the page is
downloaded
106. response
server
http://domain.org
on the client
alternate resources that may later be required
are then bundled as references...
107. {}
response
server
http://domain.org
feature detection
an additional profile <script>
is also included in the response to the client...
129. all in preparation for the coming
zombie apocalypse...
@scottjenson zombie frog
http://www.flickr.com/photos/digitalsextant/3624030270
130. benefits of this
approach...
http://www.flickr.com/photos/sarahreido/3120877348
131. known
focus on the features,
not the device...
OperaMini
ceçi n'est plus un iphone
http://www.flickr.com/photos/jane_garratt/5377694159
132. browser
accepts that features
are rarely binary...
just because it's 'supported', doesn't mean
it works as intended (or works at all)...
http://html5test.com/
133. tweaks for "important" devices
(e.g. client-specific requests,
business goal-specific, partners,
high-traffic edge cases etc.)
tacit data enables you to
create custom properties needed
for your specific project fine tune the profiles...
override false positives
http://www.flickr.com/photos/mujitra/2559447601
134. handling
which makes edge cases
much easier...
http://twitter.com/#!/stephanierieger/status/113604185857069056
135. all heavy lifting occurs
on the server...
http://www.flickr.com/photos/mackarus/4289960218
136. folks and their
supports a broader range of devices
where client-side-only approaches
can be unreliable...
http://www.flickr.com/photos/mackarus/3022623866
137. embrace the future of
"unknown unknowns"...
http://www.flickr.com/photos/jgoforth/87176920
138. a few thoughts
for tomorrow...
http://www.flickr.com/photos/slemmon/3971195778
139. the <img> tag...
was an after thought
http://diveintomark.org/archives/2009/11/02/why-do-we-have-an-img-element
140. ...perhaps it's finally time
to rethink it?
<image
alt="butterfly">
<source
src="butterfly-‐small.png"
width="100"
height="80"
/>
<source
src="butterfly.png"
width="200"
height="160"
/>
<source
src="butterfly-‐large.svg"
width="400"
height="400"
media="min-‐device-‐width:320px"
/>
</image>
this of course does not exist,
and is simply wishful thinking...
141. <html>
...media queries for the DOM?
... ie: conditional content
@media
all
(max-‐device-‐width:320px)
{
<img
src="butterfly-‐small.png"
width="100"
height="80"
/>
}
@media
all
(min-‐device-‐width:320px)
{
<img
src="butterfly.png"
width="200"
height="160"
/>
}
@media
all
(min-‐device-‐width:320px)
and
(svg:true)
{
<img
src="butterfly.svg"
width="400"
height="400"
/>
}
this of course does not exist, and is
... only the simplest form of an idea...
</html>
143. and maybe even go back and
revisit UA strings...
Andrea Trasatti sorting user agent strings out
ee
for so me thoughts...srting
Andrea Trasatti's "So ut"
O
User Agent Strings
http://en.wikipedia.org/wiki/User_agent
144. "The wise adapt themselves to circumstances,
as the water moulds itself to the pitcher."
Chinese Proverb
http://www.flickr.com/photos/theowl84/3045227001
145. @yiibu
please
say
hi hello@yiibu.com
thank you
the font we
use is
Museo
http://www.exljbris.com/museo.html
many thanks to the
amazing photographers
on
http://www.flickr.com/creativecommons/by-2.0
licensed under
http://creativecommons.org/licenses/by/2.0
available on
http://www.slideshare.net/yiibu/adaptation
http://www.flickr.com/photos/kwl/4171367373