An overview of the state of the mobile industry as it pertains to the web. Content developed and driven based on the belief of the centrality of content to distributed content to mobile devices (http://www.domain7.com/mobile). Presentation content from a workshop session presented in Vancouver in September 2011 (http://domain7.com/blog/d7-workshops-designing-and-building-for-the-mobile-web/)
Mobile Content: The Return of Shovelware? Presented at the STC France Content...Erin Scime
The state of affairs for mobile content is dire at the moment. Brands are not thinking long-term or putting resources into discovery. They are also not thinking strategically about how mobile content is different from website content. This presentation outlines current mobile content imperatives and offers strategies for better mobile content experiences and higher return on investment.
Everything Old is New Again: The State of Web DesignMaria D'Amato
Back to the Old School: Device-Independence with Responsive Design
Process: Art, Copy & Code: The New Creative Team
Embrace the Medium: Flat vs. Skeuomorphic Design
As Barter, we seek to understand the inherent qualities and potential of the materials around us. It is this understanding that guides and informs the products we create, and the artists we work with. We believe deeply in telling the stories of these artists, learning their processes and methodologies. The result is a collection of objects that is thoughtful, unique and has a story to tell.
At one point in our efforts we partnered with one of the largest marking systems companies in the world. Domino is a world class company and I really enjoyed working with the Mississauga team!
An overview of the state of the mobile industry as it pertains to the web. Content developed and driven based on the belief of the centrality of content to distributed content to mobile devices (http://www.domain7.com/mobile). Presentation content from a workshop session presented in Vancouver in September 2011 (http://domain7.com/blog/d7-workshops-designing-and-building-for-the-mobile-web/)
Mobile Content: The Return of Shovelware? Presented at the STC France Content...Erin Scime
The state of affairs for mobile content is dire at the moment. Brands are not thinking long-term or putting resources into discovery. They are also not thinking strategically about how mobile content is different from website content. This presentation outlines current mobile content imperatives and offers strategies for better mobile content experiences and higher return on investment.
Everything Old is New Again: The State of Web DesignMaria D'Amato
Back to the Old School: Device-Independence with Responsive Design
Process: Art, Copy & Code: The New Creative Team
Embrace the Medium: Flat vs. Skeuomorphic Design
As Barter, we seek to understand the inherent qualities and potential of the materials around us. It is this understanding that guides and informs the products we create, and the artists we work with. We believe deeply in telling the stories of these artists, learning their processes and methodologies. The result is a collection of objects that is thoughtful, unique and has a story to tell.
At one point in our efforts we partnered with one of the largest marking systems companies in the world. Domino is a world class company and I really enjoyed working with the Mississauga team!
An overview of the state of the mobile industry as it pertains to the web. Content developed and driven based on the belief of the centrality of content to distributed content to mobile devices (http://www.domain7.com/mobile). Presentation content from a workshop session presented in Vancouver in September 2011 (http://domain7.com/blog/d7-workshops-designing-and-building-for-the-mobile-web/)
Designing and Building for the Mobile Web (2011)Domain7
Presented by Stephen Bau in 2011, this presentation gives a brief history of design and the internet, and makes a strong, academic case for responsive design. Includes examples, media queries, including Bau's use of the Fluid 960 Grid System, Symphony CMS and XSLT. References to Jefrey Zeldman, Luke Wroblewski, and other responsive web pioneers.
Workshop about responsive web design (RWD), given on 13 Februari 2013. This is a presentation about how to create a responsive website. Different tools and libraries which are used for RWD are covered
Examples used in the workshop can be found here:
https://github.com/Goldmund-Wyldebeast-Wunderliebe/rwd-workshop
Clayton Davis of Indiana University presents the Kinsey Reporter, a mobile survey platform to share, explore, and visualize anonymous data about sex. Highlights how to get from idea to market with limited resources. Presented at YTH Live 2014 session "Apps for Sexual Health: Lessons Learned in Development."
Lecture 7 from the COMP 4010 class on AR and VR. This lecture was about Designing AR systems. It was taught on September 7th 2021 by Mark Billinghurst from the University of South Australia.
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.
Designing and Building for the Mobile Web (2011)Domain7
Presented by Stephen Bau in 2011, this presentation gives a brief history of design and the internet, and makes a strong, academic case for responsive design. Includes examples, media queries, including Bau's use of the Fluid 960 Grid System, Symphony CMS and XSLT. References to Jefrey Zeldman, Luke Wroblewski, and other responsive web pioneers.
Workshop about responsive web design (RWD), given on 13 Februari 2013. This is a presentation about how to create a responsive website. Different tools and libraries which are used for RWD are covered
Examples used in the workshop can be found here:
https://github.com/Goldmund-Wyldebeast-Wunderliebe/rwd-workshop
Clayton Davis of Indiana University presents the Kinsey Reporter, a mobile survey platform to share, explore, and visualize anonymous data about sex. Highlights how to get from idea to market with limited resources. Presented at YTH Live 2014 session "Apps for Sexual Health: Lessons Learned in Development."
Lecture 7 from the COMP 4010 class on AR and VR. This lecture was about Designing AR systems. It was taught on September 7th 2021 by Mark Billinghurst from the University of South Australia.
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.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
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.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
7. Designing
for Mobile
Design
A broad definition:
Adapting skills and tools
to the forms of communication
that make sense to connect with people
and share your ideas
http://en.wikipedia.org/wiki/Design
Friday, 16 September, 11
8. Designing
for Mobile
Adapting to Technology
• Language • Telephone
• Painting • Film
• Writing • Television
• Alphabet • Computers
• Print • Internet
• Photography • Mobile Devices
http://en.wikipedia.org/wiki/Technology
Friday, 16 September, 11
9. Designing
for Mobile
A Brief History of the Internet
• 4 October 1957, USSR launched Sputnik
• A US military project to connect strategic sites
• Connecting academic institutions
• Connecting the public
• Mass marketing medium
• Driving force behind social, economic and political
change
http://en.wikipedia.org/wiki/Internet
Friday, 16 September, 11
10. Designing
for Mobile
A Brief History of the Web
• First web page: 20 years old
• 6 August 1991, Tim Berners-Lee posted a summary of
the World Wide Web project
http://w3.org/
Friday, 16 September, 11
12. Designing
for Mobile
Building for the Mobile Web
Simple. Create a web page with plain old HTML.
• Fluid content
• One single column
• Vertical scrolling
• Hypertext links
• Address: URL
http://en.wikipedia.org/wiki/KISS_principle
Friday, 16 September, 11
13. Designing
for Mobile
Designing for the Mobile Web
Complex. A higher level of requirements and expectations.
• Strategy
• Project Management
• Creative
• Design Process
• Front End Design
• Technology
http://domain7.com/results/
Friday, 16 September, 11
15. Designing
for Mobile
Technological Complexity
Strategy Creative Front End Design
• Business Strategy • Copywriting • Web Standards
• Marketing Strategy • Illustration • HTML, CSS, JavaScript
• Content Strategy • Photography • Information Architecture
• Governance Strategy • Typography • User Experience Design
• Branding • Accessibility
• Creative Direction
Project Management • Art Direction
• Creative Licensing Technology
• Goals and Objectives • Intellectual Property
• Strategies • Hosting
• Requirements • Security
• Schedules Design Process • Server Management
• Scope of work • Content Management
• Client expectations • Site Maps • Database Management
• Competitive analysis • Wireframes • Custom Development
• Market Analysis • Interactive Prototypes • Ecommerce
• Design Mockups • Site Analytics
• Templates • Search Engine Optimization
• Content Distribution Networks
• API Integration
• Social Media Integration
http://domain7.com/services/
Friday, 16 September, 11
16. Designing
for Mobile
Design for the Desktop Web
• Designers adapted print design to the web
• Tables-based HTML
• Flash for typographical control and animation
• One-to-many mass communication
• Sites optimized for viewing on a single browser (IE)
http://www.adobe.com/ ashplatform/
Friday, 16 September, 11
17. Designing
for Mobile
Web Standards
A movement to return to the original goals of the web,
governed by the World Wide Web Consortium
• Fluid
• Adaptive
• Accessible
• Device agnostic
http://www.w3.org/
Friday, 16 September, 11
20. Designing
for Mobile
Mobile Web Browsers
WebKit has been developed to adhere to web standards.
With the success of the iPhone, it is quickly becoming the
defacto standard on mobile devices.
• iOS
• Android
• Blackberry
http://www.webkit.org/
Friday, 16 September, 11
21. Designing
for Mobile
Browser Capabilities
Web browsers are becoming more capable
• HTML5
• CSS3
• JavaScript
• SVG
• Local Storage
• Geolocation
http://browsehappy.com/
Friday, 16 September, 11
33. Designing
for Mobile
Golden Age of Web Design
Luke Wroblewski sums up
our context in the mobile space
• Growth
• Constraints
• Capabilities
http://www.lukew.com/
Friday, 16 September, 11
34. Designing
for Mobile
Golden Age of Web Design
Luke Wroblewski sums up
our context in the mobile space
• Growth = Opportunities
• Constraints = Focus
• Capabilities = Innovation
http://www.abookapart.com/products/mobile- rst
Friday, 16 September, 11
35. Designing
for Mobile
Content Strategy
Kristina Halvorsen, Brain Traffic
• Create
• Publish
• Govern
• Plan
• Maintain
• Measure
http://www.contentstrategy.com/
Friday, 16 September, 11
36. Designing
for Mobile
Designers as Technology Experts
Designers have a couple options
• Learn the technologies
• Partner with people
who already have the
knowledge and skills
http://andyrutledge.com/
Friday, 16 September, 11
37. Designing
for Mobile
Designers as Technology Experts
Designers have a couple options
• Learn the technologies
• Partner with people
who already have the
knowledge and skills
http://designprofessionalism.com/
Friday, 16 September, 11
39. Designing
for Mobile
New Design Approaches
Andy Rutledge wrote about a different approach to design,
using the New York Times as an example.
• Quality Content
• Business Model
• Usability
• Presentation
• Delivery
Image from Andy Rutledge, News Redux
http://andyrutledge.com/news-redux.php
Friday, 16 September, 11
40. Designing
for Mobile
New Design Approaches
Andy Rutledge wrote about a different approach to design,
using the New York Times as an example.
• Quality Content
• Business Model
• Usability
• Presentation
• Delivery
Image from Andy Rutledge, News Redux
http://andyrutledge.com/news-redux.php
Friday, 16 September, 11
44. Building
for Mobile
Approaches
Two basic approaches, with variations
• Native Apps
• Device-Specific SDK
• Frameworks Based on Web Standards
• Web
• Device-Specific Design
• Mobile First
• Responsive Design
Friday, 16 September, 11
45. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple iPod
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.apple.com/ipod/
Friday, 16 September, 11
46. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple iPhone
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.apple.com/iphone/
Friday, 16 September, 11
47. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple iPad
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.apple.com/ipad/
Friday, 16 September, 11
48. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://ca.blackberry.com/
Friday, 16 September, 11
49. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://hp.com/united-states/webos/us/en/
tablet/touchpad-availability.html
Friday, 16 September, 11
50. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.lg.com/us/mobile-phones/
view-all-phones/view-all-phones.jsp
Friday, 16 September, 11
51. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.motorola.com/
Consumers/CA-EN/Home
Friday, 16 September, 11
52. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.nokia.ca/
Friday, 16 September, 11
53. Building
for Mobile
Devices
The number of devices you need to support is exploding
• Apple
• BlackBerry
• HP
• LG
• Motorola
• Nokia
• Samsung
http://www.samsung.com/ca/consumer/mobile/
mobile-phones/index.idx?pagetype=type_p2&
Friday, 16 September, 11
54. Building
for Mobile
SDKs and Frameworks
Tools and frameworks for mobile development
• iOS
• webOS
• PhoneGap
• Sencha
• jQTouch
• jQuery Mobile
http://developer.apple.com/
Friday, 16 September, 11
55. Building
for Mobile
SDKs and Frameworks
Tools and frameworks for mobile development
• iOS
• webOS
• PhoneGap
• Sencha
• jQTouch
• jQuery Mobile
https://developer.palm.com/
Friday, 16 September, 11
56. Building
for Mobile
SDKs and Frameworks
Tools and frameworks for mobile development
• iOS
• webOS
• PhoneGap
• Sencha
• jQTouch
• jQuery Mobile
http://www.phonegap.com/
Friday, 16 September, 11
57. Building
for Mobile
SDKs and Frameworks
Tools and frameworks for mobile development
• iOS
• webOS
• PhoneGap
• Sencha
• jQTouch
• jQuery Mobile
http://www.sencha.com/
Friday, 16 September, 11
58. Building
for Mobile
SDKs and Frameworks
Tools and frameworks for mobile development
• iOS
• webOS
• PhoneGap
• Sencha
• jQTouch
• jQuery Mobile
http://jqtouch.com/
Friday, 16 September, 11
59. Building
for Mobile
SDKs and Frameworks
Tools and frameworks for mobile development
• iOS
• webOS
• PhoneGap
• Sencha
• jQTouch
• jQuery Mobile
http://jquerymobile.com/
Friday, 16 September, 11
60. Building
for Mobile
Mobile First
People have been focusing on the small screen.
But mobile is more
than small devices.
http://www.mobileawesomeness.com/
Friday, 16 September, 11
61. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://unstoppablerobotninja.com/
Friday, 16 September, 11
62. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://www.alistapart.com/articles/
responsive-web-design/
Friday, 16 September, 11
63. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://colly.com/
Friday, 16 September, 11
64. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://hicksdesign.co.uk/
Friday, 16 September, 11
65. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://clearleft.com/
Friday, 16 September, 11
66. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://2011.dconstruct.org/
Friday, 16 September, 11
67. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://mediaqueri.es/
Friday, 16 September, 11
68. Building
for Mobile
Responsive Design
Advocates for web standards are charting a new direction
• Ethan Marcotte
• Simon Collison
• Jon Hicks
• Clearleft
• dConstruct
• Media Queries
• Boston Globe
http://bostonglobe.com/
Friday, 16 September, 11
71. Building
for Mobile
Mobile Manifesto
A set of principles to guide our approach
Friday, 16 September, 11
72. Building
for Mobile
Mobile Manifesto
A set of principles to guide our approach
1. Open standards over single software vendors
2. Mobile websites over device-specific apps
3. Plaintext and indexable content whenever possible
4. Plaintext source code when possible
5. Start with market research before beginning any project
6. Make mobile a central part of the development process
7. Treat mobile and online strategies as linked
http://domain7.com/mobile/
Friday, 16 September, 11
74. Building
for Mobile
The Future
The choice about which technologies to use will depend on
the goals and objectives.
• Write Software = Native Apps
• Publish Content = Web
Friday, 16 September, 11
75. Building
for Mobile
The Future
The business giants of today are the technological leaders
who are innovating and showing us the way forward.
• Apple = Software
• Google = Web
Friday, 16 September, 11
76. Building
for Mobile
The Future
The trend is toward convergence of apps and web.
• Web = Software
http://www.google.com/apps/
Friday, 16 September, 11
77. Building
for Mobile
The Future
The trend is toward convergence of apps and web.
1. Start with the web
2. Build a business
3. Deploy native apps
• Do it once
• Do it right
the first time
http://longnow.org/
Friday, 16 September, 11
78. Screen Reader Printer Desktop PC
Laptop
Responsive
Design
Web
Feature Phone
Native App
Smart Phone
Game Console
iOS jQTouch / jQuery Mobile
Touch Phone
Multi-platform App Framework
webOS Sencha PhoneGap
Tablet
? Future Devices
Friday, 16 September, 11
79. Building
for Mobile
The Here and Now
What we can do now is simplify.
• Email
• To Do List
• Media Diet
• File Management
http://bitliteracy.com/
Friday, 16 September, 11
80. Building
for Mobile
Simplify the Workflow
Simplify by creating a workflow that centres around free
tools and accessible non-proprietary formats
• Plain text, XML and HTML
• Sync and share with Dropbox and Simplenote
• Collaborate with Google Docs
• Version control with Git and GitHub
• Add tools like iA Writer to format text with Markdown
• Easy content integration with a CMS like Symphony
http://daring reball.net/projects/markdown/
Friday, 16 September, 11
83. Building
for Mobile
Tools and Standards
One of the greatest challenges for designers in applying
these approaches is the fragmentation of tools.
• Scripting languages
• Templating languages
• Content management systems
• Lack of portability between systems
• Unnecessary reliance on proprietary APIs
http://stephenbau.com/articles/jeremy-keith-be-careful-what-you-wish-for
Friday, 16 September, 11
84. Building
for Mobile
Symphony and XSLT
The Domain7 site and intranet run on Symphony CMS
• XSLT is a W3C standard for templating
• Fast and easy to deploy
• Extends knowledge web designers already possess
• XML
• HTML
• CSS
• Better separation of presentation and data layers
http://www.w3.org/TR/xslt
Friday, 16 September, 11
94. Notes
Resources
Further Reading
• A List Apart
• A Book Apart
• Luke Wroblewski
• Smashing Magazine
• Content Strategy
• Media Queries
• Domain7 Mobile Manifesto
Friday, 16 September, 11