1. Den Mac immer auf dem aktuellsten Stand halten. Dies macht man über den Menüpunkt Softwareaktualisierung in den Systemeinstellungen im Bereich System
   
2. Es gibt entwischen unterschiedliche Tools mit dem sich der Mac auf exakt diesen Trojaner überprüfen lässt. Ein einfaches Tool, welches ich auf der Seite von Jean-Claude Frick gefunden habe, gibt es hier zum Download.
   

Damit sollte der Mac erst mal wieder sicher sein.

Teil 1 – Klassische Extensionprogrammierung

Im ersten Kapitel beginnt das Buch mit einer grundlegenden Einführung, welche auf den Aufbau und die Struktur von Typo3 und den Extensions eingeht. Dazu gehört es ein grundlegendes Verständnis zu entwickeln, welche Arten von Extensions es gibt (z.B. Frontend- und Backend-Extensions) und welche wichtigen Dinge im Bezug auf den zu erstellenden Code beachtet werden sollten. Die Autoren widmen sich im ersten Kapitel 13 Seiten alleine den Coding Guidelines von Typo3, was auch für Typo3 Einsteiger die Einführung in das Buch und damit in die Extensionentwicklung erleichtert.

Für den Rest des ersten Teils geben die Autoren ab dem zweiten Kapitel ein kleines “Tutorial”, in dem sie den Leser an die Hand nehmen und Ihm anhand eines Webblogs zeigen wie eine Typo3 Extension entsteht. Dieses Tutorial beginnt bei der Planung und dem Anlegen der Extension im Kickstarter, welcher dafür sorgt, dass die Extension im Filesystem mit allen benötigten Files angelegt wird und auch über die nötigen Scripte für die Datenbank verfügt. Dabei wird die Extension soweit vorbereitet, dass sie eigene Datenbanktabellen besitzt, bereits bestehende Datenbanktabellen erweitert, Frontend- und Backend-Module hat und über Konfigurationen verfügt. Bemerkenswert ist hier, dass sich die Autoren nicht steif an das Beispiel halten, sondern auch ein wenig links und rechts über den Tellerrand blicken lassen. Da der Kickstarter, eine praktisch voll funktionstüchtige Extension anlegt, ist es sehr hilfreich, dass das Buch auf die in der Extension vorhandenen Ordner und Dateien eingeht.

Nach dem Anlegen der Extension im Kickstarter wird auf die Entwicklung der Backend- und Frontend-Module eingegangen, welche den Kern des Webblogs und damit dessen Funktionalität bilden. Hier möchte ich anmerken, dass es nicht ganz leicht ist, die Kapitel als Referenz für andere Extensions zu verwenden, da Frontend- und Backend-Module des Webblogs sehr spezifisch sind und sich nicht auf jedes Problem übertragen lassen. Hinzu kommt, dass Typo3 Extensions nicht gerade sehr trivial sind.

Abschließend beschäftigt sich der erste Teil des Buches mit der, oft als nicht benötigt bezeichneten, Dokumentation. Die Autoren gehen hier auf die Dokumentation im klassischen phpDoc Format ein, für dessen Hilfe die Typo3 Extionsion ExtDevEval verwendet wird. Für das Hochladen ins Ter (dem Extension Repository von Typo3) führen die Autoren auch in die Dokumentation ein, welche im Ter verfügbar sein sollte.

Ergänzend zu dem Tutorial möchte ich sagen, dass es oft Bücher gibt, in denen die Codebeispiele gar nicht oder nur teilweise funktionieren. Die Beispiele in diesem Buch funktionierten mit Typo3 4.5 alle einwandfrei. Für all die, die ein solches Buch nicht nur als Referenz verwenden oder nur lesen um Verständnis auszubauen, sei anzumerken, dass auf der Webseite des Hanser Verlages die Beispiele zum Download gibt.

Teil 2 - Funktionsreferenz zur klassischen Extensionprogrammierung

Teil 2 des Buches bietet auf 121 Seiten eine sehr umfangreiche Funktionsreferenz. Im ersten Moment mag man meinen, dass man eine solche Funktionsreferenz auch leicht im Internet findet. Das ist auch nicht falsch. Doch besonders ist hier, dass die Autoren auch ihre Erfahrungen einbringen und auf oft gemachte Fehler hinweisen, nützliche Tipps geben und auch kleinere Beispiele anführen. Die Funktionsreferenz ist sehr umfassend und beinhaltet die wichtigsten Funktionen für die Zusammenarbeit mit der Datenbank, mit dem Dateisystem, mit Frontend- und Backend, sowie Funktionen zu Bildern, AJAX im Frontend, Frontend-Usern und Sessions und Services.

Teil 3 – Extbase und Fluid

Da bei Typo3 mit der bald erscheinenden Version 5.0 eine komplett neue Architektur eingeführt wird, mit der die Extensions nach der klassischen Extensionprogrammierung nicht mehr funktionieren werden, gehen die Autoren im Buch auf die in Typo3 integrierte Extension Extbase ein, welche eine zukunftssichere Extensionentwicklung für Typo3 und das neue Framework Flow3 ermöglichen soll. Dazu beginnt der dritte Teil des Buches mit einer Einführung in die objektorientierte PHP Programmierung und stellt die Idee des Domain Driven Design (DDD) unter Verwendung des Model-View-Controller (MVC) Design Patterns vor.

Nach der Einführung in die “neue” Extensionentwicklung, welches von der klassischen Extensionentwicklung weg geht, wird erneut der Webblog mit der Extbase-Extension umgesetzt, was einen guten Einblick in die neue Funktionsweisen gibt.

Da es für die Umsetzung der Ansichten (das was die Webseite anzeigen soll, kurz: Views) eine neue Template Engine gibt, geben die Autoren abschließend noch eine weitreichende Einführung in die Template Engine View. Dazu stellen Sie wichtige Eigenschaften von Fluid vor und zeigen unterschiedliche ViewHelper, die verschiedene Aufgaben erfüllen um Inhalte als HTML darzustellen.

Fazit

Das Buch ist sehr tiefgehend und beschreibt alle wichtigen Aspekte für die Entwicklung von Typo3 Extensions. Wer sich mit Typo3 bzw. der Extensionentwicklung von Typo3 noch nicht auskennt, wird allerdings eins schnell bemerken:

Entschließt man sich, eine Extension für Typo3 zu entwickeln, möchte man am liebsten 10 Minuten lesen und dann gleich anfangen seine Extension runter zu programmieren. Viele werden sich mit Sicherheit zuerst dem ersten Teil des Buches widmen und nach Abschluss des Teils versuchen ihre Kenntnis zu vertiefen und eigene Extensions zu entwickeln. Das alleine sollte mit diesem Hintergrund wissen ja möglich sein. Hat man dann seine erste Extension entwickelt, diese vielleicht sogar mit viel Aufwand und zusätzlichem recherchieren, kann es passieren, dass man sich schnell ärgert, nicht erst einmal das ganze Buch durchgearbeitet zu haben. Es ist nicht gleich ersichtlich, dass man ExtBase und Fluid in jedem Fall einsetzen sollte, da es mit Typo3 5.0 benötigt wird.

Ansonsten ein sehr gutes Buch, welches in jedem Fall meine Kaufempfehlung hat.

Das Buch gibt es bei Amazon zu kaufen und es besteht die Möglichkeit einmal in das Buch hinein zu blättern.

Google Developer Day Agenda 2010

Am interessantesten waren dort wohl Themen wie HTML5, GWT mit Google App Engine und Real World Website Performance Optimization. Die Keynotes die am Anfang der Veranstaltung vorgestellt wurden gaben kleine Einblicke in die einzelnen Themen und stellen so die sehenswertesten Neuigkeiten jedes Themenbereiches vor.

GWT mit roo von Spring Source

Nach den Keynotes habe ich den Vortrag zu GWT mit roo (einem auf GWT aufsetzenden Tool zur Verwaltung von GWT Projekten und deren Models) besucht. Ein sehr interessantes Tool so wie der Vortrag zeigt. Leider habe ich es bis jetzt noch nicht geschafft mich einmal ausführlich mit GWT und roo zu beschäftigen, deshalb gebe ich hier nur zwei Links bekannt, die das Wichtigste zu GWT und roo beinhalten sollten.

GWT
roo von Spring Source

HTML5

Der nächsten Beitrag den ich besucht habe war zum Thema HTML5. Interessant war dabei zu sehen welche der großen Browser inzwischen HTML5 unterstüzen. Firefox, Chrom, Safari und wer hätte es gedacht der Internet Explorer 8 unterstütz es noch nicht… Sind wir mal gespannt auf den Internet Explorer 9 und darauf ob wir da immer noch Extrawürste machen müssen.

Der Beitrag an für sich war sehr unterhaltsam gestaltet, da die Developer von Google einige der Hauptfeatures wie Video, Musik, 2D, 3D und noch viele mehr direkt vorführten. Informativ war der Vortrag meiner Meinung nach eher weniger. Das lag meines Erachtens nach daran, dass die Developer mehr Spielereien zeigten als wirklich fundiertes Wissen. Eine Recherche von ein oder zwei Stunden im Web hätte mehr fundiertes Know How ergeben. Aber dennoch interessant zu sehen was HTML5 alles bieten wird. Die Präsentation zu HTML5 gibt es als interaktive HTML5 Präsentation auf der folgenden Seite http://slides.html5rocks.com/#slide1 Viel Spaß beim ausprobieren. Weitere Informationen zum Thema HTML5 gibt es auf der gleichen Webseite (http://www.html5rocks.com/)

Real World Website Performance Optimization

Ein weiteres spannendes Thema des Tages sollte für mich Real World Website Performance Optimization sein. Die Hauptmessage des Redners war “messen”, “messen”, “messen”. Erstaunlich was man an Performance aus einer Webseite rausholen kann wenn man weiß wie… Ein oft vorhandenes Problem ist wohl das Laden von vielen kleinen Icons, die an den unterschiedlichsten Stellen benötigt werden. Aber wie kann man das vereinfachen? Ganz einfach eigentlich. Alle Icons werden in eine Bilddatei gepackt, das Bild wird an der benötigten Stelle als Background-Image eingefügt und so positioniert, dass nur das Icon sichtbar ist welches benötigt wird. Somit muss nur ein HTTP-Request für alle Bilder und Icons gemacht werden die auf diese Art benutzt werden. Dies spart unwahrscheinlich viel Zeit. Ein weiterer Tipp ist das verwenden einer einzigen CSS-Datei sowie einer einzigen Javascript-Datei. Bei CSS kann ruhig eine logische Aufteilung mit mehreren Datein gemacht werden. Es sollte lediglich darauf geachtet werden, dass im Head des ausgelieferten HTML nur eine CSS-Datei ausgeliefert wird, welche am besten auch noch gezipt ist. Um Javascript zu minimieren verwendet man dann sowas wie Rockstarapps.

Weitere Informationen zum Thema kann man zwei Büchern entnehmen:

Even Faster Web Sites
High Performance Websites
Speed Matters

Writing HTML5 apps mit Google App Engine, Google Closure Library und Clojure

Dieser Beitrag stellte ein “datenbanklose” Anwendung vor, die trotzdem blitzschnell mit Daten arbeiten kann. Die Folien zum Vortrag gibt es hier:

Writing HTML5 apps with Google App Engine, Google Closure Library and Clojure

Fazit

Es wurden eine Menge interessanter Sachen vorgestellt. Ich persönlich fand den Beitrag zu HTML5 am unterhaltsamsten, leider aber auch gleichzeitig am unnötigsten, da HTML5 sowieso der neue Standard ist, der uns früher oder später einholt. GWT mit roo ist wohl eines der technologischsten Themen, benötigt aber viel Grundkenntnis oder Nacharbeit. Aber ich denke ich habe was Neues und Interessantes gefunden was mich in nächster Zeit meine Freizeit kosten wird: GWT.

Die Einrichtung von Timetask – Projekte, Clients, Tasks, Milestones

Bevor man mit dem Anlegen von Projekten, Tasks oder Milestones beginnt, gibt es noch eine Reihe weiterer Dinge, die man erledigen muss. Zunächst sollte man natürlich alle User anlegen, die Zugang zu Timetask haben sollen und die entsprechenden Zeiten erfassen können. Unter dem Menüpunkt “People” kann man eine neue Person anlegen. Entweder legt man diese durch manuelle Eingabe der persönlichen Daten an oder importiert den User aus einer VCard. Ein User kann auch einem separaten Client (falls bereits angelegt) zugeordnet werden. So kann man z.B. ein Partner-Unternehmen als Client eintragen. Alle User, die Mitarbeiter dieses Partner-Unternehmens sind, werden also beim Anlegen in Timetask dem entsprechenden Client zugeordnet.
Auch Clients müssen vor den einzelnen Projekten angelegt werden. Die Clients, also die einzelnen Mandanten, Kunden, evtl. Partner-Unternehmen etc. werden über den Menüpunkt “Clients” angelegt und verwaltet. Auch hier können die einzelnen Clients, also deren Kontaktdaten entweder manuell angelegt oder aus einer VCard importiert werden. Wie bereits beschrieben kann ein User nach dem Anlegen der Clients einem bestimmten Client zugeordnet werden.

Machen Sie sich vor dem Anlegen eines Projektes entsprechende Gedanken über das genaue Profil des Projekts. So müssen z.B. ein Projektmanager festgelegt und verfügbare Ressourcen eingetragen werden. Die Ressourcen beziehen sich in diesem Fall auf die Stundenpreise für einzelne Worktypes und die für den jeweiligen Worktype festgelegten Zeiten. Somit legen Sie also ein vorher geplantes Budget für ein Projekt und die einzelnen Worktypes an, die später anhand des Timetrackings überprüft werden. Selbstverständlich müssen diese Ressourcen nicht vorher für das Projekt festgelegt werden. Diese können auch später auf der Modul- oder Task-Ebene festgelegt werden.
Timetask bietet eine Reihe von verschiedenen voreingestellten Worktypes, die für ein Projekt verwendet werden können. Natürlich möchte jeder seine eigenen Worktypes für Projekte verwenden. Diese können im Projekt selbst einzeln und somit exklusiv für dieses Projekt angelegt werden und mit einem Stundenpreis versehen werden. Immer wieder verwendete Worktypes können auch in den Optionen unter “Settings & Defaults” angelegt und für jedes einzelne Projekt immer wieder hinzugefügt werden. Im Projekt selbst kann man dann die Stundenpreise noch separat anpassen.
Weiter muss man sich Gedanken über die verfügbaren Module für die Projekte machen. Module können z.B. in der Webentwicklung das Design, die Entwicklung oder der Bugfix (usw.) sein. Module werden unter den “Settings & Defaults” oder individuell im Projekt angelegt.

An dieser Stelle einmal kurz zusammengefasst: Ein Projekt wird einem bestimmten Client zugeordnet. Im Projekt wird das Team (People) und der Projektmanager (People) festgelegt. Das Projekt besitzt einzelne Module (z.B. Entwicklung) und einzelne Worktypes (z.B. Entwicklung mit Java). Den Worktypes können einzelne Stundenpreise und eine maximale Stundenanzahl zugeordnet werden.

Intervals Timetask - Task anlegen

Was fehlt nun noch? – Genau, die Tasks! Der Task beschreibt die eigentliche zu erledigende Aufgabe. Als Beispiel nehmen wir uns einmal diesen Artikel, der gschrieben werden muss. Wir legen also einen Task mit der Bezeichnung “Timetask Artikel schreiben” an. Dieser Task unterliegt dem Modul “Redaktion” im Projekt “Intern”, das zum Client “bitprofessional.com Ltd.” gehört. Beim Anlegen eines Tasks wird weiter festgelegt, wer dafür zuständig ist, also wem der Task zugeordnet wird. Man kann ein Due Date setzen, also ein Datum, an dem der Task erledigt sein muss. Auch eine Priorität wird festgelegt, um so verschiedene Tasks zu priorisieren und der Priorität nach abarbeiten zu können.
Unter dem Menüpunkt “Tasks” kann man sich nun alle zu erledigenden Tasks anzeigen lassen. Die Anzeige kann nach den verschiedensten Kriterien gefiltert werden, um so die Tasks optimal im Blick zu haben. Klickt man auf das “Play”-Symbol neben dem entsprechenden Task, kann man die Zeit für diesen Task laufen lassen. Mit einem Rechtsklick auf den Status wählt man dann den entsprechenden Status, z,B, “in Arbeit” aus, wenn man am Task am arbeiten ist. Hierüber werden Tasks auch nach Erledigung geschlossen. Wenn man mit der Bearbeitung des Tasks fertig ist und die Zeit gestoppt hat, kann man die Zeit via “Apply” speichern. Alle Zeiten lassen sich dann unter “Time” anzeigen. Die Timesheets werden dann wöchentlich abgeschlossen.

Intervals Timetask - Erfasste Zeiten speichern

Durch die Zeiterfassung der Tasks, die den einzelnen Modulen, Projekten und Worktypes zugeordnet sind, hat man ständig den optimalen Überblick über die noch zur Verfügung stehenden und bereits verbrauchten Ressourcen. Man sieht auch sofort, wieviel bereits für einen Task bzw. ein Projekt in Rechnung gestellt werden kann.

TIPP: Mit dem App GrandTotal zum Erstellen professioneller Rechnungen und Angebote, kann man die Zeiten aus Timetask direkt den Kunden in Rechnung stellen. Wie das geht? – Mit unserem TimetaskConnector, den wir kostenfrei zum Download (Lizenz akzeptieren und herunterladen) anbieten!

Fazit

Timetask bietet eine genaue Strukturierung durchzuführender Projekte und ermöglicht eine genaue Zeiterfassung und Kostenabrechnung. Ideal für jedes Unternehmen, das eine zeitgenaue Abrechnung für die unterschiedlichsten Worktypes und Projekte anbietet. Timetask ist ein sehr nützliches und wichtiges Tool für die Durchführung, Planung und Realisierung von Projekten. Intervals hat mit Timetask ein wirklich mächtiges Online-Tool erschaffen, das sich jeder zumindest einmal genauer anschauen sollte. Alle erfassten und geplanten Zeiten und Kosten lassen sich auch im Timetask Projektbezogen auswerten. Timetask bietet hierzu die verschiedensten visuellen Statistiken an.

Preise & Testversionen

Ab $20,00 pro Monat geht es bereits mit Timetask los. Dafür kann man bis zu 15 aktive Projekte anlegen und hat 5 Gb Document Storage. Entscheidet man sich für einen höheren monatlichen Preis, erhält man selbstverständlich mehr aktive Projekte und einen größeren Document Storage. So z.B. die teuerste Variante für $175,00 im Monat mit unbegrenzter Anzahl an aktiven Projekten und 75 Gb Document Storage. Intervals bietet auch Testversionen an. Diese kann man dann auf Herz und Nieren testen, bevor man sich für oder gegen Timetask entscheidet. Sicher auch interessant für alle Entwickler ist, dass Intervals ab dem Account für $50,00 im Monat eine API anbietet. Diese kann man dann z.B. für eigene Systeme verwenden, um Zeiten auszulesen, Tasks anzulegen, usw..
Beachtet bitte, dass die oben angegebenen Preise aus einer Recherche von heute, den 27.10.2011 stammen, diese können im Laufe der Zeit natürlich variieren. Auf der Homepage von Intervals Timetask könnt ihr stets die aktuellen Preise und Angebote einsehen.

Wie bereits in Teil 1 erwähnt verwende ich auf meinem Notebook Mac OS X 10.6. Wenn man sich nach langer Zeit einmal an die etwas andere Bedienweise von Mac OS X gewöhnt hat, ist es echt ein super Betriebssystem. Das hatte ich ja in Teil 1 auch schon einmal aufgeführt. Manch einer mag (auch wenn er Mac OS X verwendet) da anderer Meinung sein, aber jedem das seine.

Die Dock meines Macs

Dock

Auch hier führe ich wieder von links nach rechts auf, was sich so alles in meiner Dock befindet.

• Finder (der Filebrowser des Macs)
• Safari (mein eigentlich liebster Browser)
• Firefox (auch ein guter Browser)
• Chrome (nur zum Testen installiert)
• Mail (mein Mailclient von Apple)
• iCal (mein Kalender von Apple)
• Adressbuch (mein Adressbuch von Apple)
• Adium (der Instantmessagingclient für so ziemlich jeden Dienst)
• Skype (für gelegentliche Telefonkonferenzen)
• Colloquy (mein IRC Client)
• Gabble (mein Client für Yammer)
• HootSuite (mein Client für Social Networking (Facebook, Twitter))
• Gruml (RSS Feed Client für den Umgang mit Google-Reader)
• Terminal (mein Weg in die Linux- / Unixwelt)
• Zend Studio (meine ultimative PHP-IDE)
• Smultron (mein Texteditor)
• Xcode (für die Entwicklung von Objectiv-C)
• MySQL Workbench (mein Tool zum Entwurf für Datenbanken)
• Sequel Pro (ein Datenbank Client für MySQL)
• Versions (SVN-Client für Mac)
• FreeMind (ein kleines Tool für den Entwurf von Mindmaps)
• Pages (mein “Word” von Apple zum Erstellen von Texten)
• Numbers (mein “Excel” von Apple zum Erstellen von Tabellen und Tabellenkalkulationen)
• Keynote (mein “Powerpoint” von Apple zum Erstellen von Präsentationen)
• LibreOffice (mein richtiges Officetool)
• iTunes (meine Musiklibrary und Verwaltung meines iPads)
• EyeTV (meine TV App)
• VLC (um mal so einen Film oder so ohne iTunes zu schauen)
• Pixelmator (ein kostengünstiges und leistungsstarkes Bildbearbeitungsprogramm (kleine Photoshop alternative))
• Gimp (meine App mit der ich die meisten Designs erstelle)
• Paintbrush (ein einfaches Zeichenprogramm ohne viel Schnickschnack (um mal eine wirklich simple Zeichnung zu machen))
• Fotolia Desktop (meine App um Bilder für Webseiten einzukaufen)
• App Store (der Mac App Store)
• Systemeinstellungen (das Verwaltungstool für meinen Mac)
• Aktivitätsanzeige (ein Tool zum Analysieren von Prozessen, Speicherauslastung, etc., von meinem Mac)
• VMware Fusion (meine Virtualisierungslösung um Webseites u.ä. auch mal in einem anderen Betriebssystem testen zu können)
• Cyberduck (mein FTP, SFTP, WebDAV, etc. Client)
• Netzwerkdienstprogramm (mein Tool, zum Analysieren des Netzwerkes)

Die Menüleiste meines Macs

Menüleiste

In meiner Menüleiste befinden sich auch noch ein paar Apps, welche nicht in der Dock vorhanden sind.

• Skype
• Adium
• ExpanDrive (ein kleines Tool zum Verwalten von Fusion-Verbindungen (Netzlaufwerke mit z.B. SSH))
• Viscosity (ein VPN Tool für OpenVPN)
• GrowlTunes (Growl für iTunes (zeigt mir Neuigkeiten in iTunes ein))
• Pochade (ein Colorpicker)
• Time Machine (mein Apple Backuptool)
• Bluetooth (zur Verwaltung der Bluetooth-Verbindungen)
• AirPort (zur Verwaltung meiner WLAN-Verbindungen)
• Batterieanzeige (zur Übersicht meines Batteriestatus, wenn ich mit meinem Notebook unterwegs bin)
• Uhr mit Kalender (damit ich immer Datum und Uhrzeit im Blick habe)
• Spotlight (die ultimative Suche von Apple, welche so ziemlich alles auch meinem Mac kennt)

Details der Anwendungen

Um diesen Artikel nicht übermäßig auszubauen, werde ich die einzelnen Anwendungen in mehrere Kategorien fassen und dann gezielt auf die interessantesten Apps eingehen.

Die Welt der Browser

Ich habe auf meinem Mac 3 Browser installiert. Darunter fallen Safari, Firefox und Chrome.

Mein “Hauptbrowser” ist nach wie vor Apples Safari. Ich finde den Browser am saubersten strukturiert, er ist schnell, er braucht nicht viel Resourcen und bietet mit den “Topsides” einen echt tollen Überblick über die wichtigsten Seiten auf einen Blick. Einfach mein Favorit.

Öfters benutze ich auch den Browser Firefox in der Verison 4. Was mir an Firefox 4 am meisten missfällt ist, dass er so extrem Resourcen intensiv ist. Wenn man wie ich, bis vor wenigen Wochen noch mit 2 GByte Arbeitsspeicher unterwegs ist, dann sind 600 – 700 MByte an Arbeitspeicher, welche der Firefox für sich beansprucht eindeutig zu viel. Was aber beim Firefox weit aus besser als bei Safari ist, ist die Vielfalt an Plugins, die man für Firefox bekommt. Ebenfalls toll umgesetzt ist die neue Tablösung welche App-Tabs und Tabgruppen bietet. Weitere Informationen zu den Tabs gibts hier.

Der Vollständigkeit halber habe ich auch den Google Browser Chrome installiert, welcher mir aber am aller wenigsten zusagt. Ich bin mir nicht ganz schlüssig, wieso ich diesen Browser nicht mag, aber das hat sich wohl ergeben, als in der Version 10 absolut kein Flash mehr funktionieren wollte. Klar hätte ich den Fehler auch beheben können. Aber ich als ein inzwischen typischer Mac User, habe keine Lust stundenlang zu basteln und deshalb muss das einfach laufen. Eigentlich bräuchte ich den Browser gar nicht. Denn um Layouts von Webseiten zu testen reicht eigentlich der Safaribrowser völlig aus. Schließlich verwendet er mit Webkit die gleiche Renderingengine wie Google Crome.

Die Kommunikation von meinem Mac in die Weiten des Internets

Ich bin ein sehr aktiver Internetbenutzer und habe daher eine ganze Menge an Anwendungen die ich benutze um mit Freunden, Geschäftspartnern, Internetbekanntschaften und mit Communitys zu kommunizieren. Die dabei für mich wohl wichtigsten Programme sind Apple Mail, Adium, Skype. Für die Kommunikation in Social Networks wie Twitter oder Facebook nutze ich HootSuite. Die firmeninterne soziale Kommunikation findet auf Yammer statt, wofür ich Gabble (ein Yammer-Client) benutze.

Da es sich bei Apples Mail um einen Standard-E-Mailclient, ohne besondere nennenswerte Funktionen handelt, bei Adium um einen einfachen Multiprotokoll-Instantmessager handelt und Skype sowieso eigentlich jeder kennt, werde ich diese Programme hier nicht weiter ausführen. Details zu Yammer (dem firmeninternen Social Network) kann man hier in einem anderen Artikel von mir nachlesen.

Hier möchte ich aber HootSuite, welches im letzten halben Jahr viele neue Funktionen für Social Networking bekommen hat, etwas detaillierter erläutern.

HootSuite

HootSuite ist ein Webdienst, welcher die Kommunikation zu den Social Networks Twitter, Facebook, LinkedIn, Ping.fm, MySpace, Foursquare und mixi ermöglicht. Neben den genannten Social Networks ermöglicht es auch noch die Kommunikation zu einem von WordPress gehosteten Blog. Die wohl aber interessantesten Social Networks in diesem Tool sind für mich Twitter und Facebook.

Ich verwalte mit HootSuite derzeit 4 Twitter Accounts, einen Facebook Account und 5 Facebook Fanpages.

Für die Kommunikation zu Twitter verwende ich derzeit ausschließlich HootSuite, da es die Kommunikation übersichtlich in Spalten für einzelne Twitter-Listen darstellt.

Hootsuite

Es bietet neben der einfachen Funktion Tweets abzusenden die Möglichkeit, direkt Retweets auszuführen, replys zu anderen Personen zu senden und auch den Personen aus dem Stream Direct Messages zu schicken. Die Direct Message Kommunikation lässt sich wie z.B. bei Tweetdeck auch direkt in einer Spalte darstellen. Ein wirklich tolles Feature ist aber auch die Spaltendarstellung von Twittersuchen. Somit kann man beispielsweise nach dem Stichwort Webentwicklung suchen und bekommt immer automatisch alle Tweets, welche weltweit mit dem Wort Webentwicklung abgesendet werden, angezeigt. Wer eine solche Twittersuche schon mal gemacht hat, dem wird aufgefallen sein, dass man bei der Suche nach dem Wort Webentwicklung zu knapp 80 Prozent immer nur Jobangebote angezeigt bekommt. Mit dem einfachen hinzufügen von “-Jobs” werden keine Tweets mehr angezeigt in dem das Wort Jobs vorkommt. Eigentlich ist das eine Suchfunktion von Twitter, aber ich finde es toll, dass dies von HootSuite auch so in Ihrem Dienst zur Verfügung steht.

Neben der Kommunikation und der Suche auf Twitter verwende ich HootSuite wie bereits erwähnt für die Kommunikation zu Facebook. Auch wenn die Funktionsvielfalt im Bezug auf Facebook schon sehr weit ist in HootSuite, bin ich jemand, der für das Lesen seines Streams doch noch lieber direkt auf Facebook geht. Im Web finde ich es einfach ein wenig übersichtlicher und man hat doch noch einige Funktionen mehr zur Verfügung. Bei dem Posten eines Beitrags auf Facebook bietet HootSuite aber auch die Möglichkeit Vorschaubilder aus einem Link herauszuziehen (wie es Facebook selbst auch bei dem Posten eines Links macht). Der hauptsächliche Grund für die Nutzung von Facebook in HootSuite ist aber die Kommunikation zu Facebook-Fanpages. Da ich ja schon einige Facebook Fanpages betreibe, habe ich auch hin und wieder etwas, was ich gerne in meinem privaten Twitter Stream, im Twitter-Stream eines bestimmten Produktes und auch noch mal auf der Facebook-Fanpage eines Produktes veröffentlichen will. Hin und wieder habe ich auch interessante Sachen, welche für jede Facebookfanpage interessant sein könnte. Um dafür dann aber nicht bei Facebook über 5 einzelne Fanpages gehen zu müssen benutze ich HootSuite, schreibe einen Beitrag und poste diesen gleich in allen Fanpages und auf allen Twitteraccounts wo ich diesen Beitrag gerne veröffentlichen möchte.

Neben den Funktionen der direkten Kommunikation zu Social Networks, bietet HootSuite noch einige richtig tolle extra Features wie den Publisher über den sich Zeitpläne für das Send von vorab definierten Post planen lassen, eine statistische Social Monitoring Auswertung, sowie das Arbeiten im Team über das man anderen Personen Zugriff auf bestimmte Funktionen der einzelnen Social Network Account geben kann. Ich finde HootSuite ist ein sehr mächtiges und brauchbares Tool, welches einem viele Arbeiten bei der Pflege mehrerer Social Network Accounts abnimmt. Einen genaueren Beitrag zu HootSuite werde ich demnächst auf internet-future.com veröffentlichen. Weitere Informationen findet man auf der Webseite von HootSuite.

Die Entwicklertools auf meinem Mac

Kommen wir jetzt zu dem Teil, welcher für die Entwickler unter den Lesern am interessantesten sein dürfte. Um den Umfang hier nicht zu sprengen, möchte ich in diesem Beitrag nur 4 Programme kurz vorstellen. Darunter fallen Smultron (Texteditor), Zend Studio (PHP IDE), MySQL Workbench (Datenbank Designer), Sequel Pro (Datenbankverwaltung) und Versions (SVN Client).

Smultron

Das wohl von mir am häufigsten eingesetzte Tool für die Entwicklung ist Smultron. Smultron ist ein einfacher Texteditor, der meiner Meinung nach am aufgeräumtesten aussieht und die Entwicklung übersichtlich hält. TextMate habe ich natürlich auch in einer Testversion installiert. Obwohl TextMate das mit Sicherheit umfangreichere Tool ist, hat es mir TextMate gar nicht angetan. Für meine Zwecke, ob es das schnelle Editieren einer PHP-Datei irgendwo auf dem Server ist, das editieren oder erstellen von HTML-Templates ist oder ob es nur ein Script oder ein MySQL Dump sind, Smultron liefert immer das passende Syntax Highlighting. Leider Gottes ist der Entwickler von Smultron auf den Applezug aufgestigen. Einen Downloadlink für Smutltron sucht man auf der Webseite vergebens. Alles was man findet ist ein Link in den Mac App Store, wo man Smultron für 3,99 € kaufen muss. Das ist zwar nicht viel, aber trotzdem nicht so toll. Aber es gibt noch eine Möglichkeit Smultron gratis zu bekommen. Auf der Projektseite bei Sourceforge gibt es noch einen Downloadlink.

Zend Studio

Mit Zend Studio stelle ich nun eines der für mich bedeutensten Tools vor, wenn es um das Thema Webentwicklung mit HTML, CSS, JavaScript und PHP geht. Zend Studio ist eine auf Eclipse basierende IDE und hauptsächlich für den Umgang mit PHP in Kombination mit dem Zend Framework gedacht. Da ich viel und oft mit dem Zend Framework arbeite, ist Zend Studio eine ideale IDE für mich. Aber auch das Arbeiten ohne Zend Framework oder mit anderen PHP Frameworks ist problemlos möglich. Hat man sein Projekt richtig konfiguriert (Include Pathes etc.) funktioniert die Autovervollständigung und einige andere Features wie z.B. das Anklicken eines Klassennamens oder einer Funktion zum Anzeigen des Quellcodes problemlos. Mit einigen praktischen Suchfunktionen die auch Regualar Expressions erlauben, ist das Auffinden von Dateien sowie von bestimmten Quellcodepassagen kein Problem. Neben den gewöhnlichen Standardfeatures bietet Zend Studio auch die Möglichkeit zur Konektivität zu unterschiedlichen Task-Reposotorys bzw. Bugtrackern wie z.B. Jira oder Mantis. Manch einer mag jetzt der Meinung sein, das alles kann Eclipse selbst mit dem PDT auch. Das ist richtig. Zend Studio bietet aber noch einige Features mehr, welche das PDT nicht hat. Darunter fällt z.B. PHP Unit Tests oder auch die direkte Verbindung zu einem Zend-Server, der der IDE z.B. Konfigurationen zur Verfügung stellt. Leider ist Zend Studio mit aktuell 299,- € nicht ganz günstig. Weitere Informationen zum Zend Studio sowie eine kostenlose Testversion gibt es auf der Webseite von Zend.

Zend Studio

MySQL Workbench

MySQL Workbench ist ein absolutes Muss, wenn man viel und oft Datenbanken entwirft. Das Tool bietet eine grafische Gestaltungsmöglichkeit für Datenbanken nach dem ER-Modell. Somit können Tabellenrelationen, Entitys festgelegt werden und sowohl Datenbankschema als auch Felddatentypen lassen sich explizit bestimmen. Als besonderes Feature bietet MySQL Workbench auch die Möglichkeit eine Verbindung direkt zur Datenbank aufzubauen, Datenbanken auszulesen und als ER-Modell darzustellen (Reverse Engineering). Nach lokalem Anpassen des ER-Modells kann man die überarbeitete Datenbank auch wieder auf den MySQL-Server zurück schieben. Dies ist aber beim Reverse Engineering nicht mit einer Live-Datenbank zu empfehlen, da durch zurückspielen die Datenkonsistenz gefährdet ist. Aber für das Aufspielen eines neuen Entwurfs oder einer redesignten Datenbank ist das ein nützliches Feature, welches einem viel Arbeit erspart. Weitere Informationen zu MySQL Workbench gibt es auf der MySQL Webseite.

MySQL Workbench

Sequel Pro

Sequel Pro ist ein echt brauchbares Tool für das Verwalten von Datenbanken und eine echt gute alternative zu PHPMyAdmin. Das grafische Tool ermöglicht es einem leicht und bequem seine Datenbanken zu verwalten. Neben der Möglichkeit Datensätze zu bearbeiten, zu erstellen oder zu löschen, bietet Sequel Pro ebenfalls die Möglichkeit Tabellenstrukturen zu bearbeiten, neue Tabellen und auch neue Datenbanken anzulegen. Über eine Query Eingabe kann man selbst MySQL Kommandos ausführen dessen Ausgabe dann auch übersichtlich in Tabellen dargestellt wird. Ebenso ist es möglich, die Benutzer so wie alle Berechtigung der Benutzer zu bearbeiten. Auch möglich ist es Datenbankdumps zu importieren oder in verschiedenen Formaten (SQL, XML oder CSV) zu exportieren. Sequel Pro ist eben ein vollständiges Tool zur Datenbankverwaltung dem es an nichts fehlt. Weitere Informationen sowie den kostenlosen Download gibt es auf der Webseite von Sequel Pro.

Sequel Pro

Versions

Arbeitet man viel mit Subversion ist Versions ein Tool, was einem oft notwendiges Konsolenhacking abnimmt. Versions ist ein gut designtes Tool, welches die Verbindung zu unterschiedlichen SVN-Servern erlaubt. Es besteht die Möglichkeit Dateien direkt auf dem SVN-Server zu betrachten, sowie die üblichen Arbeiten durchzuführen (Ordner anlegen, Ordner und Dateien kopieren, verschieben und löschen). Ebenfalls können über Versions unterschiedliche Checkouts verwaltet werden. Somit hat man die Möglichkeit einen Checkout entweder lokal oder auf einem Server abzulegen. Ebenso gibt es die Möglichkeit einen Checkout, der z.B. auf einem Server liegt hinzuzufügen. Arbeitet man dann in einem Checkout (auf dem Server oder lokal), besteht nach getaner Arbeit die Möglichkeit neue Dateien unter Versionskontrolle zu stellen, sowie geänderte Datein zu Commiten. Ebenso ist es möglich zu einer alten Revision zurück zu springen, sowie sich unterschiedliche Versionen in dem Apple-Programm FileMerge anzusehen. Da ich meistens meine SVN Aufgaben auf der Konsole oder direkt in der jeweiligen IDE erledige, ist Versions für mich nur eine kleine Ergänzung um mal schnell ins Reposotory hineinzuschauen oder um einen Reposotory-Dump eines Projekts zu ziehen. Mit 39,- € ist Versions eigentlich ganz erschwinglich. Weitere Informationen zu Versions gibt es auf der Webseite von Versions.

Versions

Weiter Anwendungen und Tools auf meinem Mac

Als letzte Anwendungen möchte ich hier noch meine Programme mit denen ich meine Bilder bearbeite bzw.mir beschaffe und ein ganz nützliches Tool, welches ich für das Mounten von Server-Ordern benutze, vorstellen.

Bilder

Für das bearbeiten von Bildern gibt es viele Tools. Das wohl umfangreichste ist mit Sicherheit Adobe Photoshop. Doch wer Bildbearbeitung für den kommerziellen Zweck betreibt, stellt schnell fest, das Photoshop, trotz der umfangreichen Funktionen mit über 1000,- € eindeutig zu teuer ist. Aus diesem Grund nutze ich die freie Software Gimp hauptsächlich für die Bildbearbeitung. Ich weiß zwar leider nicht genau ob Gimp die gleichen Möglichkeiten wie Photoshop bietet, aber mir reicht Gimp für meine Zwecke vollkommen aus. Für die einfachere Bildbearbeitung wie z.B. einmal eine grade Linie zeichnen oder einen Bereich mit Farbe zu füllen, nutze ich ein Paint für Windows ähnliches Programm Namens Paintbrush. Für die einfache ganz simple Bildbearbeitung ist dieses Tool sehr empfehlenswert. Weitere Informationen und den kostenlosen Download gibt es auf der Projektseite bei Sourceforge.

Da ich aber kein Fotoprofi bin, beschaffe ich mir auch häufig Bilder im Netz. Die wohl am weitesten verbreitete Plattform dafür ist Fotolia. Da ich persönlich das Webportal von Fotolia unübersichtlich finde, habe ich mich einmal dazu entschieden die Desktop-Applikation von Fotolia auszuprobieren. Auch wenn die Applikation, da es eine Adobe Air Applikation ist, nicht ganz flüssig läuft, finde ich sie wesentlich aufgeräumter als das Webportal. Die Applikation bietet einen Verlauf der zuletzt gesuchten Stichworte, eine übersichtliche Galerie mit einer mouseover Vergrößerung sowie auf der Detailseite ausführliche Informationen zu Größen und den damit verbunden Preisen. Zusätzlich werden auf der Detailseite eines Bildes weiter unten alle weiteren Bilder des Künstlers angezeigt. Ein weiteres feines Feature ist, dass Fotolia-Desktop gekaufte Bilder direkt auf der Festplatte in einem Ordner ablegt. Somit hat man alle gekauften Datein immer zusammen. Weitere Informationen sowie den kostenlosen Download gibt es auf der Webseite von Fotolia.

Fotolia Desktop

Server-Mounts

Um vereinfacht an Dateien auf meinen Server oder auf Kundenservern zu kommen, nutze ich ExpanDrive. Es ersetzt lästiges hin- und herschieben mit einem FTP-Client (wofür ich übrigens Cyberduck benutze) und spart somit Zeit. ExpanDrive kommt zusammen mit MacFUSE was das Mounten von Pfaden via SSH ermöglicht. Das Tolle ist, die gemounteten Verzeichnisse hängen Sich direkt ins lokale Dateisystem ein und können mit Finder durchstöbert werden. Neben dem Mounten von SSH-Pfaden können auch FTP-Pfade oder Amazon S3 Pfade gemountet werden. Ein einfaches, praktisches, sehr nützliches Tool. Weitere Informationen gibt es auf der Webseite von ExpanDrive.

ExpanDrive

Da ich jetzt hier nur die für mich interessantesten Tools und Anwendungen vorgestellt habe, möchte ich anbieten, einen weiteren Artikel zu schreiben, der noch das ein oder andere Tool etwas detaillierter unter die Lupe nimmt. Sollte also jemand noch Interesse an einem ausführlichen Artikel zu einem der Tools oben aus der Aufzählung haben, bitte ich darum einfach ein Kommentar zu hinterlassen.

Sascha Klein

Ich bin Sascha Klein, geb. 1982 im Westerwald in Rheinland Pfalz. Ich bin seit dem Jahr 2000 in der IT-Branche tätig.

Bildung

Zunächst war ich Auszubildender in einer Firma für Büromaschinen (Kopierer, Drucker, Fax) und habe danach ab 2004 eine zwei jährige schulische Ausbildung zum staatl. gepr. Elektrotechniker im Bereich Informationstechnologie gemacht. Der Schwerpunkt dieser Ausbildung lag auf Netzwerktechnik, Serveradministration mit unterschiedlichen Betriebssystemen, sowie auf Datenbankmanagementsystemen. Bereits hier hatte ich frühe Erfahrung mit IT-Projekten die ich unter anderem im Team für das Kompetenzzentrum IT der deutschen Bundeswehr in Koblenz durchgeführt habe. Während der Technikerausbildung kam ich auch mit den Grundlagen der Programmierung in Berührung und habe die grundlegende objektorientierte Programmierung kennengelernt. An der Programmierung fand ich schnell gefallen und mir wurde klar, dass will ich für den Rest meines Lebens machen. Aus diesem Grund habe ich mich nach der Technikerausbildung im Jahr 2006 für ein Studium im Bereich angewandte Informatik eingeschrieben und das Studium begonnen. Doch das hat mir auch noch nicht gereicht. Da das Studium für mich keine große Herausforderung war, habe ich mich während des Studiums dazu entschieden mich selbständig zu machen. Aus diesem Grund musste ich dann das Studium leider etwas in die Länge ziehen. Als ich schließlich im Sommer 2010 nach München ging um dort weiter beruflich aktiv zu sein, wurde es mir für mein Studium zum Verhängnis, welches ich dann leider vor Abschluss beendet habe. Dennoch habe ich aus meinem Studium gute Zensuren mitgenommen und konnte durch das Studium meine Skills professioneller werden lassen.

Beruf

Im Sommer 2007 habe ich mein Unternehmen bitprofessional.com gegründet, welches ich langsam Schritt für Schritt bis zur heutigen bitprofessional.com Ltd. aufgebaut habe. Anfänglich waren es nur Gelegenheitsaufträge und die hauptsächliche Arbeit beschäftigte sich eher mit dem Aufbau der eigenen Unternehmens IT. Im Jahr 2008 zog die Anzahl der Aufträge stark an. Die Dienstleistungen bestanden in dem Zeitraum aus Serverhosting, Entwurf von Webseiten mit unterschiedlichen Content Management Systemen, sowie die Instandhaltung, Erweiterung bzw. Contentpflege bestehender Webseiten. Im Jahr 2009 kam ein neuer Gesellschafter Daniel Klein zu der Firma dazu. In diesem Jahr hat die Firma dann einen Auftrag bei einem Unternehmen in Wiesbaden angenommen, bei dem ich mit unter an der Entwicklung verschiedener Webseiten und Webservices einer großen deutschen Krankenkasse beteiligt war. Zudem hatten wir in der Zeit noch einen Kunden aus dem Bereich Gesundheitsvorsorge, für den wir unterschiedliche Webtools entwickelt haben und weiterhin auch Aufträge für die Entwicklung, Pflege und Administration verschiedener Webseiten. Ende 2010 haben wir dann den Auftrag in Wiesbaden abgegeben um uns weiter entwickeln zu können. Wir haben unsere Firma in Sachen Kompetenzen und Services weiter ausgebaut. Aus diesem Grund habe ich einen Job bei einem Verlag in München angenommen, für den ich mich zusätzlich, zu der Arbeit bei meiner Firma, mit der Entwicklung verschiedener Produktwebseiten beschäftige und somit auch meine Skills erweitern kann.

Privat

Wie man sicherlich aus meiner Beschreibung Beruf herauslesen kann, habe ich nicht viel Freizeit, da mein eigentliches Hobby meine Firma und die damit verbundene Arbeit ist. Wenn ich aber mal nicht am PC sitze, dann mache ich meistens etwas mit meiner Freundin, habe mal Freunde aus der alten Heimat (Westerwald) zu Besuch oder bin mal mit ein paar Leuten hier in der Stadt unterwegs. Erleben kann man in München einiges. Ob das mal der Besuch eines Konzertes ist, der Gang ins deutsche Museum, ein wenig Entspannung in einem der hier zahlreichen Parks (z.B. englischer Garten oder Olympia Park) oder einfach mal Shopping in der Stadt, langweilig wird es so schnell in München nicht. Wenn ich mal nicht in München sein will, setze ich mich einfach ins Auto und fahre mal über ein Wochenende in den Westerwald oder erkunde Bayern ein wenig. Schließlich hat man ja die Alpen direkt vor der Haustür.

• Hardware (Notebook, Monitore, Tablet, Smartphone, Telefon, …)
• Software auf meinem Notebook

Insgesammt werde ich aus diesem Artikel 2 Teile machen und einen diese Wochen und einen nächste Woche veröffentlichen. Los gehts heute mit Teil1.

Hardware

Zunächst einmal ein kleiner Überblick über meinen Schreibtisch:

Arbeitsplatz

Wie es bekannt ist, ließt man von links nach rechts. Deshalb fangen wir auf meinem Schreibtisch einfach links mit meinem Telefon an.

Telefon

Telefon

Das Snom 370 ist ein großartiges Telefon, welches über unser VPN mit unserem Asterisk-Server gekoppelt ist. Es verfügt über sehr viele Funktionen wie z.B. Busy Lamp Fields, welche mir anzeigen, ob andere Mitarbeiter am telefonieren sind oder ob Sie gerade erreichbar sind. Das große Display bietet eine schnelle und leichte Übersicht über serverseitig gespeichertes Adressbuch sowie verpasste und geführte Anrufe. Alles in allem ist das Snom 370 ein sehr gutes Businesstelefon, welches keine Funktionswünsche offen lässt. Mein einziger Wunsch wäre ein kabelloses Hörerteil. Weitere Informationen zum Gerät gibt es bei Snom.

Headset

Headset

Mein passendes Headset, welches ich des öfteren für Skype-Sessions sowie zum ungestörten Musik hören benutze, habe ich erst nach vielen Jahren Headsetkabelqual gefunden. Bei dem Headset handelt es sich um ein hochwertiges Philips SHB9001/00 Bluetooth Stereo Headset. Dieses Headset lässt sich durch ein Kabel, USB auf mini USB aufladen und hat einen ausgezeichneten Klang, welcher jedes andere Headset was ich bis jetzt besessen habe, in den Schatten stellt. Ein in die Ohrmuschel integriertes Microfon lässt jedes meiner Worte laut, deutlich und in hoher Qualität bei meinem Gesprächspartner ankommen. Das besondere an diesem Headset, es lässt sich auch ohne Probleme mit meinem HTC koppeln und kann dort zum Musikhören sowie zum Telefonieren genutzt werden. Ebenfalls ist eine Kopplung zu meinem iPad möglich. Also kurz gesagt, ein “Allrounder Headset” welches auch für Unterwegs gut zu gebrauchen ist. Mehr Details gibt es bei Philips.

USB-Switch

USB-Switch

Klein aber fein ist mein USB-Switch. Eigentlich ein eher uninteressantes Gerät, deshalb will ich hier nur kurz aufführen, was angeschlossen ist:

• Logitech Maus
• Ladekabel vom Philips Headset
• HTC Smartphone
• iPad
• Scanner
• EyeTv
• Schnellsteckplatz für USB-Stick oder ähnliches

Monitor

Monitor

Mein Monitor mit 26″ ist mein wohl wichtigstes Instrument um immer eine Übersicht über alles zu haben, womit ich so auf meinem Notebook arbeite. Vor ca. 5 – 6 Jahre habe ich mich an meinem Arbeitsplatz noch mit einem 15″ TFT Display zufrieden gegeben. Wenn ich mir heute aber noch mal vorstelle auf Dauer mit einem so kleinen Monitor zu arbeiten, dann schüttelt es mich. 26″ sind bei mir inzwischen ein absolutes Minimum. Es ist einfach angenehmer auf einem großen Monitor zu arbeiten. Dies entlasstet die Augen, was bei täglich zwischen 8 und 12 Stunden am PC sehr wichtig ist. Bei meinem Monitor handelt es sich um einen Samsung SyncMaster T260 mit einer Auflösung von 1920 x 1200 Pixel. Dieser Monitor ermöglicht es mir, trotz eines großen Abstandes zum Monitor, Pixel genaue Layouts zu setzten und Grafiken ohne Probleme zu bearbeiten.

Neben der Aufgabe als Viewport zu meinem Notebook, dient der Monitor als zentrale Stromschaltungseinheit an meinem Arbeitsplatz. Der Monitor ist an einer Master-Slave Steckdose als Master angeschlossen. Wenn mein Notebook nach ca. 10 Minuten den Monitor abschaltet, gehen alle Geräte aus, welche nicht dauerhaft mit Strom versorgt werden müssen. Boxen, USB-Switch und meine Schreibtischbeleuchtung schalten zeitgleich mit dem Monitor ab wenn ich für ca. 10 Minuten nichts am Notebook mache. Das spart Geld und schont die Umwelt.

Weiter Informationen zum Monitor gibt es bei Samsung.

Boxen

Boxen

Wenn ich mal alleine im Büro bin, dann höre ich auch gerne einmal Musik ohne Kopfhörer oder habe den Fernseher laufen. Um hier mehr zu hören als einen dumpfen Ton der aus dem Mac Book dröhnt, habe ich mir einmal das 2 zu 1 Wege System XPS 2.150 von Hercules besorgt. Links und rechts neben meinem Monitor lassen zwei Hochtöner saubere Klänge auf meine Ohren treffen und unter meinem Schreibtisch steht ein kleiner Subwoofer, der bei Bässen in Musik einen ordentlichen Sound liefert. Die Boxen besitzen an den Hochtönern auf meinem Schreibtisch einen Lautstärkenregler über den sich die Boxen auch abschalten lassen. Der Subwoofer selbst verfügt auch über einen Regler um den Bass einzustellen. Es sind jetzt keine besonderen Boxen aber sie reichen für meine Zwecke am PC vollkommen aus und sind im Klang mehr als zufriedenstellend. Weitere Informationen zu den Boxen gibt es auf der Webseite von Hercules.

Notebook

Mac Book Pro

Kommen wir nun zum Herzen meines Arbeitsplatzes, mein Notebook. Bei meinem Notebook handelt es sich um ein Mac Book Pro welches ich mir im Juni 2009 zugelegt habe. Es war meine erste Berührung mit einem Mac. Anfangs war ich dem Mac Book gegenüber sehr skeptisch. Doch einmal ein Mac genutzt und man möchte fast nichts anderes mehr. Als einer der zuvor Jahre lang mit Debian Linux auf dem Notebook gearbeitet hat, kann von einem Mac nur begeistert sein. Es bietet eine weit aufgeräumteres und übersichtlicheres Userinterface als ein jeder Windows PC und hat im Hintergrund die Power eines vollwertigen Linux Betriebssystems. Klar. Es ist ja auch ein Unix OS und somit einem Linux sehr nahe. Nun aber einmal zu der Konfiguration mit der ich damals mein Mac Book Pro gekauft habe.

• 2,4 GHz Intel Core 2 Duo CPU
• 2 GByte DDR3 1066 MHz Speicher
• 350 GByte SATA2 Festplatte
• Bluetooth
• WLAN (bis zu 300Mbit)
• Ethernet (bis zu 1000Mbit)
• Firewire
• 2 x USB
• CD/DVD Kombolaufwerk (welches aber seit ca. 2 Monaten nicht mehr funktioniert)
• Minidisplay Port
• Nvidia GeForce 9400M und Nvidia GeForce 9400M GT Grafikkarte

Inzwischen ist das Mac Book Pro ca. 2 Jahre alt und die Performance (wenn Sie auch noch gut ist) nahm zunehmend ab. Demnach habe ich vor ein paar Tagen mein Mac Book Pro aufgerüstet. Es gab neben einer neuen SSD Festplatte von OCZ mit super Zugriffszeiten auch noch 4 GByte neuen, schnelleren Speicher. Also was so eine SSD Festplatte ausmacht ist kaum zu glauben. Ich kann nun endlich wieder flüssig arbeiten ohne stundenlang auf das Laden von Programmen zu warten. Leider hat das ganze auch einen kleinen Nachteil. Jetzt habe ich statt 350 GByte nur noch 160 GByte Festplattenspeicher frei. Das ist eigentlich auch noch genug und die neue Performance rechtfertigt diesen Nachteil eindeutig.

Im nächsten Teil dieses Artikels werde ich mein Mac Book Pro und alles was ich damit so mache genauer vorstellen.

Weitere Informationen zum Mac Book Pro (zwar nicht zum identischen Modell aber zum gleichen Produkt) gibt es auf der Webseite von Apple.

Maus

Maus

Meine Maus die Logitech MX Revolution ist inzwischen schon die Zweite die ich von diesem Modell besitze. Die Maus ist ergonomisch geformt und bietet im Zusammenspiel mit meinem Mac Book Pro einige unverzichtbare Funktionalitäten. Angefangen beim Daumenmausrad, über das ich mir durch leichtes drehen nach vorn oder nach hinten mein Dashbord aufrufe oder durch Klicken alle offenen Fenster im Space anzeigen lassen kann, über die Suchentaste über die sich die Findersuchmaske öffnet, bis hin zum Mausrad über das ich nicht nur vertikal scrollen kann sondern auch horizontal scrollen kann. Alles in Allem eine echt gute Maus, die ich nicht mehr missen möchte. Leider wird diese Maus nicht mehr hergestellt, was hoffen lässt, das sie noch lange hält. Weiter Informationen zu der Maus in der nächsten Generation gibt es auf der Webseite von Logitech.

Scanner

Scanner

Der Scanner Canon Lide 20 ist inzwischen ca. 6 oder 7 Jahre alt. Ich selbst bin, trotz seiner bis jetzt guten Dienste, nicht so begeistert von dem Scanner, da ich, wenn ich mal etwas scannen muss meist mehr als 5 Seiten habe. Bei einem Flachbettscanner ohne Dokumenteneinzug ist das eher mühselig. Der Scanner bringt nichts desto trotz mit bis zu 600 x 1200 Pixel eine gute Auflösung und scannt (wenn man die Einstellungen nicht zu sehr auf Leistungen trimmt) relativ schnell. Weitere Informationen zum Scanner gibt es auf der Webseite von Canon.

Das soll es für diese Woche auch erst einmal gewesen sein. Nächste Woche stelle ich die Programme und Softwareeigenschaften meines Mac Book Pro´s vor.

• Angry Birds
• Eine interaktive Präsentation über HTML5 mit HTML5 gestaltet
• WebGL Projekt (nur Firefox 4, oder Chrome beta)

Es lassen sich wirklich schöne Sachen mit HTML5 und CSS3 gestalten. Das bislang interessanteste Projekt welches ich gesehen habe, war ein Zeichenprogramm, welches die Möglichkeit bot mit Kollegen oder Mitarbeitern über das Web auf einer Oberfläche zu Zeichnen. Dabei wurde lediglich HTML5, CSS3 und Javascript eingesetzt.

HTML5 kann sinnvoll im Business für verschiedene Webtools eingesetzt werden, der Unterhaltung im Endbenutzerbereich dienen (Spiele) und es hilft auch dabei Webseiten auf eine einfachere Art und Weise zu gestalten. An dieser Stelle möchte ich den eigentlichen Grund dieses Artikels anstoßen.

Einfach oder umständlich

HTML5 in der Kombination mit CSS3 bietet eine Vielzahl neuer Möglichkeiten der Gestaltung von Webelementen wie Boxen, Buttons uvm. Ich möchte an dieser Stelle ein einfaches Beispiel der Gestaltung mit CSS3 aufgreifen:

CSS3 Div

Ein solcher einfacher Farbverlauf lässt sich mit CSS3 nach W3C wie folgt gestallten:

.box {
    background: linear-gradient(top, #c8482c, #fff);
}

<div class=".box">Testbox</div>

Wird ein div mit der Klasse .box, wie oben, bestückt, dann fällt das Resultat eher ernüchternd aus. Alle gängigen Browser (drunter fällt Firefox, Internet Explorer, Chrome und Safari) zeigen schlicht den Text Testbox an und weiter nichts. Aber wieso? Angeblich können doch alle neueren Browser mit HTML5 und CSS3 umgehen… Nun ja das können Sie auch. Allerdings braut hier jeder Browserhersteller sein eigenes Bier. Um die Box in allen Browsern möglichst gleicher maßen darzustellen, wird folgender Code gebraucht

.box {
    background: linear-gradient(top, #c8482c, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8482c), to(#fff)); /* Safari und Chrome */
    background: -moz-linear-gradient(top, #c8482c, #fff); /* Firefox */
    background: -ms-linear-gradient(top, #c8482c, #BADA55); /* Internet Explorer */
}

Neben den gezeigten Werten für die Eigenschaft background gibt es noch jeweils einen extra Wert für Opera und KHTML. Jetzt fragt sich vielleicht manch einer wozu es dann noch die Definition von W3C gibt. Gute Frage… Es bleibt zu hoffen, dass sich die Browserhersteller dieser Definition mal annehmen. Teilweise ist es auch so, dass einige CSS3 Eigenschaften wie z.B. Spieglung von dem ein oder anderen Browser gar nicht unterstützt werden. Zu beachten ist, dass es mit der obigen .box Definition noch nicht alles getan ist, was benötigt wird. Eine gestaltete Webseite soll ja möglichst allen Browsern und Browser Versionen gleich aussehen. Das bedeutet, die Box muss noch mit einem Hintergrundbild für alle Browser welche kein HTML5 bzw. CSS3 unterstützen gestaltet werden. Ggf. wird nun noch eine Browserweiche für Internet Explorer 6, den Mozilla Browser oder sonstige Browser benötigt.

An dieser Stelle könnte durchaus die Meinung vertreten werden ältere Browser nicht mehr zu beachten. Das ist grundsätzlich auch eine gute Einstellung. Aber es sollte mindestens immer die letzte Generation Browser unterstütz werden, da viele Menschen teilweise Jahre warten bis sie eine neue Version ihres Browsers installieren. Ich handhabe es inzwischen so, dass ich Webseiten für die ich die Entscheidungen fälle, nicht mehr kompatibel zum Internet-Explorer 6 mache. Problematisch wird es an der Stelle, an der ich Webseiten für einen Kunden gestalte. Dort kann es nämlich durchaus vorkommen, dass der Chef einer kleinen Firma auf seinem Heimrechner nur Internet Explorer 6 nutzt. Somit muss ich auch hier dafür sorgen, dass die Webseite mit Internet Explorer 6 kompatibel ist, denn kaum ein Kunde wird es akzeptieren, dass die Webseite in einem anderen Browser anders aussieht oder verunstaltet ist.

Der Internet Explorer hat heut sogar noch einen weltweiten Marktanteil von ca. 11% (zu sehen auf der Seite des Internet Explorer 6 Countdowns).

Nun fragen sich die Experten (Browserentickler, W3C Mitglieder, etc.) wieso nicht alle neuen Webseiten mit HTML5 und CSS3 gestalltet werden!? Mit der Frage leite ich das Fazit ein.

Fazit

Wenn eine kleine oder mittelständige Firma im Internet präsent sein will, dann ist HTML5 und CSS3 in den meisten Fällen fehl am Platz. Überschlagen wir einmal Aufwände für die Gestaltung einer Webseite mit HTML5 und CSS3.

Für die oben als Beispiel herangenommene Box kann man Pi mal Daumen sagen, dass ein Aufwand von 5 – 10 Minuten vorhanden ist (dazu gehört die Gestaltung an für sich, sowie das Testen in den neuen Browsern). Dazu können noch mal 5 – 10 Minuten gerechnet werden die für Gestaltung und das Testen in älteren Browsern benötigt werden. 10 – 20 Minuten Aufwand für ein Element ist schon relativ viel.

Aber jeder der sich öfters mit HTML und CSS beschäftigt weiß, das sich im Laufe der Entwicklung einer Webseite immer wieder Elemente ändern oder Elemente angepasst werden müssen. Dies bedeutet auch oft ein neues Ausrichten von anderen Elementen und hier noch was anpassen und da noch was ändern. Alles in Allem muss die Webseite dann in jedem Browser immer wieder getestet werden und zudem muss die CSS3 Gestaltung beachtet werden. Dies steigert den Arbeitsaufwand um ein vielfaches. Aber… Welcher Kunde ist bereit das zu bezahlen? Nach Ansicht kleinerer Firmen sind schon heute viele Webentwickler viel zu teuer wenn es um eine einfache Firmenpräsenz geht, die einige wenige Funktionen unterstützen soll.

Mein Resultat, welches ich daraus schließe:

HTML5 und CSS3 kommt für mich derzeit so gut wie nicht in Frage. Zumindest für die einfachen Kundenwebseiten nicht. Für eigene Sachen werde ich es schon mal einsetzen. Bei Kunden kommt es nur dann in Frage, wenn ein Funktionsumfang implementiert werden soll, welcher mit HTML5 und CSS3 abgebildet werden kann (z.B. als Ersatz für Flash). Gestaltungseigenschaften welche mit CSS3 gestaltet werden können, lassen Sich auch in den meisten Fällen durch XHTML und CSS2 in der Kombination mit Bildern abbilden. Somit fällt der Test auf die CSS3 Kompatibilität flach und man spart viel Zeit und viel Geld.

Nachfolgend noch ein Link für HTML5 interessierte:

http://www.html5rocks.com/

Das Besondere an diesem Backupscript ist, dass es bei täglicher Ausführung nicht jedes mal das vorherige Backup überschreibt, sondern den Zugriff auf Backups von bis zu 31 Tagen erlaubt.

Bei täglicher Ausführung z. B. durch den Crondeamon passiert folgendes beim erstellen des Backups (erstmalige Ausführung ist in dem Beispiel der 1.10.):

• Das Backupscript sichert beim ersten Ausführen das Backup auf dem entfernten Server mit dem Namen „Ordnername-1.tar.gz“
• Bei der Ausführung am 2.10 wird das Backupscript mit dem Namen „Ordnername-2.tar.gz“ gespeichert.
• Dies geht im Monat Oktober jeden Tag bis zum 31.10. so weiter. Wobei der Name der Backupdatei jeden Tag die Zahl des Monatstages annimmt. Also „Odnername-Monatstag.tar.gz“.
• Im folge Monat fängt das Backup dann wieder bei eins an, da der erste Tag im Monat nunmal der 1. ist. Das Resultat daraus ist, dass bei dem Kopieren auf den entfernten Server das erste Backup des vorangegangenen Monats überschrieben wird.

Man kann dieses Script natürlich noch so umbauen, dass es Backups über einen längeren Zeitraum speichert. Das ist hier jedem selbst überlassen.

Achtung! Das Script speichert für jeden Monatstag ein Backup, wenn es z. B. vom Crondeamon täglich ausgeführt wird. Man sollte daher bedenken, dass auf dem Zielserver genügend Festplattenspeicher frei ist. Um ca. berechnen zu können, wie viel Festplattenspeicher auf dem Zielserver gebraucht wird rechnet man einfach die Größe des zu sichernden Ordners mal 31. Schon hat man die maximale Festplattenspeicherlast für das Backup eines Ordners.

#!/bin/bash
#
# Backup Tool
#
# Written by Sascha Klein
#

# Daten fuer FTP Zugang festlegen
#HOST='ipOderHostnameDesRemotesystems';
#USER='userDesRemotesystems';
#PASSWD='xxxx';

# Name des tar.gz Archives festlegen
date=`date`;
backupCounter=`echo $date | cut -d " " -f 3,3`;
directory=$1;
toBackup=(${directory//// });
words=${directory//// };
wordCounter=`echo $words | wc -w`;
backupName=${toBackup[($wordCounter-1)]};

# Testen ob die zu sichernden Verzeichnisse auch gemountet sind (wenn business oder knowledge)
if test `echo $backupName` = "business" || test `echo $backupName` = "knowledge"
then
	if test `df -h | grep $backupName | wc -l` = 2
	then
		echo "Sourcefolder found...";
	else
		echo "FAILURE doing backup of $backupName! Sources not available. Maybe $1 not mounted." | mail -a "From: root " -s "[System] Backup faild" root@example.com;
		echo "Done with failures.";
		exit 1;
	fi;
fi;

# Testen ob das Verzeichnis wohin das Backup soll gemountet ist.
if test `df -h | grep backups | wc -l` = 2
then
        echo "Starting backup of $backupName...";
else
	echo "FAILURE doing backup of $backupName! Destination not available. Maybe not mounted." | mail -a "From: root " -s "[System] Backup faild" root@example.com;
	echo "Done with failures.";
        exit 1;
fi;

# tar.gz Archiv erstellen
tar cfz /root/`echo $backupName`-`echo $backupCounter`.tar.gz $1;

echo "Starting upload the backup of $backupName...";

# Quelldateiname mit Pfad fuer FTP Transfer festlegen (tar.gz Archiv)
FILESRC="/root/`echo $backupName`-`echo $backupCounter`.tar.gz";

# Zieldateiname ohne Pfad fuer FTP Transfer festlegen (tar.gz Archiv)
FILEDEST="/mnt/backups/`echo $backupName`-`echo $backupCounter`.tar.gz";

chown user: $FILESRC;

# FTP Tansfer
#ftp -n $HOST <" -s "[System] Backup ok!" root@example.com;
	rm -f retrieval.$$;
	echo "Done.";
	exit 0;
else
	# Backup nicht erfolgreich Benachrichtigung an Admin
	echo "Daily backup of $backupName faild" | mail -a "From: root " -s "[System] Backup faild!" root@example.com;
	echo "Done with failures.";
	exit 1;
fi

Firebug für Internet-Explorer

Wie geht das? 

Nun ja, ein AddOn gibt es für den Internet Explorer von Microsoft nicht, aber es gibt eine kleine Zeile Code, die eine Abhilfe schafft. Diese funktioniert jedoch leider erst ab dem Internet Explorer 7. Na ja, aber seien wir mal ehrlich, so ganz langsam stirbt aber doch auch der Internet Explorer 6 aus oder?
Im folgenden verraten wir euch, wie ihr ganz einfach Firebug im IE nutzen könnt. Nehmt einfach die folgende Zeile Code und fügt diese in euren <head>-Bereich der Seite ein:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

In diesem Fall handelt es sich um den Live-Link der derzeitigen Stable-Version vom sogenannten FirebugLite. Live-Link bedeutet, dass Firebug hier von getfirebug.com aus in die Seite eingebunden wird. Alternativ gibt es auch einen Local-Link der Stable-Version:

<script type="text/javascript" src="/local/path/to/firebug-lite.js"></script>

Hier muss natürlich, wie im Link ersichtlich im Parameter src der Pfad zum lokal gespeicherten JavaScript-File. Dieses muss man selbstverständlich vorher auf der Homepage von Firebug downloaden.
Wer lieber eine Debug-, Developer- oder Beta-Version nutzen will, kann dies auch gerne tun und sich dazu einfach einmal die Übersicht der möglichen Links zu FirebugLite ansehen.