Category:

Allgemein

Allgemein

EDV Usability-Evaluation mit IPLON Solutions

by Waidelich, Lukas
written by Waidelich, Lukas

Am Freitag den 24. Mai 2019 kamen Vertreter der Hochschule Pforzheim und der CAS AG auf dem Karlsruher CAS-Campus zusammen. Der im Forschungsvorhaben EDV (einfaches Digitales Vergessen) entwickelte Prototyp sollte auf Herz und Nieren geprüft werden. Die Software-Usability ist der entscheidende Faktor, ob die Lösung vom Kunden als positiv oder negativ wahrgenommen wird. Aus diesem Grund setzt das EDV-Projekt verstärkt auf eine gezielte Usability-Evaluation, die genau auf die Zielgruppe abgestimmt ist. Von diesen Tests versprechen sich die Evaluations-Verantwortlichen in Form von Lukas Waidelich (HS PF) und Antonia Schichtenberg (CAS AG) neue Erkenntnisse hinsichtlich des Produktreifegrades. Außerdem soll das Feedback einen wesentlichen Beitrag zur Verbesserung des Prototyps beitragen.

Edgar Schneider der Geschäftsführer von IPLON Solutions und sowie ein weiterer Mitarbeiter von IPLON Solutions gehörten zu den assoziierten Partnern, die im Rahmen des EDV-Projektes aus mittelständischer Sicht das Projekt begleiten. So unterstützten die assoziierten Partner zu Beginn des Projekts beispielsweise bei der Anforderungsanalyse und zeigten Features auf, die im unternehmerischen Kontext einen Mehrwert bieten würden. Nachdem im Projekt ein Prototyp entwickelt wurde, durften die beiden Vertreter von IPLON Solutions diesen hinsichtlich der Usability-Eigenschaft prüfen. Zuerst präsentierten die Evaluationsverantwortlichen den aktuellen Projektstand und klärten wichtige Fragestellungen zur Funktionalität im Vorfeld. Unterstützung erhielten die beiden vom Projektleiter seitens der CAS in Person von Dr. Mark Hefke sowie vom Entwickler Christoph Beckmann, der an der Implementierung der EDV-Lösung in die SmartWe-Lösung der CAS maßgeblich beteiligt ist. Danach wurden die beiden Systeme (EDV-Client und Xreader in der SmartWe) vorgestellt. Dann erfolgte die eigentliche Usability-Evaluation. Dafür mussten die beiden Probanden einen definierten Use-Case an zwei Computern durchführen. Nachdem diese Aufgabe bewältigt war, sollten die Probanden ihr Feedback in einen Fragebogen fließen lassen. Zum Abschluss des Termins wurde ein qualitatives Interview geführt, um weitere Use-Cases auszuloten. Alles in allem also ein voller Erfolg für das EDV-Projekt!

Bildrechte: Dr. Mark Hefke (CAS AG)

0 comment
AllgemeinCross-PlattformVeranstaltung

Workshop: Entwicklung von Cross-Plattform-Applikationen mit Geertjan Wielenga

by Waidelich, Lukas
written by Waidelich, Lukas

Am 16. Mai hatten nutzten die Studierenden der Hochschule Pforzheim die Chance an einem durch Prof. Dr. Thomas Schuster organisierten Workshop mit dem NetBeans-Experten Geertjan Wielenga teilzunehmen. Geertjan Wielenga der eine wichtige Rolle bei der Entwicklung der NetBeans-Plattform einnimmt, gab den Studierenden interessante Einblicke in die praktische Softwareprogrammierung. Die Professoren um Prof. Dr. Schuster und Prof. Dr. Raphael Volz, die Studierenden aus den Studiengängen Digital Enterprise Management und Wirtschaftsingenieurwesen sowie die wissenschaftlichen Mitarbeiter Jan Christoph und Lukas Waidelich folgten dem theoretischen Vortrag von Geertjan Wielenga aufmerksam. Zuerst stellte er die NetBeans-Plattform vor und zeigte auf, wie mobile Webanwendungen auf Basis von Oracle Jet erstellt werden können. Außerdem widmete er sich der Fragestellung „Wie entwickle ich meine eigenen Webkomponenten“. Die Thematik der komponentenbasierten Entwicklung war ebenfalls Gegenstand der praktischen Phase. Im Rahmen eines Workshops sollte eine Anwendung in Form einer einfachen Angestelltenverwaltung programmiert werden. Geertjan Wielenga entwickelte dazu ein prototypisches Dashboard, das Kennzahlen der Angestellten aufzeigt und als Analyse-Tool genutzt werden kann. Nun waren die Studenten an der Reihe, die das Template auf ihre Gegebenheiten anpassen sollten. Geertjan Wielenga war als Ansprechpartner vor Ort und gab den Studierenden Hilfestellung. Zum Abschluss der Veranstaltung konnten die Studierenden Fragen an den Referenten richten.

NetBeans ist eine freie integrierte Entwicklungsumgebung, die auf der Programmiersprache Java basiert. Die Besonderheit, neben Java werden auch die Programmiersprachen C, C++ sowie weitere dynamische Programmiersprachen unterstützt. Das Open-Source-Projekt, das ebenfalls als Plattform für eigene Anwendungen verwendet werden kann zeichnet sich u.a. durch Erweiterungen aus. So können für verschiedene Anwendungsfälle sogenannte Netbeans-Download-Pakete zur Verfügung gestellt werden. Dabei sind spezifische Funktionen vorkonfiguriert, die für die Entwicklungsumgebung (kontextbasiert) von Vorteil sind.

0 comment
Allgemein

EDV bei den Tagen der digitalen Technologien in Berlin

by Waidelich, Lukas
written by Waidelich, Lukas

Vom 14. bis 15. Mai 2019 fanden in Berlin die Tage der Digitalen Technologien statt. Mit dem Ziel, anwendungsnahe Technologieprogramme zu präsentieren und einen Austausch zu ermöglichen, lud das Bundesministerium für Wirtschaft und Energie (BMWi) Akteure aus Wirtschaft, Forschung und Politik ein. Aktuell fördert das BMWi mit derzeit 75 Millionen Euro jährlich die Entwicklung digitaler Spitzentechnologien in und für Deutschland und den europäischen Wirtschaftsraum. Die zweitägige Veranstaltung in den historischen BOLLE Festsälen präsentierte die aktuellsten Entwicklungen und zukunftsrelevanten Themen in den Anwendungsfeldern Industrie, Mobilität, Gesundheit und Energie. Darüber hinaus ermöglichten sogenannte Fachforen einen Austausch und die Vernetzung zur Bildung branchenübergreifender Wertschöpfungsnetzwerke. Da durfte das Forschungsprojekt EDV (Einfaches Digitales Vergessen) natürlich nicht fehlen.

Am ersten Tag informierten sich die EDV-Vertreter um Konsortialführer Mario Herb (esentri AG) sowie Prof. Dr. Thomas Schuster und der wissenschaftliche Mitarbeiter Lukas Waidelich (beide HS PF) an den verschiedenen Informationsständen über neue Technologien und Forschungsprojekte. Außerdem wurde die Veranstaltung zum Netzwerken genutzt.

Am zweiten Veranstaltungstag nutzten Mario Herb und Lukas Waidelich die Chance, das Forschungsprojekt im Fachforum „Wir liefern Daten: Haftung und Governance beim Datenaustausch zwischen Unternehmen“ vorzustellen. Mario Herb gab Einblick aus der wirtschaftlichen Sicht, wohingegen Lukas Waidelich den Zuschauern das Forschungsvorhaben aus der wissenschaftlichen Perspektive aufzeigte. Der Projektvortrag stieß auf ein breites Echo. Die anschließende Publikumsdiskussion wurde kontrovers geführt und neue Kontakte aus Wissenschaft und Wirtschaft, die sich für den EDV-Lösungsansatz interessieren, konnten geknüpft werden. Summa Summarum ein voller Erfolg für EDV!

Bildquelle: BMWi / Bildkraftwerk

0 comment
wikitude
Allgemein

AR: Wikitude und Google Maps in Oracle JET

by Christoph, Jan
written by Christoph, Jan

Dieser Blogbeitrag widmet sich dem Thema Augmented Reality im Kontext der Entwicklung von Crossplattfom Applikationen. Am 16.05.2019 findet zum Thema Oracle JET ein Workshop an der Hochschule Pforzheim statt, an dem Sie kostenfrei teilnehmen können.
Weitere Information und die Anmeldung ist hier zu finden.

Die Voraussetzungen und eine Schritt-für-Schritt Anleitung um die Anwendung zu erstellen sind folgende:

Oracle Jet Setup für hybride App-Entwicklung

Nachfolgend werden die Installationsschritte beschrieben, die zur Entwicklung hybrider Apps mit Hilfe von Oracle Jet als Voraussetzung erforderlich sind. Diese können auch direkt in der Oracle Jet Dokumentation nachgelesen werden (siehe hier)

Gemeinsam gehen wir die Schritt durch und zeigen ergänzend zur Oracle Jet Dokumentation  einige Screenshots, welche die Einstellungen für unerfahrene Entwickler erleichtern sollen.

Hybride App-Entwicklung unter Windows 10

Benötigt werden die folgenden Software-Komponenten:

  • Node.js
  • Apache Cordova
  • Android Development Tools

 

Node.js

  1. Auf https://nodejs.org/en/download/ die aktuelle Version herunterladen. Benutzen Sie:
    1. Eine stabile Version (stable) und
    2. Den Windows Installer.
    3. Installieren Sie die Komponente nach dem Herunterladen.
  2. Sie müssen nun noch Ihre Umgebungsvariablen für die Verwendung von npm(node package manager) einrichten. Der Paket-Manager von Node.js ermöglicht es Ihnen danach Bibliotheken zu installieren, die wird zum Beispiel zur Installation von Oracle Jet genutzt.
  3. Drücken Sie die Windows-Taste und suchen Sie nach „Umgebungsvariablen“ 
1

Wählen Sie Systemumgebungsvariablen bearbeiten und klicken Sie anschließend auf Umgebungsvariablen.

2

4. Klicken Sie auf die Schaltfläche im roten Kreis und wählen Sie den Pfad (grüner Kreis, siehe Bild unten)

3

5. Klicken Sie auf Text bearbeiten (blauer Kreis im nachfolgenden Bild) und geben Sie ihren Pfad zu node.js an. In meinem Falle ist dies: C:\Users\jan.christoph\AppData\Roaming\npm

Für Windows 7 kann es nötig sein einen zweiten Pfad anzugeben, den Installationsordner von node.js: 
C:\Program Files\nodejs 

4

ob node korrekt installiert ist. Öffnen Sie die Konsole (Windows-Taste drücken und „cmd“ eingeben) und verwenden Sie die folgenden Befehle:

node -v 

npm -v 

Die Ausgabe sollte folgender ähneln

5

Java SDK

6. Der nächste Schritt ist die Installation der java sdk, die für die Entwicklung der App für Android benötigt wird.
https://www.oracle.com/technetwork/java/javase/downloads/jdk11-downloads-5066655.htmlnutzen Sie diesen Link und akzeptieren Sie das license agreement (der gelbe Kreis im nachfolgenden Bild)

Denken Sie daran, dass Sie keine Anwendungen für iOS unter Windows entwickeln können!!! 

6

und laden Sie die für Ihr System passende Version (64 Bit oder 32 Bit; das finden Sie mit einem Rechtsklick auf Ihr Windows-Symbol in der Taskleiste  –> “System”) herunter.

7

7. Außerdem müssen Sie die Umgebungsvariable JAVA_HOME, wie in der folgenden Abbildung gezeigt einstellen.

8

Um zu prüfe, ob alles korrekt eingerichtet ist führen Sie folgenden Befehl aus:
java -version 

Die Ausgabe sollte folgender ähneln:

9

Android Studio und Android SDK

8. Installieren Sie Android Studio von https://developer.android.com/studio/und folgen Sie den dort angegebenen Anweisungen

9. Nach der Installation gehen Sie zum SDK Manager im Android Studio (siehe Bild unten, rosa Kreis).

10

10. Hier müssen Sie die gewünschten SDK-Plattformen und SDK-Tools installieren und aktualisieren. Es sollte dann ungefähr wie das folgende Bild aussehen:

11

Sie müssen auch den Systemvariablenpfad um den Pfad Ihres Android SDK erweitern (ähnlich wie zuvor bei node.js). Der Pfad für die Android SDK sollte in etwa so aussehen: C:\Users\user.name\AppData\Local\Android\Sdk

Android

Um Ihr Android-Handy zum Testen und App-Bereitstellung zu nutzen, müssen Sie die Entwickleroptionen aktivieren. Dazu müssen Sie in die Einstellungen Ihres Smartphones gehen, die Informationen dazu finden und die build number 7 mal drücken, wie im Bild unten gezeigt:

12

Einige Android-Versionen erfordern möglicherweise unterschiedliche Aktionen (bitte suchen Sie online danach, wenn die oben genannte Methode nicht funktioniert).

Git Installation

Git wird für die Versionskontrolle Ihres Codes verwendet. und sollte immer genutzt werden. Zum Download verfügbar ist es hier:

https://git-scm.com/downloads

Sie können überprüfen, ob Git installiert wurde, indem Sie den folgenden Befehl auf Ihrer Kommandozeile ausführen:

git –version

Wenn Git richtig installiert ist, sehen Sie so etwas wie:

13

Installation von Git benötigen, finden Sie eine hilfreiche Anleitung unter:

https://www.linode.com/docs/development/version-control/how-to-install-git-on-linux-mac-and-windows/

Cordova

Nutzen Sie folgenden Befehl, um Cordova zu installieren:
npm install -g cordova

npm install -g cordova@latest um cordova upzudaten und

cordova –version um zu prüfen, ob die richtige Version installiert wurde.

Mac OS Mojave

XCode

-Installieren Sie XCode aus dem App Store

-Installieren Sie anschließend die Befehlszeilen-Tools von XCode auf dem Terminal mit folgendem Befehl:

xcode-select –install

Wenn bei der Installation der Tools ein Fehler auftritt, sind diese möglicherweise bereits auf Ihrem Gerät installiert!

Node.js and npm

Um den node zu installieren, finden Sie die neueste stable Version unter:
https://nodejs.org/en/download/

Im Terminal, können Sie mit folgenden Befehlen überprüfen, ob alles korrekt konfiguriert ist: node -vand npm -v

Cordova

Um Cordova unter Mac OS zu installieren, können Sie einen weiteren Befehl in Ihrem Terminal ausführen. Dies wird durch den Aufruf erreicht:
sudo npm install –g cordova ionic

Apple ID (Developer Registration)

Registrieren Sie Ihre Apple-ID als Entwickler in Xcode oder erstellen Sie zuerst eine, wenn Sie noch nicht hier sind:

https://developer.apple.com/register/

In Xcode gehen Sie dann zu Einstellungen/Konten und geben Sie Ihre Zugangsdaten ein.

14

iPhone

Wenn Sie Ihr iPhone an Ihren Mac anschließen und alles korrekt eingerichtet ist, wird es automatisch als Entwicklergerät registriert.

 

Integrated Development Environment (IDE)

Da Oracle JET JavaScript, HTML und CSS verwendet, ist die Auswahl der IDE recht einfach, da die meisten IDEs und sogar einfache Texteditoren die Entwicklung mit diesen Webstandards unterstützen. Hier ist eine kleine Liste von Editoren und IDEs, aus denen Sie auswählen können, mit denen Sie entwickeln möchten:

  • Visual Studio Code
  • Netbeans
  • WebStorm
  • Atom

Additional Installation Guides

Android Studio:

https://www.wikihow.tech/Set-up-an-Android-Development-Environment

Xcode:

https://developer.apple.com/xcode/

Oracle Jet installieren

Um Oracle JET nutzen zu können, muss dies erst installiert werden. Dies gelingt mit folgendem Befehl für die Kommandozeile:

npm -g install ojet-cli

 

Erstellen einer hybriden App

Um die gewünschte App zu installieren nutzen wir ein Template. Genauere Informationen des gesamten Prozesses gibt es unter folgendem Link:

https://docs.oracle.com/middleware/jet410/jet/developer/GUID-C75CD8DC-5084-4831-BE1A-FFEE4EA8600C.htm#GUID-76BEF40D-4C41-4B7D-A038-63CC28023D7A

Wir nutzen das ein Template (NavBar), das von Oracle Jet bereitgestellt  und erstellen die hybride App mit folgendem Befehl:

ojet create MySampleApp –hybrid –appname=“Sample NavBar“ –template=navbar –platform=android

 

Erläuterungen: (weitere Details finden Sie auch in der obigen Dokumentation)

Befehlsbestandteil Erklärung
ojet create <Name> Erstellt ein neues Oracle JET Projekt
–hybrid Erstellt eine mobile App die Cordova nutzen kann
–appname=“<Name>“ Hier wird der Name des Projekts definiert
–template=<templateName> Es gibt mehrere verfügbare Templates, diese können in der offiziellen Dokumentation eingesehen werden
–platform=<platformName> Die Plattform-Optionen sind: android|ios|windows. Hierüber deklarieren wir, für welche Plattform die hybride Anwendung entwickelt werden soll.

App testen

ojet build android erlaubt uns die App zu bauen und mit ojet serve android –device lässt sie sich z.B. auf einem Android Testgerät starten.

ojet serve windows -–browser startet die Anwendung im Browser

 

Cordova Plugins

Allgemein können Sie Cordova Plugins in einem Jet Projekt installieren. Dazu öffnen Sie in ihrem Jet-Projekt den Ordner hybrid und weisen dann Cordova an, das Plugin hinzuzufügen:

cordova plugin add <plugin-name>

 

Nachdem das Plugin installiert wurde führen Sie außerem noch

 

cordova build

 

im Ordner hybrid aus. Erst danach ist die Installation abgeschlossen. Unter folgendem Link finden Sie alle bereits offiziell von Oracle getesteten Plugins:

https://www.oracle.com/webfolder/technetwork/jet/globalSupport-Plugins.html

 

Integration von Google Maps

Um die Position des Geräts zu erfassen, benötigt man das geolocation Plugin von Cordova. Um ein Cordova Plugin in einem Oracle Jet Projekt zu installieren, wechselt man in den Ordner hybrid und kann anschließend Cordova anweisen das Plugin zu installieren, auf der Kommandozeile geben Sie ein:

 

cd hybrid

cordova plugin add cordova-plugin-geolocation

 

Nachdem das Plugin installiert wurde führen Sie außerdem noch

 

cordova build 

 

im Ordner hybrid aus. Erst danach ist die Installation abgeschlossen.

Als nächstes ist es erforderlich folgende Zeile in die index.html am Ende des Head-Tags einzufügen:

<script src=“https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY“></script>

Um Google Maps nutzen zu können, benötigen Sie einen Google Maps API-Key. Diesen kann man unten folgendem Link einrichten:

https://developers.google.com/maps/documentation/javascript/get-api-key

Außerdem muss noch die Ausführung von externen Scripten aktiviert werden. Dazu kommentieren Sie Head-Tag der index.html noch folgende Zeile aus:

<meta http-equiv=“Content-Security-Policy“ content=“default-src *; script-src ’self‘ *.oracle.com ‚unsafe-inline‘ ‚unsafe-eval‘; style-src ’self‘ *.oracle.com ‚unsafe-inline‘; img-src * data:“>

(nur für Testzwecke geeignet!)

Damit die Geolocation-Informationen verarbeitet und im Modell aktualisiert werden können, fügen Sie noch folgenden Javascript Code in das ViewModel (js-Datei) ein, das zu der Seite gehört, in der die Google Map genutzt werden soll:

var options = {

enableHighAccuracy: true,

timeout: 5000,

maximumAge: 0

};

 

self.connected = function() {

//Get the current position with the help of the gps sensor

navigator.geolocation.getCurrentPosition(onSuccess, onError,options);

};

 

//After the location was catched successfully process with the onSuccess function

var onSuccess = function(position) {

//Save the latitude and longitude into variables

self.lat = position.coords.latitude;

self.lon = position.coords.longitude;

//Define a variable for the google maps position

var myLatLng = { lat: self.lat, lng: self.lon };

console.log(myLatLng);

createMap(myLatLng);

};

 

//When an error occured while fetching the location data notify the user

var onError = function(err) {

document.getElementById(‚modalDialog1‘).open();

//Set the location to the hs pforzheim coordinates

var myLatLng = { lat: 48.8789268, lng: 8.71788 };

console.log(„Error „+ err,myLatLng);

createMap(myLatLng);

};

 

var createMap = function(pos){

//Get the Map container of the HTML code

var element = document.getElementById(„googleMap“);

var map;

//Add the maps properties to a variable

var mapProp = {

center: pos,

zoom: 14,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

//Create a new map and hand it the previous collected data + add a marker at curren location

map = new google.maps.Map(element, mapProp);

var marker = new google.maps.Marker({

position: pos,

map: map

});

}

Die entsprechende HTML Datei benötigt noch folgenden Code, über den die Map dann anschließend dargestellt werden kann:

<div id=“googleMap“ style=“width:500px;height:380px;“>

Wikitude Dokumentation

Die Dokumentation von Wikitude ist sehr umfangreich, enthält viele Beispiele und Erläuterungen der Möglichkeiten sowie die nachfolgend beschriebene Integration über ein Cordova Plugin. Die Dokumentation ist hier zu finden:

https://www.wikitude.com/external/doc/documentation/latest/phonegap/setupguidecordovacli.html#setup-guide-cordova-cli

 

Integration des Wikitude Plugins

Man kann das Wikitude Cordova Plugin direkt auf der Wikitude-Seite herunterladen, siehe dazu:
https://www.wikitude.com/download-wikitude-sdk-for-cordova/

Das Plugin muss zur Benutzung mit einem Schlüssel (Serial Key) versehen werden. Für eine Anwendung kann man sich diesen kostenlos erstellen lassen. Dazu ist lediglich dieses Formular auszufüllen:

https://signup.wikitude.com/?download=CordovaDownloadButton

Der Schlüssel muss später im Wikitude Plugin eingetragen werden.

Schritt für Schritt Anleitung

1. Aus dem Basisordner der eigenen Anwendung in den Ordner

hybrid

wechseln. Nun lässt sich das Cordova Plugin im Projekt integrieren. Hierzu auf der Konsole folgendes eingeben:

cordova plugin add com.wikitude.phonegap.wikitudeplugin

Alternativ ist auch folgender Befehl möglich:

cordova plugin add https://github.com/Wikitude/wikitude-cordova-plugin.git

2. Nun die Datei:

/android/platform_www/plugins/com.wikitude.phonegap.WikitudePlugin/www/WikitudePlugin.js

anpassen, um den Wikitude Schlüssel einzutragen. Der Schlüssel wird in Zeile 14 (this._sdkKey) eingetragen.

3. Nachdem das Plugin installiert wurde

cordova build

im Ordner hybrid ausführen.

4. Unter https://github.com/Wikitude/wikitude-sdk-samplesfindet man einige Beispielanwendungen für das Framework. Um diese zu nutzen, erstellt man am besten einen neuen Ordner unterhalb des Verzeichnisses src und nennt diesen wikitude. Je nachdem, ob man einzelne Beispiele (etwa 03_MultipleTargets) oder alle ausprobieren möchte, kann man das gesamte Repository oder auch nur Teile davon herunterladen (oder mit git clone abrufen). Die Beispiele (Projekte) die man testen möchte kopiert man anschließend einfach in den soeben erstellten Ordner wikitude. Im oben genannten Repository ist außerdem die Datei js zu finden, diesesollte ebenfalls in das wikitude Verzeichnis eingefügt werden.

Der folgenden Beispiel-Code kann innerhalb des ControllerViewModels (js-Datei) eingefügt werden, um mit dem Plugin zu arbeiten, wobei die Zeile self.arExperienceUrl definiert welches Projekt genutzt werden soll (In diesem Fall das ImageTracking):

//Wikitude Setup

// Url/Path to the augmented reality experience you would like to load

self.arExperienceUrl = „assets/www/wikitude/01_ImageTracking_1_ImageOnTarget/index.html“;

 

// The features your augmented reality experience requires, only define the ones you really need

self.requiredFeatures = [„image_tracking“];

// Represents the device capability of launching augmented reality experiences with specific features

self.isDeviceSupported = false;

// Additional startup settings, for now the only setting available is camera_position (back|front)

self.startupConfiguration = {

„camera_position“: „back“,

„camera_resolution“: „auto“

};

// Application Constructor

self.initialiseWikitude = function () {

 

self.wikitudePlugin = cordova.require(„com.wikitude.phonegap.WikitudePlugin.WikitudePlugin“);

 

self.wikitudePlugin.isDeviceSupported(self.onDeviceSupported, self.onDeviceNotSupported, self.requiredFeatures);

};

 

// Callback if the device supports all required features

self.onDeviceSupported = function () {

console.log(„wikitude: onDeviceSupported“);

 

self.wikitudePlugin.loadARchitectWorld(

self.onARExperienceLoadedSuccessful,

self.onARExperienceLoadError,

self.arExperienceUrl,

self.requiredFeatures,

self.startupConfiguration

);

 

};

// Callback if the device does not support all required features

self.onDeviceNotSupported = function (errorMessage) {

alert(errorMessage);

console.log(„wikitude: onDeviceNotSupported“);

};

// Callback if your AR experience loaded successful

self.onARExperienceLoadedSuccessful = function (loadedURL) {

/* Respond to successful augmented reality experience loading if you need to */

console.log(„wikitude: onARExperienceLoadedSuccessful“);

};

5. In der entsprechenden HTML Datei in der Wikitude genutzt werden soll fügen Sie folgenden Code ein:

<div>

<button id=“button“ data-bind=“click: buttonClick, ojComponent: { component: ‚ojButton‘, label: ‚Launch AR Experience‘ }“>

Start AR

</button>

</div>

6. Im zugehörigen Javascript Code wird folgende Funktion beim klicken des Buttons aufgerufen:

self.buttonClick = function (data, event) {

app.initialiseWikitude();

return true;

};

7. Um die Funktionalität des Wikitude Plugins zu testen, kann man zum Beispiel Bilder im assetOrdner auswählen und diese dann augmentiert anzeigen lassen. Das Plugin kann auch (und das wäre für Ihr Projekt ebenfalls interessant) genutzt werden, um Bilder wieder zu erkennen.

Diese Anleitung wurde in folgender Umgebung durchgeführt:

 

Betriebssystem Win 10 Pro Version: 10.0.17134 Build 17134
Node.js v10.13.0
Cordova 9.0.0 (cordova-lib@9.0.1)
Oracle Jet 6.0.0

 

Als mobiles Endgerät wurde erfolgreich eingesetzt:

  • OnePlus 6

Um die Anwendung zu testen, ist es nötig das Bild des Surfers im Order:
wikitude-sdk-samples-master\01_ImageTracking_1_ImageOnTarget\assets

zu öffnen oder auszudrucken und dann anschließend mit der laufen App zu „scannen“.
Wenn alles richtig gemacht wurde, ist ein virtuelles Surfbrett neben dem Original zu sehen.

0 comment
Allgemein

Workshop: Entwicklung von Cross-Plattform-Applikationen

by Waidelich, Lukas
written by Waidelich, Lukas

In Kooperation mit dem FutureLAb und Geertjan Wielenga findet am 16. Mai 2019 einen Workshop zur Entwicklung von Cross-Plattform-Applikationen auf Basis von Oracle statt. Die Veranstaltung „How to create hybrid mobile Apps with Oracle Jet“ findet in den Räumlichkeiten des T1.5.29 statt. Der zwei Volrsungsblöcke dauernde Workshop beginnt um 13:45 Uhr. Zur Teilnahme an der Versanstaltung ist eine Anmeldung vorab erforderlich:

Hier gehts zur Anmeldung

 

Zur Person

Geertjan ist ein Open-Source-Enthusiast aus Amsterdam und Oracle-Produktmanager mit Schwerpunkt auf Open-Source-Java- und JavaScript-Tools und -Technologien wie bspw. Oracle JET (oraclejet.org) und NetBeans IDE (netbeans.org).

Blog

0 comment
laura_the_app
Allgemein

Laura the App – futureLAB unterstützt

by Christoph, Jan
written by Christoph, Jan

Was ist laura the app?

Auf der Homepage des Startups finden sich folgende Informationen:

„Hallo, ich bin Laura, deine persönliche Assistentin!

Mit momentan rund 29.000 Begriffen und 5.000 Bildern helfe ich Dir bei deiner täglichen Arbeit. Ich spreche Deutsch und Englisch, um Sprachbarrieren einfach und schnell zu umgehen.

Kostenlos und auch ohne Internet bin ich stets für Dich da, denn gemeinsam haben wir das im Griff!“

Demnach ist Laura the App eine kostenlose und schnelle Übersetzungshilfe mit Schwerpunkt auf technischen Gebieten, die aber auch alltägliche Situationen erfasst – und das Ganze funktioniert immer und überall auf deinem Smartphone.

An wen richtet sich laura the app bzw. wer ist die Zielgruppe?

Hierzu äußert sich Christian Mogck, Ideengeber und Projektleiter mit einem einfachen Problem aus der Praxis, dem er auf seinen Geschäftsreisen regelmäßig über den Weg läuft:

„Haben Sie schon einmal versucht in China, an der Grenze zur Mongolei oder in der Türkei an der syrischen Grenze, in einer Produktionshalle ohne Internet ein Abgleichpotentiometer zu organisieren?

-Nein?

Ich schon und meistens können die lokalen Fachkräfte weder englisch noch deutsch.

Sehen Sie und hier kommt Laura the App ins Spiel. Mit ihrer Hilfe können Sie das entsprechende Werkzeug oder den entsprechenden Begriff ihrem Gegenüber bildlich veranschaulichen.

Das spart nicht nur Ihre Nerven, sondern hilft auch Kosten zu reduzieren!“

 

Daraus kann man folglich einige Zielgruppen definieren:

  • Reisende Fachkräfte (Inbetriebnehmer, Mechaniker usw.)
  • Werkzeughersteller (laura the app macht Werbung vor Ort)
  • Industriefirmen die mit Maschinen, Maschinenteilen oder sonstigen Ersatz- bzw. Spezialteilen handeln

Seit wann läuft das Projekt und wie begann alles?

Die ist Idee ist auf einer Montagereise 2014 in Südamerika entstanden, als ich das oben bereits geschilderte Problem hatte und mir gedacht habe, dass es doch eine einfache Möglichkeit geben musste dies zu lösen. Zuerst nutzte ich eine Excel Liste. Da Bilder nekanntlicherweise mehr als 1000 Worte aussagen und zudem universell einsetzbar sind, musste etwas Anderes her. Also setzte ich mich 2016 mit Jan Christoph zusammen, der mich bei der Entwicklung eines Prototyps tatkräftig unterstützte. Seitdem ist das Team kontinuierlich gewachsen und die Idee hat sich langsam zu etwas Greifbaren entwickelt.

Gab es bereits Erfolge?

Ja, 2018 waren wir auf der Startup:CON in Köln und haben für Aufsehen gesorgt.

laura_startupcon

Kurz darauf belegten wir den 2. Platz beim Startup Live der VDMA und nominierten uns dadurch für die diesjährige Start Up – The Future

laura_best_idea

Beim Startup – The Future durften wir dann vor ausgewählten Unternehmern unsere Idee präsentieren und sind bereits mit möglichen Werbepartnern ins Gespräch gekommen. An dieser Stelle bedanken wir uns beim Startup – The Future-Team für die Nominierung und das ausgezeichnet organisierte Event.

laura_startup_thefuture

Der nächste große Schritt ist die Suche von Werbepartnern, Investoren und Kunden die eine spezielle Version unserer App für ihr Unternehmen nutzen möchten. Die Individualisierung von Laura the App auf eigene Maschinen, Werkzeuge und Ersatzteile ist dabei eines der künftigen Kernthemen, welches das Start Up anstrebt.

Schon bald steht ein weiteres Event in Form des Start-up BW Elevator Pitchs in Pforzheim an:

https://www.startupbw.de/wettbewerbe/elevatorpitch/wettbewerb/pforzheim1819/

Regional Cup Pforzheim/Nordschwarzwald

Donnerstag, 11. April 2019 | 14:00 Uhr
Creative Space der Hochschule Pforzheim (Raum G2.1.07)
Östliche Karl-Friedrich-Straße 24 | 75175 Pforzheim

Über ein Voting für unsere Idee (zu finden im Link oben) würde sich das Team von laura the app freuen.

Sonstige Informationen:

laura_team
Homepage: https://lauratheapp.com/
Video Pitch Startup – The Future: https://youtu.be/s7vnIpWrH0M
Facebook: https://www.facebook.com/lauratheapp
Instagram: https://www.instagram.com/lauratheapp/
Werbespot: https://www.youtube.com/watch?v=mnttleqrNkw

.

1 comment
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
Newer Posts
Older Posts