jQueryMobileTouch-Optimized TYPO3 Webpages<br />
Wer ist eigentlich in2code?<br />Kathi Gasteiger<br />Stefan Busemann<br />Alex Kellner<br />TYPO3, Erweiterungen, <br />E...
Termintreue
sehr schnellen Reaktionszeiten
TYPO3 Fach- und Spezialwissen (Entwicklung und Integration)</li></ul>Tina Gasteiger<br />Markus Rodler<br />David Richter<...
Agenda<br />Einführung<br />Was ist jQuery?<br />Was ist jQuery Mobile?<br />Warum noch eine Websiteansicht?<br />Warum jQ...
Einführung<br />
Was ist jQuery?<br />jQuery ist die am häufigsten verwendete JavaScript-Bibliothek zur komfortablen DOM-Manipulation.<br /...
Was ist jQuery Mobile?<br />jQuery Mobile ist ein berührungsoptimiertes JavaScript Web Framework für Smartphones und Table...
Wie weit geht die Unterstützung?<br />jQuery Testcenter<br />A High Quality<br />B Medium Quality<br />C Low Quality<br />
Warum eine andere Ansicht einer Website?<br />
Warum eine andere Ansicht einer Website?<br />Reduzierung auf relevante Informationen<br />Entfernung aller datenintensive...
Warum eine andere Ansicht einer Website?<br />
Warum jQuery Mobile?<br />App – Look & Feel<br />Kein Upload in den Appstore nötig<br />Shortcut Links möglich<br />Ohne O...
Welche Elemente<br />gibt es bereits?<br />Buttons<br />Formulare und Felder<br />Tabs<br />Accordion<br />Listen<br />Con...
Spicedby TYPO3<br />
2 Ansichten einer Liste <br />
2 Ansichten eines Formulares<br />
Minimum Konfiguration (TypoScript)<br /># TypoScriptsetup<br /># additinalsettings<br /># jQueryalreadyloaded<br />page.co...
Minimum Konfiguration (HTML Template)<br /><div data-role="page"><br /><div data-role="header"><br /><h1>###HEADER###</h1>...
Blick hinter die Kulissen (Microsite)<br />
Blick hinter die Kulissen (FE Login)<br />Username „test“<br />Password „test“<br />
Blick hinter die Kulissen (Adressliste)<br />
Blick hinter die Kulissen (Adressliste)<br />
Blick hinter die Kulissen (TypoScript Setup)<br />
Blick hinter die Kulissen (HTML Template)<br />
Nächste SlideShare
Wird geladen in …5
×

jQuery Mobile mit TYPO3

9.822 Aufrufe

Veröffentlicht am

jQuery Mobile mit TYPO3 auf customer.in2code.de

Veröffentlicht in: Technologie
1 Kommentar
1 Gefällt mir
Statistik
Notizen
  • Hm, habt ihr einen Seitenbaum für die Mobile Version erstellt?! Oder nur via TypoScript?
    Mir scheint, dass Contentpflege für die Mobile Version anderst bewältigt werden muss, da man doch nur EIN Template hat, oder?
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
Keine Downloads
Aufrufe
Aufrufe insgesamt
9.822
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
372
Aktionen
Geteilt
0
Downloads
73
Kommentare
1
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

jQuery Mobile mit TYPO3

  1. 1. jQueryMobileTouch-Optimized TYPO3 Webpages<br />
  2. 2. Wer ist eigentlich in2code?<br />Kathi Gasteiger<br />Stefan Busemann<br />Alex Kellner<br />TYPO3, Erweiterungen, <br />Extensionentwicklung + Anpassung, <br />Security, Performance, <br />Schulungen, Workshops<br />Als Freelancer-Alternative positionieren wir uns mit<br /><ul><li>fairen Konditionen
  3. 3. Termintreue
  4. 4. sehr schnellen Reaktionszeiten
  5. 5. TYPO3 Fach- und Spezialwissen (Entwicklung und Integration)</li></ul>Tina Gasteiger<br />Markus Rodler<br />David Richter<br />
  6. 6. Agenda<br />Einführung<br />Was ist jQuery?<br />Was ist jQuery Mobile?<br />Warum noch eine Websiteansicht?<br />Warum jQuery Mobile?<br />Welche Elemente gibt es bereits?<br />Spicedby TYPO3<br />customer.in2code.de<br />Minimum Settings in TYPO3<br />Blick hinter die Kulissen von customer.in2code.de<br />Linkliste<br />
  7. 7. Einführung<br />
  8. 8. Was ist jQuery?<br />jQuery ist die am häufigsten verwendete JavaScript-Bibliothek zur komfortablen DOM-Manipulation.<br />Einfachheit<br />Schnelligkeit<br />Flexibilität<br />Funktionen<br />AJAX<br />Plugins<br />
  9. 9. Was ist jQuery Mobile?<br />jQuery Mobile ist ein berührungsoptimiertes JavaScript Web Framework für Smartphones und Tablet-Computer.<br />jQuery Mobile bietet eine einheitliche Benutzeroberfläche für alle gängigen Mobilgeräte-Plattformen mit der Basis auf jQuery.<br />
  10. 10. Wie weit geht die Unterstützung?<br />jQuery Testcenter<br />A High Quality<br />B Medium Quality<br />C Low Quality<br />
  11. 11. Warum eine andere Ansicht einer Website?<br />
  12. 12. Warum eine andere Ansicht einer Website?<br />Reduzierung auf relevante Informationen<br />Entfernung aller datenintensiven Dateien<br />Kennzeichnung klickbarer Bereiche<br />Optimierung klickbarer Bereiche<br />Anpassung an gewohnte iPhone Haptik<br />
  13. 13. Warum eine andere Ansicht einer Website?<br />
  14. 14. Warum jQuery Mobile?<br />App – Look & Feel<br />Kein Upload in den Appstore nötig<br />Shortcut Links möglich<br />Ohne Objective C Kenntnisse<br />Keine 2. Website Version nötig<br />Übergreifende Geräte Unterstützung<br />
  15. 15. Welche Elemente<br />gibt es bereits?<br />Buttons<br />Formulare und Felder<br />Tabs<br />Accordion<br />Listen<br />Confirmation Popups<br />
  16. 16. Spicedby TYPO3<br />
  17. 17. 2 Ansichten einer Liste <br />
  18. 18. 2 Ansichten eines Formulares<br />
  19. 19. Minimum Konfiguration (TypoScript)<br /># TypoScriptsetup<br /># additinalsettings<br /># jQueryalreadyloaded<br />page.config.doctype= html_5<br />page.includeJSFooter.jm = jquery.mobile-1.0a2.min.js<br />page.includeCSS.jm = jquery.mobile-1.0a2.css<br />
  20. 20. Minimum Konfiguration (HTML Template)<br /><div data-role="page"><br /><div data-role="header"><br /><h1>###HEADER###</h1><br /></div><br /><div data-role="content"><br />###CONTENT###<br /></div><br /><div data-role="footer"><br /><h4>###FOOTER###</h4><br /></div><br /></div><br />
  21. 21. Blick hinter die Kulissen (Microsite)<br />
  22. 22. Blick hinter die Kulissen (FE Login)<br />Username „test“<br />Password „test“<br />
  23. 23. Blick hinter die Kulissen (Adressliste)<br />
  24. 24. Blick hinter die Kulissen (Adressliste)<br />
  25. 25. Blick hinter die Kulissen (TypoScript Setup)<br />
  26. 26. Blick hinter die Kulissen (HTML Template)<br />
  27. 27. Linkliste<br />Projektseite: http://jquerymobile.com/<br />Testseite: http://jquerymobile.com/test/<br />jQuery Mobile Introduction: http://ibm.co/hqseJR<br />Aktueller Arbeitsstand: http://github.com/jquery/jquery-mobile<br />
  28. 28. Zeit für Fragen<br />
  29. 29. Vielen Dank<br />www.in2code.de<br />Stefan Busemann<br />Tina Gasteiger<br />Alex Kellner<br />In2code.<br />

×