This document summarizes Max Firtman's presentation on using the mobile browser as a platform. Some key points from the presentation include that mobile is more about the user experience of being personal, focused and context-aware. However, developing for mobile browsers is challenging due to the many platforms, lack of documentation, and difficulty testing and debugging across devices. HTML5 aims to address these issues with standards, though the landscape remains complex with many browsers having limitations or proxies.
Preview Hour Interactive Presentation from the World Congress of Science and Factual Producers in Paris on December 1, 2011. Presented by Kirsty Hunter as a round up of some of the best interactive projects of 2011.
Preview Hour Interactive Presentation from the World Congress of Science and Factual Producers in Paris on December 1, 2011. Presented by Kirsty Hunter as a round up of some of the best interactive projects of 2011.
This presentation represents the state of social media usage in trade shows and conferences at the start of 2011. Four case studies including International CES, NTEN, BlogWorld & New Media Expo, and the International Machine Tool Show are featured.
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeVincent Everts
Wat moet je doen met Windows8 in het bedrijfsleven? Wat zijn de roots van het systeem? Is microsoft nog relevant in de wereld van amazon, apple & google?
This presentation represents the state of social media usage in trade shows and conferences at the start of 2011. Four case studies including International CES, NTEN, BlogWorld & New Media Expo, and the International Machine Tool Show are featured.
Windows 1-8 voor het bedrijfsleven. Wat moet je ermeeVincent Everts
Wat moet je doen met Windows8 in het bedrijfsleven? Wat zijn de roots van het systeem? Is microsoft nog relevant in de wereld van amazon, apple & google?
Release Early & Release Often: Reducing Deployment FrictionEngine Yard
Andy Delcambre's RubyConf 2011 presentation
Presentation Description:
At Engine Yard, we release the main Engine Yard Cloud code base at least once a day, many times more often than that. Yet we still have a fairly rigorous testing and release process. We have simply automated and connected as much of the process as possible. This talk covers how we handle deployments, how it ties in with our continuous integration service, and how we automate and tie it all together.
Recorded presentation:
http://confreaks.net/videos/667-rubyconf2011-release-early-and-release-often-reducing-deployment-friction
My slides for presentation in Copenhagen 11 November 2011 on Creative Commons at the "Sharing is caring: Digitized cultural heritage for all" seminar organized by the Association of Danish Museums
Enterprise rails hosting 3 ways to scale - 2011-10 Avarteq
Your project is evolving just fine, you have a steady, non-linear growth and your roadmap is tightly packed. You feel hosting issues become more and more time consuming. So what to do? In this talk we will see that the answer to this question is not as easy as: "we'll jump into the cloud". More than this three different ways to solve this problem will be presented: high-end hardware, commodity hardware and a cloud deployment scenario. This gives you options to choose from. For each scenario an exemplary system design illustrating its hosting structure will be shown. We will workout individual pros and cons which need to be considered carefully in respect to your individual requirements. In order to support your decision making we will draft a rough decision tree to help you picking the best possible scenario for your situation. So at the end of the talk should be able to plan your next scale out step, easily.
A short deck we've been using to introduce the Massive.tv network to potential investors. Massive.tv, Kuumba.tv, and Maingreen.tv form a network of video blogs, featuring weekly profiles on creative and innovative students on campus. We're looking for investment to pursue this venture, and expand the movement to new universities. Obviously the deck doesn't cover all that much, so if you're interested in learning more about the project, contact me at Benmillstein@u.northwestern.edu.
In society and our companies we are facing a future of complexity and challenges that require the analytic capabilities of computers to help us make wise decisions. They already do a better job of medical diagnosis and treatment prognosis in areas like breast cancer screening, and without them we would be blind to the vast storehouse of information and knowledge we enjoy via the internet. But if they are to become truly intelligent they will need more than bigger storage capacity and faster processing speeds. The will need a network of sensors and a much greater facility to output their data. That network of sensors is most likely going to be provided by our mobile devices, and the output? Virtual and augmented reality, haptic 3D, robotic presence, and more - in addition to sound and vision of today.
Session delivered at Malaga, Spain in the Wey Wey Web conference about how to use and integrate IA, ChatGPT and other LLMs into your websites including: plugins, how ChatGPT browses the web, and how to use prompt engineering for formatted data generation.
AI is everywhere nowadays, but if you are a web developer, you don't know where it fits in your work.
In this session, you will quickly understand how to add AI models to your website. You will also see how ChatGPT plugins work, how to create one, and how to gain control of the content used by LLMs.
In this session, you'll learn about API integration with OpenAI and Google LaMDA APIs, tokens, and how to keep things secure while scaling up. We'll walk you through real examples and hands-on demos, so you'll be ready to bring AI magic to your web projects quickly.
But that's not all! We'll also discuss how to create your plugin for LLMs, how Bing Chat and ChatGPT browser plugin works when browsing your web content, and how to opt out or optimize the results for AI. We'll cover basic concepts of data preprocessing, structuring, and how to tweak the model for your needs. Let's have fun and unlock ChatGPT and AI's power together!
Slides for a talk at Web Directions 2018 in Melbourne, Australia. The current state of PWAs as August 2018 and the challenges and problems we have, and how to deal with them.
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
Slides of my talk at DevFest 2016 in Cochabamba, Bolivia (en español - in spanish) about Web APIs for hardware access, the Physical Web, WebVR and other technologies.
Slides of my talk about Progressive Web Apps - The Web strikes again (La Web contraataca) delivered in Cochabamba Bolivia, for DevFest 2016 in November 2016.
Talk delivered in New York, Sep 19, 2016 during an O'Reilly meetup before Velocity Conference about Web Performance and Images, including HTTP Client Hints and new Image Formats
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
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.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
"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.
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
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
39. when we say mobile web
from a developer’s
perspective it’s using HTML,
CSS and JavaScript to
develop mobile apps
Monday, October 10, 11
40. when we say mobile web
from a developer’s
perspective it’s using HTML,
CSS and JavaScript to
develop mobile apps
(browser or installed)
Monday, October 10, 11
41. what are the
problems with
mobile web?
Monday, October 10, 11
42. we are second class
producers
Monday, October 10, 11
44. second class
‣vague, non-existent or outdated
documentation
Monday, October 10, 11
45. second class
‣ vague, non-existent or outdated
documentation
‣ new features discovered by
third-parties
Monday, October 10, 11
46. second class
‣ vague, non-existent or outdated
documentation
‣ new features discovered by
third-parties
‣ lack of samples
Monday, October 10, 11
47. second class
‣ vague, non-existent or outdated
documentation
‣ new features discovered by
third-parties
‣ lack of samples
‣ no developer tools
Monday, October 10, 11
55. html5
‣ w3c standards (all in draft)
Monday, October 10, 11
56. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
Monday, October 10, 11
57. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
Monday, October 10, 11
58. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
‣ w3c ex-standards
Monday, October 10, 11
59. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
‣ w3c ex-standards
‣ everything “new” on the web
Monday, October 10, 11
67. mobile browsers
‣ too many
‣ (some) too limited
Monday, October 10, 11
68. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
Monday, October 10, 11
69. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
Monday, October 10, 11
70. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
Monday, October 10, 11
71. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
‣ (most) without a name
Monday, October 10, 11
72. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
‣ (most) without a name
‣ (most) without debugging tools
Monday, October 10, 11
75. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
Monday, October 10, 11
76. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
Monday, October 10, 11
77. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
Monday, October 10, 11
78. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
‣ (some) with zooming support
Monday, October 10, 11
79. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
‣ (some) with zooming support
‣ (most) unknown for web devs
Monday, October 10, 11
80. MOBILE WEB USAGE!
Smartphones, Smartphones,
Social,Phones, Social,Phones,
Feature,
Feature,Phones,
Phones,
MARKET SHARE!
Monday, October 10, 11
82. some are known
‣ Safari (on iOS)
‣ Opera Mobile (on Android & Symbian)
‣ Firefox (on Android)
‣ Internet Explorer (on Windows Phone)
Monday, October 10, 11
84. some are unknown
‣ Nokia Browser (on Symbian, S40 & Meego 1.2)
‣ BlackBerry Browser
‣ webOS Browser
‣ Bada Browser
‣ Opera Mini
‣ NetFront
‣ Myriad
‣ Phantom
‣ Skyfire
Monday, October 10, 11
103. the webkit problem
‣ we are doing some things wrong
Monday, October 10, 11
104. the webkit problem
‣ we are doing some things wrong
‣ mostly css3
Monday, October 10, 11
105. the webkit problem
‣ we are doing some things wrong
‣ mostly css3
‣ IE9, Firefox, Opera second-class
citizens
Monday, October 10, 11
106. the webkit problem
‣ we are doing some things wrong
‣ mostly css3
‣ IE9, Firefox, Opera second-class
citizens
‣ The history is repeating!
Monday, October 10, 11
114. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
Monday, October 10, 11
115. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
‣ always connected
Monday, October 10, 11
116. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
‣ always connected
‣ unlimited power
Monday, October 10, 11
117. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
‣ always connected
‣ unlimited power
‣ everyone see the same
Monday, October 10, 11
118. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
‣ always connected
‣ unlimited power
‣ everyone see the same
‣ emulate native ui exactly
Monday, October 10, 11
119. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
‣ always connected
‣ unlimited power
‣ everyone see the same
‣ emulate native ui exactly
‣ device conditionals
Monday, October 10, 11
120. forget about
‣ pixels
‣ desktop frameworks (ok, not always)
‣ always connected
‣ unlimited power
‣ everyone see the same
‣ emulate native ui exactly
‣ device conditionals
‣ suppose
Monday, October 10, 11
122. learn about
‣ server-side detection
Monday, October 10, 11
123. learn about
‣ server-side detection
‣ progressive enhancement
Monday, October 10, 11
124. learn about
‣ server-side detection
‣ progressive enhancement
‣ responsive design, but....
Monday, October 10, 11
125. learn about
‣ server-side detection
‣ progressive enhancement
‣ responsive design, but....
‣ mobile usability
Monday, October 10, 11
126. learn about
‣ server-side detection
‣ progressive enhancement
‣ responsive design, but....
‣ mobile usability
‣ best experience for each context
Monday, October 10, 11
127. learn about
‣ server-side detection
‣ progressive enhancement
‣ responsive design, but....
‣ mobile usability
‣ best experience for each context
‣ the “top model” approach, aka WPO
Monday, October 10, 11
128. learn about
‣ server-side detection
‣ progressive enhancement
‣ responsive design, but....
‣ mobile usability
‣ best experience for each context
‣ the “top model” approach, aka WPO
‣ gain user loyalty
Monday, October 10, 11
132. learn about
‣ the viewport
Monday, October 10, 11
133. learn about
‣ the viewport
‣ target density (pixel ratio)
Monday, October 10, 11
134. learn about
‣ the viewport
‣ target density (pixel ratio)
‣ how and when to fix elements on
screen
Monday, October 10, 11
135. learn about
‣ the viewport
‣ target density (pixel ratio)
‣ how and when to fix elements on
screen
‣ how background code works
Monday, October 10, 11
136. learn about
‣ the viewport
‣ target density (pixel ratio)
‣ how and when to fix elements on
screen
‣ how background code works
‣ data URI - inlining content
Monday, October 10, 11
140. virtual labs
real devices on real networks
www.perfectomobile.com www.deviceanywhere.com
Monday, October 10, 11
141. device libraries
detect devices and abilities from server-side
manually tested
www.wurfl.com www.deviceatlas.com
Monday, October 10, 11
142. debugging tools
remote web inspector (BB 7.0 y PlayBook)
opera mobile (DragonFly)
weinre
phonegap.github.com/weinre debug.phonegap.com
Monday, October 10, 11
143. performance tools
just starting...
http://stevesouders.com/mobileperf/
Monday, October 10, 11
171. wpo mobile
‣ do mobile semantic html5
Monday, October 10, 11
172. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
Monday, October 10, 11
173. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
‣ apply known wpo techniques
Monday, October 10, 11
174. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
‣ apply known wpo techniques
‣ reduce http requests
Monday, October 10, 11
175. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
‣ apply known wpo techniques
‣ reduce http requests
‣ use only semantic images
Monday, October 10, 11
176. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
‣ apply known wpo techniques
‣ reduce http requests
‣ use only semantic images
‣ defer
Monday, October 10, 11
177. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
‣ apply known wpo techniques
‣ reduce http requests
‣ use only semantic images
‣ defer
‣ internal is better?
Monday, October 10, 11
178. wpo mobile
‣ do mobile semantic html5
‣ do not redirect
‣ apply known wpo techniques
‣ reduce http requests
‣ use only semantic images
‣ defer
‣ internal is better?
‣ touch instead of click
Monday, October 10, 11
179. offline storage
request (no cookies)
response
browser full html
server
inline images
css styles
javascript code
stores resources in
localStorage and
create cookie
Monday, October 10, 11
180. offline storage
first load
request (no cookies)
response
browser full html
server
inline images
css styles
javascript code
stores resources in
localStorage and
create cookie
Monday, October 10, 11
181. offline storage
request (with cookies)
response
browser server
basic html
basic javascript
updated resources
Monday, October 10, 11
182. offline storage
second load
request (with cookies)
response
browser server
basic html
basic javascript
updated resources
Monday, October 10, 11
183. forget about
DECIDING FOR THE
USER
Monday, October 10, 11
186. right experience for
the right context
‣ provide different experiences
Monday, October 10, 11
187. right experience for
the right context
‣ provide different experiences
‣ YouTube resolution idea
Monday, October 10, 11
188. right experience for
the right context
‣ provide different experiences
‣ YouTube resolution idea
‣ SD/HD version
Monday, October 10, 11
189. right experience for
the right context
‣ provide different experiences
‣ YouTube resolution idea
‣ SD/HD version
‣ decide best version based
Monday, October 10, 11
190. right experience for
the right context
provide different experiences
‣
‣ YouTube resolution idea
‣ SD/HD version
‣ decide best version based
on context
Monday, October 10, 11
191. right experience for
the right context
provide different experiences
‣
‣ YouTube resolution idea
‣ SD/HD version
‣ decide best version based
on context
‣ let the user change the decision
Monday, October 10, 11
200. you can reach a good
thank you!
experience
firt.mobi
firtman@gmail.com
twitter: @firt
www.mobilexweb.com
Pictures)from)freedigitalphotos.net)
Monday, October 10, 11