05/2013 Redesign Website KIND&HUND
Wir haben die Website des Präventionsprojektes KIND&HUND komplett überarbeitet. Anspruchsvoll dabei war nicht das eigentliche neue Design und dessen Umsetzung, sondern die Implementierung des Workflows für das Management der Einsätze und der Teams. Neu können die Teams ihre Adressdaten und ihre Verfügbarkeit online verwalten. Die Einsätze werden von der Einsatzverantwortlichen und der Teamverantwortlichen vollständig online organisiert und verwaltet. D.h. von der Anfrage der Lehrpersonen für einen Einsatz über die Einsatz-Zuweisung der Teams bis zur statistischen Auswertung der Einsätze kann jetzt der gesamte Workflow über die Website abgewickelt werden. Die Bearbeitung der Daten erfolgt vollständig im Frontend (FE), dies natürlich in einem geschlossenen Bereich, erreichbar über ein FE-Login.
Die Implementation des Workflow und des Teammanagements erfolgte mit Hilfe von zwei speziell für diesen Anwendungszweck von uns erstellten Extbase/Fluid Extensions. Wichtige Eckpunkte sind die automatische Versendung von Infomails wenn ein neuer Einsatz definiert wurde. Die Übergabe des Managements von der Einsatzverantwortlichen, welche die Kommunikation mit den Lehrkräften führt, zur Teamverantwortlichen, welche die Zuweisung der Teams zu den Einsätzen und die Information der Teams sicherstellt. Der anspruchsvollste Teil war die im nebenstehenden Bild dargestellte Teamzuordnung. Alle Datensätze der Teams müssen hier gleichzeitig bearbeitet werden können um dem Teamverantwortlichen einen intuitive Bearbeitung des Workflows zu ermöglichen.
Bisher wurden die Einsätze mit Hilfe einer Excel-Tabelle verwaltet. Die Implementierung in TYPO3 hat den Vorteil, dass alle jederzeit und von überall auf aktuellste Informationen zu den Einsätzen und den Teams zugreifen können. Dies ist insofern wichtig, als es sich bei KIND&HUND um eine sehr dezentral organisierte Institution handelt.
09/2012 Portfolio-Website www.klmn.ch | Nora Kelemen
Im Hinblick auf die Ausstellung "favorite goes art" - Villa Favorite Bern, 15. September 2012 - haben wir gemeinsam mit der Kunstschaffenden Nora Kelemen in einem eintägigen Workshop ihre kleine Portfolio-Site in TYPO3 gestaltet.
Die bewusst ganz schlicht gehaltene Form der Internetpräsenz www.klmn.ch soll "gluschtig" machen im Portfolio ein bisschen auf Entdeckungsreise zu gehen.
Nora Kelemen ist kreativ in den Bereichen: Auslegung | LandArt | Fotografie | Miniaturen.
07|2012 Sal-Consulting: Migration 4.1 auf 4.5
Die Website der Sal-Consulting Christian Salvisberg wurde bisher auf TYPO3 Version 4.1 betrieben. Dank unserer langjährigen Erfahrung mit der Migration von TYPO3 auf neuere Versionen konnte die Website der Sal-Consulting mit vergleichsweise geringem Aufwand auf die TYPO3 4.5 LTS Version migriert werden.
Die Herausforderung dabei war, die Website ohne Design- und Konfigurations-Anpassung vollständig zu übernehmen, d.h. ein auf Frames und externe PHP-Scripts (z.B. für Formulare) aufgebautes System in die moderne Umgebung zu überführen.
04|2012 - Transparenz im IE
Kürzlich durften wir eine WebSite für einen Maschinenbau-Betrieb erstellen. Das Design sah halbtransparente Farbverläufe vor. Mit HTML5 und CSS3 ist das ja nicht schwierig zu realisieren. Firefox, Opera, Chrome, etc. meistern diese Aufgabe problemlos. Nur gewisse ältere Browser stellten die transparenten Bereiche anstatt blass weisslich in einem kräftigen azurblau dar.
Die häufig verwendeten dreistelligen Farbcodes, wie z.B. #f00 für rot, gefallen den älteren Microsoft Internet Explorern gar nicht... aber sogar der IE10 bockte in dieser Hinsicht und konnte die Farbcodes nicht wie erwartet darstellen.
Die Lösung des Problems ist sehr einfach: Anstatt den kurzen dreistelligen Farbcode (#f00 für rot) einfach den sechsstelligen verwenden (#ff0000). Dann klappts! Und siehe da, sogar der IE6 kann so Farbverläufe und transparente Bereiche korrekt darstellen.
03|2012 - HTML5 Responsive Webdesign
Wir haben unsere Website auf einen neuen technischen Level gehoben. Die Integration von YAML4, d.h. HTML5 und CSS3, in TYPO3 ist implementiert. Dies bringt u.a. folgende Vorteile:
- Responsive Web Design
Die Darstellung der Website erfolgt dynamisch angepasst an das Endgerät, das heisst der Inhalt wird auf einem mobilen Device anders präsentiert. Probieren Sie es aus und verkleinern Sie das Browserfenster auf die Grösse eines iPad oder eines Smartphones. - Fixed-Position Navigation
Beim Scrollen verschwindet das Menu nicht am oberen Rand des Bildschirms. so dass man jederzeit auf das Hauptmenu Zugriff hat. - jQuery/CSS3/HTML5 Animation
Alle Bilder können (wo es Sinn macht und so definiert wird) per Mausklick vergrössert werden und erscheinen dann in einer Lightbox. (z.B. Klick auf Visitenkarte in 'über uns')
02|2012 - leichtes Facelift unserer Website
Der Header-Bereich unserer Website kommt im neuen Look daher. Weniger flächig, frischer und leichter. Die Leine mit den angeklammerten Blättern symbolisiert den Prozess der Ideen-Entfaltung und Lösungsentwicklung und steht für das, was wir in unserer täglichen Arbeit und gemeinsam mit unseren Kunden in Workshops machen, wenn wir auf Blättern und Post-its, am Flipchart und Whiteboard an frischen Ideen arbeiten.
01|2012 YAML aktualisiert
Das YAML 4 CSS-Framework wurde von Dirk Jesse komplett überarbeitet. Mit der neuen Version von YAML und der aktuellen TYPO3 Version wird es möglich, HTML5 und CSS3 zu verwenden. HTML5 und CSS3 sind sehr mächtig und erlauben den Bau von Applikationen, welche vor kurzem noch undenkbar gewesen wären. Neue Websites werden von uns ab sofort mit YAML 4 erstellt. Für weitere Informationen stehen wir Ihnen gerne zur Verfügung.
12|2011 Migration Netzwerk/Exchange
Abschluss des IT-Projekts für ein Ingenieurbüro. Ab sofort erfolgt die Kommunikation unter den verschiedenen Standorten via VPN. Die Website wurde auf TYPO3 migriert und die alte Mail-Lösung mit einem modernen Exchange-Hosting abgelöst, die u.a. die Synchronisation mit dem iPhone ermöglicht.
12|2011 - Verbesserte Editierfunktion
Nach eingehender Prüfung bauen wir ab sofort auf den tinyMCE-RTE Editor (extension tinymce_rte). Der tinyMCE-Editor wird in vielen bekannten Produkten verwendet und kann über die erwähnte Extension auch in TYPO3 verwendet werden.
11|2011 - Website Gesundheitspraxis
Die Gesundheitspraxis Annemarie Salvisberg in Hünibach wünschte sich eine neue, kleine, aber feine und rundum pflegeleichte Website.
Et voilà: www.naturarzt.tv
09|2011 - Agilefant...
Dieses Tool zum computergestützten Führen von agilen Projekten verwenden wir ab sofort in unseren Scrum-Projekten.
08|2011 - 'Chase your passion, not your pension'
Rundbrief an Freunde und Bekannte zum Firmen-Neustart: Der hohe Norden, Mitternachtssonne auf Spitzbergen und andere realisierte Träume....
07|2011 - Fitnesstest für Website
Wir haben einen Website-Fitnesstest entwickelt, ergänzt mit Infos. Neugierig? Nehmen Sie sich ein paar Minuten Zeit und schauen Sie wie fit Ihre Website ist!
07|2011 - Bauens bauen um
Das macht zwar ein bisschen Arbeit, aber auch ganz viel Spass! Frisch bei uns im Team ist Fröschle, seines Zeichens Chef 'Web-Fitness'.
07|2011 - Business IT Projekt
Wir haben den Zuschlag für ein spannendes Business IT Projekt erhalten. Für ein Ingenieurbüro im Berner Oberland organisieren wir in den nächsten Wochen die IT Infrastruktur und deren Anwendung neu.