Vorteile Frontend
eines Content Management Systems
Automatische Navigationserstellung:
ausgeklapptes Menü auf der Demo 97
Unabhängigkeit von Programmierern – einfache Bearbeitung über den Browser:
Quickstart-Guide – Neue Seite anlegen auf Demo 97
Design-Konsistenz durch Trennung von Inhalt (Redakteur) und Design (Styles vom Designer):
CSS-Testseite auf Demo 94
Volle Mehrsprachigkeit:
z.B. Tours auf esquinaslodge.com (DE/EN/ES)
Einarbeitung von Fremdsprachentexten dank UTF-8:
Arabisch, Russisch, Thai und Hebräisch auf Demo 98
Volltextsuche über den Inhalt der gesamten Website:
Suche auf zieglerundpartner.at
Passwortgeschützter Bereich – Zugang für definierte Benutzer(gruppen) auf defnierte Seiten:
Geschützter Bereich auf Translator-Demo (Login links unten: w2s | w2s)
Frontend User – User können selbst einen Account erstellen, der für Forum, Chat und adereErweiterungen genützt werden kann (auf demo.web2cms.at):
Registrieren als Frontend User |
Login als Frontend User (w2s | w2s)
Vorteile Backend
eines Content Management Systems
Bearbeiten des Inhalts mit HTML-Editor – Screenshots vom Backend; Quickstart-Guide – Text mit Bild anlegen:
typo3demo.web2service.net/demo99
Komplexe (gestaltete) Tabellen einfach erstellen per Editor:
Vitamin-Tabelle auf antiagingnews.org
Frontend Editing – Bearbeiten der Inhalte direkt im Frontend:
portal.web2service.net (Einloggen im
Backend als content | x***t)
Multimedia Inhalte
Einfaches Bearbeiten von Text, Bild, Musik, Video, Flash
Text mit Bild:
Beispiele für Inhaltselemente auf Demo 99
Diashow Smooth Gallery:
Smooth Gallery mit Thumbnails auf Demo 99
Diashow Slideshow:
Slideshow auf w2s TYPO3 Referenzen
Bildergalerie mit mehreren Seiten und Lightbox-Effekt:
Bildergalerie auf Global Family (in Entwicklung)
Umfangreiche Bildergalerie:
Umfangreiche Galerie mit Kategorien und Alben auf Demo 99
Kleiner MP3-Player:
Player für einzelne Songs/Tracks (regenwald.at)
MP3 Playlist-Player:
Player für eine Sammlung von Songs (chmela.at)
Flash Video Player (FLV):
Farblich angepasster Player auf chmela.at
YouTube und Google-Videos einbetten wie Bilder:
Eingebettete Videos auf der Demo94
Flash-Einbettung (SWF):
Flash-Werbung auf Demo 99
Wechselnde Seitenheader:
mit Bildern oder Flash-Animationen (esquinaslodge.com)
Karten und Pläne
Erweiterungen rund um Google Maps
Google-Maps Plugin (mit Anbindung an Adressdatenbank; eigene API):
Google Maps auf Demo 97
Google Maps iframe (für einfachen Anfahrtsplan):
Google Maps auf dr-winkler.info
Shop Locator – Findet Shops/Zweigstellen/Adressen in einem definierten Umkreis um denAusgangspunkt:
Shop Locator auf Demo 99
Ajax und Eye Candy
Effekte auf Basis von JavaScript und DHTML
Ajax Tabs – Reiter, die Inhaltselement per Ajax nachladen:
Tabs auf Demo 99
Accordion – Überschriften, die auf Klick den Content ausfahren:
w2s – TYPO3 Paket und Module Seite
Lightbox-Effekt – Hintergrund wird abgedunkelt, Bilder mit Mouse-Over-Navigation:
Lightbox in Kombination mit Slideshow auf w2s Referenzen
Dropdown Sitemap mit JavaScript Ein-Ausblend-Effekten:
w2s Sitemap
Imagemap mit Mouse-Over Content:
Virtuelle Tour auf regenwald.at
Flash-Puzzle mit verschiedenen Motiven, Stückzahlen und Formen:
Puzzle auf regenwald.at
Topaktuelle RSS-Feeds anderer Anbieter einbetten:
Hebräischer und österreichischer Newsfeed auf Demo 98
RSS-Feeds generieren für dynamische Lesezeichen oder Feed-Reader:
RSS-Feed von weitergedacht.at
Link Vorschau – zeigt ein kleines Vorschaubild für externe Links:
z.B.
www.web2service.net
Nützliche Erweiterungen
Extensions, die «das Leben erleichtern»
Eigene Druckansicht – zeigt den Main Content mit speziellem Banner und ruft den Druckdialog des Sytems auf:
z.B. auf
antiagingnews.org
Automatische PDF-Erstellung per Knopfdruck (ähnlich der Druckansicht, nur wird gleich ein PDF erstellt):
z.B. auf
antiagingnews.org
Glossar – Erkennt definiert Wörter im Text und verlinkt sie zum Glossar/auf eine URL:
Glossar Ergebnisseite auf Demo 99
Glossarbegriffe im Text (z.B.: GPL und HTML)
Spamschutz – EIngabe von Text auf einem Bild (z.B. für Gästebuch und Kommentare):
Captcha Spam-Schutz auf Demo 99
Teaser – Anteasen von Artikeln/Seiten, vordefiniert oder randomisiert:
Teaser auf antiagingnews.org
Online-Magazin und Portal-Lösungen
Alternative Möglichkeiten für die Nutzung von TYPO3
Online-Magazin basierend auf einer mächtige News-Erweiterung:
weitergedacht.at
Differenzierte Userrechte – Direkte Mitarbeit vieler Redakteure in Ihren Bereichen:
Mitarbeiter von weitergedacht.at
Werbung
Werbemöglichkeiten innerhalb der Website
Flash-Einbettung (SWF):
Flash-Werbung auf Demo 99
Wechselnde Seitenheader (können für Werbung genutzt werden):
mit Bildern oder Flash-Animationen (esquinaslodge.com)
Banner-Management-System mit View- und Klick-Statistik:
Einbettung von Werbebanners (jpg, gif, swf, animated-gif) – antiagingnews.org
Social Web
Kleine Applikationen für das Web 2.0
Weblog/Blog Extension für persönlichn oder Unternehmens-Blog:
Blog auf Demo 99
Social Bookmarking – Icons zum schnellen Setzen von Lesezeichen:
Bookmarking auf einer Blogseite, Demo99
Wiki integriert in TYPO3:
Wiki auf Demo 99
Gästebuch für Einträge durch Besucher mit Captcha-Spamschutz:
Gästebuch auf Demo 99
Kommentarfunktion für Artikel mit Captcha-Spamschutz:
Kommentar auf antiagingnews
Umfragetool (Poll) – Abstimmen zu einer Frage:
Umfrage auf demo.web2cms.at
Forum – Frontend User können sich selbst registrieren, im Forum diskutieren, private messages schicken etc.:
Forum auf demo.web2cms.at
eCommerce
eCommerce, Bestell- und Shoplösungen
PHP-Bestellschein als Individualprogrammierung in TYPO3:
Bestellschein auf regenwald.at
TYPO3 Commerce – Shop innrehalb einer TYPO3-Website:
Commerce-Demo auf der Website Demo 99
Eigenständiges Shopsystem xt:Commerce:
xt:Commerce Demoshop
Eigenständiges Commercesystem Magento Commerce:
Magento Demo
Content Management Systeme
Auswahl an realisierten Typo3 Websites
http://www.regenwald.at/ | Regenwald der Österreicher – Verein zur Erhaltung des Regenwalds in Costa Rica
http://www.esquinaslodge.com/ | Esquinas Rainforest Lodge – Lodge im Regenwald von Costa Rica
http://www.getclients.eu/ | GetClients – Unternehmensberatung und Werbeagentur
http://www.dr-winkler.info/ | Praxis der Allgemeinmedizinerin Dr. Ljiljana Winkler in Wien
http://www.wso.cc/ | Website des Wiener Sinfonie Orchesters
http://www.imrecht.at/ | Kanzlei der Rechtsanwältin Mag. Gabriela Müntzer
http://www.weitergedacht.at/ | News-Portal für ein junges, unabhängiges Online-Europa-Magazin
http://www.dialogmarketing.net/ | Co+Co Dialogmarketing – Website der Dialogmarketing- und Werbeagentur
In Arbeit
Auswahl an laufenden Typo3-Projekten
http://antiagingnews.web2service.net/ | Online-Plattform des gedruckten Magazin «Anti-Aging News»
http://chmela.web2service.eu/ | Offizielle Website des Wienerlied-Sängers Horst Chmela («Ana hat imma des Bummerl»)
http://newmeco.web2service.eu/ | New Media Consulting Website in English, Deutsch und Slowakisch (noch nicht befüllt)
http://osiatis.web2service.net/ | Internationales Website für Osiatis – geplant für Deutsch, Englisch und evtl. Osteuropa (admin | 0***s)
Navigationstypen
Typo3 Demo-Websites
Auf diesen Websites befindet sich Demo-Content, der die meisten wichtigen Extensions und Features von TYPO3 zeigt und erklärt, sowie ein Quickstart-Guide für die ersten Schritte im Backend von TYPO3.
http://typo3demo.web2service.net/demo99/ | Navigation oben (1. Ebene) und auf der linken Seite (Unterbenen in ausklappbaren Menüs)
http://typo3demo.web2service.net/demo98/ | Dropdown-Menü für Websites mit max 3. Menüebenen
http://typo3demo.web2service.net/demo97/ | Navigation nur auf der linken Seite, das Menü öffnet sich und zeigt die Unterebenen beim Anklicken
Design Variationen
Typo3 Demo-Websites
Diese Website verfügt über einen Style-Switcher, der nur die Style-Definitionen verändert, um zu zeigen wie unterschiedlich eine Website bei absolut identischem Inhalt aussehen und wirken kann. Eine Datenbank/TYPO3-Instanz und 3 Designs.
http://typo3demo.web2service.eu/demo93 | TYPO3-Demo mit Style-Switcher für 3 unterschiedliche Designs
http://typo3demo.web2service.eu/demo94 | TYPO3-Demo in dunkelgrau mit 2 gleich breiten Content-Spalten und Subnavigation rechts
Online-Shops
Auswahl an realisierten Shop-Lösungen
http://www.happylonglife.at | Informations- und eShop-Plattform rund um die Themen Naturprodukte, Gesundheit, Wellness, Umwelt und Energiesparen
http://www.wipfonts.com | Shop für außergewöhnliche Handschriften-Fonts im Direktdownload
Customer Relationship Management
vtiger von web2•service
web2•service bietet auch Customer Relationship Management Lösungen an, v.a. das Open Source System
vtiger.
http://www.vtigercrm.net | vtiger, installiert, eingerichtet und angepasst von web2•service
http://demo.vtigercrm.net | Demo-Version von vtiger 5 – Login Daten stehen neben dem Login-Fenster







