Dennoch gibt es zwei Stolpersteine.
1. Für TYPO3 in der Version 4.6 ist nun PHP 5.3 zwingend Voraussetzung.
2. Templa Voila erzeugt Fehlermeldungen bei TYPO 3 4.6.
Lösung: Ich habe Templa Voila auf die Version 1.6.0 aktualisiert und danach TYPO3 auf 4.6 upgedatet. So gab es keine Probleme.

Was ist neu?

Erwähnen will ich hier nur die Neuerungen, die dem Anwender sprich dem Redakteur und dem Admin gleich auffallen. Natürlich gibt es auch eine Menge Dinge, die nur für Entwickler wirklich interessant sind.

Konsequent

Der Internet Explorer 6 wird im TYPO3 Backend nicht mehr unterstützt. Mal ehrlich, das Ding ist 10 Jahre alt!

Geschwindigkeit

Back- und Frontend werden beschleunigt, indem JS und CSS-Dateien zusammengeführt und komprimiert werden. Das reduziert die Server Requests um 1/3!

Erweiterungsmanager

Neuer TYPO3 Erweiterungsmanager

Der Erweiterungsmanager ist überarbeitet worden und präsentiert sich deutlich übersichtlicher und intuitiver. 

Formmanager

TYPO3 Formmanager

Eine neue Extension, die standardmäßig an Bord ist und im Extensionmanager aktiviert werden muß. Das Inhaltselement vom Typ: Formular ist wenig flexibel, ich kenne eigentlich niemanden, der es einsetzt. Fast immer werden für Formulare Extensions wie z.B. Mailform Plus oder Powermail genutzt. Der neue Formmanager ermöglicht das Zusammenbauen von Formularen per Drag & Drop inkl. Vorschau. Hinzu kommen umfangreiche Validierungsmöglichkeiten und Filterregeln. Individuelle Konfigurationen sind per TypoScript möglich. Ich bin gespannt drauf und werde es beim nächsten Projekt mal einsetzen.

Scheduler

Der Maßnahmenplaner für die Backendverwaltung hat neue Tasks für die Bereinigung des Mülleimers und der Datenbank

Zeitsteuerung von Inhalten

Minutengenaue Zeitsteuerung

Schmerzlich vermisst und endlich wieder da! Das Start- und Ablaufdatum  wurde in früheren TYPO3 Versionen mit der Extension Date2Calendar realisiert. Dann kam die Funktion bei TYPO3 an Bord, büßte aber die Möglichkeit der minutengenauen Einstellung ein. Das ist jetzt wieder möglich.

Weitere Infos

Wer sich tiefergehend mit den Neuerungen befassen möchte, sollte sich die Präsentation TYPO3 4.6 die Neuerungen – (Download einer Präsentation von Patrick Lobacher, typovision) ansehen.

Man kann sich auch durch bloses Aufrufen einer Website einen Virus einfangen!

Die Technologie nennt sich “Drive by Download” und nutzt in der Regel Schwachstellen Ihres Browsers, oder dessen Plugins wie z.B. dem Acrobat Reader oder dem Flashplayer aus. Allein der Besuch einer Website ohne jegliche zusätzliche Aktivität kann schon zum Installieren einer Schadsoftware führen! Auch das Meiden zwielichtiger Websites, auf denen man so etwas vermuten würde, hilft nicht. Immer öfter werden renomierte, seriöse und damit unverdächtige Websites gehackt und für Drive By Downloads missbraucht.

Was sollte man tun?

Ist es euch schon aufgefallen? In immer kürzeren Abständen wurde beispielsweise der Firefox Browser upgedatet. Nicht zuletzt wegen den Drive by Downloads.  Zunächst ist immer der Browser und seine Plugins aktuell zu halten, nicht lange warten, gleich machen. Die Sicherheitslücken stellen eine Verbindung zum Betriebssystem her und nutzen wiederum dessen Lücken aus. Zweitens, sollte man auch das Betriebssystem immer updaten. Firewall und Antivirus Software einsetzen, versteht sich wohl von selbst.

Weitere Infos:
Hier eine Seite mit ausführlichem Whitepaper zu Thema
http://www.viruslist.com/de/analysis?pubid=200883646

Und noch eine Seite, die auch Websitebetreibern erläutert, was sie tun können
http://www.isss.ch/publikationen/drive-by-downloads/

Gespannt war ich dann auch auf das, was zum Thema Social Media noch kam. Sauldie zeigte die Möglichkeiten von Facebook, Twitter, YouTube und wie man sie für Unternehmen nutzt. Die Frage, ob Unternehmen im Web 2.0 vertreten sein müssen beantwortete er mit der Gegenfrage: “Hört ein Radiosender auf zu senden, nur weil sie nicht zuhören” und meint damit dass Unternehmen auch wenn sie nicht selbst aktiv sind zumindest wissen sollten was über sie im Netz kommuniziert wird. Daher wird der “Social Media Manager” in allen Unternehmen notwendig werden.

Natürlich kam auch der Aufstrebende Konkurent Google+ nicht zu kurz. Nach Sauldies Ansicht wird Google+ die Suche, wie man sie bisher kennt radikal verändern, indem im Suchergebnis nun nicht mehr suchmaschinenoptimierte Seiten die Topplätze belegen sondern die Empfehlungen der Freunde aus Google+ . Das macht die Arbeit der SEOs unberechenbarer. Ergo: Friendbuilding statt Linkbuilding.

Nicht wenige glauben, das Google+ Facebook den Rang ablaufen könnte. Warum? Nun, Google besitzt ein Social Media Netzwerk UND eine Suchmaschine. Facebook hat reagiert und Arbeit mit bing, Microsofts Suchmaschine zusammen. Aber wer sucht in in bing? die Schweizer? Im Ernst, Googles Übermacht ist gewaltig.

Fazit:
Ein schöner Tag mit tollem Vortrag in dem fundiertes Wissen einfach und verständlich dargestellt wurde. Dazu beigetragen hat auch das gute Essen im artotel Köln.

Eingefügt habe ich hier noch ein Video von Sanjay Sauldie, das Googles Strategie näher erläutert.

Zusammenfassend kann man sagen, dass es im Wesentlichen darum geht, Daten nur anonym bzw. unter Verwendung eines Pseudonyms zu erfassen und zu speichern. In der Praxis werden
Websitebesucher mit ihrer vollständigen IP-Adresse erfasst. Diese gilt den gesetzlichen Reglungen nach nicht als anonym!

Technisch löst man das Problem, durch Kürzen der IP-Adresse. Da ich auf einigen Kundenseiten PIWIK, einsetze möchte ich dies hier kurz erläutern.

1. Im PIWIK Backend als Administrator einloggen

2. Unter „Einstellungen“ / „Plugins“ das Plugin „AnonymizeIP“ aktivieren.

3. In der Datei config/config.ini.php kann man einstellen, wieviele Stellen der IP-Adresse anonymisiert werden sollen. Werte von 1-4 sind zulässig.
Bsp.:
Wert 1 – aus 79.233.112.54 wird 79.233.112.00
Wert 2 – aus 79.233.112.54 wird 79.233.000.00

Folgenden Code in der config.ini.php am Ende einfügen

[Tracker]
 ip_address_mask_length = 2

4. Datenschutzhinweis im Impressum

Besipielvorlage
Auf dieser Website werden mit Piwik, einem Open-Source Web-Analyse-Tool (http://de.piwik.org), Daten zu Marketing- und Optimierungszwecken gesammelt und gespeichert. Aus diesen Daten können unter einem Pseudonym Nutzungsprofile erstellt werden. Hierzu können Cookies eingesetzt werden. Bei Cookies handelt es sich um kleine Textdateien, die lokal im Zwischenspeicher des Internet-Browsers des Seitenbesuchers gespeichert werden. Die Cookies ermöglichen die Wiedererkennung des Internet-Browsers. Die mit Piwik erhobenen Daten werden ohne die gesondert erteilte Zustimmung des Betroffenen nicht dazu benutzt, den Besucher dieser Website persönlich zu identifizieren und auch nicht mit personenbezogenen Daten über den Träger des Pseudonyms zusammengeführt.‘

5. Widerspruchsrecht einräumen
Dafür wird folgender HTML-Code unterhalb des Datenbschutzhinweises eingefügt

<iframe frameborder="no" width="600px" height="200px" src="http://www.IHREDOMAIN.de/x_piwik/index.php?module=CoreAdminHome&action=optOut&lang=de">
</iframe>

Hängt man den Parameter &lang=de an, sollte der deutsche Text wie unten angezeigt werden. Wenn nicht, fehlt möglicherweise die entsprechende Übersetzung. Sie muß dann manuell in der Datei /lang/de.php durchgeführt werden. Bei mir war die Übersetzung allerdings vorhanden und erzeugt folgende Ausgabe:

Sie können sich hier entscheiden, ob in Ihrem Browser ein eindeutiger Webanalyse-Cookie abgelegt werden darf, um dem Betreiber der Webseite die Erfassung und Analyse verschiedener statistischer Daten zu ermöglichen. Wenn Sie sich dagegen entscheiden möchten, klicken Sie den folgenden Link, um den Piwik-Deaktivierungs-Cookie in Ihrem Browser abzulegen.

Ihr Besuch dieser Webseite wird aktuell von der Piwik Webanalyse erfasst. Klicken Sie hier damit ihr Besuch nicht mehr erfasst wird.

Quellen:
Onlinemarketing Praxis – Hier findet Ihr weitere Informationen und auch Anleitungen, wie man andere Anaylse-Tools z.B. etracker datenschutzkonform betreibt.
Redirect 301 – Ein weitere Beschreibung des Vorganges für PIWIK, inkl. Details zur Übersetzungsdatei

Warum sollten diese eigenen Seiten nicht von TYPO3 geliefert werden?

Ich habe das mal exemplarisch mit der im vorherigen Beitrag erwähnten gutschein-fulda.de durchgeführt. Besonders interessant sind hierbei die Synergien denn, ich habe bereits ein funktionfähiges Content Management System mit TYPO3. Dieses kann mir eben auch die Inhalte der facebook-Seiten verwalten. Die Seiten bekamen dann noch ein facebookoptimiertes Templa Voila Template. Einige Inhalte sind ja schon in der Website vorhanden. Um sie in facebook zu platzieren, werden  die gewünschten Inhaltselemente in die neuen Seiten gelinkt.

Vorteile:
- Verwaltung der Website und der facebook-Inhalte in TYPO3
- Inhalte die schon in der Website vorhanden sind, können in der facebook Ausgabe wiederverwendet werden.

Wie das Ganze aussieht, kann man sich hier anschauen:

http://www.facebook.com/GutscheinFulda?sk=app_290619950964148

Kontakt

Mein-Fulda.com – Unternehmen bietet bis zu 5 vollwertige TYPO3-Seiten zur Präsentation inkl. Kontaktformular, Google-Routing, News-Modul und Suchmaschinenoptimierung. Das News-Modul bietet die Möglichkeit aktuelle Infos und Angebote schnell und einfach zu platzieren. Ohne SEO geht heute nichts mehr und gerade kleine Unterehmen haben kaum eine Chance, ihre Webpräsenz zu pushen ohne viel Geld in die Hand zu nehmen. Die Unternehmensseiten in der Plattform überholen meist die firmeneigenen Seiten in Google innerhalb kürzester Zeit.

Hm, ein bischen knapp, die Zeit. Peter war schon länger auf der Suche nach einer geigneten Software, was er fand war zu teuer und musste trotzdem noch angepasst werden.

Wie wärs mit einer Erfassungssoftware auf Basis von TYPO3?

Ziemlich leichtfertig, mein Vorschlag, immerhin war noch keine Zeile Code geschrieben! Peter war sofort angetan, ja mach mal! Oh, je, jetzt hatte ich die Sache am Hacken. Keine Zeit verlieren, Radfahren und Freizeit fällt wohl ertsmal aus. Dank der Großzügigkeit des Haupstpsonsors Rhön Sprudel standen uns kurzerhand 4 Laptops und 1 Server zur Verfügung. Den Server habe ich mit Linux und Typo3 startklar gemacht und angefangen die Software als TYPO3- Extension zu entwickeln.

Der Tag der Wahrheit..

war gestern! Ja ich lebe noch, der Supergau blieb aus und ich konnte mich sogar noch auf dei 58km Mountainbike-Runde begeben. Alles funktionierte prima, keine langen Wartschlangen und jeder Teilnehmer bekam seine Startnummer mit Namen ausgedruckt. Wir hatten im Vorfeld alle vorhandenen Daten ins System importiert, so daß die Vereinsmitglieder zum überwiegenden Teil nur Starter, Strecke auswählen und  “Startnummer drucken” mussten. Neue Teilnehmer konnten über ein Kontaktemenü veranstaltungsunabhängig erfasst werden. Sie stehen danach ebenfalls im Auswahlfeld für alle Veranstaltungen zur Verfügung. Natürlich können auch neue Veranstaltungen und Strecken angelegt werden.

Wie gehts weiter?

Die nächste Veranstaltung findet im Juni statt und die Software bekommt den nächsten Entwicklungsschritt. Die Erfassung von ca 600 Daten direkt am Veranstaltungstag war problemlos, jedoch gibt es einige Verbesserungsmöglichkeiten. So ist z.B. die Teilnehmerauswahl aus einem Pulldownmenü (select) bei mehr als 1500 Datensätzen etwas mühsam, da man zur Vorauswahl nur die ersten beiden Zeichen eingeben kann. Hier denke ich an ein Vorschlagssystem ähnlich wie bei Google.
Da muss ich mich wohl mal näher mit AJAX beschäftigen.

Es bleibt spannend!

Bei der technischen Umsetzung des TYPO3 Projektes habe  ich den Schwerpunkt auf das Einstellen und Buchen von Touren gelegt. Als Tourenverwaltung wurde die bekannte TYPO3 Extension “News” modifiziert und mit der Kontaktextension “Mailform Plus” verknüpft.

Hier zeigt sich erneut die Flexibilität von TYPO3 als Web-Content-Management-System. Viele Anforderungen lassen sich durch Anpassung und Kombination von bestehenden Lösungen erfüllen. Das vermeidet ausufernde Budgets durch komplette Neuentwicklungen.

www.hochrhoen-touren.de

Besuchen Sie auch Kurt Mihm’s  Rhöntourenblog:
www.lockbuch.net

Möglichkeit 1:

Die Seite wurde erst kürzlich gesperrt und befindet sich noch im Index. Das Problem löst sich von selbst. Ungeduldige bemühen die Google Webmastertools um die Sache zu beschleunigen. Ob es hilft?

Möglichkeit 2:

In diesem Fall die Wahrscheinlichere. Die Seite ist gar nicht gesperrt! Ein Klick auf den vom Kunden gesendeten Link brachte auch gleich Klarheit. Die Seite lies sich problemlos öffnen. Na da schaue ich doch gleich mal im Backend nach. Und siehe da, der typische Denkfehler!
Es handelte sich um eine Unterseite. Die übergordnete Seite war gesperrt und sorgt natürlich dafür, dass der entsprechende Menüpunkt mit samt seinen Unterseiten in der Webseite nicht mehr angezeigt wird. Nur, weil sich die Seiten nicht mehr im Menü befinden, sind sie noch lange nicht gesperrt!

Fazit:

Also, auch die Unterseiten explizit sperren.
Im Bereich der passwortgeschützten Seiten kann man den Zugriff auf  Unterseiten vererben. Soweit ich weiß, geht das mit gesperrten Seiten nicht. Ich lasse mich aber gern vom Gegenteil überzeugen.

Das neue CSS3 vereinfacht die Sache erheblich.

Runde Ecken

Bisher hat man Boxen mit runden Ecken als Hintergrundgrafik dargestellt. Problem, die fehlende Dynamik in der Anpassung an die Inhalte in der Box. Um das zu lösen hat man die Box häufig in einen Kopfteil, einen dynamischen Inhaltsteil und einen Fußteil zerlegt. Für weitere Dynamik in der Breite mussten die einzelnen Teile nochmals zerlegt werden. Ein enormer Aufwand!

CSS 3 kann es besser, allerdings benötigt man mehrere Konfigurationen, um alle Browser abzufangen

-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
-border-radius:10px;

Transaparenz

Hierfür gibt es bereits div. CSS Möglichkeiten wie z.B. opacity und sogar ne Lösung für den IE mit filter: alpha(opacity=50). Allerdings gehören die nicht zum W3C Standard und haben das Problem, das alle Elemente, die innerhalb eines mit opacity definierten Layers transparent werden.

die ersten 3 Werte definieren die Farbe und der 4. Wert die Transaparenz

background: rgba(255, 255, 255, 0.5);  /* weiß, 50% Transparenz */

Farbverläufe

Auch hier hat man bisher die Farbverläufe als  Hintergundgrafik dargestellt

/* Firefox */
background:-moz-linear-gradient( bottom, #235D96, #4D9EBB);
/* Safari, Chrome */
background:-webkit-gradient(linear, left top, left bottom, from(#235D96), to(#4D9EBB));
/* IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D9EBB', endColorstr='#235D96');
 

Text und Box Schatten

Wollte man schattierten Text in der Website haben , musste man auch hier das Grafikprogramm bemühen. Das hat große Nachteile. Erstens fehlt die Flexibilität, wenn man den Text ändern will (OK, TYPO3 hat da seine Möglichkeiten) und zweitens liefert man der Suchmaschine u. U.  die wichtigen Keyowrds nicht, da diese in einer Grafik stecken.

Ein Text mit Schatten..den man im Internet Explorer nicht sehen kann.

color:#999;
text-shadow: 1px 1px 0px #555;

Das Gleiche kann man auch mit anderen HTML Elementen anstellen. hier z.B. mit einem inneren Schatten für ein INPUT-Feld

-moz-box-shadow:inset 3px 3px 3px #ddd;
-webkit-box-shadow:inset 3px 3px 3px #ddd;
box-shadow:inset 3px 3px 3px #ddd;

Fazit

Auch wenn der Internet Explorer, wie immer hinterher hinkt, sollte man auf den Einsatz von CSS 3 nicht verzichten. Der IE verliert massiv an Boden, was uns Webentwickler ziemlich glücklich macht. Verursacht dieser Browser teilweise erheblichen Mehraufwand bei der Entwicklung, der dem Kunden nur schwer zu vermitteln ist. Ich versuche jedenfalls, für den IE eine ordentliche Darstellung umzusetzen. Diese muß dann aber nicht absolut identisch mit den anderen Browsern sein (z.B. keine Runden Ecken bei Inhaltselementen in TYPO3). Ich denke hier kann man seine Kunden überzeugen, zumindest dahingehend, das erheblicher Mehraufwand auch mehr kostet. Dieser Aufwand hat auch noch ein Haltbarkeitsdatum, nämlich bis zum Erscheinen des IE 9 (Betaversion gibt es schon).

Links

Deutsche Referenz zu CSS (CSS 4 You)
CSS 3: Aktueller Stand und Vorschau – Webmasterpro.de
Norman’s Blog – Hintergrundverläufe mit CSS 3

Umgesetzt habe ich das Projekt  mit TYPO3 und Templa Voila, einer Templatetechnologie, die eine besondere Flexibiliät der Seitengestaltung ermöglicht. So hat der Redakteur die Möglichkeit, das Seitetemplate z.B. 2 oder 3-spaltig frei zu wählen. Zudem kann die Anordnung der Inhalte in Form Inhaltstemplates (Flexible Content Elements) ebenfalls frei gewählt werden.

Mein Geschäftspartner Thomas Noll ( Der Internet Redakteur) hat die Webseiteninhalte redaktionell erstellt und suchmaschinentechnisch bearbeitet. Er übernimmt ebenfalls die zukünfitige redaktionelle Betreuung der Website. Besuchen Sie auch mal seinen BLOG. Dort gibt es viele spannende Beiträge rund um Internet, Online-Marketing, Social Media. usw.

www.enders-fenster-tueren.de

Referenzen

Als erfahrener TYPO3 Spezialist leiste ich mit meiner Mitgliedschaft einen Beitrag zur Sicherung und Weiterentwicklung von TYPO3.  Schließlich ist TYPO3 meine Geschäftsgrundlage, die es neben den Investitionen meiner Kunden zu sichern gilt.

Bots suchen nach Zeichen. Dem Bot beizubringen nach den o.g. Zeichenkombis zu suchen kann
der Programmierlehrling im ersten Jahr.

at und Punkt einer Mail durch Grafiken zu ersetzen ist meiner Meinung nach am Wirkungsvollsten. Letztendlich ensteht dadurch HTML Code aus Text-Bild-Text usw.
Die ganze Website ist so aufgebaut. Wie soll der Bot nun erkennen, das es sich hier ausgerechnet um eine Mailadresse handelt?

Unberücksichtigt bleibt dabei die Frage, ob der Bot das At-Zeichen im Bild lesen kann.

TYPO3 bietet die Möglichkeit per TypoScript alle vom Redaktuer eingegebenen Links automatisch zu verschlüsseln. Wie das geschieht kann man ebenfalls festgelegen.
Ich habe dazu einen sehr guten Blog Beitrag hier gefunden:
http://typo3blogger.de/e-mail-adresse-gegen-spam-schutzen/

Folgendes Javascript, von der Uni Hamburg kann man natürlich auch außerhalb von TYPO3 verwenden. Einfach in die Website einbinden, direkt oder als js-Datei.

 function UnCryptMailto(s) {
	var n=0;
	var r="";
	for(var i=0; i < s.length; i++) { 		n=s.charCodeAt(i); 		if (n>=8364) {n = 128;}
		r += String.fromCharCode(n-(1));
	}
	return r;
 }
 function linkTo_UnCryptMailto(s)	{
	location.href=UnCryptMailto(s);
 }

Unter: http://www.math.uni-hamburg.de/it/dienste/encryptma.html
kann man seine Mail verschlüsseln und dann in der Website eintragen.
Das o.g Script entschlüsselt die Mail beim Anklicken wieder.

Neben der Kernstadt Feuerwehr haben neun weitere Ortsteilfeuwerwehren die Möglichkeit eigene Seiten innerhalb des Internetauftritts zu verwalten. Dies erforderte die Einrichtung eines Redaktions- Workflows mit ausgefeiltem Rechte und Veröffentlichungsmanagement.

Ein passwortgeschützter Bereich für die interne Kommunikation wurde ebenfalls eingerichtet.
Das Kernstück der Website dürfte die zeitnahe Veröffentlichung der Einsatzberichte sein. Hier wurde die TYPO3 Erweiterung tt_news eingesetzt. Sie ermöglicht die zusätzliche zeitgesteuerte Archivierung älterer Berichte. Eine spezielle Suchfunktion für archivierte Berichte steht auch zur Verfügung.

www.feuerwehr-bad-hersfeld.de

Version: tt_news 2.5.2

Neeeeeeeeee!
Warum nur zeigt die AMENU Ansicht alle News (auch die 2010er) an?
Wie in Bild1 zu sehen ist werden alle 2010er Einträge angezeigt. Damit nicht genug, klickt man dann auf einen der Einträge, sollte eine Listenansicht mit entsprechenden Einträgen erscheinen. Tut sie aber…..nur teilweise. Bei den 2009er Einträgen und älter funktioniert es so wie zu erwarten. Bei den 2010er eben nicht (Bild2). Das ist auch zu erwarten, da diese Einträge ja noch nicht archiviert sind.

Seit Stunden probiere ich alle Einstellungen . Es ist doch unlogisch, in einem Archiv sollen bitte auch nur die archiverten Einträge zu sehen sein. Ist das noch niemandem aufgefallen?
Doch! Glücklicherweise bin ich auf folgenden Blog gestoßen: münster-webdesin.net. Hier habe habe ich eine Lösung gefunden. Nochmal, herzlichen Dank dafür!

Lösung:
Im TS sollte folgende Eintrag gesetzt werden:

plugin.tt_news.enableArchiveDate = 0

Standardmäßig steht es auf 1. Nun sehe ich in meiner Archivansicht schön alle Einträge, die älter als ein Jahr sind.
So soll es sein!