The document discusses using HTML5 to create mobile applications for SharePoint. It provides an overview of different mobile platforms and browsers, HTML5 features and frameworks for mobile development. It also addresses limitations of using HTML5 with SharePoint, such as validation issues. Additionally, it covers approaches for redirecting to mobile versions of SharePoint sites from iOS devices and demonstrates a mobile HTML5 SharePoint site.
These is the slide deck I used during my talk at Software Architect about how using architecture in order to create maintainable, secure and fast mobile applications.
Cross Platform Mobile Application ArchitectureDerrick Bowen
Our consulting strategy is built around developing our people into “Trusted Advisors”. Pariveda is different from other consulting firms in the talent that we provide. We grow smart people who can combine knowledge across functional boundaries. Our people choose Pariveda because of the rewarding lifestyle.
Sitecore and PhoneGap - Driving Business with Mobile Appscaptech
Slides from recent webinar with CapTech and Sitecore.
Join CapTech and Sitecore for a webinar where you'll learn how to combine Sitecore with open source projects like PhoneGap and jQuery to build not just highly responsive mobile web sites - but native mobile applications for platforms like the iPhone, iPad, Android, and more.
Mobility is a hot topic these days and organizations face many challenges:
•Businesses are striving to keep up with the pace of consumer technology.
•Mobile software vendors are acquiring, appearing, and disappearing faster than ever.
•Many organizations are investing in new technologies to deliver mobile applications, yet struggling to efficiently deliver those applications across mobile platforms.
Learn how you can leverage Sitecore to deliver content and drive the experience for your mobile applications. Get even more value from Sitecore by simplifying your technology footprint and efficiently delivering cross-platform mobile applications. Even further, leverage Sitecore's advanced personalization and targeting capabilities to fine tune your mobile apps and drive to your business goals.
This document discusses hybrid mobile apps, which are native apps that use an embedded browser to run some or all of their user interface. Hybrid apps combine the advantages of native apps like being downloaded from app stores with the advantages of web apps like being able to write code once and deploy to multiple platforms. Frameworks exist that allow hybrid apps to access native device capabilities like the camera from JavaScript. The document argues that with frameworks, hybrid apps can provide rich experiences comparable to native apps.
Cross platform mobile application architecture for enterpriseVenkat Alagarsamy
The document discusses cross-platform mobile application architecture for enterprises. It covers the need for enterprise mobile apps due to workforce mobility trends. It compares native, web, and hybrid approaches and recommends hybrid for supporting multiple platforms. Key elements of hybrid apps include device and screen agnosticism, offline storage, security, and access to device capabilities. Frameworks like Phonegap and technologies like HTML5, CSS, and JavaScript enable hybrid development.
Crossplatform and HTML5
Deck from 13/5 training session during Mobilemonday Brussels Competence Center by Trainer: Joe O Reilly "head of services" of Feedhenry
at MC2BIS.eu
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
Development Workshop on ET1, Android and Motorola RhoElementsRomin Irani
This presentation is part of my 2-hour Development Workshop that I conducted at a Motorola Channel Power event. The workshop covered various development options on the ET1 and covered Native Android Development, HTML5 basics and a step by step breakdown of a RhoElements application that integrated device capabilities like barcode scanning.
The document discusses Progressive Web Apps (PWAs). PWAs load instantly, work reliably even on unstable networks, and feel like native apps to users with smooth animations and an immersive experience. The document outlines the history of apps, how PWAs leverage modern web capabilities like service workers to work across devices, and details how developers can build PWAs that have native-like performance and functionality.
This document discusses Lotus software on mobile devices and developing for mobile. It covers the history of Lotus mobile clients, including Lotus Traveler, Sametime and Connections. It also discusses using geolocation, forms and working offline in mobile development. Resources listed include the WURFL database for device detection, CSS media queries, and HTML5 features like geolocation, forms attributes and the cache manifest for offline work.
HTML5 and CSS3 have arrived and they are redefining rich, standards-based web development. Features previously the exclusive domain of browser plug-ins can now be added to web applications as easily as images. Understanding the new power that these standards define, as well as the rapidly increasing power and speed of JavaScript in modern browsers and devices is essential. These slides accompany a full-day workshop, where attendees are guided through the new features in HTML5 and CSS3, with special attention to how these technologies can be used today in new and old browsers.
This document proposes selecting appropriate Rich Internet Application (RIA) technologies to meet user and business demands. It presents RIA technologies like AJAX, Adobe Flex, and Microsoft Silverlight, compares their features, and recommends usage scenarios. As a case study, it evaluates developing the Palestinian Encyclopedia (PalPedia) using RIA best practices for user experience, performance, and compatibility. The document concludes by discussing developing PalPedia further and including additional RIA technologies in future comparisons.
- Write code once and deploy to multiple platforms like iOS, Android and Windows Phone.
- Use tools like Xamarin, PhoneGap, React Native etc to write apps using shared codebase like C#, JavaScript that compile to native apps.
- Gain access to core mobile capabilities like contacts, camera while retaining a native user experience.
- Reduce development costs and time to market by avoiding separate development for each platform.
- Downside is need to maintain one codebase for multiple platforms and lack of full native capabilities and performance.
HTML5 is the latest evolution of the HTML standard and includes new elements, JavaScript APIs, and CSS features. It allows building richer web applications that work across browsers and devices without needing plugins like Flash. While support for HTML5 features is improving, the specification continues to evolve and not all browsers fully support all parts of HTML5 yet. Developing with HTML5 requires considering cross-browser compatibility and supporting different content formats. Overall, HTML5 provides opportunities for building richer applications on the web and on mobile, but full standardization and implementation is still ongoing.
The document discusses the history and evolution of the Internet from 1991 onward. It notes that in 1991, Tim Berners-Lee invented the World Wide Web and technologies like HTTP and HTML. This allowed the Internet to grow beyond use by just governments and universities. Businesses then started using the web for marketing. Over time, HTML evolved through different versions to support more features. Browser wars occurred between Netscape and Microsoft. While technologies advanced the web, some issues also arose like overuse of tables and convoluted code. Later, CSS was introduced to separate design from content, but was slow to be adopted.
Ibm worklight - going from xpages mobile to native mobile applicationsMark Roden
Abstract
In this session John and Mark will demonstrate how an XPages developer can make the simple, practical, logical evolution from XPages to IBM Worklight developer.
Have you ever wondered how to easily integrate a mobile phone native feature set with your corporate web applications? We will show that any XPages developer currently building mobile-accessible websites already has the skillset to build native mobile apps using IBM Worklight. We will cover installation, setup, similarities in designer clients, the test environment, the skills necessary and provide a working example.
You have the skills, you have the knowledge. Your only challenge is to come to the session and understand how to make this work. Go from HTML5 to native in minutes.
Opening the mobile web mozilla and firefox os-chit thiri maungChit Thiri Maung
The web of today would not be the same if Mozilla hadn't fought up against the web monoculture on the Desktop in the 90s. The same challenge of users getting locked in to a certain environment to be able to go online happens now on the mobile market. In this talk I will show the history of Mozilla and what happens right now to free the mobile web from lock-in. The web is out there for everybody and should not be dependent on expensive devices. In this talk you'll hear about Mozilla's efforts to teach people the benefits of the web, learn how to help us by testing Firefox on Android and get introduced to Firefox OS, the first fully open operating system for mobile devices with apps based on web standards.
Building Effective and Rapid Applications with IBM MobileFirst PlatformAndrew Ferrier
This document provides tips for building effective applications with the IBM MobileFirst Platform. It discusses choosing a client-side architecture like native, hybrid, or Xamarin. Hybrid applications are best developed using AngularJS and Ionic. Continuous integration is recommended using tools to build artifacts like .war, .wlapp, and .adapter files. Externalizing properties allows promoting across environments. Considerations for deploying to devices include using App Center or app stores. A variety of tests should be implemented including UI, adapter, and performance testing.
This document compares two cross-platform mobile app development frameworks: PhoneGap and Titanium. It provides an overview of each framework, how they allow developing apps across platforms, and their advantages and limitations. Code examples are shown to illustrate app development in each.
HTML5 is the latest version of HTML that provides native support for multimedia and graphics. It enhances HTML with new elements and APIs to build more robust web applications. While HTML5 offers advantages like cross-platform support and lower development costs, it also faces challenges from browser fragmentation and lack of access to device capabilities. Kony's platform aims to address these challenges by allowing developers to build HTML5 applications that can be optimized for all browsers and integrated with native device features.
Migrating to HTML5, Migrating Silverlight to HTML5, Migration Applications t...Idexcel Technologies
HTML5 Migration: HTML5 provides developers with powerful, cross-platforms tools for their mobile and web applications, and they get a powerful alternative to the age-old proprietary tools. As it is an open standard, companies can improve its functionality and feature-set as per their requirements.
HTML5 is becoming the preferred technology for automotive HMI systems due to its rich set of features that allow for the creation of robust applications. Key features include local storage options like Web Storage and IndexedDB for offline use, multimedia support through <audio> and <video> tags, device access APIs, and rendering controls like <canvas> that enable precise graphics. The emergence of HTML5 has also influenced development practices, with more use of patterns like MVC to separate application logic from presentation.
I like i phone and android but know .netChris Love
This document discusses mobile application development options for developing applications that can run on both iOS and Android platforms using C#. It describes tools like MonoTouch and MonoDroid that allow building native iOS and Android applications using C# and .NET. It also discusses hybrid approaches like PhoneGap that use web technologies to build applications that can be deployed to both platforms. The document considers questions around enterprise deployment, security, data sharing and management of mobile applications.
This document provides an overview of IT and digital technologies including web development, mobile apps, software as a service (SaaS), and .NET. It discusses key topics such as:
- Web development terms like HTML, CSS, APIs, and content management systems.
- The differences between native mobile apps and web apps, and their respective advantages. Native apps have more features but web apps can work across devices.
- An explanation of Software as a Service (SaaS) and how software is delivered as an online service.
- An overview of the .NET framework for building web apps, desktop apps, mobile apps and games on Windows, Linux and Mac.
An HTML5 mobile app is a web app that can be made to look and function like a native mobile app. It has advantages over native apps in being able to reach many platforms with one codebase, having a large developer community, and allowing for frequent updates. However, native apps still have advantages in user experience due to faster performance and access to more device APIs. Tools like PhoneGap and frameworks like jQuery Mobile help streamline HTML5 mobile app development.
10 Reasons to Adopt HTML5 for Mobile AppsDoug Robinson
HTML5 offers several advantages over native mobile apps, including the ability to write code once and deploy it on any device, lower development and maintenance costs, and easier updating of apps without app store approval. HTML5 apps can also take advantage of rich media capabilities and may soon integrate with device hardware features through open standards and APIs. The multimedia and app capabilities of HTML5 are underrated despite examples that showcase interactive graphics and games.
HTML5 allows developers to create mobile apps that can be accessed across platforms without needing separate development for each device type. It has advantages over native apps such as lower development and maintenance costs since only one codebase needs to be created and updated. HTML5 also allows for rich multimedia content and has the potential to access native device features through APIs. As HTML5 adoption increases, it will help reduce platform fragmentation issues and provide a way for content to be more easily shared and accessed across different devices.
The document provides an overview of HTML5, including its history from 2004 to the present, widespread browser support, and new features such as semantic tags, simplified forms, 2D drawing, audio/video playback, device access APIs, offline storage, and performance improvements. It discusses HTML5's transition from a working group to recommendation status and references for further information.
HTML5 is the latest version of HTML that introduces new features like video, audio, and geolocation. It is still being developed with the goal of improving multimedia support while keeping HTML easily readable. HTML5 adds capabilities that allow more functionality within browsers rather than requiring external plugins. It also allows for mobile web apps as an alternative to native apps. While HTML5 adoption is growing, a debate continues around how it compares to native apps and other technologies like Flash.
HTML5 defines the latest revision of HTML that adds new semantic elements and graphical capabilities. It is still being developed by the W3C, but browsers already support some features like canvas, video, and geolocation. HTML5 provides features like native audio and video playback, offline web applications, and an improved drawing surface, along with other capabilities, without requiring browser plugins. However, there are still ongoing discussions around issues like video formats and concerns about privacy controls as HTML5 enables new ways of tracking users.
The document discusses Android 3.1, which was designed for tablets and introduced new features like the holographic UI, action bar, fragments, drag and drop, and digital rights management API. It provides details on the Motorola XOOM tablet that launched with Android 3.1, including its specs. It also summarizes the new features in Android 3.x like fragments, which allow modularizing an app's UI and functionality. The document gives advice for app development on Android 3.1 and points to resources on API differences and best practices.
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino
Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.
The document discusses the history and evolution of HTML and web technologies from 1991 to present. It provides an overview of new semantic elements, multimedia capabilities, and client-side storage APIs introduced in HTML5. It also addresses techniques for detecting HTML5 support and workarounds for unknown elements in older browsers like Internet Explorer.
This document discusses the development of hybrid mobile applications. It begins by noting the prevalence of smartphones and the growth of mobile application development. It then discusses the challenges of platform fragmentation for native mobile apps. Web applications are presented as an alternative but are also limited. Hybrid apps, which are native wrappers for web views, combine the best of both approaches. The document uses a sample ASP.NET MVC app to demonstrate how to build a hybrid mobile app with a focus on ASP.NET MVC's suitability as a backend framework.
HTML 5 is a new version of HTML that is still being developed. It aims to evolve HTML instead of reinventing it. Key features include new form elements, input types, semantic elements, APIs for offline apps, and standardized video and audio embedding. Browser support is growing but the specification may not be finalized until 2022. However, many features are already implemented and can be used today through emulation if needed.
Brain storming development in the post pc worldGalit Fein
The document discusses development methods and platforms for mobile applications. It notes that Android and iOS together account for the majority of mobile device sales. Native apps are preferred for usability but web apps allow for easier cross-platform development. Hybrid apps combine web content with native wrappers. Going forward, there is interest in HTML5 for simple cross-platform apps and in development platforms that integrate apps across devices and operating systems from a single codebase.
Similar to European SharePoint Conference: Mobile Applications for SharePoint using HTML5 (20)
MobileCamp 2014: on{x} - Google Now zum SelberbauenChristian Heindel
The document discusses on{x}, a JavaScript API that allows remote programming of Android phones, and compares it to IFTTT. On{x} uses rules, triggers, and actions written in JavaScript to control device capabilities like location and camera. IFTTT uses recipes to connect triggers from external services to actions on devices through limited channels. The document argues on{x} offers more extensibility than IFTTT through browser-based customization of JavaScript rules versus IFTTT's app-based drag-and-drop interface.
Apps für SharePoint 2013 (Office Store, Windows 8, Windows Phone 8)Christian Heindel
The document provides an overview of developing apps for Microsoft platforms like SharePoint, Office, Windows 8, and Windows Phone 8. It discusses the different app models and stores, including the Office Store, Windows Store, and Windows Phone Store. It also covers the various SDKs available for developing apps for each platform, such as the SharePoint SDK. The presentation concludes with demos of a SharePoint app using SignalR for notifications, as well as Windows 8 and Windows Phone 8 clients.
Realtime applications for SharePoint with SignalR and knockout.jsChristian Heindel
The document discusses using SignalR and knockout.js to create real-time applications for SharePoint, including how SignalR enables server-side events to be pushed to connected clients, examples of real-time applications that can be built, and how to integrate these technologies into SharePoint 2010, 2013, and Online.
How RPA Help in the Transportation and Logistics Industry.pptxSynapseIndia
Revolutionize your transportation processes with our cutting-edge RPA software. Automate repetitive tasks, reduce costs, and enhance efficiency in the logistics sector with our advanced solutions.
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.
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
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)
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc
Six months into 2024, and it is clear the privacy ecosystem takes no days off!! Regulators continue to implement and enforce new regulations, businesses strive to meet requirements, and technology advances like AI have privacy professionals scratching their heads about managing risk.
What can we learn about the first six months of data privacy trends and events in 2024? How should this inform your privacy program management for the rest of the year?
Join TrustArc, Goodwin, and Snyk privacy experts as they discuss the changes we’ve seen in the first half of 2024 and gain insight into the concrete, actionable steps you can take to up-level your privacy program in the second half of the year.
This webinar will review:
- Key changes to privacy regulations in 2024
- Key themes in privacy and data governance in 2024
- How to maximize your privacy program in the second half of 2024
How Social Media Hackers Help You to See Your Wife's Message.pdfHackersList
In the modern digital era, social media platforms have become integral to our daily lives. These platforms, including Facebook, Instagram, WhatsApp, and Snapchat, offer countless ways to connect, share, and communicate.
An invited talk given by Mark Billinghurst on Research Directions for Cross Reality Interfaces. This was given on July 2nd 2024 as part of the 2024 Summer School on Cross Reality in Hagenberg, Austria (July 1st - 7th)
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionBert Blevins
Cybersecurity is a major concern in today's connected digital world. Threats to organizations are constantly evolving and have the potential to compromise sensitive information, disrupt operations, and lead to significant financial losses. Traditional cybersecurity techniques often fall short against modern attackers. Therefore, advanced techniques for cyber security analysis and anomaly detection are essential for protecting digital assets. This blog explores these cutting-edge methods, providing a comprehensive overview of their application and importance.
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfjackson110191
These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.
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
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...Toru Tamaki
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
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 Increasing Use of the National Research Platform by the CSU Campuses
European SharePoint Conference: Mobile Applications for SharePoint using HTML5
1. Mobile Applications for SharePoint using Christian Heindel, Communardo Software GmbH @c_heindel
2. Agenda Introduction, market shares, pro & contra, features, design principles Tools, tips and tricks SharePoint + HTML5 DEMO Questions
3. Introduction The challenge: Large number of different target platforms No clear market leader, not like with desktop OS Endless list of manufacturers and devices Platforms for mobile devices: MeeGo (MobLin+Maemo) (Intel/Nokia), Android (Google), iOS (Apple), WebOS (HP), Windows Mobile , Windows Phone (Microsoft), BlackBerry OS (RIM), Symbian , Bada (Samsung), Qt , J2ME (Oracle), Brew (Quallcomm) In addition, netbooks and tablets also run: Windows , Linux , OS X , Chrome OS
4. Everything changes… iPad It changed everything... Chromebook http://www.google.com/chromebook/ Windows 8 will run on ARM Say hello to Windows 8 tablets… HP webOS netbooks
5. Market shares Market share by OS from 2007 to 2011 according to Gartner Inc. (Worldwide Mobile Device Sales) 14,4 - 19,9% of all mobile devices sold in 2010 were smartphones. This was an 72% increase from 2009 to 2010. Year Symbian Android RIM iOS Microsoft Other OSs Smartphones/ Total Devices 11Q2 22,1% 43,4% 11,7% 18,2% 1,6% 2,9% 107.740.400 428.661.200 2010 37,6% 22,7% 16,0% 15,7% 4,2% 3,8% 296.646.600 1.596.802.400 2009 46,9% 3,9% 19,9% 14,4% 8,7% 6,1% 172.373.100 1.211.239.600 2008 52,4% 0,5% 16,6% 8,2% 11,8% 10,5% 139.287.900 1.222.252.900 2007 63,5% N/A 9,6% 2,7% 12% 12,1%
7. PRO native applications Marketing Presence in App Stores is good for visibility of your product. This is important for consumer products, not so much for enterprise products. Performance, Look & Feel Native applications run faster and integrate better. Possibilities Browsers do not get access to all functions, like phonebooks, camera and so on…
8. CONTRA native applications Incalculable business risks Will the application be approved by the platform lord? How long will it take? Legal stuff A lot of contracts and rules A lot of work / costs Try publishing to the following stores at the same time: App Store (Apple), Android Market (Google), Amazon Appstore for Android , BlackBerry App World (RIM), Ovi Store (Nokia), HP App Catalog (WebOS), Windows Marketplace for Mobile, Windows Phone Marketplace (Microsoft), Samsung apps Fees for app stores usually around 30% of revenue. You need specialized developers for the different plattforms. You need to rely on frameworks like PhoneGap, RhoMobile, AppCelerator You will not be indexed by search engines.
9. Programming languages and browser support on mobile platforms What some understand: Objective C (iOS) C#, XAML (Windows Phone) Java (Android) Qt (C++) (Symbian, Maemo) What everybody understands: HTML JavaScript CSS Mobile platforms with A-grade browsers: Apple iOS 3+ Android 2.1+ BlackBerry 6+ Windows Phone 7.5 ‚Mango‘ Those represent 95% of US internet traffic from mobile devices. They supporting features like: Geolocation API Offline web applications Web SQL database
12. HTML5 design principles HTML5 - A vocabulary and associated APIs for HTML and XHTML http://www.w3.org/TR/html5/
13. HTML5 design principles Plugin-Free Paradigm Plugins cannot always be installed Plugins can be disabled or blocked - see iPad + Flash ;-) Plugins are a separate attack vector Plugins are difficult to integrate with the rest of an HTML document (plugin boundaries, clipping, transparency)
15. HTML5 browser compatibility http://www.caniuse.com/ Does my target platform support the function I want to use? Which platform will I loose, if I want to use a certain feature?
18. HTML5 framework for UI and data Jo - JavaScript framework for HTML5 It was originally designed to work on mobile platforms as a GUI and light data layer on top of PhoneGap . Since its creation, Jo has also been tested successfully as a lightweight framework for mobile browsers, newer desktop browsers, and even Dashboard widgets. Integrates Lawnchair via joLawn. http://joapp.com/docs/index.html From a deveoper who worked on YUI and now works on webOS… / Demo Works perfect with PhoneGap!
19. HTML5 framework for the minimalist Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax .
20. HTML5 basic framework XUI http ://xuijs.com / A super micro tiny DOM library for authoring HTML5 mobile web applications. Basics , DOM , Event , Fx , Style , XHR Works perfect with PhoneGap!
21. HTML5 framework helping you with the layout Less Framework is a CSS grid system for designing adaptive websites . It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
22. HTML5 framework if you don’t want to relearn http://jquerymobile.com / Dynamic touch interfaces that will adapt gracefully to a range of device form factors. The system includes both layouts (lists, detail panes, overlays) and a rich set of form controls and UI widgets (toggles, sliders, tabs). Based on jQuery core. See also: http://jqtouch.com / A jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.
23. HTML5 framework for applications Sencha Touch – Mobile Web App Framework (from the creators of ExtJS) PS : I like their comprehensive documentation on offline apps. ;-) They are explaining how you use this http://dev.w3.org/html5/offline-webapps/ the right way…
24. HTML5 framework for good & bad browsers Modernizr adds classes to the <html> element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
26. Additional links HTML5 cheat sheet http :// diveintohtml5.org/peeks-pokes-and-pointers.html Get help selecting the right framwork with http://microjs.com/ Another template: http :// html5reset.org Canvas Cheat Sheet: http://html5samples.com/wp-content/uploads/2010/03/HTML5_Canvas_Cheat_Sheet.png Massive collection of tutorials: “ The Ultimate HTML5 Tutorials and Useful Techniques” http://www.dzinepress.com/2011/04/the-ultimate-html5-tutorials-and-useful-techniques/ An oldie: http ://www.html5rocks.com/ Smartphone Browser Landscape http://www.alistapart.com/articles/smartphone-browser-landscape/ iOS specific improvements since iOS 4.2 http://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5 Safari DOM Additions for iOS: http://developer.apple.com/library/safari/navigation/#section=Libraries&topic=Safari%20DOM%20Additions%20for%20iOS
27. Agenda Introduction, market shares, pro & contra, features, design principles Tools, tips and tricks SharePoint + HTML5 DEMO Questions
28. Principles for developing mobile applications Mobile first development (yiibu-style, http://yiibu.com / ) - They also have tips for Nokia browsers… ;-) A practical approach: Design the product. Implement the product using web standards. Launch the product. Run into problems. Translate product design into an iPhone* app. Launch product on iTunes*. * insert other platform here Apps vs. the Web http://www.alistapart.com/articles/apps-vs-the-web /
29. HTML5 performance tips Images slow things down immensely – get rid of them Avoid text-shadow & box-shadow Hardware-acceleration is quite new… and buggy Use touch events whenever you can (ontouchmove > onmousemove > onclick) Avoid opacity Hand-code JavaScript and CSS (frameworks are heavy, no Prototype, no jQuery) Use translate3d, not translate
30. Creating native apps from HTML5 There are a variety of frameworks that will wrap your HTML5 code and generate apps for different platforms. They are usually slow, buggy and limited in functionality and support. In most cases, you better do real native programming. eBooks from HTML5 http://www.lakercompendium.com /
31. Agenda Introduction, market shares, pro & contra, features, design principles Tools, tips and tricks SharePoint + HTML 5 DEMO Questions
32. + It has built in support for mobile applications, but…
33. HTML5 + SharePoint: Limitations The page won’t validate as proper HTML5 code. (SharePoint outputs content as XHTML 1.0 natively.) contenteditable not supported. (Editor) Ribbon positioning will fail. ( Workaround ) Out-of-the-box SharePoint master pages need to be adjusted. ( v5.master ) Change document type to: <!DOCTYPE HTML> Remove: <meta http-equiv="X-UA-Compatible" content="IE=8" />
34. Mobility Redirect vs. ContentEditable If you do not want to edit from mobile devices, you might just want to disable the mobility redirect. Disable-SPFeature -Identity MobilityRedirect -Url http://yoursite <!-MobilityRedirect Feature-> <Feature ID="{f41cc668-37e5-4743-b4a8-74d1db3fd8a4}" Name="FeatureDefinition/f41cc668-37e5-4743-b4a8-74d1db3fd8a4" SourceVersion="1.0.0.0" />
35. iOS and SharePoint – Redirect? contenteditable not supported: Automatic switch to mobile version <system>netpubwwrootssirtualDirectories0pp_browsersompat.browser <!-- iPad Safari Browser --> <!-- sample UA "Mozilla/5.0 (iPad; U; CPU OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5" --> <browser id="iPadSafari" parentID="AppleSafari"> <identification> <userAgent match="iPad" /> <userAgent match="Mobile" /> </identification> <capabilities> <capability name="isMobileDevice" value="true" /> <capability name="canInitiateVoiceCall" value="true" /> <capability name="optimumPageWeight" value="1500" /> <capability name="requiresViewportMetaTag" value="true" /> <capability name="supportsTouchScreen" value="true" /> <capability name="telephoneNumberDetectionDisabled" value="true" /> </capabilities> </browser>
36. iOS and SharePoint – Redirect? contenteditable not supported: b) Manually switch to mobile version http:// URL /m/ http:// URL /_layouts/mobile/default.aspx c) For short /m/ version, the MobilityRedirect feature has to be activated. See also: Mobile development with SharePoint Foundation http:// msdn.microsoft.com/en-us/library/ms464268.aspx and: http:// support.microsoft.com/kb/930147
37. iOS and SharePoint – Redirect? Want to see how a page is rendered for mobile? Add: ?mobile=1 to the URL…
41. Contact information Communardo Software GmbH Kleiststraße 10 a 01129 Dresden http://www.communardo.de [email_address] Phone: +49 (351) 83382-0 Thank you for listening! Questions? Christian Heindel E-Mail: [email_address] Web: http://www.christian-heindel.de/ Twitter: @c_heindel
Editor's Notes
Which of you owns a SmartPhone? (avg. 19%) Which of you has his smartphone here right now? Which of you uses a SmartPhone even before breakfast? (avg. 30%, Smartphone-Peak) iPhone? Android? BlackBerry? How many developers are in the room? How many of you have left their notebook at home? Facts: 2.250.000.000 Tooth brushes in use vs. 4.617.136.636 Mobile phone subscriptions 91% of people have their mobile within arm’s reach 24/7. (Morgen Stanley 2007) Facebook mobile audience now at 250M users! Was 65 million in Sept 09 39% of SmartPhone Owners use their devices in the bathroom. Photo to incoming@sharepoint.christian-heindel.de
Goal of the talk: make you aware of challenges / benefits when developing for mobile phones showing tools, giving tips get you to develop more mobile versions
Source: &quot;CES: Microsoft shows off Windows 8 on ARM.&quot;, ZDNet, http://www.zdnet.com/blog/microsoft/ces-microsoft-shows-off-windows-8-on-arm/8339 , http://www.engadget.com/2011/05/18/evidence-of-webos-netbook-and-keyboard-less-phone-pop-up-in-deve/ , http://www.golem.de/1106/84073.html Heise 08.06.2011
Communote Client > 2 months before first feedback Gestern (8. Juni 2011) freigegeben: https://twitter.com/#!/communote/status/78500570327035905 Registration as delveoper 11 days: https://twitter.com/#!/c_heindel/status/61296598419906561 Opera v11.01 from 01.03.2011 v11.10 released on 11.04.2011 - still not in app store, my comment about download via website was rated second most usefull Heise: 23.05.2011 http://www.heise.de/newsticker/meldung/Mac-App-Store-verzoegert-sicherheitsrelevantes-Opera-Update-1246315.html Always changing: Paml App Catalog (HP) now HP App Catalog with new rules (8. Juni 2011, http://www.golem.de/1106/84061.html ) Apple IAP rules change 8.6.2011: http://www.heise.de/mac-and-i/meldung/Apple-streicht-umstrittene-In-App-Kaufvorgabe-1257422.html FT WebApp http://aboutus.ft.com/2011/06/07/ft-web-app-technical-qa/
HTML5 is a marketing buzzword! I love marketing departments! Not part of HTML5 specification: Geolocation WebWorkers HTML Speech Input API (supported by Chrome 11, proposal to the HTML Speech Incubator Group) Moved to separate standards documents: WebStorage Canvas 2D H TML5 is used as an umbrella term for all of them.
W3C published first draft of HTML in 1993 HTML 4.01 published in 1999 , then stagnation Formation of WHATWG in 2004 (to push along HTML5) W3C active again since 2006, published first draft of HTML5 in 2008 XHTML2 working group stopped 2009 Not finished. Currently published as “ working draft ” ( 04/2011 ) W3C Confirms May 2011 for HTML5 Last Call, Targets 2014 for HTML5 Standard ( http://www.w3.org/2011/02/htmlwg-pr.html ) HTML5 - A vocabulary and associated APIs for HTML and XHTML http://www.w3.org/TR/html5/ / http://www.w3.org/html/wiki/FAQs Focus shifted from documents to web applications. Web Hypertext Application Technology Working Group (WHATWG) Founded in 2004 by employees of Apple, Mozilla, Google and Opera. Working on HTML and APIs for development of web applications. World Wide Web Consortium (W3C) HTML working group HTML5 specification Internet Engineering Task Force (IETF) Responsible for internet protocols like HTTP HTML5 WebSocket API -> WebSocket protocol
Seit Montag neu (6. Juni 2011) – iOS5 - http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5 Problem: Different video format – you need to encode for 4 formats (3GPP, Flash Lite, MPEG-4, RTSP&RTP)
Orientation awareness SharePoint 2010 und das iPad – Browser Support http://sharepointcommunity.de/blogs/mgreth/archive/2011/02/08/sharepoint-2010-und-das-ipad-teil-1-browser-support.aspx SharePoint 2010 und das iPad – Apps http://sharepointcommunity.de/blogs/mgreth/archive/2011/02/09/sharepoint-2010-und-das-ipad-teil-2-die-apps.aspx SharePoint Client Object Model http://msdn.microsoft.com/en-us/library/gg701783.aspx Mobile Development with SharePoint Foundation http://msdn.microsoft.com/en-us/library/ms464268.aspx TechNet: “Plan for mobile devices” ( http://technet.microsoft.com/en-us/library/gg610510.aspx ) Existing solution: mobile entrée http://www.mobileentree.com/docs/Wiki%20Pages/Out%20of%20the%20Box.aspx
The Future? - http://html11.org/ Sources: Intro http://www.slideshare.net/hirsch30/economics-of-apps-university-of-oxford-15-oct-2010 Morgan Stanley 2007 03/2011, http://www.zdnet.com/blog/facebook/facebook-passes-250-million-mobile-users-mark-overhauls-mobile-site/1079 http://tcrn.ch/ifCSC8 GfK study: http://www.gfkrt.com/news_events/market_news/single_sites/007090/index.en.html AdFonic statistics: http://www.bmob.co.uk/2010/11/15/sofa-and-bed-surfing-on-the-rise/ http://www.youtube.com/watch?v=CjUcq_E4I-s asdasd