
### Wer bin ich überhaupt?

Wie erwähnt ist mein Name Tobias Hämmerle und ich studiere derzeit in Innsbruck am MCI. Dort habe ich gerade mein 2. Semester im Studienzweig Management, Communication & IT beendet. Ursprünglich komme und wohne ich im schönen Vorarlberg oder um genauer zu sein Lustenau.

### Wieso denn Fortix?

Es wurde mir schnell klar, dass Fortix für mich die richtige Option ist. Die Gründe dafür sind:

- der Aufgabenbereich der Firma: Schon in der HTL und nun auch teilweise im Studium habe ich mit Softwareentwicklung, speziell mit Webseiten, zu tun. Seither habe ich bemerkt, dass ein gewisses Interesse dafür vorhanden ist.
- Weiters ist das Büro in Dornbirn als (autoloser) Student von Lustenau aus mit Öffis sehr gut erreichbar.
- Der wahrscheinlich ausschlaggebendste Punkt war Martin Hämmerle, mein Cousin und zugleich Geschäftsführer von Fortix. Es führte fast kein Weg daran vorbei ihm zumindest in den Ferien etwas unter die Arme zu greifen.

### Was hatte ich zu tun?

Mein Aufgabenbereich bzw. mein Mitspracherecht, war tatsächlich größer als gedacht. Grundlegend war die Aufgabe den Webauftritt von Fortix neu zu gestalten. Das Design war zu 95% schon festgelegt und ich sollte das ganze nur noch in der Sprache des Webs umsetzen. Betonung liegt hier jedoch auf 95 und nicht 100%, denn dadurch war noch nicht alles in Stein gemeißelt.

Das wiederum bedeutete, dass ich meine Meinung und Designvorschläge ebenfalls miteinfließen lassen konnte. Somit hatte ich nicht nur wie ursprünglich geplant Codezeilen zu schreiben, sondern ich konnte auch meiner kreativen Seite freien Lauf lassen.

### Die Highlights

Highlights gibt’s einige die ich hier gerne kurz anführen möchte. So ist grundlegende die gemütliche Atmosphäre definitiv erwähnenswert und hat mir persönlich geholfen ohne Stress und dadurch auch produktiver und konzentrierter zu arbeiten.

Weiters haben alle Mitarbeiter einen guten Humor, was zum einen oder anderen Lacher führte und gute Erinnerungen hinterlässt. Für Aufregen und Ablenkung führte bei mir vor allem Cooper. Nein kein direkter Mitarbeiter, sondern „nur“ der Hund von Pius. So wurde ich beim Arbeiten das ein oder andere Mal von einer liebevollen Hundenase angestupst oder so lange von zwei braunen Knopfaugen beobachtet, bis ich meine Aufmerksamkeit auf sie richtete. Dann gab es für die nächsten paar Minuten jedoch kein Entkommen mehr. Cooper lässt sich nur durch eine große und lange Streicheleinheit oder durch Sessions mit dem Hundespielzeug zufriedenstellen.

Das Beste kommt zum Schluss und im Falle Fortix sind das definitiv die legendären Tischfußballspiele. Diese finden vor allem zur Mittagszeit oder als Auflockerung am Nachmittag statt. Das Ganze kann bei gutem Stellungsspiel so weit führen, dass gegen Ende nicht nur die Nerven blank liegen, sondern auch ein paar Schweißperlen zu sehen sind. Meine Entwicklung vom leicht Fortgeschrittenen Anfänger im Tischfußball zum Amateur macht sich inzwischen definitiv auf dem Spielfeld bemerkbar und diese Fähigkeit werde ich aus meinem Praktikum bestimmt mitnehmen!

### Das Fazit

Abschließend kann ich sagen, dass ich definitiv noch nie so viel Spaß beim, aber vor allem an der Arbeit selbst hatte. Das Ganze hat mir sogar so gut gefallen, dass dies sicherlich nicht meine letzten Zeilen Code bei FORTIX waren. Also jedem der überlegt bei Fortix ein Praktikum oder ähnliches zu machen, dem kann ich das Ganze nur wärmsten empfehlen.


Mein bisher bester Ferialjob


### Was ist eine native App?

Native Apps werden in der Programmiersprache entwickelt, auf der die jeweilige Plattform aufbaut.
Das sind Objective-C (und Swift) für [iOS](https://www.apple.com/at/ios) und Java (und Kotlin) für [Android](https://www.android.com/intl/de_de/). Das heißt konkret:
Eine App muss für Android und Apple zweimal von Grund auf entwickelt werden. Klingt nach viel Aufwand?
Ist es auch!

Warum werden dennoch heutzutage Apps nativ entwickelt? Der große Vorteil von [nativen Apps](https://www.dev-insider.de/was-ist-eine-native-app-a-827532/) ist die Performance.
Es kann direkt auf die Hardware des Mobilgeräts zugegriffen werden. Wenn eine App also stark auf Funktionen wie Kamera,
Bluetooth oder GPS zugreift, könnte es Sinn machen eine App nativ zu entwickeln. Außerdem werden grafikintensive
Spiele meistens nativ entwickelt, da hier die Rechenleistung des Gerätes besser ausgenutzt werden kann.

Native Apps benötigen in der Regel mehrere Entwickler bzw. Entwickler-Teams, da für iOS und Android zwei grundverschiedene
Entwicklungen durchgeführt werden. Dadurch werden die Aufwände erhöht und die Kosten für initiale Entwicklung und
Wartung steigen rasant an. Unternehmen, die mit dem Gedanken spielen, eine App zu entwickeln, sollten sich daher
gut überlegen, ob der Einsatz von nativen Apps der richtige Ansatz ist bzw. notwendig ist.

![Apps wie Uber sind nativ entwickelt da sie performant sein müssen und viele Funktionen wie GPS benötigen.](/images/uber-unsplash.jpg 'Uber App')

### Was ist eine hybride App?

Hybride Apps werden mit Webtechnologien (HTML, JavaScript und CSS) erstellt. Die Apps laufen dann in einem Container der
native Funktionen bereitstellt. Die App wird somit vom Betriebssystem abstrahiert und nur eine Codebasis ist nötig.
Optisch unterscheidet sich eine hybride App meist kaum von einer nativen App. Der Endbenutzer merkt darum meistens keinen
Unterschied zwischen hybriden und nativen Apps.

Eine Veröffentlichung im App Store ist wie bei einer nativen App ebenfalls möglich. Die Dateigröße der App ist aber im
Vergleich etwas größer und die Benutzung von nativen Funktionen etwas eingeschränkter. Wiederum merken das schlussendlich
die wenigsten Anwender sondern mehr die Entwickler der App.

Es gibt eine vielzahl von Frameworks die die Entwicklung von hybriden Apps vereinfachen. Unter anderem verwenden wir [Ionic](https://ionicframework.com/)
zur Entwicklung von Hybrid-Apps.

### Was sind Progressive Web Apps (PWA)?

Eine [Progressive Web App (PWA)](https://web.dev/progressive-web-apps/) ist eine Webanwendung die Features von nativen Apps bereitstellt. Sie sind somit eine Mischung
aus Webanwendung und nativer App. Der größte Unterschied zu anderen Apps ist, dass PWAs nicht im App Store veröffentlicht
werden können (bzw. nur durch Umwege)!

Eine PWA läuft nämlich im Browser des jeweiligen Geräts und wird, wie eine Webseite veröffentlicht. Benutzer haben beim
Aufrufen der Webseite im Browser die Möglichkeit die App auf ihrem Gerät zu installieren. Vorteil: Eine Webseite kann als PWA
entwickelt werden und dem Benutzer als App zur Verfügung gestellt werden. Zwei Fliegen mit einer Klatsche: Website und App in einem.

Wie bereits erwähnt können [PWAs](https://www.dev-insider.de/die-app-als-pwa--pro-und-contra-a-986616/) auf native Funktionen wie beispielsweise Push-Notification zugreifen. Zudem sind PWAs nach der
Installation offlinefähig. Das Problem bei der Sache ist Apple. Auf iOS Geräten können z.B. keine Push-Notifications versendet werden. Bei Android und Windows funktioniert es einwandfrei. Der Vollständigkeit halber muss auch erwähnt werden, dass eine PWA nicht auf alle nativen Funktionen des Geräts zugreifen kann.

Technisch werden solche Apps mit Web-Technologien umgesetzt. Bei uns ist primär das Framework [Angular](https://angular.io/) im Einsatz. Mit Angular
können unter anderem auch skalierbare Webanwendungen entwickelt werden. Mehr dazu in unserem Beitrag [Enterprise Angular Apps](https://fortix.io/enterprise-angular-apps/).

![Auf iOS kommen keine Push-Notifications einer PWA App an](/images/ios-unsplash.jpg 'iOS PWA')

### Was ist eine Cross-Plattform-App?

Mein persönlicher Favorit sind Cross-Plattform-Apps. Sie verbinden die Vorteile von hybriden und nativen Apps. Es ist möglich mit nur
einer Codebasis für beide Plattformen zu entwickeln, ohne dass es zu starken Einbußen bei der Performance kommt.

Da Smartphones in den letzten Jahren immer leistungsfähiger geworden sind fühlen sich Cross-Plattform-Apps so flüssig an wie native
Apps. Zusätzlich können native Features wie Push-Notification und GPS analog wie bei nativen Apps verwendet werden.

Berühmte Cross-Plattform Frameworks sind Xamarin, React Native oder [Flutter](https://flutter.dev/). Mit Flutter haben wir schon sehr gute Erfahrungen
gesammelt und können es wärmstes weiterempfehlen. Mehr über Flutter findest du in unserem Beitrag: [Flutter – Das Werkzeug für native
Apps in Rekordzeit](https://fortix.io/flutter-das-werkzeug-fur-native-apps-in-rekordzeit/)

### Fazit

Wie so oft ist es nicht Schwarz-Weiß. Je nach Anwendungsfall gibt es unterschiedliche Möglichkeiten eine App umzusetzen. Generell muss man
sich folgende Frage stellen:

- Wie abhängig ist die App von der Hardware des Geräts?
- Kann das Projekt auch als Webanwendung umgesetzt werden?
- Ist eine Veröffentlichung im App bzw. Google Play-Store gewünscht/notwendig? (Allein bei dieser Frage gibt es zahlreiche Argumente
  dafür und dagegen).

Es gibt Anwendungsbereiche, die eine native Entwicklung erfordern. Dennoch sprechen viele Argumente (immer mehr) für die Entwicklung
von Cross-Plattform-Apps. Wer voll auf Performance setzt kommt früher oder später um eine native Entwicklung nicht herum. Wer
andererseits eine App möchte, die plattformunabhängig und einen schnellen Proof-of-Concept der App benötigt, fährt mit Cross-Plattform-Apps
oder hybriden Apps besser.

Wenn du wissen möchtest, welches App Format sich für dein Projekt eignet kannst du uns gerne kontaktieren. Wir helfen dir gerne weiter!


Native, PWA, Hybrid und Cross-Plattform Apps einfach erklärt


Ein sehr oft eingesetztes Konzept ist die Unterteilung von Angular Components in Smart und Dumb Components (oder Container und Presentational Components).

Kurz und knackig lassen sich Smart und Dumb Components so unterscheiden:

- eine Smart Component kann externe Abhängigkeiten haben und darf Nebeneffekte triggern (z.B.: API Calls)
- eine Dumb Component hat keine externe Abhängigkeiten und produziert keine Nebeneffekte. Kommunikation mit der Parent Component soll nur über `@Input()` und `@Output()` [Decorators](https://angular.io/guide/inputs-outputs) erfolgen.

Smart Components beinhalten meistens mehrere Dumb Components und werden meistens direkt von einer Route aufgerufen und triggern das Laden von Daten aus einem Service Layer. Eine klassische Smart Component ist eine Liste, die bei Initialisierung Daten lädt:

![Eine Liste als Smart Component](/images/pet-list-component.png 'Eine Liste als Smart Component')

Dumb Components nehmen Daten entgegen und zeigen diese an. Zusätzlich lösen sie Events aus, auf denen die Smart Components reagieren können. Sie haben keinen Zugriff auf Services, um Daten auszulesen bzw. zu speichern. Diese Eigenschaften machen Dumb Components sehr leicht an verschiedenen Stellem wiederverwendbar in unserer App. Zum Beispiel können wir eine Card Component erstellen, um Daten in einer Material Card anzuzeigen:

![Card als Dumb Component](/images/card-component.png 'Card als Dumb Component')

Ein weiterer Vorteil ist, dass in Dumb Components die Angular Change Detection auf [OnPush](https://angular.io/api/core/ChangeDetectionStrategy) gestellt werden kann. Angular führt die ChangeDetection nun nicht mehr automatisch aus, sondern wartet darauf, bis sich die Werte in den `@Input()` Decorators ändern. Dies reduziert den Change Detection Zyklus dramatisch und bringt bei großen Applikationen einen riesigen Performance Boost.

Wir haben durch Anwenden dieses einfachen Patterns, die Wiederverwendbarkeit von Components und die Performance in einigen Angular Applikationen schon steigern können.

Wenn du noch Fragen speziell zu Angular hast oder Unterstützung bei der Entwicklung von skalierbaren Apps brauchst, melde dich einfach bei uns unter [office@fortix.io](mailto:office@fortix.io).


Angular – Smart und Dumb Components


Am 28. Mai überreichte Landesrat Marco Tittler den Innovationspreis 2021. Wir sind extrem stolz, denn die etablierte Auszeichnung bestätigt einerseits unsere Arbeit und gibt uns andererseits ein sehr gutes Gefühl für die Zukunft.

![](/images/fortix-team-innovationspreis-2021.jpg 'Innovationspreisträger 2021')

Das Siegerprojekt heißt „loja“. Bei loja handelt es sich um eine digitale Plattform für Händler und Gastronomen. loja verzeichnet inzwischen über 200 Einzelhändler, Restaurants, Bäckereien, Bars und Cafés, die aktiv mit Treuepunkten das neuartige Kundenbindungsinstrument nutzen.

### Neue Ausrichtung

loja selbst ist inzwischen ein eigenständiges Unternehmen, welches sich zu 100 % auf die bevorstehenden Aufgaben konzentrieren kann. FORTIX wird der Plattform als technischer Partner zur Verfügung stehen.

![](/images/fortix-marco-tittler-innovationspreis-2021.jpg 'Innovationspreisträger 2021')

Wir freuen uns sehr über die Auszeichnung und gratulieren den weiteren Gewinnern (mehr zum [Innovationspreis](https://vorarlberg.orf.at/stories/3105774/)) . Außerdem möchten wir uns bei allen Unterstützern bedanken, die uns auf unserem Weg unterstützen.

Bilder © Sams Foto

Weitere Links:

[orf.at](https://vorarlberg.orf.at/stories/3105774/)

[vn.at](https://www.vn.at/markt/2021/05/27/welche-vorarlberger-firmen-fuer-ihre-innovationen-ausgezeichnet-wurden.vn)

[vol.at](https://www.vol.at/innovationspreis-2021-sieben-unternehmen-ausgezeichnet/7003128)

[wirtschaftszeit.at](https://www.wirtschaftszeit.at/news/innovationspreis-2021-sieben-unternehmen-fuer-ihre-exzellenten-ideen-ausgezeichnet/)


Blog

Mein bisher bester Ferialjob

Native, PWA, Hybrid und Cross-Plattform Apps einfach erklärt

Angular – Smart und Dumb Components

Sieger Innovationspreis 2021