Seit der Einführung des iPhone im Jahr 2007 und dem drei Jahre später folgenden iPad erhalten mobile Endgeräte eine immer stärker werdende Bedeutung in unserer Gesellschaft. Die Menschen arbeiten, informieren sich und spielen mit diesen Geräten. Der Punkt „Information“ war es letztendlich, der in der Bachelor-Thesis in den Mittelpunkt gestellt wurde.

Da diverse Möglichkeiten in Bezug auf die Realisierung existieren, wurde zu Beginn ein Vergleich zwischen nativen Applikationen und plattformübergreifenden Webanwendungen gezogen. Das Ergebnis dieses Vergleichs war die Entscheidung eine Webanwendung mit HTML5, CSS3 und JavaScript zu entwickeln. Speziell bei JavaScript kam die frei verfügbare Bibliothek jQuery zum Einsatz.
Um in der Anwendung Seiten dynamisch zu wechseln, bot AJAX die richtigen Möglichkeiten. Auch die Möglichkeit der Steuerung mittles Touch auf mobilen Endgeräten wurde integriert – vertikale Navigation beim Lesen von Neuigkeiten oder auch bei den verschiedenen Slideshows und deren horizontalem Wechsel zwischen den Bildern der Projekte. Im Großen und Ganzen stand die horizontale Navigation im Vordergrund.

Das Ziel der Arbeit ...

war die Entwicklung eines modernen, dynamischen und individuellen Portfolios zur Präsentation einer chinesischen Firma mit deutschen Wurzeln, die sich optisch ansprechend und stilbewusst auf ihrem Gebiet bewegt und dieses auch nach außen hin, über das Portfolio, wiederspiegelt. Dabei wurde auf die unterschiedlichen Ein- und Ausgabemöglichkeiten der Smartphones, Tablets und Notebooks bzw. Desktopcomputer geachtet. Das Portfolio soll auf den bekanntesten Browsern – mobil und auf dem Desktop – in entsprechendem Umfang identisch sein. Eine Reduktion des Layouts tritt wegen dem mobilen Datennetzwerk und dessen begrenztem Datenvolumen bei Smartphones und Tablets auf. Mit dieser Arbeit wurde die Zusammenführung unterschiedlicher Systeme dargestellt, auf Neuerungen eingegangen und versucht den optimalen Weg der plattformübergreifenden Anwendung zu finden, sodass eine einheitliche Präsentation erfolgen konnte.