jQuery Mobile ist ein Oberflächen-Web-Framework für Smartphones und Tablets. Es benutzt als Basis den quasi JavaScript-Industriestandard jQuery. Bei der Entwicklung von jQuery Mobile hat man besonderen Wert auf die Lauffähigkeit unter verschiedenen Betriebssystemen und Geräten gelegt. jQuery Mobile unterstützt iOS, Android, Blackberry, Bada, Windows Phone, webOS, symbian und MeeGo. Für die Entwicklung touch-optimierter Oberflächen bietet jQuery Mobile eine Vielzahl von Layout- und Formularelementen. Es gibt verschiedenen Listen, Detailansichten, Dialoge und Spezialelemente wie Slider, Toggles, Tabs etc. jQuery Mobile unterstützt von Hause aus unterschiedliche grafische Themen, die auch leicht angepasst und erweitert werden können. Nach einer kurzen Einführung in jQuery Mobile wird eine mobile Web-Anwendung auf Basis von ASP.NET entwickelt und vorgestellt.
2. Suche:
» Home » Über die GFU
Die GFU Cyrus AG
Bereits 1980 als GFU Cyrus + Rölke mbH gegründet, zählt die GFU heute zu den renommiertesten
IT-Schulungsunternehmen in Deutschland. Mehrere tausend IT-Fachleute aus der gesamten
Bundesrepublik besuchen jedes Jahr Seminare bei der GFU.
Was bietet Ihnen die GFU?
Das Seminarprogramm umfasst über 550 unterschiedliche Schulungen aus den Bereichen von A wie Administration über
Betriebssysteme bis Z wie ZOPE. Mit ca. 50 Dozenten aus den verschiedensten IT-Bereichen verfügt die GFU über ein sehr großes
Potential an Fachkompetenz. Dieses Know-how bieten wir Ihnen auch für Ihre Projektarbeit und zum Coaching an.
Die GFU-Kunden
Zu den Kunden der GFU zählen Banken, Versicherungen, Handelskonzerne, Kommunen und öffentliche Einrichtungen. Werfen Sie
doch mal einen Blick auf die GFU-Kundenliste.
Optimierte Themen & Inhalte
Gemeinsam mit den Dozenten entwickelt die GFU ständig praxisorientierte Themen mit maximalem Nutzen für unsere Kunden
weiter. Neue Themen werden rechtzeitig durch die GFU-Fachmitarbeiter analysiert und in das Portfolio aufgenommen.
Exzellente Referenten mit Praxiswissen
Die GFU legt größten Wert darauf, da§ die Referenten ihren Erfahrungshorizont und ihr Wissen ständig in der Projektpraxis
erweitern. Nur so ist Ihr Seminarerfolg wirklich garantiert. Die GFU-Dozenten vermitteln Ihnen kompakt das erforderliche Wissen.
Seminare im Wald und auf der Heide?
Ihr Partner für IT Schulung
Home Seminare Service Semicolon Die GFU Referenzen Kontakt
Kundenservice
Dozenten
Jobs
Fachbibliothek
Mediathek
Empfang der GFU
Seminarräume
Pausenraum
Restaurant
Samstag, 5. Mai 12
3. Suche:
» Home » Seminare
Ihr Partner für IT Schulung
Home Seminare Service Semicolon Die GFU Referenzen Kontakt
Seminar-Kategorien Alle Seminare Neue Seminare Schlagworte
Adobe
Andere Hochsprachen (C, C++, Perl, Prolog)
Crystal Reports
Datenbanken, DB-Sprachen und Design
ITIL
Internet (Design, Entwicklung, Sicherheit)
Java
Linux
MS .NET Programmierung
MS-Betriebssysteme
MS-Erweiterungen
MS-Office 2007 und Anwendungen
MS-Office 2010 und Anwendungen
MS-Office und Anwendungen
MS-Server-Software
MS-SharePoint 2010
Open Source Server-Software
Oracle, DB-Sprachen und Design
PC-Hardware & Netzwerke
Projektmanagement
Semicolon
TYPO3
VMware
Alle Kategorien anzeigen
Offene Schulungen
Über 550 verschiedene Seminarthemen
bietet Ihnen die GFU Cyrus AG als
offene Kurse zu festen, garantierten
Firmenschulungen
Jedes Seminarthema können Sie auch
als Firmenschulung zu Ihrem
Wunschtermin, in Ihrem Haus oder im
Individualschulungen
Ein Maximum an Lernerfolg bringt Ihnen
eine Einzelschulung, wobei Sie die
Seminardauer, das Tempo und den
Lassen Sie sich
individuell beraten!
Seminare finden
Alle Seminare
Kategorien
Schlagworte
Termine
Der GFU-Service
Die GFU-Pluspunkte
Anreiseempfehlung
Hotelreservierung
Parkplatzreservierung
Shuttle-Service
Samstag, 5. Mai 12
4. Suche:
» Home » Seminare » Kategorien » MS .NET Programmierung
Ihr Partner für IT Schulung
Home Seminare Service Semicolon Die GFU Referenzen Kontakt
= Durchführung garantiert
= Durchführung auf Anfrage
MS .NET Programmierung Schulungen
Beliebte MS .NET Programmierung Schulungen
Seminar Tage Nächster Termin Seminar-ID
C# Komplett 5 11.06.2012 S858
C# Grundlagen 3 11.06.2012 S642
ASP.NET Komplett 5 21.05.2012 S363
Weitere MS .NET Programmierung Schulungen
Seminar Tage Nächster Termin Seminar-ID
Windows Phone 7 Training - Advanced - 3 20.06.2012 S1471
Windows Phone 7 Training - Jump Start - 2 11.10.2012 S1470
Clean Code Developer (CCD) - Grundlagen 1 01.10.2012 S1393
Visual Studio LightSwitch - Einstieg und Grundlagen 2 06.09.2012 S1368
VB.NET 2010 Komplett 5 09.07.2012 S1332
VB.NET 2008 Komplett 5 09.07.2012 S1331
VB.NET Komplett 5 09.07.2012 S1330
ASP.NET MVC - Professioneller Einstieg 3 13.08.2012 S1314
VB.NET 2010 für Visual Basic Programmierer 3 17.09.2012 S1302
VB.NET 2010 Einführung 3 09.07.2012 S1301
VB.NET 2010 Aufbau 2 12.07.2012 S1300
C# 2010 Komplett 5 11.06.2012 S1299
C# 2010 Grundlagen 3 11.06.2012 S1298
C# 2010 Aufbau 3 02.07.2012 S1297
Visual Studio 2010 und .NET Framework 4 - Komplett 5 17.09.2012 S1252
Mobile - Compact Framework 3 26.11.2012 S1135
WPF - Windows Presentation Foundation 2 28.06.2012 S1134
WCF/WF - Windows Communication Foundation/Windows Workflow 2 03.05.2012 S1133
VB.NET 2008 für Visual Basic Programmierer 3 17.09.2012 S1046
VB.NET 2008 Aufbau 2 12.07.2012 S1045
VB.NET 2008 Einführung 3 09.07.2012 S1044
C# 2008 Komplett 5 11.06.2012 S1043
C# 2008 Aufbau 3 02.07.2012 S1042
C# 2008 Grundlagen 3 11.06.2012 S1041
Silverlight Kompakt 2 06.09.2012 S998
Silverlight 4 und 5 - Einführung 3 05.11.2012 S997
C# Aufbau 3 02.07.2012 S708
VB.NET für Visual Basic Programmierer 3 17.09.2012 S643
.NET Einführung für Programmierer-Anfänger 5 05.11.2012 S620
VB.NET Aufbau 2 12.07.2012 S610
Asynchrone Programmierung und Remoting mit .NET 2 28.06.2012 S515
Windows Programmierung mit WinForms 2 29.10.2012 S513
ADO.NET 2 29.10.2012 S441
.NET Komplett 5 25.06.2012 S439
VB.NET Einführung 3 09.07.2012 S333
MS .NET Programmierung Firmenschulungen
Seminar Tage Nächster Termin Seminar-ID
Anwendungsentwicklung für Office 2007 mit Visual Studio 2008 2 a. A. S939
Haben Sie Fragen?
Gerne berate ich Sie
persönlich per Mail
oder Telefon.
Nicole Döhring
• Infoline 0221 82 80 90
• Email an GFU
GFU-Service
Shuttle-Service
Hotelreservierung
Parkplätze
Weitere Serviceleistungen
Seminare finden
Alle Seminare
Kategorien
Schlagworte
Termine
• C#,VB.NET
• ADO.NET,WCF/WF
• WinForm,WPF, Silverlight
• Windows Phone
• ASP.NET Web Forms, ASP.NET MVC
• Pattern, Refactoring,TDD, CCD...
Samstag, 5. Mai 12
5. • Berater
• Softwareentwickler
• Trainer
• Seit 1995 vorzugsweise und am liebsten
Web-Technologien!
Peter Hecker
Samstag, 5. Mai 12
6. Agenda
• Überblick und Einstieg in jQuery Mobile
• Mobile Website mit jQuery Mobile
• Hybride (Web)-App mit jQuery Mobile
Samstag, 5. Mai 12
13. DocsDocs DownloadDownload PlatformsPlatforms ThemesThemes ResourcesResources ForumForum BlogBlog
jQuery UI Mobile Plugins Meetups Forum Events About Donate
Seriously cross-platform with HTML5
jQuery mobile framework takes the "write less, do more" mantra to the
next level: Instead of writing unique apps for each mobile device or OS,
the jQuery mobile framework allows you to design a single highly-
branded web site or application that will work on all popular
smartphone, tablet, and desktop platforms. Device support
jQuery Mobile: Touch-Optimized WebjQuery Mobile: Touch-Optimized Web
Framework for Smartphones & TabletsFramework for Smartphones & Tablets
A unified, HTML5-based user interface system for allA unified, HTML5-based user interface system for all
popular mobile device platforms, built on the rock-solidpopular mobile device platforms, built on the rock-solid
jQuery and jQuery UI foundation. Its lightweight code isjQuery and jQuery UI foundation. Its lightweight code is
built with progressive enhancement, and has a flexible,built with progressive enhancement, and has a flexible,
easily themeable design.easily themeable design.
Latest stable version - 1.1.0Latest stable version - 1.1.0
Legacy version - 1.0.1Legacy version - 1.0.1
JQUERY MOBILE 1.1.0 FINAL RELEASED!JQUERY MOBILE 1.1.0 FINAL RELEASED!
Samstag, 5. Mai 12
16. jQuery Mobile 1.1.0 Supported Platforms
jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader
platforms. In addition, feature phones and older browsers are supported because of our progressive enhancement
approach. We’re very proud of our commitment to universal accessibility through our broad support for all popular
platforms.
A-grade – Full enhanced experience with Ajax-based animated page transitions.
Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2),
3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)
Android 2.1-2.3 – Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3).
Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)
Android 3.1 (Honeycomb) – Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM
Android 4.0 (ICS) – Tested on a Galaxy Nexus S. Note: transition performance can be poor on upgraded
devices
Windows Phone 7-7.5 – Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800
Blackberry 6.0 – Tested on the Torch 9800 and Style 9670
Blackberry 7 – Tested on BlackBerry® Torch 9810
Blackberry Playbook (1.0-2.0) – Tested on PlayBook
Palm WebOS (1.4-2.0) – Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)
Palm WebOS 3.0 – Tested on HP TouchPad
Firebox Mobile (10 Beta) – Tested on Android 2.3 device
Chrome for Android (Beta) – Tested on Android 4.0 device
Skyfire 4.1 - Tested on Android 2.3 device
Opera Mobile 11.5: Tested on Android 2.3
Meego 1.2 – Tested on Nokia 950 and N9
Samsung bada 2.0 – Tested on a Samsung Wave 3, Dolphin browser
UC Browser – Tested on Android 2.3 device
Kindle 3 and Fire - Tested on the built-in WebKit browser for each
Nook Color 1.4.1 – Tested on original Nook Color, not Nook Tablet
Chrome Desktop 11-17 - Tested on OS X 10.7 and Windows 7
Safari Desktop 4-5 - Tested on OS X 10.7 and Windows 7
Firefox Desktop 4-9 – Tested on OS X 10.7 and Windows 7
Internet Explorer 7-9 – Tested on Windows XP, Vista and 7
Opera Desktop 10-11 - Tested on OS X 10.7 and Windows 7
B-grade – Enhanced experience except without Ajax navigation features.
Blackberry 5.0: Tested on the Storm 2 9550, Bold 9770
Opera Mini (5.0-6.5) - Tested on iOS 3.2/4.3 and Android 2.3
Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)
C-grade – Basic, non-enhanced HTML experience that is still functional
Blackberry 4.x - Tested on the Curve 8330
Windows Mobile - Tested on the HTC Leo (WinMo 5.2)
All older smartphone platforms and featurephones – Any device that doesn’t support media queries will
receive the basic, C grade experience
More info
Mobile Graded Browser SupportMobile Graded Browser Support
Samstag, 5. Mai 12
17. • Phones/Tablets
• Android 1.6+
• BlackBerry 5+
• iOS 3+
• Windows Phone 7
• WebOS 1.4+
• Symbian (Nokia S60)
• Firefox Mobile
• Opera Mobile 11+
• Opera Mini 5+
• Desktop Browsers
• Chrome 11+
• Firefox 3.6+
• Internet Explorer 7+
• Safari
• E-Readers
• Kindle
• Nook
Samstag, 5. Mai 12
19. documentation, screen shots, and training regardless of the end user platform. For
example, if your sales staff needs training on a new mobile app that is being deployed
the user documentation will contain consistent screen shots that apply to all platforms. If
half the team has iPhones and the other half has Android devices, the training
experience and documentation will be the same for all users.
Figure 1–3. iPhone Figure 1–4. Windows Phone Figure 1–5. Android
jQuery Mobile also helps eliminate the need for device-specific UI customizations. A
single jQuery Mobile code base will render consistently across all supported platforms
without customizations. This is a very cost-effective solution compared to an
organization supporting a native code base per OS. And supporting a single code baseSamstag, 5. Mai 12
21. the same UI will display appropriately on phones (see Figure 1D9) or larger devices such
as tablets, desktops, or TVs (see Figure 1D10).
Figure 1–9. Phone Display
CHAPTER 1: W
Figure 1–10. Tablet/Desktop/TV Display
asedbyhecker@gfu.net
Samstag, 5. Mai 12
22. CHAPTER 1: Why jQuery Mobile?10
based on the devices available to screen real estate. jQuery Mobile provides many of
these good UX principles for you without any effort on your part!
Figure 1–11. Responsive Design (portrait) Figure 1–12. Responsive Design (landscape)
Themable Styling
jQuery Mobile supports a themable design that allows designers to quickly re-style theirSamstag, 5. Mai 12
23. jQuery Mobile apps are 508 compliant by default, a characteristic that is valuable to
anyone.4
In particular, government or state agencies require their applications to be 100%
accessible. Furthermore, mobile screen reader usage is rising. According to WebAIM,5
66.7% of screen reader users use the screen reader on their mobile device.
4
508 Compliance is a federal law that requires applications to be accessible by users with
disabilities. The most commonly used assistive technologies on the mobile Web are screen
readers.
5
See http://webaim.org/projects/screenreadersurvey3/#mobileusage.
http://webaim.org/projects/screenreadersurvey3/#mobileusage
Samstag, 5. Mai 12
25. kanbanpadkanbanpad United Healthcare LUnited Healthcare L…… Fiat SpainFiat Spain Cisco Home NetworCisco Home Networ……
uSwitch BroadbanduSwitch Broadband CHECKOCHECKO RevierSportRevierSport DestakDestak
Gefällt mir
TweetTweet 4,991
96
345345
ShareShare
jQuery Mobile Gallery
About
Submit
Samstag, 5. Mai 12
41. Website mit ASP.NET
• Ziel: Serverseitige Steuerung der
Oberfläche
• Welche Methode?
• ASP.NET Web Pages
• ASP.NET Web Forms
• ASP.NET MVC
Samstag, 5. Mai 12
48. Hybride (Web)-App
• Ziel: Entkoppeln von Server und Client
• Welche Methode?
• ASP.NET MVC
• ASP.NET WebServices
• ASP.NET Web-API
Samstag, 5. Mai 12
55. PhoneGap
• Erstellt von der Firma Nitobi
• Open Source (MIT Lizenz)
• Native App-Wrapper
• Mehrere Plattformen
• Wurde 10/2011 von Adobe gekauft
• ab 02/2012 ein Apache Projekt
Samstag, 5. Mai 12
56. About Developers Community Support
Download
PhoneGap 1.7.0
PhoneGap is an HTML5 app platform that allows you to author native applications with web
technologies and get access to APIs and app stores. PhoneGap leverages web technologies
developers already know best... HTML and JavaScript. Learn More »
PhoneGap 1.7.0 PhoneGap Build PhoneGap Book PhoneGap + DW PhoneGap Shop
PhoneGap 1.7.0
See what's new!
Samstag, 5. Mai 12
57. Apache Cordova is a platform
for building native mobile
applications using HTML, CSS
and JavaScript
About Apache Cordova™
Apache Cordova is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator
project. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications,
and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is
About Contribute Mailing List Download
Samstag, 5. Mai 12
62. Fazit
• Serviceorientierte Architektur
• Zunahme der JavaScript-Programmierung
• Identische Codebasis kann als Hybrid-App
bereitgestellt werden
Samstag, 5. Mai 12
65. Plans & PricingPlans & Pricing FeaturesFeatures AboutAbout SupportSupport BlogBlog LOG INLOG IN
This builder is great! It's so easy to
create simple web app interfaces.
Juhani Matilainen, Software Engineer
Smooth! I love it - and the Download
App is fantastic!
Per Hornshøj-Schierbeck, Senior Developer
Surely now the starting point for
every mobile UI we create.
Stephen Greatreux, Software Developer
What people are saying about CodiqaWhat people are saying about Codiqa
PLANS & PRICING
30-day Free Trial!
WEB DEMOWEB DEMO
Rapid PrototypingRapid Prototyping
with jQuery Mobilewith jQuery Mobile
Easy drag-and-drop jQuery Mobile appEasy drag-and-drop jQuery Mobile app
building and sharing.building and sharing. Free to use!Free to use!
Samstag, 5. Mai 12
66. Signup Contact Blog
Home Product Pricing Developers Blog About
The only 100% Cloud based development environment
for Mobile, Tablet and Desktop
Free. Powerful. Completely uncompromising.
Developing a better way
Login
Sign%Up%NowSign%Up%Now
Learn%MoreLearn%More
%%%%%%%%%%%%%%%%
Our%ServicesOur%Services
It's free!
How it works
We build Apps,
widgets and more
AC Widgets on
GitHub
Samstag, 5. Mai 12
67. Features Plug-ins Pricing About Us
SIGN UP NOW
"Just would like to let you know that Tiggzi
is just amazing. I think it is 'the rocket fuel'
for mobile development. I have tried others
and Tiggzi is the best tool."
Tiggzi Mobile App Builder
The Fastest & Easiest Way
to Create Mobile Apps
Cloud-based Builder for HTML5, jQuery Mobile, and PhoneGap Apps.
Easily Connect to REST APIs, and Export for Android, iOS, or Mobile Web.
Mobile App Builder
Learn to build HTML5 apps, connect to
REST APIs
Explore Features »
Tiggzi Plug-ins
Extend Tiggzi with powerful services
from the plug-in library.
Learn More »
Development Support
We're here to help you "go mobile"
Read More »
LATEST FROM THE BLOG
EVENTS
Where To Find Us In May
Check out where the Tiggzi team is headed: ATT Mobile Hackathon, May 4-5,
Palo Alto, CA CONFESS 2012, May 7-9, Austria DC jQuery Users Group,
Thursday, May 10 ATT Mobile Hackathon,
NEWS FROM TWITTER
Login
Sign Up
Password
Forgot password?
Email Address
Remember me
Upcoming new features: http://t.co/Bmpbpfqo
12 hours ago · reply · retweet · favorite
Where To Find Tiggzi Team In May - http://t.co/X3VHtIlK
13 hours ago · reply · retweet · favorite
Samstag, 5. Mai 12
68. Rhomobile is now a Motorola Solutions company.
The acquisition will allow both companies to deliver
the best in tools to develop and deploy apps for the
mobile enterprise.
CLICK HERE FOR THE ANNOUNCEMENT
CLICK HERE FOR MORE
INFORMATION ABOUT RHOELEMENTS
MOBS
Get the hottest local deals on everything from
RT @nalwayaabhishek: Rhomobile Ajax Calls using JQuery Mobile
http://t.co/MTG66oux
mobilize your enterprise appsmobilize your enterprise apps
Downloads Blog Google Group Contact Us
Home Products Docs Partners Apps Resources Company
Smartphone Apps Made Easy
Use your web skills to write NATIVE apps once and build
for ALL smartphones with Rhodes 3.0. Write and build
apps online with RhoHub. Easily integrate with enterprise
apps and synchronize data to devices with RhoConnect.
The result:
Unmatched Developer Productivity
Synchronized Data and Easy App Integration
Cross-platform – One Codebase, Every Smartphone
INSTALL RHOSTUDIOINSTALL RHOSTUDIO
Build AppsBuild Apps In the CloudIn the Cloud Integrating Enterprise AppsIntegrating Enterprise Apps For Complete Enterprise MobilityFor Complete Enterprise Mobility
InfoW
orld
N
am
es
InfoW
orld
N
am
es
R
ho
‘Top
Choice’
R
ho
‘Top
Choice’
M
obile
Fram
ew
ork
M
obile
Fram
ew
ork
Samstag, 5. Mai 12
69. Showcase Docs Support Friends Blog DownloadDownload
Get Started
Download The-M-Project 1.1 and
learn how to get started.
Happiness is only a few steps away.
Learn more...
Features
It's Open Source, it's free, it's build on
solid ground, it's MVC, it's HTML5, it's
CSS3, it's I18N ready and it's a lot
more. Learn more...
Espresso
Espresso is The-M-Project's best
friend that eases up the development
process of mobile web apps a lot.
Learn more...
Get Involved
Join us on GitHub, track bugs,
discuss new features or even send
pull requests - any help will be
appreciated. Learn more...
Samstag, 5. Mai 12