Acht Wochen Praktikum bei pixeltricks

In meinem achtwöchigen Schülerpraktikum, hier bei pixeltricks, habe ich eine Vertiefung im Bereich der Anwendungsentwicklung erreicht. Da ich an meiner vorherigen Schule Informatik als Zusatzfach gewählt habe, ist dies somit die Grundlage für meinen beruflichen Weg geworden. An meiner jetzigen Schule verfolge ich diesen Weg weiter und möchte die Fachhochschulreife im Bereich IT-Systeme erreichen. Daher habe ich die Möglichkeit bekommen ein achtwöchiges Schülerpraktikum zu absolvieren. Das Team von pixeltricks beschäftigt sich mit Content Management, Shopsystemen, Portalsystemen, Consulting und Hosting.

Vor meinem Praktikum hatte ich mir einige Gedanken gemacht, ob ich die ganze Arbeit leistungsmäßig mit meinen Computerkenntnissen schaffen kann. Ich habe es einfach auf mich zukommen gelassen.

Nach meinem persönlichen Vorstellungsgespräch war ich bereit mein Praktikum zu beginnen. Als ich am ersten Tag ankam, wurde ich herzlichst begrüßt und dem Team vorgestellt.


Auf die Plätze...

Danach konnte ich mich an meinem Arbeitsplatz einrichten. Patrick hatte mir geholfen, dass ich mich mit meinem zur Verfügung gestellten iMac zurecht finde. Zuerst durfte ich mir einige Einblicke in das Arbeiten der Web-Entwicklung verschaffen. Hier wird mit PHP gearbeitet. PHP ist eine Skriptsprache, die fast ausschließlich bei Webanwendungen verwendet wird.

Am ersten Tag habe ich mich mit dem, auf SilverStripe aufbauenden, Webshop SilverCart vertraut gemacht und eine Übersicht inklusive Beschreibung aller Seitentypen erstellt.SilverCart Backend und UML 2 kompakt

Für die kommenden Tage der ersten Woche hatte ich die Aufgabe eine Dokumentation über SilverCart zu schreiben, die die einzelnen Arbeitsschritte im Backend von SilverStripe und SilverCart darstellt. Dazu habe ich Screenshots angefertigt und an Roland weitergeleitet. Er verwendet diese, um die Dokumentation für Anwender von SilverCart zu verbessern.

Zu Beginn der zweiten Woche hatte ich mich mit UML vertraut gemacht. UML (Unified Modeling Language) ist eine Modellierungssprache zum Festlegen von Beziehungen zwischen Klassen. Anschließend hatte ich mit Hilfe von MySQL Workbench ein „EER Diagramm“, zur SilverCart Version 1.0 erstellt und auf www.silvercart.org veröffentlicht.

Um den Demoshop von SilverCart mit Inhalt zu füllen, durfte ich mit der Digitalkamera von Ramon Bilder von allen möglichen Sachen machen, welche pixeltricks beschreiben oder zum täglichen Arbeiten benötigt werden.

Anschließend erstellte ich passende Produkte im Demoshop und wies ihnen kreative Überschriften und kreative Artikelbeschreibungen zu. Nebenbei habe ich mehrere Produktgruppen für den Shop erstellt und alles zugeordnet.


An die Arbeit

Ab der dritten Woche wurde ich dann in ein größeres Projekt mit einbezogen. Sascha und Sebastian haben mir geholfen, dass ich mich in Selenium IDE zurechtfinden werde. Selenium ist ein Programm, das Internetseiten testet und automatisch ablaufen lassen kann. Somit kann man Fehlerfälle und nicht erreichbare Seiten vermeiden.
Dazu sollte ich Use Cases definieren und den Vorgang beschreiben. An dieser Stelle möchte ich erwähnen, dass ich die Aufgabe nicht richtig verstanden hatte. Ich hatte wie zuvor bei der Dokumentation den Arbeitsschritt des SilverCart Webshops beschrieben. Jedoch sollte ich nicht aufschreiben was man mit den einzelnen Feldern macht, sondern wie die Use Case Sequenzen aufgebaut sind. Alle pixeltrickser hatten sich die Zeit genommen mit mir zusammen die Use Case Sequenzen zu definieren, damit ich dann die Selenium Tests umsetzen konnte. Jeder Selenium Test besteht aus mehreren Schritten, die automatisiert ausgeführt werden können.

Ein Beispiel für eine Use Case Sequenz im Checkout Prozess:

  1. Kunde gibt nur die Rechnungsadresse an
  2. Kunde wählt Zahlungsart, Vorkasse
  3. Kunde wählt Versandart
  4. Kunde geht zur Bestellübersicht
  5. Kunde schließt Bestellung ab

Dabei musste ich lernen, wie ein Programmierer zu denken.

Damit ich die Tests vollständig durchführen konnte wurde das FireFox Plugin „Firebug“ installiert. Firebug wird bezüglich analysieren von HTML und CSS verwendet. Mit Firebug kann man jedes einzelne Element auf der Internetseite untersuchen. Beim Herrausschreiben der „id‘s“ aller Container konnte ich mehr über „ORM“ (object relational mapping) und das Architekturmuster, das bei SilverStripe verwendet wird, lernen. Zu jedem Use Case Vorgang werden Suite Cases abgespeichert. Darin kann man jeden einzelnen Klick nachvollziehen. Zwischendurch schaute ich Patrick beim Umsetzen eines Webdesigns mit HTML und CSS zu.

In der fünften und sechsten Woche habe ich mir weitere Einblicke in die Webentwicklung verschafft. Sebastian und Patrick haben mit der NetBeans IDE weitere Funktionen für SilverStripe programmiert. Außerdem konnte ich den beiden beim Verwalten und Anlegen verschiedener Web-Hosting Pakete zusehen und habe mir erklären lassen, wie dies funktioniert. Beim Erstellen und Zuordnen der symbolisierten Icons für SilverCart konnte ich meine eigene Meinung vertreten und eigene Ideen einbringen.

Außerdem habe ich erfahren für was der Zeichensatz UTF-8 benötigt wird und ein Codesniffer für das Arbeiten im Team von hoher Bedeutung ist.


Kekse!

Kekse

Die Besprechungen in meinem Praktikum waren immer sehr angebracht. Auch über die SilverCart-Präsentation in London wurde fleißig berichtet.

Beim täglichen Mittagessen, das wir zusammen verbringen, besprechen wir aktuelle Themen und unserer Phantasie bezüglich Keksen sind natürlich keine Grenzen gesetzt. Ich finde es gut, dass es einen Küchenplan gibt, mit dem man Essensvorschläge abgeben darf, sonst müsste ich jeden Tag Pesto essen. ;-)

 

Natürlich hatte ich auch Besuch von einem Lehrer meiner Schule. Ich zeigte Ihm, womit ich mich in meinem Praktikum beschäftigte. Er hatte einen sehr interessierten Eindruck hinterlassen.CSS Farbpallette

Gegen Ende meines Praktikums habe ich mich selbstständig durch die SelfHTML Touren durchgearbeitet, weil man HTML immer wieder gebrauchen kann. Rechts im Bild sind verschiedene Beispiele einer Farbpalette. Die Beschriftungen zeigen, welchem Hexadezimalbereich von HTML und CSS die jeweiligen Farben entsprechen.

Anfangs habe ich einfache Beispiele zur Übung rausgeschrieben. Anschließend habe ich mein Wissen weiter ausgebaut, indem ich dann einen tabellarischen Lebenslauf erstellt habe. Mit Unterstützung von meinem Praktikumsteam konnte ich dann CSS Befehle ausprobieren, einbauen und auf die kleinen Einzelheiten achten. Das Gestalten mit CSS finde ich sehr aufregend.

Um den Quellcode zu bearbeiten habe ich Adobe Dreamweaver CS4 und TextWrangler benutzt. Dabei habe ich mehr darüber erfahren, wie wichtig es ist, dass der Quelltext sauber und auch für ScreenReader ausführlich umgesetzt ist. Somit ist sichergestellt, dass auch Sehbehinderte Menschen das Internet verwenden können. Beispiel: Alle Bilder mit der Eigenschaft „alt“ und „title“ pflegen. Diese werden von den ScreenReadern anschließend dem Nutzer vorgelesen. Oder was es mit den verschiedenen DPI Auflösungen zwischen Windows und Mac OS X auf sich hat.

Abschließend habe ich die Aufgabe bekommen im Internet nach Firmen oder Agenturen zu recherchieren, die SilverStripe benutzen. Dabei bin ich auf etwa 150 verschiedene Adressen gestoßen. Es ist ausreichend sich die Meta-Tags im Seitenquelltext anzeigen zu lassen, um zu sehen, dass die Seite mit SilverStripe erstellt wurde.

Gerne hätte ich mehr über PHP erfahren und beispielsweise kleine Aufgaben ausprobiert.


Die Zeit vergeht...

KickerNachdem ich vor meinem Praktikum alles auf mich zukommen gelassen habe, kann ich jetzt sagen, dass ich sehr viel gelernt habe. Nun kann ich auch schwierige Aufgaben lösen. Wichtig finde ich, dass meine Arbeit anerkannt wird, sodass ihr sie weiter verwenden könnt. Ich habe gelernt, dass man zu großem Erfolg kommen kann, wenn man sich nur in die gestellten Aufgaben hineinversetzt und sich herantraut. Denn in meinem Praktikum habe ich jeden Tag sehr viele, neue Erfahrungen im Bereich der Anwendungsentwicklung gesammelt.

Ich hoffe, dass das pixeltricks-Team gut mit mir zurecht gekommen ist, denn ich fand mein Praktikum bei euch sehr interessant und abwechslungsreich. Ich bin sehr zufrieden mit der ruhigen und lockeren Arbeitsweise bei pixeltricks, auch wenn nebenher einige schräg geschossene Tore fallen und Musik gehört wird. Es gibt immer etwas zum Lachen. Für eure Hilfsbereitschaft und dafür, dass ich mein Praktikum bei euch machen durfte, möchte ich mich bedanken.

Tags: