jQuery Mobile mit TYPO3

  • Published on
    19-May-2015

  • View
    8.795

  • Download
    1

Embed Size (px)

DESCRIPTION

jQuery Mobile mit TYPO3 auf customer.in2code.de

Transcript

<ul><li> 1. jQueryMobileTouch-Optimized TYPO3 Webpages<br /></li></ul> <p> 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 /></p> <ul><li>fairen Konditionen </li></ul> <p> 3. Termintreue 4. sehr schnellen Reaktionszeiten 5. TYPO3 Fach- und Spezialwissen (Entwicklung und Integration)Tina Gasteiger<br />Markus Rodler<br />David Richter<br /> 6. Agenda<br />Einfhrung<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. Einfhrung<br /> 8. Was ist jQuery?<br />jQuery ist die am hufigsten verwendete JavaScript-Bibliothek zur komfortablen DOM-Manipulation.<br />Einfachheit<br />Schnelligkeit<br />Flexibilitt<br />Funktionen<br />AJAX<br />Plugins<br /> 9. Was ist jQuery Mobile?<br />jQuery Mobile ist ein berhrungsoptimiertes JavaScript Web Framework fr Smartphones und Tablet-Computer.<br />jQuery Mobile bietet eine einheitliche Benutzeroberflche fr alle gngigen Mobilgerte-Plattformen mit der Basis auf jQuery.<br /> 10. Wie weit geht die Untersttzung?<br />jQuery Testcenter<br />A High Quality<br />B Medium Quality<br />C Low Quality<br /> 11. Warum eine andere Ansicht einer Website?<br /> 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. Warum eine andere Ansicht einer Website?<br /> 14. Warum jQuery Mobile?<br />App Look &amp; Feel<br />Kein Upload in den Appstore ntig<br />Shortcut Links mglich<br />Ohne Objective C Kenntnisse<br />Keine 2. Website Version ntig<br />bergreifende Gerte Untersttzung<br /> 15. Welche Elemente<br />gibt es bereits?<br />Buttons<br />Formulare und Felder<br />Tabs<br />Accordion<br />Listen<br />Confirmation Popups<br /> 16. Spicedby TYPO3<br /> 17. 2 Ansichten einer Liste <br /> 18. 2 Ansichten eines Formulares<br /> 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. Minimum Konfiguration (HTML Template)<br /></p> <div><br /><div><br />###HEADER###<br /></div><br /><div><br />###CONTENT###<br /></div><br /><div><br />###FOOTER###<br /></div><br /></div> <p><br /> 21. Blick hinter die Kulissen (Microsite)<br /> 22. Blick hinter die Kulissen (FE Login)<br />Username test<br />Password test<br /> 23. Blick hinter die Kulissen (Adressliste)<br /> 24. Blick hinter die Kulissen (Adressliste)<br /> 25. Blick hinter die Kulissen (TypoScript Setup)<br /> 26. Blick hinter die Kulissen (HTML Template)<br /> 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. Zeit fr Fragen<br /> 29. Vielen Dank<br />www.in2code.de<br />Stefan Busemann<br />Tina Gasteiger<br />Alex Kellner<br />In2code.<br /></p>