Suchen Sie einen geeigneten Einstieg in aktuelle Webanwendungen wie Content Management Systeme und Shoplösungen?

Transkript

1 WEBHOSTING SCHULUNGEN SUPPORT KUNDENMAGAZIN Web-Trends Stille Nacht In der Rubrik LEBEN 2.0 erfahren Sie dieses Mal, warum Sie die Festtage vielleicht besser ohne Social Media verbringen sollten. Weihnachtsbäckerei Unsere Mitarbeiter kriegen alles gebacken natürlich auch leckere Weihnachtsplätzchen! Rezepte auf Seite 14. Extbase und Fluid 2012 erweitern wir unser Schulungsprogramm und bieten zum ersten Mal Schulungen zum Thema Extbase und Fluid an.

2 WEBHOSTING SCHULUNGEN SUPPORT Schulungen Entwicklung dynamischer Webseiten und Onlineshops Für TYPO3, Magento, HTML & CSS, PHP Leichter Einstieg Individuelle Betreuung Lernen von Experten Suchen Sie einen geeigneten Einstieg in aktuelle Webanwendungen wie Content Management Systeme und Shoplösungen? Egal ob Redakteur, Entwickler oder Shopbetreiber im umfassenden Schulungsprogramm von Mittwald CM Service finden Sie genau den Kurs, der zu Ihnen passt! In kleinen Gruppen von 4 bis 12 Personen erhalten Sie die bestmögliche Unterstützung für die Realisierung Ihrer Webprojekte. Aktuelle Schulungstermine finden Sie im Magazin auf Seite 17. Sie sind an einer individuellen Schulung interessiert? Kontaktieren Sie unseren Kundenservice per Telefon, oder Ticketsystem. Impressum Herausgeber: Mittwald CM Service GmbH & Co. KG Königsberger Straße Espelkamp Geschäftsführer: Anneliese, Martin, Ulrich und Robert Meyer Telefon: Telefax: Internet: support@mittwald.de HRA: 6640, AG Bad Oeynhausen Chefredakteurin (verantwortlich): Kristina Dahl Redaktion: Florian Jürgens Marco Falkenberg Martin Helmich Mirko Kaufmann Nadja Krakow Philipp Stranghöner Rudi Mantler

3 Liebe Leserinnen, Liebe Leser das Jahr neigt sich seinem Ende zu und wir können auf ein erfolgreiches sowie innovatives 2011 zurücksehen. Dafür möchten wir uns vor allen Dingen bei Ihnen bedanken. Ihr Vertrauen in Mittwald bestärkt uns darin, unser Angebot für Sie ständig zu optimieren und zu erweitern, damit Sie auch weiterhin so zufrieden mit unseren Leistungen sind. Nicht nur bei Mittwald gab es allerdings im letzten Jahr viel Schönes und Neues, sondern auch im Bereich Webentwicklung hat sich Einiges getan. Wie genau 2011 die Webentwicklung bereichert hat, möchten wir Ihnen dieses Mal in unserer Titelstory ab Seite 8 aufzeigen. Und damit auch für das leibliche Wohl an Weihnachten gut gesorgt ist, stellen einige unserer Mitarbeiter Ihnen auf Seite 14 und 15 ihre liebsten Plätzchen-Rezepte vor. Wir wünschen Ihnen und Ihrer Familie viel Spaß beim Backen, frohe Festtage und einen guten Rutsch ins Jahr 2012! Ihr Robert Meyer CMS- & E-COMMERCE-NEWS... S. 04 Medientipps... S. 05 Extbase- & Fluid-Schulungen S. 06 Web-Trends 2011: Entwicklung... S. 08 Web-Trends 2011: Business... S. 10 Leben 2.0: Stille Nacht Weihnachten ohne Facebook & Co.... S. 12 TYPO3-Wissen: Seiten-Templates mit Fluid... S. 13 MITTWALD MITTENDRIN: Wir kriegen das gebacken!... S. 14 TRICKKISTE... S. 16 TERMINE... S. 17 KUNDENPORTRAIT: hark.de... S. 18 GEWINNSPIEL... S. 19 3

4 CMS- & E-COMMERCE- NEWS Besserer Schutz vor Abmahnungen Das Bundesjustizministerium plant eine Verbesserung beim Schutz vor Abmahnungen. Unter anderem soll dabei der fliegende Gerichtsstand abgeschafft werden, so dass sich der Abmahner nicht mehr das Gericht aussuchen kann, vor dem seine Unterlassungsansprüche geltend gemacht werden. shopbetreiber-blog.de Online-Weihnachtsgeschäft boomt Jeder dritte Deutsche ab 14 Jahren wird wohl in diesem Jahr seine Geschenke online bestellen zu diesem Ergebnis kommt eine Umfrage der BITKOM. Besonders beliebt dabei sind natürlich Handys, Tablet-PCs, Flachbild-Fernseher und Digitalkameras. Für die Shopbetreiber wird es also im wahrsten Sinne des Wortes ein frohes Fest! bitkom.org TYPO3 Government Package Mit dem Erscheinen der TYPO3-Version 4.7 im nächsten Jahr wird es ein TYPO3-Package geben, welches eine Starthilfe für barrierefreie Webseiten darstellt. Im Rahmen des Konjunkturpaketes II und einer Förderung des Bundesamtes für Landwirtschaft und Ernährung wurde TYPO3 zusammen mit den wichtigsten Erweiterungen für Behörden, Ämter und Gemeinden modifiziert. Damit ist TYPO3 eines der ersten Content Management Systeme, welches eine barrierefreie Webseite out of the box anbietet. govpackage.typo3incubator.org/home.html Joomla! 2.5 Die nächste Joomla!-Version wird 2.5 heißen und nicht, wie etwa vermutet werden könnte, 1.8. Hierzu hat sich die Joomla!-Community nach einer Umfrage des Joomla!-Teams entschieden. Das neue Release mit Long Term Support soll nach Plan am 10. Januar 2012 erscheinen. Joomla!-User können sich dann auf eine verbesserte Performance sowie die komplette Überarbeitung der Suche im Joomla!-Core freuen. joomla.org 4

5 Medien tipps Magazin ecommerce Lounge Seit 2010 gibt es die ecommerce Lounge ein Online-Magazin für E-Commerce-Professionals. Das Team berichtet über News und Trends aus dem Online-Handel und bietet außerdem Fachartikel von erfahrenen E-Commerce-Profis. Klassische Themen wie Software, Logistik, Payment oder Recht wechseln sich ab mit Online-Marketing (SEO / SEM), Conversion, Usability und Trend-Themen wie Mobile- oder Social Commerce. Außer dem eigentlichen Magazin gibt es jeweils einen Job-, Event- und Pressebereich, in dem E-Commerce-Player z. B. Jobangebote oder Pressemitteilungen veröffentlichen können. Wiki TYPO3 Media Wiki Das offizielle TYPO3 Wiki steht der Community zur Verfügung, um gemeinsam an Dokumentationen zu arbeiten, diese zu übersetzen, gemeinsam nach Bugs zu suchen, etc. Erst im Frühjahr dieses Jahres wurde die Seite von Grund auf optimiert und poliert, um die lebendige TYPO3-Fangemeinde noch weiter zu motivieren, etwas zum Erfolg des beliebten Content Management Systems beizutragen. wiki.typo3.org Tutorial In diesem brandneuen Video-Training von video2brain erläutert Anselm Hannemann, wie Sie mit Dreamweaver ein Formular mit Hilfe von HTML5 bauen und dieses anschließend für die Ausgabe auf verschiedenen Endgeräten wie zum Beispiel dem iphone vorbereiten. Dabei führt er Sie natürlich auch in CSS3 ein, das für das Aussehen und Techniken wie Animation und Transformation nicht fehlen darf. Im jquery-teil erfahren Sie, wie Sie Ihre Seite mit Event Handling, Animation oder Plug-Ins noch interessanter machen können. Abgerundet wird der Ausflug in die moderne Webgestaltung mit der Erstellung einer App, die Sie mit Hilfe des jquery Mobile Frameworks erzeugen. Video-Tutorial: Moderne Websites mit Dreamweaver CS5.5, HTML5, CSS3 und jquery Sie werden staunen, was mit Dreamweaver CS5.5 alles möglich ist. Zum Start des neuen Tutorials spendiert video2brain 5 kostenlose Downloads für unsere Kundenmagazin-Leser. Wenn Sie gerne eins der Trainings gewinnen würden, schreiben Sie eine mit dem Betreff video2brain an gewinnspiel@mittwald.de. Wir wünschen allen Teilnehmern viel Glück! 5

6 Extbase- & Fluid-Schulungen 2012 Für 2012 haben wir uns viel vorgenommen. Dazu gehört u. a. die Erweiterung unseres Schulungsangebots. Daher werden wir im kommenden Jahr erstmalig Extbase- und Fluid-Schulungen anbieten, um unsere Kunden für die Zukunft, sprich TYPO3 5.0, fit zu machen. Was ist Extbase? Extbase ist eigentlich eine ganz normale Systemextension. Diese kann als Alternative zur herkömmlichen Extension- Programmierung verwendet werden. Extbase führt dabei z. B. die Entwicklungskonzepte Domain Driven Design und das MVC- Pattern ein. Auf deren Basis können komplexe Erweiterungen geschrieben werden, die sich später leicht pflegen und erweitern lassen. Die auf diesem Weg erstellten Extensions sind bereits kompatibel mit der kommenden TYPO3-Version 5.0 (Phoenix) und somit zukunftssicher. Fluid ist die dazugehörige Template-Engine und steht ebenfalls als Systemextension bereit. 6

7 Extbase-Kompetenz bei Mittwald Bereits seit der Entwicklung beschäftigen wir uns bei Mittwald intensiv mit dem Thema Extbase und Fluid. Unser Mitarbeiter Martin Helmich hat im April letzten Jahres eine 170-seitige Extbase- Dokumentation verfasst, die sehr viele Freunde in der TYPO3-Community gefunden hat. Die Dokumentation wurde und wird regelmäßig überarbeitet. Eine neue Version ist zurzeit in Arbeit und wird in Kürze kostenlos auf unserer Webseite zur Verfügung stehen. Von Seiten der Community und unserer Kunden haben wir für die Extbase- und Fluid-Dokumentation sehr viel positives Feedback erhalten, weswegen mit der Zeit der Gedanke wuchs, unser Wissen auch in Form einer Extbase-Schulung anzubieten. Daher freuen wir uns besonders, Ihnen nun unsere neue Entwicklerschulung vorstellen zu können. Lernen leicht gemacht Mit Extbase und Fluid können Sie Erweiterungen für TYPO3 4.3, 4.4 oder 4.5 zukunftssicher programmieren. Um Ihnen den Einstieg in diese neuen Technologien zu erleichtern, bieten wir bereits im kommenden Jahr erstmals Schulungen in diesem Bereich an. In drei Tagen machen wir Sie mit den notwendigen Grundlagen vertraut. Die Teilnehmer sollten dabei über erste Grundkenntnisse im Bereich objektorientierte Programmierung (PHP) verfügen. Von Vorteil ist es auch, wenn Sie erste Erfahrungen in der Programmierung von Erweiterungen über den bisherigen Weg besitzen. Alle notwendigen Kenntnisse werden allerdings auch am Anfang der Schulung in einer Wiederholung zusammengefasst. Schulungen mit Tradition Von Beginn an hat sich Mittwald nicht nur als Webhoster, sondern auch als Schulungspartner einen Namen gemacht. Unsere TYPO3-, Magento-, PHP- sowie HTML & CSS-Schulungen finden regelmäßig an den Standorten Espelkamp, Berlin und Köln statt. Alle Themengebiete können zudem im Rahmen unserer Individualschulungen behandelt werden. Unsere Dozenten schulen Sie auf Wunsch individuell z. B. in Ihrem Unternehmen und können so bereits projektbezogen die gewünschten Lerninhalte vermitteln. Während das TYPO3-Schulungsprogramm von unserem Mitarbeiter Oliver Thiele betreut wird, haben wir für unsere Magento-Schulungen den Community Manager Rico Neitzel als Mitarbeiter gewinnen können. Alle Dozenten unseres Unternehmens sind als absolute Profis Ihres Fachs bekannt und stehen im engen Kontakt zu den entsprechenden Communitys. Themen der Extbase- & Fluid-Schulung Objektorientierte Programmierung Domain-Driven Design Model-View-Controller- Architektur Grundlagen von Extbase Einführung in Fluid Extbase Installation Extension Builder Fluid Templates Mehrsprachigkeit Interesse? Wenn Sie sich weiter über unsere Extbase- und Fluid-Schulungen informieren möchten, kontaktieren Sie gerne unsere Servicemitarbeiter. Die Kolleginnen und Kollegen geben Ihnen gerne Auskunft über Termine und Inhalte. Eine kleine Kostprobe des neuen Schulungsthemas finden Sie übrigens in diesem Magazin in der Rubrik TYPO3-Wissen. TYPO3-Experte und Mittwald Mitarbeiter Martin Helmich stellt Ihnen hier vor, wie Sie einfach Seiten-Templates mit Fluid erstellen können. 7

8 Web-Trends 2011 HTML5, CSS3, Responsive Webdesign, Google+, FLOW3 da war ganz schön was los in diesem Jahr! Webdesigner und -entwickler konnten sich über viele neue Impulse in ihrem Berufsfeld freuen. Fast schon zu groß war die Flut an Informationen, Praxistipps und Tools, die in Magazinen und Blogs verbreitet wurden. Für alle, die noch einmal ganz in Ruhe auf die Entwicklungen des letzten Jahres zurückblicken möchten, haben wir hier die wichtigsten Trends auf den Punkt gebracht. 8

9 Browser geben Gas Höher, schneller, besser gerade bei der Performance versuchen sich die Top- Browser immer wieder zu überbieten. Vor allen Dingen in Chrome, Firefox und Opera werden ständig Performance-Optimierungen durchgeführt mit Erfolg im Millisekunden-Bereich. Auch auf die neuen Design-Entwicklungen wie Responsive Webdesign und HTML5 stellen sich die aktuellen Browser immer besser ein. Warum die Browser-Anbieter sich so viel Arbeit machen? Ganz einfach: Integrierte Web-Applikationen wie z. B. Lightboxen benötigen flüssige Abläufe, um dem User ein wirklich gutes Website-Erlebnis zu ermöglichen. Und Usability ist und bleibt nun mal eines der Hauptkriterien für die Auswahl des Browsers. Responsive Webdesign erobert die Herzen der Entwickler Tablets und Smartphones haben den Markt revolutioniert und gerade in diesem Jahr haben mobile Endgeräte einen regelrechten Hype erfahren. Das erfordert auch eine Anpassung der Webseiten. Diese können nämlich auf den neuen Geräten nicht so dargestellt werden, wie auf einem handelsüblichen PC- oder Mac-Screen. Die Lösung heißt Responsive Webdesign. Dieses Design reagiert auf verschiedene Bildschirmgrößen und passt sich flexibel an. Das ganze wird z. B. durch die Stylesheet-Sprache CSS3 erreicht. Mittels Media Queries fragt die Webseite die Größe des Darstellungsfelds ab. Je nach Pixelzahl wird dann eine Darstellungsgröße geöffnet. Elemente wie z. B. Dropdown-Listen oder Menüleisten werden auf mobilen Geräten anders dargestellt als auf PC oder Mac; Bilder öffnen sich nur per Touch, um Platz zu sparen. So wird den Usern der meiste Komfort zuteil. Mit jquery Mobile 1.0 erschien im November ein speziell für die mobile Welt angepasstes JavaScript-Framework, das sämtliche relevanten Endgeräte so adressieren soll, dass die Darstellung auf allen Endgeräten identisch aussieht. Mit Hilfe von Tools wie PhoneGap lässt sich in jquery Mobile erstellter Code in Apps transformieren. Diese können dann über unterschiedliche App Stores vertrieben werden. Entwicklung HTML5 das Ende von Flash? Der künftige Internet-Standard HTML5 kann Videos, dynamische 2D- und 3D-Grafiken, Musik und auch Spiele ohne Zusatzsoftware direkt im Browser darstellen. Inzwischen gibt es z. B. eine ganze Reihe an HTML5-Videoplayern wie VideoJS, die über kurz oder lang dafür sorgen könnten, dass Flash verschwindet. Schon im November dieses Jahres verkündete Adobe ganz offiziell, dass die Entwicklung am Flash-Plug-in für Mobilgeräte eingestellt wird. Stattdessen möchte sich das Unternehmen verstärkt auf HTML5 konzentrieren. Beispielsweise ist Adobe an der Entwicklung von OpenSource-Projekten wie PhoneGAP und jquery Mobile beteiligt. Die meisten aktuellen Browser unterstützen bereits viele neue Elemente von HTML5. Allerdings ist die Implementierung noch nicht vollständig abgeschlossen. Die meisten Probleme machen die älteren Versionen des Internet Explorers. Der aktuelle IE 9 unterstützt HTML5 auch von den aktuellen Browsern am schlechtesten. Mit dem IE 10 soll aber dann alles besser werden, erste Auswertungen der Testversion scheinen das zu bestätigen. Aufgrund des kurzen Update-Zyklus zeichnen sich vor allem Google Chrome und Firefox beim HTML5-Support besonders aus. HTML5 Boilerplate die Blaupause für moderne Webseiten HTML5 Boilerplate umfasst verschiedene Aspekte einer modernen Webseite, seien es Einstellungen für Apache, CSS-Gerüste für die Anzeige auf mobilen Endgeräten oder eine vollständige Testsuite. So ermöglicht HTML5 Boilerplate eine einheitliche Darstellung, sowie Performance-Optimierungen und die Domain-übergreifende Einbindung von Flash und Ajax. HTML5 Boilerplate nutzt u. a. jquery, um zu erkennen, welche HTML5- und CSS3-Funktionen der jeweilige Browser unterstützt. FLOW3 die Zukunft ist da! Die moderne Webentwicklung konnte sich außerdem über eine weitere richtungsweisende Technologie freuen: Im Oktober wurde nach drei Jahren Entwicklung, 15 Alpha- und zwei Beta-Versionen die erste stabile Version des neuen PHP5- Anwendungsframeworks FLOW3 veröffentlicht. Dieses stellt die Basis für die kommende große TYPO3 5.0 (Phoenix) dar (siehe Artikel im Kundenmagazin 2/11). Die Veröffentlichung sorgte bei TYPO3-Webentwicklern für große Begeisterung, hatte die Community das Projekt doch lange Zeit interessiert verfolgt und schon fast sehnsüchtig auf diesen Moment gewartet. Richtungsweisend: Kernkonzept MVC FLOW3 basiert auf dem Software-Architekturmuster MVC. Ziel dieses Musters ist es, flexible Programmentwürfe zu erstellen. Dies soll spätere Änderungen oder Erweiterungen erleichtern und eine Wiederverwendbarkeit der einzelnen Elemente ermöglichen. Zum Beispiel kann ein Entwickler dann mit dem gleichen Muster eine Anwendung schreiben, eine Windows- oder Linux-Oberfläche realisieren oder eine Weboberfläche erstellen. Auch JavaScript Frameworks wie SproutCore oder ExtJS verfolgen diesen Entwicklungsansatz. 9

10 Web-Trends 2011: Business Patentstreite und Wettrüsten Was 2011 genau geschah, haben wir hier noch einmal für Sie zusammengefasst: 01/11 Die US-Großbank Goldman Sachs investiert 450 Millionen Dollar in Facebook kein Wunder, wird das soziale Netzwerk doch zu diesem Zeitpunkt mit 50 Milliarden Dollar bewertet. 02/11 Twitter macht sich auf die Suche nach Investoren und traut sich zunehmend etwas werbeorientierter zu werden. Das Unternehmen wird zu diesen Zeitpunkt mit 10 Milliarden Dollar bewertet. 03/11 Twitter beginnt die zahlreichen Anbieter von Clients für den Kurznachrichten-Dienst zu ermahnen. Drittanbieter sollen sich nicht mehr auf die Entwicklung von Clients konzentrieren, sondern lieber andere Dienste rund um Twitter entwickeln. 04/11 Beim einst erfolgreichen MySpace müssen weiter Stellen abgebaut werden. Nachdem Facebook dem sozialen Netzwerk den Rang abgelaufen hat, versucht sich MySpace als Entertainment-Plattform für Musiker mit eher mäßigem Erfolg. Schon im Februar 2011 erreichte die Seite mit 37,7 Millionen Besuchern (USA) das niedrigste Ergebnis seit fünf Jahren. 05/11 Microsoft kauft den Internet-Telefonie-Anbieter Skype für die gigantische Summe von 8,5 Milliarden Dollar. Es handelt sich um den teuersten Zukauf in der 36 Jahre dauernden Unternehmensgeschichte wurde um Patente gekämpft wie noch nie zuvor. Die großen Player auf dem Markt, wie Google, Microsoft und Apple lieferten sich hier spannende Rennen. Diese wurden von der Fachpresse und Techblogs interessiert, amüsiert und teilweise auch genervt verfolgt. Aber auch andere Unternehmen unterstützten Projekte, kauften sich ein und verklagten sich gegenseitig alles sehr spannend! 10

11 06/11 ebay kauft das E-Commerce-System Magento nun doch komplett auf angeblich für die stolze Summe von 180 Millionen Dollar. Schon im März 2010 hatte sich ebay 49 % an Magento gesichert. Dieses wurde im Hause Magento lange geheim gehalten und auch nach der Bekanntmachung hieß es zunächst, Magento wolle sich von ebay nicht vollständig abhängig machen. Dann kam es doch anders, in der Community gibt es seitdem lebhafte Diskussionen. 07/11 Ein Konsortium um Microsoft und Apple sichert sich in einem Bieterduell für 4,5 Milliarden Dollar tausende von Patenten des insolventen Netzwerkausrüsters Nortel. Das große Nachsehen hat Google. 08/11 Google kauft Motorola Mobility, die Handysparte des Traditionsunternehmens. Dadurch wird der Konzern nun auch ein Player auf dem Smartphone- Hersteller-Markt und dadurch auch ein direkter Konkurrent von Apple. 09/11 Apple verbietet Samsung den Verkauf eines Galaxy Tablets in Deutschland, weil es dem ipad zu ähnlich sieht. Samsung will nun eine veränderte Version seines Tablet-Computers Galaxy Tab 10.1 nach Deutschland bringen. Der Streit ist aber noch nicht vorbei: Samsung hat gegen das Verkaufsverbot Widerspruch eingelegt. Kurz vor Weihnachten wird sich das OLG Düsseldorf damit beschäftigen. Auch in den USA, Australien, Frankreich und Italien streiten sich die Unternehmen. Seit dem 20. September 2011 ist das neue soziale Netzwerk Google+ für alle zugänglich. Das setzt den Marktführer Facebook unter Druck: Innerhalb weniger Tage kann Google+ schon 40 Millionen Mitglieder verzeichnen. Das Zuckerberg-Imperium reagiert mit neuen Features und Verbesserungen und versucht so noch weiter in der Gunst seiner Mitglieder zu steigen. 10/11 Microsoft freut sich über den Erfolg von Android. Warum? Durch etliche Lizenzverträge mit Herstellern verdient der Konzern ordentlich mit, und zwar an jedem zweiten verkauften Android-Gerät geschätzt zwischen fünf und zehn Dollar. 11/11 Das Berliner Unternehmen 6Wunderkinder erhält von Skype-Mitgründer Niklas Zennström eine Finanzspritze von 4,2 Millionen Dollar. Er investiert über sein Unternehmen Atomico u. a. schon in Rovio (Angry Birds) sowie LastFM. Große Erwartungen scheint er in das Potenzial des kommenden Produkts Wunderkit zu setzen. Es ist die erste Investition Atomicos in ein deutsches Startup. Motorola klagt gegen Apple. Das Unternehmen befindet, dass Apple mit seinen Diensten MobileMe und icloud gegen Service-Techniken verstößt, die sich Motorola hatte schützen lassen. 12/11 Hier war bereits Redaktionschluss. Für aktuelle News besuchen Sie einfach unseren Blog oder folgen uns bei Facebook, Twitter oder Google+. Quellen: Basic Thinking, heise.de, FAZ, Spiegel Online, t3n, Zeit 11

12 LEBEN 2.0 Stille Nacht - Weihnachten ohne Facebook & Co. Besinnlichkeit das ist ein Wort, das wir immer mit den Weihnachtsfeiertagen verbinden. Aber was bedeutet das eigentlich? Die Advents- und Weihnachtszeit sollte für uns alle eigentlich eine Zeit der Entschleunigung sein, in der wir uns auf das besinnen, was unser Leben ausmacht. Und das ist eben doch nicht unser Facebook-Profil oder die Anzahl unserer Follower bei Twitter, auch wenn es manchmal fast den Anschein macht. Tun Sie sich einen Gefallen und lassen Sie an Weihnachten Social Media mal links liegen. Nach Weihnachten erfahren Sie dann ja wieder schnell genug, wer nun welches Smartphone hat und wer sich beim Festtagsspaziergang eine Erkältung eingefangen hat. Wann Sie Weihnachten wirklich ohne Social Media verbringen sollten: ls Vorfreude auf Weihnachten bauen Sie in FarmVille A den Stall von Betlehem nach. E ine von Ihnen gestartete Facebook-Kampagne soll Ihnen dabei helfen, ein passendes Geschenk für Ihren Partner zu finden. Sie haben Angst, dass Sie bei falschen Geschenken mit einem Shitstorm rechnen müssen. Im letzten Jahr haben Sie Ihrer Tochter ein Pony geschenkt in FarmVille. S ie bitten Ihre Familie und Bekannten, Sie in der Zeit, in der Sie Geschenke kaufen zu un-followen, damit Sie nicht per Places oder Foursquare erfahren, wo Sie sind. Statt einer Zuckerstange schenken Sie Ihren Kindern einen Zuckerberg. I hr Weihnachtsbaumschmuck soll in diesem Jahr ganz besonders werden: Kleine blaue Vögel und weiße Wale sollen für die festliche Stimmung sorgen. Die drei heiligen Könige verwechseln Sie ständig mit Mark Zuckerberg, Ashton Kutcher und Justin Bieber. Ihre Weihnachtskarten sind nie länger als 140 Zeichen. F ür Ihre private Weihnachtsfeier im letzten Jahr haben Sie ein Hashtag vergeben und baten um aktive Teilnahme Ihrer Familie. Ihr Hashtag wurde Trending Topic Nr. 1. S ie denken nur an Weihnachten, weil Ihr Partner Sie über Facebook zu dieser Veranstaltung eingeladen hat und Christmas Trending Topic bei Twitter ist. 12

13 Wissen Seiten-Templates mit Fluid Bereits seit der TYPO3-Version 4.3 können Extension-Entwickler die neue Template- Engine Fluid für ihre Erweiterungen verwenden. Bedeutend weniger Aufmerksamkeit wurde völlig unverdient dem FLUIDTEMPLATE-Inhaltsobjekt zuteil, mit dessen Hilfe ab TYPO3 4.5 auch komplette Seitenlayouts mit Fluid umgesetzt werden können. Wie Sie mit Fluid ganz einfach Templates erstellen können, stellt Ihnen dieses Mal TYPO3-Experte und Mittwald Mitarbeiter Martin Helmich vor. Ein Template erstellen Das Template kann zunächst als reguläre HTML-Datei erstellt werden, vorzugsweise im fileadmin/-ordner. Innerhalb des Templates steht die komplette Fluid-Syntax zur Verfügung: Auf Variablen, die über das TypoScript-Setup zugewiesen wurden, kann über die übliche Notation mit {variablenname} zugegriffen werden. Darüber hinaus kann etwa mit dem cobject-viewhelper auch direkt auf TypoScript-Objekte zugegriffen werden, ohne dass diese explizit als Variable zugewiesen werden müssen. Ein solches Fluid-Template könnte also beispielsweise wie folgt aussehen: <div id= header > {sitename} </div> <div id= navigation > <f:cobject typoscriptobjectpath= lib.mysite.navigation /> </div> <div> <f:escape value= {content} type= raw /> </div> Die Variable muss hier zwingenderweise in einem <f:escape>-viewhelper verpackt werden, da Fluid ansonsten HTML-Sonderzeichen innerhalb dieser Variable codieren würde grundsätzlich ein sinnvoller Sicherheitsmechanismus, der hier allerdings umgangen werden muss. Das Template einbinden Im Anschluss kann das Fluid-Template in das TypoScript-Setup der Seite eingebunden werden: page = PAGE page.10 = FLUIDTEMPLATE page.10 { file = fileadmin/template.html layoutrootpath = fileadmin/layouts/ partialrootpath = fileadmin/partials/ } variables { sitename = TEXT sitename.value = Meine Seite content < styles.content.get } Eine vollständige Referenz aller Eigenschaften des FLUIDTEMPLATE-Objekts findet sich übrigens unter [2]. Layouts und Partials Falls das Template sich wiederholende oder besonders komplexe Elemente enthält, können diese in ein sogenanntes Partial ausgelagert werden. Diese müssen in eigenen HTML-Dateien in dem Ordner liegen, der im FLUIDTEM- PLATE-Objekt mit dem partialrootpath- Attribut beschrieben wurde. Ein solches Partial kann im eigentlichen Template mit dem <f:render>-viewhelper angesprochen werden (wichtig: Das Partial muss ohne Dateiendung angegeben werden): <div id= search > <f:render partial= search /> </div> Über den <f:render>-viewhelper können auch Layouts angesprochen werden. Deren Verwendung macht allerdings nur Sinn, wenn innerhalb derselben Seite mehrere Fluid-Templates zum Einsatz kommen sollen. Quellen/Links document-library/core-documentation/doc_core_tsref/4.5.0/ view/1/7/#id Neu bei Mittwald: Extbase- und Fluid-Schulungen: Hat Sie dieser Beitrag neugierig gemacht? In unserem neuen Schulungsangebot für Extbase und Fluid bereiten wir Sie professionell auf die Verwendung der neuen Technolo gien vor. Mehr dazu erfahren Sie in diesem Heft auf Seite 6. 13

14 Mittwald Mittendrin: Wir kriegen das gebacken! Dass unsere Mitarbeiter sich nicht nur mit Webhosting und Servertechnik auskennen, sondern auch mit Nudelholz, Förmchen und Spritztüte umgehen können, möchten wir Ihnen auf diesen zwei Seiten beweisen. Sechs unserer Mitarbeiter präsentieren Ihnen hier ihre Lieblingsrezepte für Weihnachtsplätzchen. Viel Spaß beim Nachbacken! Jennifer Weber, Kundenservice Kokosmakronen 4 Eiweiß 250 g Vanillezucker 250 g Kokosraspel, getrocknet Backoblaten Das Eiweiß zu Schnee schlagen, den Zucker und die Kokosraspeln darunter ziehen. Kleine Häufchen, geformt mit zwei Teelöffeln, auf Backoblaten geben und auf ein mit Backpapier ausgelegtes Backblech setzen. Bei 150 C ca. 20 Minuten backen. Wer mag, kann sie nach dem Auskühlen auch noch zur Hälfte in Schokoglasur tauchen. Nadja Krakow, Marketing Schoko-Rum-Kekse 200 g Mehl 100 g Butter 75 g Zucker 1 Pck. Vanillezucker 1 Prise Salz 1 Ei 2 EL Kakao 1 EL Rum Mehl, Zucker, Vanillezucker und Salz miteinander verrühren, dann Butter und Ei zugeben und zu einem lockeren Teig verquirlen. Danach noch Kakao und Rum unterheben. Den Teig in Folie einschlagen und für eine Stunde in den Kühlschrank legen. Nachdem der Teig ausgerollt und die Plätzchen ausgestochen sind, kommen sie für Minuten bei 160 C in den Ofen. Marco Falkenberg, Anwendungsentwicklung Cashew-Schoko-Cookies 150 g Margarine 200 g Weizenmehl (Type 1050) 100 g Rohrzucker 1 TL Backpulver 1 Prise Jodsalz 100 g Haselnusskrokant 2 Eier 100 g Cashewkerne 100 g Schokoladenplättchen Margarine, Rohrzucker, Jodsalz und die Eier mit dem Handrührer schaumig schlagen. Mehl und Backpulver dazu sieben. Haselnusskrokant, Cashewkerne und Schokoladenplättchen mit einem Teigschaber unterheben. Mit zwei Teelöffeln Teighäufchen auf ein mit Backpapier ausgelegtes Blech setzen. Im vorgeheizten Backofen bei 175 C auf mittlerer Schiene Minuten backen. 14

15 Christian Priesmeier, Systemadministration Sternenbäumchen 350 g Mehl 1 gestr. TL Backpulver 100 g Zucker 1 Pck. Vanillezucker 1 Pck. geriebene Zitronenschale 2 EL Wasser 200 g weiche Butter Jens Tiemeyer, Anwendungsentwicklung Haferflocken-Zimt Plätzchen 50 g Weizenmehl Type g blütenzarte Haferflocken ½ TL Backpulver 1 Prise Salz 1 Prise gemahlene Nelken 1 TL Zimt 50 g Margarine 50 g Zucker 1 ½ EL Rübensirup 150 g Aprikosenkonfitüre 150 g Marzipanrohmasse 75 g Puderzucker Mehl, Haferflocken, Backpulver, Salz und Gewürze miteinander vermengen. Margarine, Zucker und Rübensirup hinzufügen. Das Ganze zu einem glatten Teig verkneten. Zu Rollen von 3 cm Durchmesser rollen und abgedeckt 2 Stunden in den Kühlschrank stellen. Danach dünne Scheiben abschneiden und daraus kleine Kugeln formen. Diese auf ein mit Backpapier ausgelegtes Backblech legen und im vorgeheizten Backofen bei 180 C 8 bis 10 Minuten backen. Auskühlen lassen. Die Konfitüre erhitzen und glatt rühren. Marzipanrohmasse mit Puderzucker verkneten, ausrollen und kleine Figuren ausstechen. Plätzchen mit warmer Konfitüre bestreichen und in die Mitte jeweils eine Marzipanfigur darauf setzen. Zum Verzieren: 4 TL Wasser bunte Zuckerstreusel Zuckerperlen bunte Schokolinsen Vier verschieden große Sternförmchen (z. B. 7, 6, 5, und 2 cm Ø) Mehl und Backpulver mischen. Übrige Zutaten für den Teig hinzufügen und verkneten. Den Teig etwa 0,5 cm dünn ausrollen und von jeder Größe gleichviele Sterne ausstechen. Die kleinen und großen Sterne auf getrennte Bleche legen. Die kleineren Sterne 8 Minuten und die größeren 10 Minuten bei 200 C backen. Abkühlen lassen, dann Puderzucker sieben und mit Wasser zu einem dickflüssigen Guss verrühren. Auf jeden Stern einen dicken Tropfen geben und zu Bäumchen zusammensetzen. Dann nach Belieben die Bäumchen verzieren. Erna Triantafillou, Kundenservice Gefüllte Baiser-Herzen 300 g Mehl 200 g Puderzucker 2 Pck. Vanillezucker 1 Fl. Buttervanille-Aroma 2 Eigelb 2 Eiweiß 1 Prise Salz 200 g Butter Kakaoglasur Mehl, 100 g Puderzucker, Vanillezucker, Buttervanille-Aroma, Eigelb, Salz und Butter zu einer Masse verrühren. Den Teig nicht zu dünn ausrollen und Plätzchen ausstechen. Eiweiß steifschlagen und 100 g Puderzucker hinzugeben. In eine Spritztüte füllen und auf den Rand der ausgestochenen Plätzchen aufspritzen. Bei 160 bis 170 C ca. 10 bis 15 Minuten backen. Plätzchen auskühlen lassen. In die Mitte der Plätzchen Kakaoglasur gießen, bis sie bis zu Rand aufgefüllt sind. Dann aushärten lassen und genießen. 15

16 Trickkiste 1. Arbeitsplatz aufräumen Auch wenn manche Menschen behaupten, dass Ihre kreativen Energien erst im Chaos richtig fließen zu viel Gerümpel auf dem Schreibtisch lenkt einfach ab. Auf zur Jagd mit dem Mantis Bugtracker Entwickler müssen sich auch im Bereich Jagd geschickt anstellen. Dabei geht es allerdings nicht um Wildschweine und Kaninchen, sondern um störende Bugs. Oft wird in der Gruppe auf die Pirsch gegangen, darum ist ein Verwaltungstool, sprich: ein Bugtracker von Nöten. Mit Mantis können Sie Bugs schnell und einfach verwalten. Das Tool können Sie seit Kurzem ganz unkompliziert über den Softwaremanager im Mittwald Kundencenter installieren. Na dann: Waidmannsheil! 6 Tipps für konzentriertes Schreiben 2. Richtig sitzen Wenn ein Redakteur sich aufgrund eines unergonomischen Arbeitsplatzes mehr auf seine Rücken- und Kopfschmerzen konzentriert, als auf seine Beiträge, trägt dies natürlich auch nicht zur Qualität der Artikel bei. 3. Nicht stören lassen Sobald Sie wissen, dass Sie einen längeren Text formulieren, schließen Sie Ihr -Programm, schalten Sie das Telefon ab und schließen Sie die Tür falls Sie eine haben. 4. Schlichte Schreiboberfläche Auch Programme mit zu vielen Schaltflächen und Spielereien können ablenkend wirken. Am besten verwenden Sie einen einfachen Editor oder ein Tool wie z. B. OmmWriter. In Word- Press gibt es inzwischen einen sogenannten Zen Mode, in dem alle unwichtigen Schaltflächen ausgeblendet werden. 5. Back to the Roots Wenn s mal gar nicht klappen will, hilft vielen auch die Rückbesinnung auf Stift und Papier. Natürlich muss dann das geschriebene Werk zusätzlich digital erfasst werden, aber manchmal kann sich das lohnen! 6. Kopfhörer aufsetzen Egal, ob Sie Musik hören oder nicht: Sie werden deutlich weniger gestört, wenn Ihre Kollegen auch nur denken, dass Sie Musik auf den Ohren haben. Wenn Sie tatsächlich Musik hören möchten, sollten Sie auf Instrumentales zurückgreifen, damit Sie nicht durch den Text abgelenkt werden. 16

17 Events: Termine 5. plentymarkets Online-Händler- Kongress , Kassel Hitmeister e-commerce Day , Köln Affiliate TactixX , München Internet World , München Contao-Konferenz 17. & , Bad Soden ConversionSUMMIT , Frankfurt Schulungstermine: TYPO3-Redakteursschulungen in Espelkamp in Berlin in Espelkamp TYPO3-Einführungsschulungen in Espelkamp in Berlin in Espelkamp TYPO3-Intensivschulungen in Espelkamp in Köln in Berlin in Espelkamp in Köln TYPO3-Extensionprogrammierung in Espelkamp in Berlin in Espelkamp Extbase- & Fluid-Schulungen in Berlin in Espelkamp Magento-Intensivschulungen 26. & in Espelkamp 01. & in Berlin 29. & in Espelkamp HTML- & CSS- Einführungsschulungen in Espelkamp in Berlin in Espelkamp PHP-Einführungsschulungen in Espelkamp in Berlin in Espelkamp 17

18 Kundenportrait: hark.de In der kalten Jahreszeit gibt es nichts Schöneres, als ein gutes Buch, eine Tasse Tee und dazu ein knisterndes Kaminfeuer. Die Firma Hark möchte dieses Gefühl natürlich auch auf ihrer Webseite vermitteln und setzt hier auf TYPO3 und Mittwald. Wir haben für das Kundenportrait den Public Relations Manager Michael Kozlowski befragt, der bei Hark u. a. auch die Webpräsenz betreut. Warum er auf Social Media und Video-Content setzt, erfahren Sie im Interview. Herr Kozlowski, der Name HARK steht im Bereich Kamine und Kachelöfen für Qualität und Kompetenz. Inwiefern versuchen Sie dieses Image auf Ihrer Webseite widerzuspiegeln? Wir möchten dem Kunden die gesamte Produktvielfalt und alle technischen Möglichkeiten zeigen, die beim Bau von modernen Feuerstätten mit Holzbefeuerung zur Verfügung stehen. Dabei gewähren wir auch Einblicke in unsere Produktion und Herstellung. Schließlich möchten wir, dass der Kunde von unseren Produkten überzeugt ist. Dazu muss man allerdings bereit sein, über seine Entwicklungen offen zu reden und das tun wir. Warum haben Sie sich für Mittwald als Hostingpartner entschieden? Sie wurden uns empfohlen. Der Dienstleister, mit dem wir den Relaunch der Hark-Website durchgeführt haben, hatte einige Projekte mit Mittwald realisiert und ist von dem Angebot und der Leistungsfähigkeit absolut überzeugt. Sie bieten Besuchern von hark.de durch Ihre Mediathek eine multimediale Unterstützung, in denen Sie z. B. in der Rubrik Tipps und Tricks erfahren, wie sie Brennholz richtig lagern. Wollen Sie diesen Bereich in Zukunft noch weiter ausbauen? Ja, die Mediathek ist ein Bereich, in den wir wirklich viel Herzblut investiert haben. Nachdem wir unseren YouTube- Channel mit Videos von unserem Ofenbaumeister Ingo befüllt hatten, war schnell klar: Das muss auch auf die Webseite. Die Tipps und Tricks Serie wird wirklich gut von unseren Usern angenommen. Auch Kaminofenbesitzer, die keinen Hark-Kamin ihr Eigen nennen, profitieren natürlich von den Videos. Die Art und Weise mit der Ingo die Infos rüberbringt ist einfach einmalig. Welcher Bereich der Webseite gefällt Ihnen persönlich besonders gut? Natürlich gefällt mir besonders, wie schon gerade angemerkt, die Mediathek. Außerdem ist auch unser Produktkonfigurator ein praktisches Tool für Interessenten. Darin lassen sich Farbe, Form etc. auswählen. Auch Social Media wie Facebook und Twitter setzen Sie sehr aktiv ein. Was versprechen Sie sich davon? Wir haben erkannt, dass Kommunikation auf allen Kanälen stattfinden muss. In beiden Richtungen! Wir begegnen unseren Kunden, und solchen die es werden möchten, auf Augenhöhe und holen sie dort ab, wo sie auf uns warten. Das Posten auf Facebook ist oft schneller und bequemer für unsere Kunden als ein Telefonat. Wir können flexibel reagieren und die Community kann auch selbst Tipps und Tricks beisteuern. 18

19 Wie viele Personen arbeiten an Ihrer Webseite? Welche Tools benutzen Sie für die Arbeit im Team? Im Moment sind wir zu dritt für die Pflege verantwortlich. Wobei Programmierungen, Plugins und Template-Gestaltung bzw. Umsetzung extern vergeben sind. Neben der Webseite betreut unser Team die Facebook, Twitter und YouTube Aktivitäten von Hark. Zusätzlich sind wir in den Foren unterwegs und versuchen schnell und unkompliziert bei Fragen zum Thema Kamin bzw. Kachelöfen weiter zu helfen. Um uns zu organisieren nutzen wir die verschiedenen Google Tools, also Kalender, Text und Tabellen und den Chat. Natürlich kommen auch Google Analytics, Webmasterplan usw. zum Einsatz. Die Webseite basiert auf TYPO3. Warum haben Sie sich für dieses System entschieden? Wir haben uns für TYPO3 entschieden, um auf eine Möglichst breite Entwicklergemeinde zurück greifen zu können. Zusätzlich ist der vorhandene Pool von Plugins und Extensions ein echtes Argument. Man muss das Rad nicht neu erfinden. Für Probleme werden Workarounds und Fixes quasi in Echtzeit angeboten. Auch die Mehrsprachenfähigkeit war ein Kriterium. Außerdem wollten wir nicht von einem Hersteller abhängig sein und maximale Flexibilität beim Customizing sicherstellen. Gewinnspiel Welche TYPO3-Extensions setzen Sie auf hark.de ein? Können Sie bestimmte Erweiterungen empfehlen? Wir setzen u. a. die Extensions URL- Rewrite und DAM ein. Außerdem wurden einige Erweiterungen auch speziell für uns programmiert, beispielsweise unser Produktkonfigurator. Bei den Kaminöfen von Hark kann der Interessent Verkleidungsvariante, Korpus und Türfarbe auswählen und bekommt dann entsprechend ein Rendering angezeigt. Der Kunde bekommt so einen Eindruck davon, wie der Wunschkamin aussehen könnte. Im Backend ordnet das Plugin die Merkmale anhand des Dateinamens dem Ofen zu und zeigt so nur wirklich vorhandene und mögliche Kombinationen an. Bei den Studiokaminen setzen wir eine erweiterte Variante des Plugins ein. Auch ein Shop ist auf der Webseite integriert. Wie wurde dieser umgesetzt und an die Webseite angebunden? Der Shop wurde an den Look & Feel der Webseite angepasst. Er setzt auf eine epages-installation auf, die von unserem Partner Sologics etabliert wurde. Der größte Aufwand war die Integration in das bestehende Warenwirtschaftssystem von Hark. Es wurden umfangreiche Schnittstellen programmiert um einen einwandfreien Austausch zwischen den zwei Systemen zu garantieren. Es gibt wieder was zu gewinnen! Dieses Mal hat getdigital etwas aus seinem Sortiment für unsere Verlosung bereitgestellt: Warum haben Sie sich beim Shop-System für epages entschieden und nicht z. B. für Magento? Wir haben uns für epages entschieden, weil wir einen Partner benötigten, der in der Lage war den Shop an unsere Warenwirtschaft anzupassen. Bei Magento fehlten damals einfach kompetente Ansprechpartner. Bei einem Relaunch würde Magento sicherlich in der engeren Auswahl sein. Ebenfalls vorstellbar, wären Lösungen auf OXID-Basis. Wir haben uns aber noch nicht festgelegt. Was schätzen Sie besonders an Mittwald? Was uns bei Mittwald besonders gefällt, ist die schnelle Reaktion auf Anfragen. Die kurzen Wege helfen dabei, auch bei Problemen gemeinsam eine schnelle und gute Lösung zu finden. Was sind Ihre Pläne für die Zukunft von hark.de? Bei unserer Website sind einige Sachen in Planung. Allerdings sind die noch Geheimsache! Ich kann aber verraten, dass es spannend bleibt, denn wir möchten der Ansprechpartner für das Thema Heizen mit Holz im Web sein. Wir verstehen uns als Vorreiter in unserer Branche und versuchen nicht nur unsere Produkte zu präsentieren. Sprich: Der User soll sich umfassend und über viele Kanäle über das Thema bei uns informieren können. 1. Eine Murmelachterbahn mit Loopings, Weichen, Aufzug u. v. m 2. I am 8bit Wandaufkleber 3. Eine Fußmatte Slide to unlock Um am Gewinnspiel teilzunehmen, brauchen Sie uns nur folgende Frage beantworten: Was wünschen Sie sich von uns für das neue Jahr? Senden Sie uns einfach bis zum 1. Februar 2012 eine mit dem Betreff Gewinnspiel getdigital an die -Adresse gewinnspiel@mittwald.de. Wir wünschen allen Teilnehmern viel Erfolg! Der Rechtsweg ist ausgeschlossen. Mitarbeiter von Mittwald CM Service können nicht am Gewinnspiel teilnehmen. 19

20 WEBHOSTING SCHULUNGEN SUPPORT Professionelle Hostinglösungen Bequeme Verwaltung, kompetenter Support Echte Unterstützung vom Profi Ich bin unkompliziert - genau wie mein Webhoster! Es ist ganz einfach: Wenn mir eine Idee durch den Kopf geht, möchte ich sie gleich am Bildschirm umsetzen. Dank den Kundencenter- Tools wie z. B. dem Software- und Versionsmanager ist das bei Mittwald kinderleicht. Einfach genial! Kreative Köpfe nutzen z. B. Agenturpakete 6.0 Bis zu 4 CPU-Kerne und 4 GB Arbeitsspeicher Intuitive Kundenverwaltung im Agenturdesign Komfortabler Software- und Versionsmanager (TYPO3, Magento, WordPress, u. v. m.) Automatische Sicherheitsupdates und -informationen zu Ihren Webanwendungen Kompetente fachliche Unterstützung Bereits ab monatlich: 29,99* Alle Angebote richten sich ausschließlich an Gewerbetreibende Alle Hostinglösungen unter: Rufen Sie uns kostenlos an: 0800 / * Alle genannten Preise verstehen sich monatlich zzgl. MwSt. Die einmalige Einrichtungsgebühr für die Agenturpakete 6.0 beträgt 69,-. Die Vertragslaufzeit sowie der Abrechnungszeitraum beträgt für das Agenturpaket L Monate, für das Agenturpaket XL Monate und für das Agenturpaket XXL Monate. Automatische Vertragsverlängerung um die jeweilige Vertragslaufzeit, wenn der Vertrag nicht mit einer Frist von 30 Tagen zum Ende der jeweiligen Vertragslaufzeit gekündigt wird.