Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

jQuery Mobile mit TYPO3

10 164 vues

Publié le

jQuery Mobile mit TYPO3 auf customer.in2code.de

Publié dans : Technologie
  • 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?
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

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 />

×