Teipin.de #02 - Erste Schritte

Im zweiten dieser Serie, möchte ich von den ersten Schritten erzählen, die diese Anwendung gemacht hat. Dabei geht es um das erste Oberflächendesign und den Quellcode. Viel Spaß!

visitenkarte_preview.png


Oberflächen Design

Das Oberflächen Design ( o.a. User Interface (UI)) war zu den Anfangszeiten sehr spartanisch. Ich habe viel auf Papier skizziert und mir andere Webseiten angeschaut, um Inspiration zu sammeln. Da die Webseite eigentlich nur für Smartphones gedacht war, ich allerdings auch die Desktop Benutzer berücksichtigen wollte, habe ich die Variante Desktop First entschieden (hier ein Vergleich und mehr Informationen zu der Methode). Rückblickend bereue ich diese Entscheidung, da die Usability der Webseite wesentlich besser hätte werden können, wenn ich mich damals nur auf Smartphones fokussiert hätte. Sei es drum, es ist wie es ist ;)

Über die Jahr hat sich dann die Oberfläche nicht mehr wirklich viel geändert. Klar gab es hier und da noch Umpositionierungen oder auch Änderungen in der Farbwahl, aber im Großen und ganzen ist sich die UI treu geblieben.


Quellcode

Oh man... Eigentlich will ich darüber gar nicht reden. :-D Aber das ist denke ich eine Erfahrung, die jeder Entwickler schon einmal gemacht hat. Ich hatte durch meine schulische Ausbildung zum Informationstechnischen Assistenten (ITA) und die Praktika die ich absolviert habe, einen groben Überblick von PHP und Webentwicklung und mit diesem Wissen setzte ich mich daran, ein eigenes Content Management System (CMS) zu bauen. Die gefühlt ersten 5 Versuche gingen komplett in die Hose. Wenigstens konnte ich das Datenbanken Design weiter verwenden.

Zu sagen ist allerdings, dass ich durch jeden Versuch ein wenig Erfahrung sammeln konnte und dadurch die nächsten Versionen immer besser wurden. Viele male habe ich mir Tutorials und Videos angeschaut, um die technologische Umsetzung der Webseite zu optimieren. Doch am Ende kam immer das selbe dabei heraus: Ich war nicht zufrieden :-D

Ähnlich ist es beim Stand der Neuentwicklung von Teipin.de. Ich habe ein relative sauberen Quellcode angefangen zu schreiben, der so granular ist, das man zu schnell den Überblick verliert. Hach, mal schauen. :)


Das war's schon mit den ersten Schritten zu Teipin.de. Falls du jetzt schon neugierig geworden bist, was das Ergebnis der Arbeit meines Vaters und mir ist, dann besuche doch einfach mal die Webseite. Falls du die noch folgenden Beiträge nicht verpassen willst, dann folgen diesem Account ;)

Letzter Beitrag:
Teipin.de #01 - Der Beginn


Danke fürs Lesen
CuBy

PS: Fehler bei der Rechtschreibung und Grammatik sind stilistische Mittel und vom Autor bewusst platziert worden. :-D

H2
H3
H4
Upload from PC
Video gallery
3 columns
2 columns
1 column
Join the conversation now