Category:

Allgemein

futurelab
Allgemein

Beitragsreihe zu Web Komponenten: 1. Grundlagen

by Christoph, Jan
written by Christoph, Jan

Um was geht es in dieser Beitragsreihe?

Diese Blog Reihe widmet sich der Entwicklung von Web Komponenten.

Dazu beschreibt dieser Post die Grundlagen bei der Entwicklung der Web Komponenten, wie sie entstanden sind und welche Prinzipien zum Einsatz kommen.

Die folgenden Posts werden wir dann einzelne Web Technologien aufgreifen, mit deren Hilfe eine oder mehrere Web Komponenten erstellen und diese dann anschließend in verschiedene Web Technologien integrieren.

Komponentenorientierte Softwareentwicklung

Web Komponenten lassen sich auf die sogenannten Komponentenorientierte Softwareentwicklung (CBSE) zurückführen. Hierbei kann man folgende Definition, 2003 von Andersen geschrieben, betrachten:

„Eine Software-Komponente ist ein eigenständiges Artefakt eines Software-Systems, welche über spezifisches Wissen verfügt und gemäß ihrer Spezifikation über eine oder mehrere Schnittstellen mit anderen Software-Komponenten und -Systemen kommunizieren kann. Das Wissen einer Software-Komponente repräsentiert ein Konzept eines Geschäftsfeldes. Eine Komponente kann verpackt und unter Berücksichtigung eines Komponenten-Modells als autonome, wiederverwendbare Einheit verteilt werden.“ [1]

Aus dieser Definition lassen sich folgende Eigenschaften bildlich darstellen:

merkmalte_einer_komponente

Web Komponenten

Als Webkomponenten werden eine Reihe von Webplattform-APIs bezeichnet, mit welchen es möglich ist neue benutzerdefinierte, wiederverwendbare, gekapselte HTML-Tags für die Verwendung in Webseiten und Webanwendungen erstellen zu können. Sie basieren auf den Web-Component-Standards, funktionieren mit modernen Browsern und können mit jeder JavaScript-Bibliothek oder jedem Framework verwendet werden, das mit HTML arbeitet. Webkomponenten basieren auf bestehenden Webstandards. Funktionen zur Unterstützung von Webkomponenten werden derzeit zu den HTML- und Document Object Model (DOM)-Spezifikationen hinzugefügt, so dass Webentwickler HTML problemlos um neue Elemente mit gekapseltem Styling und benutzerdefiniertem Verhalten erweitern können.

Es existieren vier Hauptspezifikationen auf welchen Webkomponenten basieren, welche im folgenden Abschnitt erläutert sind [2].

Templates

Die HTML-Template-Element-Spezifikation ermöglicht es, Fragmente bzw. Markup-Vorlagen zu deklarieren, die beim Laden der Seite unbenutzt bleiben. Sie bilden die Grundlage für die Struktur eines benutzerdefinierten Elements, welches später zur Laufzeit instanziiert wird. Das zugehörige DOM-Interface ist HTMLTemplateElement [3-5].

Diese Elemente werden, wie im folgenden Codebeispiel zu sehen eingesetzt.

listing1

Shadow DOM

Die Shadow DOM ist eine API, welche die Möglichkeit bietet einen gekapselten „Schatten“-DOM-Baum an ein Element anzuhängen, welcher separat vom Hauptdokument DOM gerendert wird. Auf diese Weise können ist es möglich, die Eigenschaften eines Elements privat zu halten, so dass sie keine Auswirkungen auf den umgebenden Code haben. Das bedeutet z.B., dass CSS innerhalb eines Shadow DOM genutzt werden können, ohne Auswirkungen auf Elemente innerhalb der normalen DOM zu haben [5].

Um eine Shadow DOM anzuhängen, muss folgender Code, gezeigt in Listing 2, genutzt werden.

listing2

Anschließend beim Aufrufen von Listing 3,

listing3

wird Folgendes im Browser, der in Listing 4 gezeigte Code gerendert.

listing4

Custom Elements

Mithilfe von Custom Elements ist es möglich, neue Typen von DOM-Elementen zu definieren und zu verwenden. Ein Paar Grundregeln sind bei der Erstellung zu beachten:

  • Der Name des benutzerdefinierten Elements muss einen Bindestrich (-) enthalten. Dies ist notwendig, damit der HTML-Parser unterscheiden kann, ob es sich um ein benutzerdefiniertes Element oder ein eingebautes HTML-Element handelt.
  • Elemente die durch einen Benutzer erstellt wurden, können nur einmal registriert werden, da ansonsten ein DOMException-Fehler ausgelöst wird.
  • Benutzerdefinierte Elemente dürfen nicht selbstschließend sein.

Benutzerdefinierte Elemente sind mit der Browser-API-Methode customElements.define() und einer Klasse zu erstellen, die HTMLElemente in JavaScript, wie in Listing 5 zu sehen, erweitern [6].

listing5

HTML Imports

HTML Imports bieten die Möglichkeit HTML Dokumente sowie Custom Elements in anderen HTML Dokumenten wiederzuverwenden. Eine Implementierung kann, wie in Listing 6 dargestellt, aussehen [2,5].

listing6

Es werden folgende 5 Technologien betrachtet:

  • vue

Quellen:

[1]: A. Andresen, Komponentenbasierte Softwareentwicklung mit MDA, UML und XML, 1. Aufl. München: Hanser Fachbuch, 2003.

[2]: https://www.webcomponents.org/introduction

[3]: https://www.webcomponents.org/introduction#html-template

[4]: https://www.w3schools.com/tags/tag_template.asp

[5]: https://developer.mozilla.org/en-US/docs/Web/Web_Components

[6]: https://auth0.com/blog/web-components-how-to-craft-your-own-custom-components

0 comment
Allgemein

futureLAB auf Reisen: Smart City Days Pforzheim

by Christoph, Jan
written by Christoph, Jan

Am 28.11.2018 eröffnete Oberbürgermeister Peter Boch die ersten Smart City Days der Stadt Pforzheim im Innotec Gebäude. Die Smart City Days werden unter anderem unterstützt von:

  • dem neu gegründete Digitalisierungsbeirat,
  • der Wirtschaftsförderung Nordschwarzwald,
  • der Handwerkskammer,
  • der Industrie- und Handelskammer,
  • derMedien-/ IT-Initiative,
  • dem Hebel-Gymnasium Pforzheim,
  • Campus X,
  • dem Leo-Club und natürlich
  • der Hochschule Pforzheim.

Am 29.11. hat das futureLAB, im Zuge der Smart City Days, Prof. Dr. Thomas Schuster bei seinem Besuch am Hebel-Gymnasium begleitet.

Schüler des neuen Profilfachs IMP (Informatik Mathematik und Physik), der Klassen 10 und der Kursstufe 1 besuchten den Vortrag. Die Schulleitung (Bernhard Steger und Stefan Bäuerlein) eröffnete die Veranstaltung und begrüßten die ca. 140 Schüler und die restlichen Anwesenden. Anschließend erläuterte Kevin Lindauer (Netzwerk IT + Medien und Koordinator des neuen Digitalisierungsrates) das Konzept der Smart City Days. Anschließend waren natürlich alle auf den Vortrag von Prof. Dr. Thomas Schuster gespannt!

Was ist die Digitale Transformation?

Seinen 90-minütigen Vortrag startete Prof. Dr. Schuster mit der Frage: „Was ist die Digitale Transformation eigentlich“?

Jedenfalls besteht sie nicht nur aus dem begriff der Datenautobahn, welcher häufig in der Politik und den Medien zu hören ist, sondern lässt sich in 3 Stufen unterteilen:

IoT
  • Stufe 1 – Substitution
    Analoge Prozesse werden digitalisiert und optimiert
  • Stufe 2 – Erweiterung
    Neue digitale Ansätze (Prozesse, Produkte etc.) werden entwickelt, aber das Geschäftsmodell ist identisch
  • Stufe 3 – Durchbruch
    Neue Geschäftsmodelle und neue Märkte entstehen, die bisherige Geschäftsmodelle ergänzen oder ersetzen

Zahlreiche Firmen liefern gute Beispiele für dieses Modell, beispielweise Amazon:

  • Stufe 1: Buchhändler geht online – keine weitere Änderung am Geschäftsmodell.
  • Stufe 2: Digitale Erweiterungen, z.B. automatisierte Bücherempfehlungen (und später allgemein Produktempfehlungen) werden integriert.
  • Stufe 3: Andere, neuartige Produkte und Services werden verkauft und neue Märkte erschlossen (Amazon Prime oder Amazon Web Services kurz AWS).

Auf Stufe 3 beobachten wir heute viele Firmen mit neuartigen Ansätzen in unterschiedlichen Branchen (z.B. Netflix, Spotify, Uber, Didi, airbnb und viele weitere). Besonders durch diese Ansätze gibt natürlich auch den entgegengesetzten Fall (Disruption). Gut zu verdeutlichen lässt sich das beispielsweise an Kodak oder Nokia. Nokia entschied sich viel zu spät dazu auf den Touchscreen zu setzen und gefährdete damit die Existenz des gesamten Unternehmens. Seit 1998 war Nokia der weltgrößte und erfolgreichste Mobiltelefonhersteller. 2007 reagierte Nokia jedoch zu spät auf das iPhone und damit den Siegeszug der Smartphones, weshalb sie 2013 die gesamte Mobiltelefonsparte an Microsoft verkauften (und inzwischen wieder am Neustart arbeiten). Wichtiger Treiber der digitalen Transformation sind 3+1 Technologien:

  • Künstliche Intelligenz (KI)
  • Cloud-Computing
  • Internet of Things (IoT)

Nummer 4 ist Big Data, das hauptsächlich durch den Einsatz von Cloud Computing und IoT resultiert. Die Datenmengen und Informationen die wir produzieren steigen exponentiell und wir benötigen geeignete Methoden, um diese zu verarbeiten. Unter diesen geeigneten Methoden befindet sich auch der Einsatz von KI, wie z.B. IBM-Watson.

Wie wird unsere Zukunft aussehen?

ai

Künstliche Intelligenz wird uns nach und nach in verschiedenen Aspekten ablösen. In ca. 125 Jahren wird laut Vorhersagen die menschliche Arbeit komplett von Maschinen und Computern übernommen (siehe Bild). Auch andere Bereiche des Lebens werden betroffen sein, z.B. Mobilität durch autonomes Fahren, Sport durch verbesserte Analysen, Pflege und Gesundheit mit Hilfe von Sensoren und medizinischen Verbesserungen und selbst Kunst wird in Zukunft immer häufiger von künstlicher Intelligenz gefertigt.

Eines sollte man bedenken, je mehr Daten wir produzieren desto mehr geben wir von uns Preis. Es ist daher zu erwarten, das wir in Zukunft immer mehr mit und für unsere Privatsphäre bezahlen werden.

0 comment
Polymer_Project_logo
Allgemein

Web-Komponenten-Architektur

by Breining, Chris
written by Breining, Chris

Web-Komponenten – Was ist das?

Mit der Objektorientierung in den heute gängigen Programmiersprachen wurde bereits der Grundstein für die Komponenten-Entwicklung gelegt. Diese Komponenten sind unabhängige Software-Bausteine, deren größter Vorteil die Wiederverwendbarkeit darstellt. Durch die klare Abgrenzung von Komponenten ergibt sich die Möglichkeit, dass sie mit anderen kombinierbar sind und auch einfacher gewartet werden können. Mit der Web-Komponenten-Architektur hat das W3C Maßnahmen ergriffen, diese Vorteile auch ins World Wide Web zu bringen. Hierfür sind vor allem zwei Eigenschaften maßgeblich. So sollen für die Umsetzung der Web-Komponenten-Technologien keine externen Libraries notwendig sein, sondern sollen Bestandteil der Browser sein. Der zweite Faktor, der zum Erfolg führt, ist die Unterstützung dieser Technologien durch alle gängigen Browser. In folgender Abbildung wird das Web Component Model mit den vier Technologien dargestellt, auf die im Folgenden näher eingegangen werden soll.

 

 

Web-Komponenten-Technologie: Templates

Vor allem bei wiederkehrenden Komponenten innerhalb einer Anwendung kommen die Vorteile der Template-Technologie zum Einsatz. Hierfür wurde seitens des W3C das Template-Tag in HTML aufgenommen. Der Inhalt dieses Tags wird beim Aufruf der Seite nicht gerendert und benötigt daher auch keine Ressourcen. An welcher Stelle der Inhalt des Templates nun in den DOM-Tree (Document Object Model Tree) positioniert wird, kann mit Hilfe der id-Attribute im HTML-Code per JavaScript festgelegt werden. Das im Folgenden dargestellte Code-Beispiel stellt die Benutzung der Template-Web-Komponenten-Technologie dar.

 

Web-Komponenten-Technologie: Shadow DOM

Wie im ersten Abschnitt herausgearbeitet, ist ein wesentlicher Aspekt der Web-Komponenten die Abgrenzung und Unabhängigkeit zu anderen Teilen der Anwendung. Damit sich beispielsweise Style-Informationen nicht auf andere Komponenten auswirken, ist die Verkapselung von zentraler Bedeutung, die mit der Web-Komponenten-Technologie Shadow DOM erreicht werden kann. Als Beispiel in der realen Welt kann der Video-Tag angeführt werden. Die Schaltelemente, mit denen die Videos gesteuert werden sind HTML-Elemente, die durch CSS-Selektoren ihr Erscheinungsbild erhalten. Diese Elemente sollen immer gleich aussehen und dürfen durch Style-Informationen der einbettenden Seite nicht beeinflusst werden. Hier kommt die Shadow DOM Technologie zum Einsatz. Wie dies genau funktioniert, ist in folgender Abbildung zu erkennen.

 

 

Mittels JavaScript wird hier der div-Container mit der Id „host“ als Shadow Root festgelegt. Im Video-Beispiel von HTML5 wäre dies das Video-Tag. Nun können beliebig viele HTML-Elemente mit Style-Informationen erstellt und der Shadow Root angehängt werden, wodurch das Ziel der Kapselung und Unabhängigkeit erreicht wird.

Web-Komponenten-Technologie: Custom Elements

Die Web-Komponenten-Technologie Custom Elements bietet die Möglichkeit, eigene HTML-Tags zu erstellen und zu verwenden. Mit Hilfe eines solchen HTML-Tags lassen sich Komponenten an unterschiedlichen Stellen wiederverwenden durch das einfache Einfügen des erstellten Tags. Um die Vorteile dieser Technologie deutlich zu machen, werden in folgendem Beispiel das Custom Element mit einem Template und Shadow DOM kombiniert. Im HTML-Teil befindet sich zunächstein Template, das wie im Abschnitt Templates erklärt wurde, nicht dargestellt wird. Darunter befindet sich das x-component-Tag. Dieses ist unser Custom Element, was daran zu erkennen ist, dass diese einen oder mehrere Bindestriche enthalten müssen, um sie einfacher von allgemein gültigen HTML-Tags zu unterscheiden.

 

 

Im JavaScript-Teil muss das Custom Element nun noch erstellt un die entsprechende Komponente hinterlegt werden. Hierfür wird zunächst ein HTML-Element „prototype“ erzeugt und durch eine Callback-Funktion ergänzt, die bei der Erstelltung des Prototype-Elements ausgeführt wird. Hier wird das Element selbst als Shadow Root definiert und das Template aus dem HTML-Teil an die Shadow Root angefügt (siehe Shadow DOM). Schließlich muss noch das Custom Element x-component registriert werden, der die Eigenschaften der erstellten Prototyp-Instanz erhält. Durch die einfache Verwendung des Custom Elements können so ganze Komponenten wiederverwendet werden, wobei die Komponente nur einmalig als Template oder als HTML-Import vorliegen muss.

 

Web-Komponenten-Technologie: HTML Imports

Befinden sich einzelne Komponenten in HTML-Dateien, können diese Komponenten mit den HTML Imports in eine Anwendung integriert werden. Die erste Code-Zeile in der unten stehenden index.html-Datei importiert die Datei import.html. In dieser Datei kann sich jede Art von Komponente befinden und auch die zu importierende Datei kann weitere Unterkomponenten aus anderen Dateien importieren. So wird in diesem Beispiel neben dem Skript 1, zusätzlich Skript 2 und Skript 3 ausgeführt. Mit dem Attribut „async“ kann definiert werden, ob die Skripts in der zu importierenden Datei parallel zum Skript in der index.html oder sequentiell ausgeführt werden sollen.

 

W3C Web-Komponenten-Architektur: Die Lösung aller Probleme?

Das Ziel des W3C ist es, durch die vorgestellten vier Technologien, eine Framework-unabhängige Web-Komponenten-Entwicklung zu ermöglichen. Hierbei kommen die gezeigten Technologien oftmals in Kombination zum Einsatz um die Komponenten zu erstellen und zu verwenden, wie es im Beispiel der Custom Elements gezeigt wurde. Innerhalb gängiger Frameworks, wie z.B. Angular, ist diese komponentenbasierte Entwicklung bereits zuverlässig und browserunabhängig möglich. Wird ein solches Framework verwendet, sind die Komponenten jedoch auch an das jeweilige Framework gebunden und können nicht außerhalb verwendet werden. Genau dieses Problem versucht das W3C mit der Web-Komponenten-Architektur zu lösen. Das Hauptproblem liegt hierbei zurzeit in der Browserunterstützung. Während alle vorgestellten Technologien unter der aktuellen Google Chrome Version funktionieren, unterstützen andere Browser diese Technologien nur teilweise oder gar nicht. Ein Erfolg kann hier nur eintreten wenn alle gängigen Browser diese Technologien unterstützen. Möchte man komponentenbasierte Frontend-Entwicklung betreiben, so kommt man zum jetzigen Zeitpunkt noch nicht um eben genannte Frameworks wie Angular herum.

0 comment
Allgemein

Oracle Roadshow

by Breining, Chris
written by Breining, Chris
Die Oracle Roadshow kommt nach Pforzheim

Am 5. Oktober kommt die Oracle Roadshow an die Hochschule Pforzheim. Es erwarten Euch spannende Vorträge und Diskussionen rund um agile Softwareentwicklung, agile Methoden und Blockchain-Technologie von Geertjan Wielenga (Oracle), Maximilian Liesegang (esentri AG), Patrick Speicher und Matthias Sauer (PROMATIS software GmbH). Als Einstimmung, hier schon einmal kleine Appetit-Häppchen zu den Vorträgen.

Apropos Häppchen: Für Essen und Trinken ist auch gesorgt.

 

„Oracle JET: No Slides Just Code“ (Geertjan Wielenga, Oracle)

“What does agile software development mean for the tools and technologies you use when you’re doing frontend JavaScript development? Let’s say you need to quickly create Web and Mobile applications with JavaScript on the frontend, including graphs and charts and other rich UI components, as well as enterprise requirements around internationalization and accessibility. That’s a lot of complex requirements and it is difficult to work in an agile way in this scenario. Oracle has a free and open source solution to assist you and in this session you will be introduced to it: it’s name is Oracle JET. Using Apache NetBeans IDE, you’ll see how you can efficiently and productively create the JavaScript frontends of your Web and Mobile applications and how to interact with backend REST Services, too!”

 

 

„Wie Agilität unsere Bedürfnisse nach spielerischem Handeln befriedigt“ (Maximilian Liesegang, esentri AG)

„Jahrelange Forschung im Spieldesign haben diverse Aspekte des menschlichen Handelns aufgedeckt, welche helfen Spieler motiviert und leistungsfähig zu halten. faszinierenderweise werden genau diese Bedürfnisse nach Sinngehalt, Vollendung, Bevollmächtigung, Eigentum und sozialem Einfluss von Agilen Methoden erfüllt. Dies erklärt unter anderem warum diese Methoden so gut funktionieren und agile Teams motivierter und leistungsfähiger sind, als ihre starren Gegenstücke. In dem Vortrag wird aufgezeigt, welche spielerischen Verhaltensweisen in agilen Teams gefördert werden sollten, damit diese noch besser funktionieren.“

 

 

Blockchain Unchained – from Crypto Trade to Free Economy (Patrick Speicher & Matthias Sauer, PROMATIS software GmbH)

„IT leaders must cut through the hype and apply blockchain for maximum benefit. – Gartner February 2018. With the incredible rise and fall of Bitcoin value at the beginning of 2018, blockchain technology has finally found its way into public consciousness. While fin techs have been hyping blockchain as the “most disruptive tech in decades” for the last two years, blockchain is not that new at all. First papers on the topic have been published since 1991. So is the hype justified? This presentation will try to do the cut. We are going to start off explaining blockchain technology based on the example of Bitcoin and discuss its

advantages and drawbacks. Based on that knowledge, we will try to identify use cases beyond crypto-currency without the rose-tinted glasses of the current hype. Our presentation is concluded by a demonstration of the Oracle Autonomous Blockchain Cloud to show how rapidly enterprises can extend their business processes using blockchain.“

Interesse? Hier gehts zur Anmeldung!

Wann?
5. Oktober, 13:45 – 17:00 Uhr

Wo?
Hochschule Pforzheim
Tiefenbronner Straße 65
75175 Pforzheim
Raum: W3.2.03

0 comment
react-native
Allgemein

Beitragsreihe zu Cross-Plattform: 5. React-Native

by Christoph, Jan
written by Christoph, Jan
react-native

Was ist React-Native – Wie entstand es?

React-Native ist ein von Facebook entwickeltes Open-Source-Framework auf Basis von React, womit native Android- und iOS-Apps vollständig in JavaScript entwickelt werden können. React wurde bereits 2013 veröffentlicht. Damit bietet React-Native eine Alternative zu HTML-basierten Cross-Platform-Frameworks.

Es werden keine Hybriden Apps gebaut wie mit Ionic/Cordova, deshalb ist die Performance besser und eine native Darstellung möglich.

Wie funktioniert React-Native und was bietet es?

React ist eine JavaScript-Bibliothek, um UI-Komponenten zu entwickeln. Es gibt zwei Varianten, mit deren Hilfe Komponenten gebaut werden können: „Funktionale Komponenten“ und „Klassen-Komponenten“.

Komponenten bei React-Native weisen eine ähnliche Struktur wie normale React-Komponenten auf. Der einzige Unterschied sind die verwendbaren Basis-Tags. Die Tags „<div>“ und „<p>“ z.B.  sind nur im Browser vorhanden. Auf nativen Plattformen ist jedoch kein HTML-DOM verfügbar.

Aus diesem Grund müssen die eigenen Komponenten aus anderen Grund-Komponenten hergestellt werden. Die beiden wichtigsten sind „View“ und „Text“.

Folgende Unternehmen setzen auf React-Native:

react-native-companies

Demo-App

In diesem Abschnitt wollen wir zusammen eine kleine Demo App entwickeln und ein paar native Funktionen einbinden.
Als IDE wird Atom von GitHub genutzt, da sie übersichtlich ist und sich sehr gut personalisieren lässt.
https://atom.io/
Eine weitere gute Wahl ist Visual Studio Code.
https://code.visualstudio.com/download

Voraussetzung ist die Installation von Node.js (https://nodejs.org/en/)

Danach sollte man Npm auf eine geeignete Version bringen (die neusten Versionen sind nicht immer kompatibel).

Danach muss npm install -g create-react-native-app  ausgesführt werden, um React Native zu installieren.

Zusätzlich sollte die Expo IDE und die Expo App auf dem Test Device installiert werden.

Mit dem Befehl: create-react-native-app AwesomeProject lässt sich das erste Projekt erstellen.

npm start startet das Projekt.

Alternativ kann man auch eine Start App via Expo IDE erstellen lassen. Hierbei ist zu beachten, dass es einige Funktionen gibt, die dann anders aufgerufen werden müssen.
Zusätzlich muss das projekt ejected werden, wenn man an bestimmen stellen auf die nativen Plattformen zugreifen möchte.

In der Abbildung Projekt-Struktur ist der Aufbau von React Native zu sehen:

  • tests_: Hier werden alle Tests integriert.
  • _universe: Einige Projekt Konfigurationen
  • .expo: Einstellungen der Expo IDE
  • git: Git Version Integration
  • api: Benötigt um die Verbindung mit der Expo IDE herzustellen
  • assets: Hier findet man alle Bilder und Icons (Hier können auch Fonts wie z.B. Font-Awesome eingebunden werden)
  • components: Ordner für diverse Komponenten
  • constants: Ordner für Konstanten z.B. für Farben, URL’s oder das Layout
  • navigation: App Navigation wird hier abgewickelt
  • node_modules: Ordner die alle node_modules enthalten
  • screens: Die einzelnen Seiten der App
  • App.js: Start Punkt der App
  • app.json: Konfiguration
  • package.json: Konfiguration

Unter: https://facebook.github.io/react-native/docs/getting-started.html lassen sich alle notwenigen Informationen rund um React Native finden.

Projekt Struktur

Clock

Da wir unsere Demo App mit Hilfe der Expo IDE erstellt haben und das Template Tabs gewählt haben, müssen wir lediglich, wie in der Abbildung tabs zu sehen, die Icons anpassen.

Die zugehörigen Icons bzw. values kann man wie schon bei Ionic ebenfalls von
https://ionicframework.com/docs/ionicons/ nehmen.

tab_icons

Ein großer Unterschied zu den meisten anderen Frameworks ist, das Logik, UI und auch das Styling der Seiten immer in ein und derselben File erledigt werden.
Der Übersicht halber sind die Bilder hier trotzdem in dieser Ordnung getrennt und beschrieben.

Im render() wird immer die UI bearbeitet. In diesem Fall nutzen wir eine ScrollView die als weitere Unterelemente diverse View Komponenten enthält.

time_ui

Die Konstante styles in Zusammenhang mit StyleSheet.create enthält alle nötigen Informationen zur Gestaltung der einzelnen Komponenten.

time_style

Im Logik Teil deklarieren wir Variablen als state für Stunden, Minuten und Sekunden.
Um die Uhr zum Laufen zu bringen, lassen wir die getTheTime Methode im ComponentDidMount in einer Schleife laufen, in dem wir sie jede Sekunde selbst neu aufrufen.
Die offizielle Dokumentation zu Typescript zum Nachschlagen findet ihr hier:
https://www.w3schools.com/js/js_date_methods.asp

time_logic

GPS

Im render() wird immer die UI bearbeitet. In diesem Fall nutzen wir eine ScrollView die als weitere Unterelemente diverse View Komponenten enthält.

location_ui

Die Konstante styles in Zusammenhang mit StyleSheet.create enthält alle nötigen Informationen zur Gestaltung der einzelnen Komponenten.

location_style

Im Gegensatz zu Ionic ist das Bestimmen der aktuellen Position mittels GPS bereits integriert und muss auch nicht im Konstruktor injected werden.

Nachdem die momentane Position mit navigator.geolocation.getCurrentPosition ausgelesen wurde, werden die Variablen im this.setState gesetzt, um ein Databinding zu ermöglichen.

location_logic

Kamera

Wenn die nötigen Berechtigungen vorliegen wird die View der Kamera erstellt. Falls keine Berechtigungen vorliegen wird das als Text angezeigt.

Um eigene Buttons zu erstellen wird TouchableOpacitiy benutzt. Weitere Informationen dazu findet ihr unter: https://facebook.github.io/react-native/docs/touchableopacity.html

camera_ui

Die Konstante styles in Zusammenhang mit StyleSheet.create enthält alle nötigen Informationen zur Gestaltung der einzelnen Komponenten.

camera_style

Zuerst müssen Kamera und Berechtigungen importiert werden. Im state legen wir fest, dass die Rückkamera genutzt werden soll. Im ComponentDidMount wird die nötige Berechtigung eingeholt und um ein Bild zu schießen greifen wir mit takePictureAsync() auf die Kamera zu.

camera_logic

Die Dokumentation zur Expo Kamera findet ihr unter:

https://docs.expo.io/versions/latest/sdk/camera.html

Außerdem gibt es gutes Tutorial zur Nutzung der Kamera unter:

Tutorial: https://github.com/expo/camerja

 

Hier findet ihr alle Screens der fertigen App.

  • Screenshot_20180220-101117
  • Screenshot_20180220-101153
  • Screenshot_20180220-101158

Das fertige Projekt findet ihr hier:

https://github.com/futureLABHsPforzheim/react_blog_prototype

Quellen:

0 comment
Allgemein

futureLAB auf Reisen

by Christoph, Jan
written by Christoph, Jan

COLLA 2018 – The Eight International Conference on Advanced Collaborative Networks, Systems and Applications

Vom 24.06.2018 bis 28.06.2018 fand die diesjährige COLLA Konferenz in Venedig statt.
Teilnehmer aus der ganzen Welt stellten ihre wissenschaftlichen Arbeiten in Form von Präsentationen vor. Am Ende jeder Präsentation war Zeit für kritische Fragestellungen und eine offene Diskussionsrunde.
Die Themengebiete reichten von App-Entwicklungen für den brasilianischen Musik-Unterricht bis hin autonomen Fahren und Brain-Computer-Interfaces (BCI).

Um einen Eindruck der Vorträge zu erhalten habe ich drei Präsentationen aufgegriffen, grob den Inhalt zusammengefasst und im folgenden Abschnitt niedergeschrieben. Eine komplette Liste aller Themen befindet sich am Ende des Beitrags.

Evaluation of a P300 Brain-Computer Interface Using Different Sets of Flashing Stimuli

Álvaro Fernández-Rodríguez, Francisco Velasco-Álvarez und Ricardo Ron-Angevin

Quelle: http://www.thinkmind.org/index.php?view=article&articleid=braininfo_2018_1_10_90007

Ein interessanter Vortrag über die Kommunikationsmöglichkeiten von körperlich benachteiligten Personen mittels BCI. In der Arbeit wurde erforschte, wie die Verbesserung der Erkennung eines P300 Signals umgesetzt werden kann. Dieses Signal wird vom menschlichen Gehirn produziert, wenn die verkabelte Person auf etwas reagiert und kann mittels Elektroenzephalografie (EEG) aufgezeichnet werden. Es gibt bereits andere Möglichkeiten die Reaktion eines Menschen zu messen bzw. Software zu steuern, wie z.B. dem Fokus der Pupillen. Allerdings gibt es auch Menschen denen es nicht mehr möglich ist selbst Pupillen zu bewegen. Um mit den bisherigen Methoden ein brauchbares Ergebnis zu erzielen, ist es notwendig 10-20 Wiederholungen durchzuführen. Die Methode, zu sehen in Abbildung 1, verwendet dazu ein Display, auf welchem Buchstaben, Zahlen und Zeichen zu sehen sind. Jeweils eine komplette Reihe leuchtet sehr kurz in Abständen auf. Die Testperson muss hierbei den Fokus auf den gewünschten Wert (z.B. den Buchstaben P) richten.

Abbildung 1

Um dieses Verfahren effizienter zu gestalten, wurde 7 verschiedene Szenarien getestet und ausgewertet:

  • Weiße Zeichen
  • Farbige Zeichen
  • Weiße Blöcke um die Zeichen
  • Farbige Blöcke um die Zeichen
  • Neutrale Bilder (diese werden kurz anstatt des Zeichens eingeblendet)
  • Positive Bilder
  • Negative Bilder

Das Ergebnis ist in Abbildung 2 zu sehen. Während bei der Nutzung von weißen Zahlen mindestens 7 Sequenzen (2-maliges Aufblinken, einmal horizontal, einmal vertikal) notwendig waren, um eine Genauigkeit von mindestens 90% zu erreichen, war es mit den negativen Bildern möglich mit bereits 1 Sequenz ein extrem sicheres Ergebnis zu erhalten.

Da allerdings keine Langzeitstudien durchgeführt wurden, ist es fraglich, ob der Anwender nicht abstumpft und dadurch der Ausschlag des Signals schwächer wird, bzw. ob der Nutzer überhaupt bereit ist, immer furchtbare Bilde sehen zu müssen, um kommunizieren zu können.

Abbildung 2

Comparison of Artificial Intelligence Based Oscillometric Blood Pressure Estimation Techniques: A Review Paper

Ekambir Sidhu, Voicu Groza

Quelle: http://www.thinkmind.org/index.php?view=article&articleid=intelli_2018_1_30_60013

Wenigen bekannt, dennoch ein ständiges Problem. Es ist bis zum heutigen Tage schwierig bis unmöglich genau Blutdruckwerte zu messen. Die einzige Möglichkeit genaue Werte zu erhalten ist, ist einen Katheter in eine periphere Arterie einzuführen. Dieses Verfahren wird allerdings nur bei Operationen angewandt, da es ansonsten zu aufwendig und meist nicht erlaubt oder gewünscht ist. Die indirekte Messung mittels Manschette ist heute noch Gang und Gebe, obwohl diese Methode bereits 1907 entwickelt wurde. Hierbei sind viele Faktoren entscheidend die das Ergebnis verfälschen können. Die Aufregung des Patienten, die Position der Arme, Beine und Manschette, Medikationen und das Hauptproblem der Messung an sich. Da der systolische und diastolische Wert nacheinander gemessen werden, sind beide Werte immer unabhängig voneinander. Sie sollten jedoch exakt im selben Zeitpunkt gemessen werden, um eine aussagekräftige Information zu liefern. Diese Arbeit untersucht die Möglichkeit moderne Algorithmen in Verbindung mit Künstlicher Intelligenz einzusetzen, um genauere Ergebnisse zu erhalten.

 

Cross-Platform Development – Suitability of Current Mobile Application Frameworks

Jan Christoph, Daniel Rösch, Thomas Schuster

Link zum Papier:

https://www.thinkmind.org/index.php?view=article&articleid=colla_2018_2_10_50017

Offizielle Seite:

https://www.iaria.org/conferences2018/COLLA18.html

Bildergalerie:

  • Konferenz
  • Venedig Altstadt
  • Gala Dinner
  • conference_pic_4
  • conference_pic_5
  • conference_pic_6
  • conference_pic_1
  • conference_pic_2
  • conference_pic_3
  • cof
  • cof
  • sdr
  • cof
  • sdr
  • oznor
  • oznor
  • oznor
  • mde
  • 36457843_1725092657526351_1181935284296613888_n
  • sdr

Übersicht aller Arbeiten:

 

BRAININFO 2018, The Third International Conference on Neuroscience and Cognitive

Brain Information

BRAININFO 1: Neuroscience and Cognitive Brain Information

Session chair: Ricardo Ron-Angevin

Evaluation of a P300 Brain-Computer Interface Using Different Sets of Flashing Stimuli

Álvaro Fernández-Rodríguez, Francisco Velasco-Álvarez, Ricardo Ron-Angevin

Training and Transfer Effects Achieved with N-Back Task in Older Subjects Evidenced with

EEG

Nele Vanbilsen, Valentina Pergher, Benjamin Wittevrongel, Jos Tournoy, Brigitte

Schoenmakers, Céline Gillebert, Marc Van Hulle

COLLA 2018, The Eighth International Conference on Advanced Collaborative Networks,

Systems and Applications

COLLA 1: Cooperation and Collaboration Mechanisms

Session chair: George Blankenship

Supporting Collaborative Interaction Among Learners Using Collaborative Learning System

InCircle

Noriko Uosaki, Takahiro Yonekawa, Chengjiu Yin

The Integration of Home Collected Data into the Veterans Administration Health System

George Blankenship, Ellen Hans

Digital Strategies for Municipalities – Digitization as a Collaborative Task [POSTER]

Frederike Marie Oschinsky, Kristina Lemmer, Hans Christian Klein, Jenny Hoffmann

COLLA 2: Machine Learning Applications for Smart Collaborative Networks

Session chair: Noriko Uosaki

Cross-Platform Development – Suitability of Current Mobile Application Frameworks

Jan Christoph, Daniel Rösch, Thomas Schuster

A Scalable Vector Symbolic Architecture Approach for Decentralized Workflows

Christopher Simpkin, Ian Taylor, Graham Bent, Geeth de Mel, Raghu Ganti

COLLA 3 / SmaCit: Smart and Connected Cities: Creating People-centered City

Government

Session chair: Leonidas Anthopoulos

Introduction / Editorial [PRESENTATION]

Leonidas Anthopoulos

Standardisation of Enterprise Architecture Development for Smart Cities

Zohreh Pourzolfaghar, Viviana Bastidas, Aleksas Mamkaitis, Markus Helfert

Teamwork Behavior in Smart and Sustainable Cities Ecosystems

Panos Fitsilis, Paraskevi Tsoutsa, Leonidas Anthopoulos, Omiros Ragos

Gathering Insights on Citizen Participation – Towards Building an Instrument to Study Citizen-Centric Communities

Tobias Siebenlist, Agnes Mainka

Open Discussion and Closing Remarks [DISCUSSION]

Leonidas Anthopoulos

HUSO 2018, The Fourth International Conference on Human and Social Analytics

HUSO 1: Social Computing

Session chair: Arnulfo P. Azcarraga

Acquisition and Analyses of Lessons Learned from Social Network R&D Using Machine

Learning

Marco Javier Suarez Baron, Abdelraouf Ishtaiwi, Johan David Diaz Mendivelso

Simulating Psychological Experiments: An Agent-Based Modeling Approach

Lukas Reuter, Jan Ole Berndt, Ingo J. Timm

Identities, Motivations, Social Representations in Information and Communication Situations

and Digital Society – The case of Santiago de Compostela Trippers

Christian Bourret, Joumana Boustany

M-learning as a Motivational Method in Music Education

Walena Magalhães, Diogo Magalhães, Jônatas Carvalho, Jefferson Monteiro, Cláudio Monteiro

HUSO 2: Social Human Analytics

Session chair: Jan Ole Berndt

Fast Extraction of Statistically Relevant Descriptor Words for Social Media Communities

Arces A. Talavera, Arnulfo P. Azcarraga

Toward “Satisficing” Creativity Effort within Project Management

Leonie Hallo, Alex Gorod, Anama Morriss

Using Adaptive Immersive Environments to Stimulate Emotional Expression and Connection in Dementia Care: Insights from User Perspectives Towards SENSE-GARDEN

Gemma Goodall, Ileana Ciobanu, Ronny Broekx, Jon Sørgaard, Iulian Anghelache, Catalina

Anghelache-Tutulan, Mara Diaconu, Sigrid Mæland, Therese Borve, Audun Digranes Dagestad,

Piet Bormans, Marleen Custers, Katrin Losleben, Rita Valadas, Alda Matias, Andreea Marin,

Kristin Taraldsen, Walter Maetzler, Mihai Berteanu, Artur Serrano

Mobile Technology to Support Didactic Strategies

Bianca Martins, Geane Quixabeira, Leysson Barros, Claudio Monteiro

HUSO 3 / SACR: Social Analytics and Community Resilience

Session chair: Dennis Folds

Introduction / Editorial [PRESENTATION]

Dennis J. Folds

Human Systems-of-Systems, a Methodology and Measurement Framework for Community

Resilience

Tom McDermott

A Method for Engineering Resilient Organizational Workforce Systems

Clayton Hutto, Dennis Folds

An Approach to Web Adaptation by Modelling User Interests Using TF-IDF: A Feature

Selection and Multi-criteria Approach Using AHP

Dimitris Kardaras, Ilias Petrounias, Stavroula Barbounaki, Stavros Kaperonis

Open Discussion and Closing Remarks [DISCUSSION]

Dennis J. Folds

ICCGI 2018, The Thirteenth International Multi-Conference on Computing in the Global

Information Technology

ICCGI 1: Information Technology

Session chair: Xuejun Tian

Conceptualizing and Validating Information Security Culture as a Multidimensional Second-

Order Formative Construct

Akhyari Nasir, Ruzaini Abdullah Arshah, Mohd Rashid Ab Hamid

Educational Application for K-1 Children Using Augmented Reality

Asma Ashfaq, Shakil Ahmed, Sania Akhtar, Ayesha Aamir, Aiman Khan

Detecting Counterfeit Bills and Their Forgery Devices Using CNN-based Deep Learning

Soo-Hyeon Lee, Hae-Yeoun Lee

ICCGI 2: Mobility and Multimedia Systems

Session chair: Ruzaini Abdullah Arshah

Improving the Performance of WiMAX by Setting Holdofftime According to the the Number of Handshake times [PRESENTATION]

Xuejun Tian, Yuta Iwatsuki, Takashi Okuda

Using Online Manifold Learning for Color Image Quality Assessment

Meiling He, Mei Yu, Hua Shao, Hao Jiang, Gangyi Jiang

A Survey of Power-Aware Network-on-Chip Design Techniques

Emmanuel Ofori-Attah, Michael Opoku Agyeman

ICWMC 2018, The Fourteenth International Conference on Wireless and Mobile

Communications

ICWMC 1: Mobility Trends

Session chair: Ismail Yildiz

Mobile Technology and Conservation Areas: A Case Study

Erivaldo Martins, Jeferson Scarton, Juliana Edmundo, Mauro Santos, Wanderson Oliveira,

Claudio Monteiro

Blockchain and Its Impact on Telecom Networks

Rajat Kochhar, Barjinder Kochar, Jatinder Singh, Varun Juyal

ICWMC 2: Performance Evaluation, Simulation and Modeling of Wireless Networks and Systems

Session chair: Inone Joo

A Modern Quality of Service Evaluation Approach of VOLTE Calls Focused on Packet Delays

Ismail Yıldız

Suboptimal Decoding Scheme Based on Parallel Detection for ATSC 3.0 MIMO System

Hyeongseok Kim, Myeonggil Yeom, Jeongchang Kim, Sung Ik Park, Namho Hur

Diffusion Recursive Least Square Adaptive Networks with Neighbor-Selection

Wael Bazzi, Vahid Vahidpour, Amir Rastegarnia, Azam Khalili

ICWMC 3: Mobile Systems

Session chair: Claudio Monteiro

Utilizing the Maximum Spanning Tree to Construct Stability-based Routes in Self-driving

Vehicular Networks

Hao-Ze Jheng, Hsin-Han Lin, Kuo-Feng Ssu, Yu-Yuan Lin

Vehicle MIMO System for High Reliability and Low Latency in NR-based eV2X

Sangmi Moon, Sara Bae, Intae Hwang

Jammer Localization Method Using Degradation of GPS C/No Measurements

Inone Joo, Cheonsig Sin

INTELLI 2018, The Seventh International Conference on Intelligent Systems and

Applications

INTELLI 1: Intelligent Systems and Applications

Session chair: Voicu Groza

A 3D Convolutional Neural Network for Anomalous Propagation Identification

Hansoo Lee, Jonggeun Kim, Sungshin Kim

Towards a Robust Imputation Evaluation Framework

Anthony Chapman, Wei Pang, George Coghill

Comparison of Artificial Intelligence Based Oscillometric Blood Pressure Estimation

Techniques: A Review Paper

Ekambir Sidhu, Voicu Groza

INTELLI 2 / InManEnv: Intelligent Manufacturing Environments

Session chair: João Pedro Correia dos Reis

Component Models for Embedded Systems in Industrial Cyber-Physical Systems

Luis Neto, Gil Gonçalves

Process Modeling and Parameter Optimization for Machine Calibration in Smart Manufacturing for Laser Seam Welding

Joao Reis, Gil Gonçalves

Adaptability in Smart Manufacturing Systems

Gil Gonçalves, João Reis, Rui Pinto, Michael Peschl

A Software Architecture for Transport in a Production Grid

Leo van Moergestel, Erik Puik, John-Jules Meyer

INTERNET 2018, The Tenth International Conference on Evolving Internet

INTERNET 1: Internet Challenges

Session chair: Dirceu Cavendish

Blockchain-based NAT Management for 5G Age

Younchan Jung, Marnel Peradilla

TCP State Driven MPTCP Packet Scheduling for Streaming Video

Dirceu Cavendish, Ryota Matsufuji, Shinichi Nagayama, Daiki Nobayashi, Takeshi Ikenaga

Detection of Manipulated Communications in a Q&A Site by Considering Time Lags Between Answer Submission and Problem Resolution

Yasuhiko Watanabe, Kenji Umemoto, Ryo Nishimura, Yoshihiro Okada

SDN Based Cloud Platform for Smart Vehicles

Tijana Devaja, Živko Bojović, Anastazia Žunić

INTERNET 2 / IOTBCHAIN: Internet of Things and Blockchain

Session chair: Nicola Fabiano

Introduction / Editorial [PRESENTATION]

Nicola Fabiano

European Data Protection Regulation and the Blockchain Analysis of the Critical Issues and

Possible Solution Proposals

Nicola Fabiano

Blockchain Beyond Cryptocurrencies: A Real-World Use Case – A Non-Repudiable Supply

Chain Tracking System

Filippo Bosi, Michele Cappelletti, Stefano Monti, Guido Ravagli

Warm Wallets: A Safer Design to Achieve Business Automation for Blockchain-Based Services

Filippo Bosi, Michele Cappelletti, Guido Ravagli, Lorenzo Manzoni, Stefano Monti, Emanuele Pagliara

Open Discussion and Closing Remarks [DISCUSSION]

Nicola Fabiano

VEHICULAR 2018, The Seventh International Conference on Advances in Vehicular

Systems, Technologies and Applications

VEHICULAR 1: Fundamentals on Communication and Networking

Session chair: Justin Rohrer

Efficient V2X Data Dissemination in Cluster-Based Vehicular Networks

Yongyue Shi, Xiao-Hong Peng, Guangwei Bai

Geographic Centroid Routing for Vehicular Networks

Justin Rohrer

PhyCoNet-Sim: A Framework for Physically Accurate Simulations of Vehicular Ad-Hoc

Networks

Steffen Moser, Ralf Schleicher, Frank Slomka

VEHICULAR 2: Experiments and Challenges

Session chair: Xiaohong Peng

Toward Safety and Security Development by Identifying Interfaces of Automotive Functions

Toru Sakon, Yukikazu Nakamoto

Self-Consistent NLOS Detection in GNSS-Multi-Constellation Based Localization under Harsh Conditions

Pierre Reisdorf, Gerd Wanielik

Reducing Car Consumption by Means of a Closed-loop Drag Control

Camila Chovet, Baptiste Plumjeaeu, Sebastien Delprat, Marc Lippert, Laurent Keirsbulck,

Maxime Feingesicht, Andrey Polyakov, Jean-Pierre Richard, Franck Kerhervé

VEHICULAR 3: Security and Evaluation

Session chair: Felipe Jimenez

A Proposal for a Comprehensive Automotive Cybersecurity Reference Architecture

Christoph Schmittner, Martin Latzenhofer, Shaaban Abdelkader, Markus Hofer

A TCO Analysis Tool Based on Constraint Systems for City Logistics

Johannes Kretzschmar, Mirko Johlke, Wilhelm Rossak

VEHICULAR 4: Unmanned Vehicles

Session chair: Christoph Schmittner

UAVs-assisted Data Collection in Vehicular Network

Mohamed Ben Brahim, Hakim Ghazzai, Hamid Menouar, Fethi Filali

LiDAR-based SLAM Algorithm for Indoor Scenarios

Felipe Jiménez, Miguel Clavijo, Javier Juana

VEHICULAR 5 / CITS I: Cooperative Intelligent Transportation Systems I

Session chair: Manabu Tsukada

Introduction / Editorial [PRESENTATION]

Manabu Tsukada, Masaaki Sato

Wide Transmission of Proxy Cooperative Awareness Messages

Masahiro Kitazawa, Manabu Tsukada, Hideya Ochiai, Hiroshi Esaki

Evaluation of WiFi Access Point Switching for Vehicular Communication Using SDN

Kaito Iwatsuki, Nishiki Hase, Kenya Sato

VEHICULAR 6 / CITS II: Cooperative Intelligent Transportation Systems II

Session chair: Masaaki Sato

Evaluation of Safety and Efficiency Simulation of Cooperative Automated Driving through

Intersection

Kenta Kimura, Shuntaro Azuma, Kenya Sato

Evaluation of a Method for Improving Pedestrian Positioning Accuracy using Vehicle RSSI

Yuya Nishimaki, Hisato Iwai, Kenya Sato

Improvement of False Positives in Misbehavior Detection

Shuntaro Azuma, Manabu Tsukada, Kenya Sato

Open Discussion and Closing Remarks [DISCUSSION]

Manabu Tsukada, Masaaki Sato

VISUAL 2018, The Third International Conference on Applications and Systems of Visual

Paradigms

VISUAL 1: Visual Computation and Modeling

Session chair: Pawel Gasiorowski

3D Simulation-based Analysis of Individual and Group Dynamic Behaviour in Video

Surveillance

Pawel Gasiorowski, Vassil Vassilev, Karim Ouazzane

K-Nearest Neighbours Based Classifiers for Moving Object Trajectories Reconstruction

Muhammad Afzal, Karim Ouazzane, Vassil Vassilev

Gamification of Vision Training Using Tablet [PRESENTATION]

Yang Ishigaki, Tomoya Handa

0 comment
hololense
Allgemein

Innovation Day Pforzheim 2018

by Christoph, Jan
written by Christoph, Jan

Innovation Day Pforzheim: Mit itelligence, futureLAB und dem GründerWERK „Virtual Reality“ erleben

Mittwoch, 06.06.2018, 10:47

In Kooperation mit dem FutureLab des „GründerWERKs – Zentrum für Unternehmensgründung der Hochschule Pforzheim“ veranstaltete die itelligence AG am Freitag, den 8. Juni 2018, an der Hochschule den Innovation Day Pforzheim. Unter dem Motto „IoT Innovation Lab meets Pforzheim Future Lab“ zeigt das SAP-Beratungshaus dort ausgewählte Use Cases für innovative Geschäftslösungen in den Bereichen ‚Virtual Reality’ und ‚IoT’ (Internet of Things).

 

Workshop animiert zu Geschäftsideen

„Am Workshop ‚Erfinde deine eigene IoT Geschäftsidee – IoT Innovation Experience – Invent the next big thing’ beteiligten sich Studierende aller Fachrichtungen“, so Dr.-Ing. Joachim Schuler, Professor für betriebliche Anwendungssysteme an der Hochschule und Mitinitiator des Innovation Day.

Die Fachrichtungen der Teilnehmer waren breit gefächert. Unter anderem aus den Studiengängen:

  • BW/ Wirtschaftsinformatik
  • Management & IT
  • BSBA/ Digital Enterprise Management
  • Information Systems
  • Marketing und Werbung

Neben Schuler gestaltet Dr. Thomas Schuster, Professor der Datenbanken and Software Entwicklung, den Innovation Day mit und unterrichtet – wie Schuler – schwerpunktmäßig in den vier zuerst genannten Studiengängen.

 

Virtual Reality und IoT zum Anfassen

„Virtual Reality und das Internet der Dinge (IoT) eröffnen neue, innovative Geschäftsmodelle auf Basis von digitalisierten Produkten und Services“, sagte Hans Rauwolf, Head of IoT/Industrie 4.0, Innovation & Portfolio der itelligence AG. Mit Hilfe der HoloLens und IoT-Bausätzen wurden ausgewählte Use Cases demonstriert und damit innovative Geschäftslösungen veranschaulicht. Anschließend durften die Teilnehmenden selbst in die virtuelle Welt abtauchen und nach einigen vorgefertigten Aufgaben ihre eigene Geschäftsidee entwerfen und umsetzen.

 

Vom Prototyp zur Gründeridee

„Das ‚GründerWERK – Zentrum für Unternehmensgründung der Hochschule Pforzheim’ ist zentrale Anlaufstelle und Netzwerk für gründungsinteressierte Studierende, Lehrende und Beschäftigte an der Hochschule“, sagt Joachim Schuler. Es biete über verschiedenste Formate, Beratungskonzepte und Kooperationen die Möglichkeit, sich mit Unternehmer- und Gründertum auseinanderzusetzen und ziele darauf ab, eine lebendige Gründerkultur an der Hochschule Pforzheim zu etablieren, so Schuler weiter. „Dennoch hat das FutureLab einen laboratorischen Charakter. Wir helfen Studierenden dabei, die technische Umsetzung ihrer Gründeridee zu erarbeiten. Es ist unser Verständnis und unsere Berufung die Gründerberatung im Stile einer IT-Beratung durchzuführen“, erklärt Joachim Schuler. Haben sich die Kandidaten für eine Technologie entschieden, so bieten die FutureLab-Macher an, einen ersten Prototyp zur Gründeridee umsetzen. „Dazu passt doch unsere Präsentation verschiedener Geschäftsmodelle auf Basis digitalisierter Produkte und Services bestens“, so Hans Rauwolf.

 

Demonstrationsobjekt für Digitalisierungs-Szenarien

„itelligence engagiert sich über den Innovation Day Pforzheim hinaus in verschiedenen Bereichen an der Hochschule wie etwa im Software-Sponsoring, bei der Betreuung von Abschlussarbeiten und bei der Unterstützung von Workshops“, so Hans Rauwolf. In Zukunft wolle man im Rahmen von Co-Innovation auch in ausgewählten Projekten zusammenarbeiten. So wird eine am Innovation Day von itelligence übergebene HoloLens künftig im Demoraum des FutureLab als Demonstrationsobjekt für die Digitalisierungs-Szenarien dienen. Im Rahmen von Abschlussarbeiten sollen weitere Szenarien auf und mit der Brille entwickelt werden.

Beteiligte:

https://www.hs-pforzheim.de/studium/im_studium/gruenderwerk/

https://itelligencegroup.com/de/

Itelligence, GründerWERK und futureLAB

Bilder des Innovation Day

  • Pictures
0 comment
AllgemeinCross-Plattform

App-Entwicklung: Cross-Platform, Teil 2.

by Rösch, Daniel
written by Rösch, Daniel

Für die Entwicklung einer App sind unterschiedliche Herangehensweisen möglich. Zur Auswahl der richtigen Tools bzw. Frameworks dienen folgende Leitfragen:

  • Auf welchen Plattformen soll die App laufen?
  • Wieviel Zeit habe ich für die Entwicklung der App und welche Funktionen soll diese beinhalten?

Sind diese Fragen beantwortet bestehen folgende Möglichkeiten die App zu entwickeln: Native Anwendung, Web-App oder hybride App. Zu allen drei Möglichkeiten wollen wir Euch nachfolgend ein paar grundlegende Informationen geben, sodass ihr selbst entscheiden könnt, wann ihr welche Methode einsetzt und was in etwa dahinter steckt.

Native Anwendung

Insbesondere, wenn eine App ausschließlich für eine Plattform entwickel werden soll, lohnt es sich eine native App zu entwickeln. Dementsprechend werden auch plattformspezifische Entwicklungsumgebungen genutzt. Dies ermöglicht einen vollständigen Zugriff auf alle Funktionen und Geräteeigenschaften. Außerdem werden so alle herstellerspezifischen Vorgaben und Richtlinien sicher eingehalten.

Was benötigt ihr für eine native App-Entwicklung?

  • Android: (1) Java ist Eure Programmiersprache; (2) als Testgerät nutzt ihr ein Android Smartphone mit aktiviertem Debug-Modus und USB-Verbindungskabel; (3) schließlich benötigt ihr noch einen PC mit installiertem Android Studio als Entwicklungsumgebung.
  • iOS: (1) Swift ist Eure Programmiersprache (früher Objective-C/Cocoa); (2) als Testgerät nutzt ihr ein iOS-Gerät (z.B. ein iPhone oder iPad) (3) schließlich benötigt ihr noch einen Mac mit installierter Xcode Entwicklungsumgebung.
  • Universelle Windows-Plattform: (1) Eure Programmiersprache legt ihr selbst fest (in der Regel bewegt Ihr Euch im Bereich .Net) ; (2) als Testgerät nutzt ihr ein Windows-Gerät; (3) schließlich benötigt ihr noch einen PC und Visual Studio als Entwicklungsumgebung – alle notwendigen Programmiersprachen werden hier bereits mitinstalliert.

In allen Fällen könnt ihr zum Testen der Anwendung auch auf ein Testgerät verzichten und stattdessen einen Emulator einsetzen. Bedenken solltet ihr dabei jedoch, dass sich der Test der Anwendungen dadurch (auch bei leistungsfähigen Computern) deutlich langsamer als bei der Benutzung eines expliziten Testgerätes. Außerdem stehen dem Emulator häufig nicht alle Funktionen, wie z.B. Bluetooth oder die Nutzung der Kamera zur Verfügung.

Plant ihr die App auf mehreren Plattformen gleichzeitig bereit zu stellen, bieten sich andere Lösungswege an. Nachteilig an den jeweils nativen Ansätzen ist, dass ihr bei einer Portierung auf eine andere Plattform den ganzen Quellcode erneut entwickeln müsst. Der Quellcode kann mit diesen Ansätzen also nicht für mehrere Plattformen gleichzeitig verwendet werden. Stattdessen könnt ihr dazu auf Web-Anwendungen oder die bereits erwähnten Cross-Platform-App-Development-Tools zurück greifen.

Web-Anwendung

Web-Anwendungen (oder auch Web-Apps) sind dem Grunde nach Webseiten. Daher werden zur Entwicklung auch die bekannten Web-Standards wie HTML, CSS und JavaScript verwendet. Nachfolgend werden diese drei Standards nur kurz skizziert und ihr findet Hinweise zum Weiterlesen und Tutorials, um Euch in die jeweilige Technologie einarbeiten zu können.

  • HTML steht für Hyper Text Markup Language und ist eine Auszeichnungssprache zur Beschreibung und Strukturierung von digitalen Inhalten, üblicherweise wird HTML zur Beschreibung von Seiten im Internet genutzt. Mit HTML lassen sich sowohl die Inhalte als auch die Seitenstruktur beschreiben, die anschließende Darstellung erfolgt dann in einem Browser und wird üblicherweise durch CSS (siehe unten) beeinflusst. Als Inhalte kann man sowohl einfachen Text, als auch Multimedia-Inhalte (wie Video oder Bildmaterial) oder Verweise auf andere Seiten verstehen. HTML benutzt sogenannte Tags, um Inhalte zu kennzeichnen. Hier ein Beispiel für Tags, die einen einfachen Textabsatz kennzeichnen: 
    <p>Dies ist ein Textabsatz</p>

    Wichtig ist es zu jedem öffnenden auch einen schließenden Tag zu beschreiben, um ein gültiges HTML-Dokument zu erhalten. Tags dürfen auch geschachtelt werden und in manchen Fällen kann das öffnende auch zugleich das schließende Tag in einem sein.

    Weitere Informationen über HTML könnt ihr unter diesen Links finden:  (Tutorial), w3.org (Standard-Spezifikation)

  • CSS steht für Cascading Style Sheets. Diese dienen zur Beschreibung der Darstellung (Layout) der einzelnen Elemente. Mit CSS können Farben und Layouts für ein HTML-Dokument einfach konfiguriert werden. Neben HTML könnt ihr CSS auch für die Darstellung von anderen Inhalten wie XML (Extensible Markup Language) oder SVG (Scalable Vector Graphics) verwenden. Man erreicht damit eine Trennung von Inhalten und Darstellung (Design), somit kann beides einfach und unabhängig voneinander weiterentwickelt werden. Um Beispielsweise den Hintergrund des obigen Textabsatzes in Rot einzufärben, könnt ihr folgende CSS-Deklaration verwenden: 
    p { background-color: red; }

    CSS kann insgesamt auch sehr umfangreich werden, wenn die Darstellung einer ganzen Anwendung beschrieben werden soll. Hierzu nutzt man in CSS auch komplexere Konstrukte, beispielsweise Vererbung, außerdem kann man auch auf Erweiterungen, beispielsweise Präprozessoren wie SASS (Syntactically Awesome Stylesheets), einsetzen

    Weitere Informationen über CSS findet ihr beispielsweise unter folgenden Links: CSS Tutorial, w3.org (Standard-Spezifikation)

  • JavaScript: JavaScript ist eine leichtgewichtige Programmiersprache, die ähnlich wie Java, eine objektorientierte Programmierung anbietet. Im Gegensatz zu Java nutzt JavaScript ein Laufzeitsystem, das lediglich rudimentäre Datentypen verwendet. Dazu gehören numerische, Boolsche Werte sowie Zeichenketten. Außerdem nutzt JavaScript ein prototyp-basiertes-Objektmodell, d.h. vererbte Attribute können sich von Objekt zu Objekt unterscheiden. JavaScript unterstützt First-Class Funktionen und wird hauptsächlich für Client-Anwendungen im Browser eingesetzt. Allerdings findet JavaScript auch in anderen Anwendungen Anklang. Das Framework Node.js nutzt JavaScript und ermöglicht damit eine Programmierung von Backend-Services. Auch eine Realisierung von Datenbankanwendungen mittels JavaScript ist möglich. Hierzu kann Apache CouchDB verwendet werden.JavaScript bietet vorab Standardbibliotheken wie Array, Date und Math. Weitere Bibliotheken können bei Bedarf hinzugefügt werden. Somit können komplexe Funktionen bereitgestellt werden und die Anwendungslogik der Anwendung programmiert werden. JavaScript dient somit als Erweiterung von HTML und CSS. Anschauliche Informationen erhaltet ihr hier ebenfalls bei w3schools.com (Tutorials), javascript.info (Info), developer.mozilla (Info). Eine Sammlung von Tutorials für JavaScript können auch aus guru99.com entnommen werden. Hier ein kleines Code-Beispiel: 
    var variable = "Hello-World";
alert(variable);

    Die Anwendung sendet hier eine Benachrichtigung mit dem Inhalt: „Hello-World“.

Für die Entwicklung von Web-Apps kann eine Entwicklungsumgebung genutzt. Um nativen Apps ähnlich zu sein, wird die Browseranzeige in der Darstellung ausgeblendet. Da es sich dennoch um eine Web-Anwendung handelt, sind Unterschiede in Design-Elementen (Widget) üblicherweise dennoch gut zu erkennen. Außerdem sind native Gerätefunktionen hier nicht ohne weiteres nutzbar.

Hybride Apps

Hybride Apps vereinen die Vorteile von Web-Apps und nativen Apps. Die Anwendung wird zunächst unter Nutzung von Web-Technologien wie HTML, CSS und JavaScript entwickelt und danach durch einen Generator in eine native App umgewandelt. Dadurch wird die Oberfläche ebenfalls sehr stark an die native Darstellung angeglichen. Auch native Gerätefunktionen können hierbei einfach genutzt werden. Da die Umwandlung relativ komplex ist, ist es bei umfangreichen Applikationen nicht immer garantiert, dass alles genau wie bei einer nativ entwickelten App funktioniert. Dies hängt insbesondere vom Generator-Framework (wie Cordova oder PhoneGap) und der unabhängigen Weiterentwicklung der Plattformen (wie iOS, Android) ab. Teilweise können manche Funktionen daher gar nicht oder erst mit zeitlicher Verzögerung in die Entwicklung eingebunden werden.

Um zu entscheiden, ob eine Hybride App die richtige Wahl ist, sind daher folgende Fragen zu beantworten:

  • Welche Programmiersprachen beherrsche ich?
  • Welche Funktionen benötigt meine App?
  • Welche Frameworks passen zu mir und meiner technischen Umgebung?
  • Welche Reputation (Entwicklungszyklen und Support) weisen diese unterschiedlichen Frameworks auf?

Wie kann ich hybride Apps entwickeln?

…und welche Frameworks sind dafür interessant? Um diese Fragen zu beantworten, stellen wir Euch in den nächsten Beiträgen einen Vergleich einiger Frameworks vor. Wir entwickeln dazu eine Referenz-App, die in allen Frameworks die gleichen Funktionen bieten soll. Die Referenz-App bietet als Navigation ein Tab Menü im unteren Bildschirmrand. Folgende Funktionen sollen abgebildet werden:

  • Tab 1: Im ersten Tab kann standardmäßig die Ortszeit abgefragt werden.
  • Tab 2: Der zweite Tab ermöglicht eine genaue Lokalisierung des Geräts. Angezeigt werden hierzu die Longitude sowie Latitude.
  • Tab 3: Der dritte Tab ermöglicht die Aufnahme eines Fotos mittels der Smartphone-Kamera, welches anschließend in der Bedienoberfläche angezeigt werden soll.

Anbei eine paar Mockups der Referenz-App:

  • wireframes_testapp

Zur Demonstration nutzen wir die Entwicklungsumgebungen Visual Studio (für Xamarin), Visual Studio Code oder wahlweise auch Atom (für die übrigen Frameworks). Als Testgerät greifen wir auf ein Android Smartphone zurück. Für das Deployment nutzen wir außerdem ein USB-Verbindungskabel. Zusätzlich müsst ihr noch den Entwicklermodus auf eurem Smartphone aktivieren. Den Entwicklermodus schaltet ihr wie folgt frei:

  1. Geht in die Einstellungen eures Android-Gerätes
  2. klickt unter System auf das Navigationselement „Über das Telefon“
  3. Scrollt ganz nach unten bis ihr den Eintrag Build-Number seht. Hier merhmals anklicken bis die Meldung erscheint: „Sie sind jetzt Entwickler“
  4. Wenn ihr jetzt wieder zurück in die Einstellungen-Gesamtübersicht geht, müsste hier der Eintrag Entwickleroptionen erscheinen. Diesen wählt ihr aus.
  5. Dann unter Debugging USB-Debugging aktivieren.

Gegebenenfalls müsst ihr für euer Smartphone noch die entsprechenden Android-Developer-Treiber herunterladen und installieren. Hierzu findet ihr auf der offiziellen Android-Developer-Seite nähere Informationen.

0 comment
Allgemein

Wir stellen vor: mawio

by Schuler, Joachim
written by Schuler, Joachim

Alexander von Gaisberg

Was ist deine Idee?

mawio ist eine reverse recruiting Plattform, welche es mittelständischen Firmen ermöglicht, aktiv nach Auszubildenden zu suchen anstatt passiv auf deren Bewerbung zu warten.

Was studierst du?

Ich studiere in meinem letzten Semester Master of Business Administration and Engineering.

Was ist dein Produkt und wo stehst du  in 10 Jahren?

Alleinstellungsmerkmal und Prinzip von mawio ist die komplette Umkehr des Bewerbungsprozesses für kleine- und mittelständische Unternehmen. Der herkömmliche Prozess der Mitarbeiter- und Azubigewinnung wird durch mawio konsequent auf Reverse Recruiting umgestellt. Dadurch wird das Unternehmen vom passiven Bewerbungsempfänger zum aktiven Headhunter. Der komplette Mitarbeitergewinnungsprozess wird hierbei digitalisiert.

Schüler (potentielle Azubis) und Fachkräfte können sich auf der mawio-Plattform ein kostenfreies Profil anlegen, welches dann als eine Art Lebenslauf fungiert. Das Unternehmen auf Mitarbeitersuche bekommt nun die Möglichkeit, individuelle Suchkriterien festzulegen, welche ihm bei einem potentiellen Mitarbeiter/Azubi wichtig sind. Durch die Vorauswahl der Suchkriterien bekommt das Unternehmen jetzt nur noch die Profile angezeigt, welche seinen Anforderungen an einen Mitarbeiter entsprechen.

 

Wie weit bist du in der Entwicklung deines Vorhabens?

Der Businessplan steht bereits. Aktuell arbeite ich gemeinsam mit dem futureLAB an der Umsetzung der Plattform.

 

Wie unterstützt dich das futureLAB?

Das futureLAB übernimmt die Programmierung der Plattform und unterstützt bei allgemeinen Fragen rund um die Gründung. Außerdem vermittelt das futureLAB schnell und unkompliziert an weitere Ansprechpartner an der Hochschule.

0 comment
Pictures
Allgemein

Achtung! Mitmachen! start2grow

by Schuler, Joachim
written by Schuler, Joachim

Mit start2grow zur erfolgreichen Gründung!
Mach  bei diesem Gründerwettbewerb mit!

Du hast  eine Geschäftsidee? Du arbeitest gerade an einemBusinessplan? Oder der Businessplan braucht noch den letzten Schliff? …   start2grow begleitet Deinen Weg zum erfolgreichen Unternehmen – und bietet außerdem die Chance auf hohe Geld- und Sachpreise sowie den Sonderpreis Technologie.

Wenn du eine  Geschäftsidee hast, zögere Sie nicht teilzunehmen! start2grow bietet:
  •  Kostenfreie Teilnahme
  •  Bundesweiter Wettbewerb
  • Hohe Geld- und Sachpreise
  • Sonderpreis „Technologie“
  • Sonderpreis „Digitale Unternehmerin“
  • Interaktive Events
  • Netzwerk mit über 600 Coaches
  • Kontakte zu Wirtschaft und Kapital
Mitmachen kann grundsätzlich jeder, der eine innovative Geschäftsidee für ein Produkt oder eine Dienstleistung hat.
Anmeldungen zum Gründungswettbewerb ab sofort unter:

www.start2grow.de

0 comment
Allgemein

Kollaborative Prozessmodellierung

by Schuster, Thomas
written by Schuster, Thomas

Web-basierte BPMN Modellierung

Wie lässt sich das Thema Modellierung spannend gestalten? Ganz einfach, man nehme eine beliebte Modellierungssprache, eine web-basierten Modellierungsumgebung und ein Cloud-Dienst (hier SaaS; Software-As-A-Service) und schon kann es losgehen. Sinnvoll wird eine web-basierte Modellierungsumgebung erst dann, wenn zusätzlich die Möglichkeit besteht, die Modelle auch zu teilen und gemeinsam mit mehreren Benutzern zu bearbeiten.

In der Vorlesung „Einführung in die Wirtschaftsinformatik“ haben wir das Ganze am Beispiel von smartfacts, einer Modellierungsumgebung der MID GmbH aus Nürnberg einmal ausprobiert. smartfacts unterstützt die Modellierung von BPMN-Prozessmodellen (Business Process Model and Notation 2.0) und das gemeinsame Bearbeiten dieser Modelle. In der Vorlesung haben die Studierenden der Studiengänge Ressourceneffizienz-Management und Personalmanagement die Modellierung mit BPMN und smartfacts eingeübt. Besonders gut hat sich die Möglichkeit erwiesen Reviews durch den Dozenten (Prof. Dr. Thomas Schuster) einzuholen und die Modelle somit gezielt zu verbessern.

Neben dem Review durch den Dozenten können die Modellierer Ihre Modelle auch mit anderen teilen oder Reviews anfordern. smartfacts stellt dazu sogenannte Prozessräume bereit, in denen die Modelle gesammelt werden. Im Hintergrund arbeitet dafür ein Modell-Repository. Außerdem kann man Modelle in verschiedenen Versionen bearbeiten und weiterentwickeln. smartfacts integriert daher auch ein Versionskontrollsystem in das Modell-Repository.

Wie funktioniert das Review der Modelle?

Das Einholen eines Reviews funktioniert ganz einfach, indem der Modellierer (hier: Owner, also Besitzer des Modells) sein Modell einreicht (Button rechts oben). Anschließend wählt er aus, ob ein Review erfolgen soll, legt den Zeitraum und die beteiligten sowie den verantwortlichen Reviewer fest. Als Reviewer erhält man dann eine Nachricht im eigenen Arbeitsbereich und wird auf ein anstehendes Review hingewiesen. Wie auf den Bildern zu sehen ist, kann man anschließend einfach durch alle Modellelemente navigieren und diese einzeln kommentieren.

Hat man das Prozessmodell insgesamt untersucht, kann man als Reviewer auch noch eine Gesamtempfehlung hinterlegen. Damit drückt der Reviewer aus, ob er der direkten Veröffentlichung des Modells zustimmt oder noch Verbesserungspotential sieht. Anschließend obliegt es dem Besitzer des Modells die Vorschläge einzuarbeiten und bei Bedarf eine neue Version in smartfacts einzureichen. Der Besitzer kann dann auch erneut entscheiden, ob er ein weiteres Review wünscht oder ob er den Prozess direkt für alle anderen Teilnehmer des Prozessraums freigegeben wird.

QuickCheck smartfacts

smartfacts wird von der MID GmbH als SaaS-Produkt angeboten. Das System bietet die Möglichkeit BPMN-Modelle Browser-basiert zu erstellen und diese dann in einem Repository zu verwalten. Die Modellierungsumgebung wird auf dem von camunda bekannten Werkzeug camunda Modeler aufgebaut. Zur kollaborativen Modellierung können Benutzerrechte auch individuell vergeben werden, angefangen von der reinen Betrachtung über die Möglichkeit zur Modellierung in einem Prozessraum bis hin zur Freigabe einzelner Prozesse.

Der Benutzer wird durch verschiedene Hilfen bei der Modellierung unterstützt, z.B. durch Guides (z.B. die Schritt für Schritt Navigation durch Prozesse beim Review) oder eine Q&A-Sektion die eine Sammlung von Fragen und Antworten darstellt. Besonders geeignet für kleine Bildschirme (z.B. Smartphones) ist die Listenbasierte Prozessdarstellung.

Das System bietet auch die Möglichkeit Prozesse zu im- und exportieren. In unserem Test klappte das Importieren lokal erstellter Prozesse aus dem camunda Modeler aber noch nicht reibungslos. Verantwortlich schein hier eine fehlerhafte Interpretation oder ein fehlerhafter Export der XML-Dateien zu sein.

smartfacts als BPMN Modellierungsumgebung

  • BPMN Modellierung in smartfacts
  • Review starten
  • BPMN Modell reviewen
  • Review im Überblick

Wie ist das Fazit?

Die Modellierung in einer kollaborativen Umgebung wie smartfacts ist nicht nur sinnvoll, sondern macht auch noch Spaß! Alle profitieren außerdem auf diese Weise von den Kenntnissen anderer. Im Sinne von Continous Process Improvement (CPI) können die Prozessmodelle außerdem weiterentwickelt werden und durch die in smartfacts integrierte Versionskontrolle kann der Fortschritt auch nachvollzogen und kontrolliert werden. Dies wird durch die proaktive Einholung von Reviews komplettiert. So können viele Modellierer gleichzeitig an Prozessmodellen arbeiten und die Prozessqualität steigern!

Was würde man sich noch wünschen? Eine Ausführungsumgebung, d.h. die direkte Ausführung der Prozessmodelle wäre eine gute Ergänzung. Aktuell integriert smartfacts keine Ausführungsumgebung, es ist jedoch ein sehr gutes Werkzeug zur kollaborativen Modellierung von Prozessmodellen mit Hilfe von BPMN.

0 comment
Hilfe für Studierende aus dem Ausland
Allgemein

Wir stellen vor: NJD GERMANYAGENTS

by Christoph, Jan
written by Christoph, Jan

Wer seid ihr?

NJD GERMANYAGENTS ist eine englischsprachige Website für ausländische Studenten, welches ihnen Hilfe und einen Leitfaden in ihrem Leben in Deutschland geben soll.

 

germanyagents-team

 

Was habt ihr studiert oder studiert ihr noch?

Unser Team besteht aus einer Vielfalt von Studierenden aus der Hochschule Pforzheim, aber auch Studierenden aus anderen Universitäten, teils auch in anderen Ländern. Wir sind sehr breit aufgestellt mit unseren Erfahrungen, wobei eine Vielzahl von uns Betriebswirtschaft studiert, mit Schwerpunkt auf Internationale Beziehungen oder Management.

 

Was ist euer Produkt und wo seht ihr euch in 10 Jahren?

Unser Portal bereitet ausländische Studierende auf ihr Leben in Deutschland vor und unterstützt sie bei allen ihren Vorhaben während des Studiums. Die Webseite hilft bei der Vorbereitung fürs Studium, wie Beantragung eines Visums, Finden einer guten Krankenversicherung aber auch bei dem Kennenlernen der deutschen Kultur. Wir geben den Studierenden dabei eine vielseitige Übersicht über alle benötigten Dienstleistungen, die sie beanspruchen sollten und helfen ihnen dabei die für sie am meisten geeignete Angebot zu finden.

Dabei agieren wir nicht nur als Vermittler, sondern auch als Wegbegleiter über das ganze Studium.

Unser Ziel ist es Studierenden einen schönen Aufenthalt in Deutschland zu ermöglichen und noch möglichst viele weiteren ausländische Studierende für ein Studium in Deutschland zu motivieren. Auf unserer Plattform sollen sich Studenten zuhause fühlen und neue Erfahrungen für ihr Leben sammeln können.

 

Wie weit seid ihr in der Entwicklung eures Vorhabens?

Unsere Website kann man schon besichtigen und unser Unternehmen ist bereits als UG eingetragen. Wir haben schon elementare Teile der Seite fertiggestellt und arbeiten an der Ausarbeitung weiterer Projekte. Dabei arbeiten wir schon mit einer Vielzahl von Universitäten zusammen, sowohl im Ausland als auch im Inland, welche uns bei unserem Bestreben unterstützen. Zudem haben wir schon eine weite Auswahl an Affiliates von unserem Vorhaben begeistern können, welche nun auf unserer Webseite aufzufinden sind. Unser primäres Ziel ist es alle Grundsteine zu setzten um die Seite in naher Zukunft vollständig vermarkten zu können.

 

Wie unterstützt euch das futureLAB?

Das futureLab hilft uns mit detaillierten Fragen zu WordPress und CSS, da sich keiner von uns in seinem Studium tiefgründig mit Programmieren oder Erstellen einer Webseite beschäftigt hat.

Direkter Kontakt über das futureLAB oder unter:

http://germanyagents.com/

 

0 comment
Newer Posts
Older Posts