Eversport Now

EversportNow ist eine App die Sportler helfen soll Sportplätze in ihrer Nähe einfacher über das Smartphone zu buchen.

Der erste Screen ist die Suche. Der User kann Sportart, Ort und Datum eingeben und bekommt eine Liste aller Sportanlagen bei denen zum gewünschten Zeitpunkt die gewünschte Sportart gebucht werden kann.

Somit muss der User nur noch eine Sportstätte auswählen und kann buchen.

Der User kann nach dem Login Prozess noch auswählen wie lange und auf welchen Platz er spielen möchte.

Verlauf und Technologie

Die erste Version der EversportNow App wurde im Jahre 2014 released. Die damalige EversportNow App war eine Phonegap Build App die auf den damaligen Drupal Server zugegriffen hat.

Im April 2015 wurde aufgrund einer Erneuerung der Eversport Website und Server auch die API für die EversportNow App angepasst.

Dafür wurden Schnittstellen zum aktuellen Node.js Server hergestellt.

EversportNow wurde mittels HTML, CSS und Javascript erstellt und mit Phonegap Build für Android und iOS kompiliert.

Phonegap ist ein Framework zur Erstellung hybrider Applikationen für mobile Endgeräte. Phonegap ermöglicht es Anwendungssoftware für mobile Endgeräte mit JavaScript, HTML5 und CSS 3 zu schreiben, anstelle von gerätespezifischen Programmiersprachen wie Java. Die Applikationen die dabei kompiliert werden sind hybride.

Bei einer Hybriden App wird das Layout mittels Webtechnologien erstellt und nicht mit den nativen UI-Elementen. Die kompilierte hybride App kann über den App Store heruntergeladen werden und auf das Betriebssystem der Engeräte zugreifen.

Phonegap baut auf Apache Cordova auf und ist großteils FreeWare. Dadurch gibt es viele freie Plugins die sehr viele Zugriffe und Features unterstützen.

Die EversportNow Phonegap Build Applikation ist ähnlich wie eine onePage-Website aufgebaut. Sie besteht im Grunde nur aus einer index.html Datei die das HTML Grundgerüst beinhaltet und einer config.xml Datei mit den App Spezifikationen.

Unteranderem werden in der config.xml-Datei die Versionsnummer der Applikation, Systemeinstellungen wie Statusbar und Fullscreen, Plugins, Splashscreen und Screenicons definiert.

In Eversport Now wurden unteranderem Plugins für Alerts, Geolocation und in App Browser verwendet.

Außerdem wurde jQuery Mobile Javascript Bibliothek eingebunden um die Navigation, Animationen und viele Hilfsfunktionen zu unterstützen.

Ebenfalls wurde Leaflet eingebunden um die Map darstellung zu verbessern.

Referenzen

www.eversports.at

https://jquerymobile.com/

https://build.phonegap.com/

Dieser Text wurde aufgrund der Lesbarkeit nicht Gegendert, gilt aber für weibliche und männliche User gleichermaßen.

The post Phonegap App: EversportNow appeared first on Mobile USTP MKL.

Die einfachste, aber auch kostenintensivste Möglichkeit ist, einen Juristen damit zu beauftragen, Allgemeine Geschäftsbedingungen für den eigenen Webshop zu erstellen. Wer sich allerdings ein Angebot von einem Rechtsanwalt erstellen lässt, bekommt oft ein Angebot im fünfstelligen Eurobereich.

Vor allem für kleinere Onlineshop-Betreiber sind derartige Kosten alles andere als wirtschaftlich.

Manche Onlineshop-Betreiber kopieren sich AGB von fremden Onlineshops und verändern diese ihren Vorstellungen entsprechend. Davon ist allerdings stark abzuraten, da man dadurch eine Urheberverletzung begeht. Es ist nicht gestattet, fremde Daten zu kopieren und für seine eigenen Zwecke zu nutzen.

In Österreich bietet die Wirtschaftskammer kostenlos für jede Branche ausgesprochen gute Vorlagen, welche durch Juristen erstellt wurden und durch den Shopbetreiber beliebig verändert werden dürfen.

Wer kein Mitglied der österreichischen Wirtschaftskammer ist kann auch im World Wide Web einige Vorlagen für AGB finden.

Empfehlenswert ist es, diese Vorlagen durch einen Rechtsanwalt speziell für die jeweiligen Zwecke verfeinern zu lassen. Hierbei belaufen sich die Kosten meist im dreistelligen Eurobereich, was auch für Betreiber kleinerer Onlineshops leistbar ist.

Geltung von AGB im Internet

Werden bei Geschäftsabschlüssen über das Internet AGB verwendet, dann muss deren Geltung vertraglich vereinbart werden, damit sie Bestandteil des konkreten Rechtsgeschäftes werden. Der Unternehmer muss daher darauf hinweisen, dass er dem beabsichtigten Vertrag seine AGB zu Grunde legt, was vor dem Vertragsabschluss zu erfolgen hat, und der Kunde muss zumindest die Möglichkeit haben, sich Kenntnis vom Inhalt dieser AGB zu verschaffen.

In der Praxis werden AGB auf der Website eines Online-Händlers oftmals durch einen eigenen Link auf den Text der AGB zur Verfügung gestellt. Der Kunde kann sich dadurch Kenntnis vom Inhalt dieser AGB verschaffen, in dem er den entsprechenden Link anklickt. Dies genügt, um dem Erfordernis zu entsprechen, dass der Vertragspartner die Möglichkeit haben muss, sich Kenntnis vom Inhalt der AGB zu verschaffen. Ob er sie dann tatsächlich durchliest, ist seine Sache.

Das Fernabsatz- und Auswärtsgeschäfte-Gesetz (FAGG) sieht bei Verträgen mit Konsumenten (B2C) die unter ausschließlicher Verwendung eines oder mehrerer Fernkommunikationsmittel (zB E-Mail oder online) geschlossen werden, bestimmte Informations- und Bestätigungspflichten vor.

Danach muss der Verbraucher rechtzeitig vor der Abgabe seiner Vertragserklärung über folgende Informationen verfügen:

• die wesentlichen Merkmale der Waren oder Dienstleistungen
• Namen oder Firma sowie Anschrift ;gegebenenfalls Telefon, Fax und E-Mail
• gegebenenfalls  Geschäftsanschrift für Beschwerden
• gegebenenfalls Namen/Firma und Anschrift jener Person, in deren Auftrag der Unternehmer handelt, sowie die Anschrift dieser Person, für Beschwerden
• Gesamtpreis inkl aller Nebenkosten (wenn nicht möglich: Art der Preisberechnung)
• bei unbefristeten oder Abonnementverträgen: Gesamtkosten oder Kosten pro Monat (wenn nicht möglich: Art der Preisberechnung)
• Kosten der für den Vertragsabschluss eingesetzten Fernkommunikationstechnik, sofern nicht nach einem Grundtarif berechnet (kostenpflichtige Mehrwertnummern)
• Zahlungs-,Liefer– und Leistungsbedingungen, sowie Lieferzeitraum
• Bei Bestehen eines Rücktrittsrechts: Bedingungen, Fristen und Vorgangsweise für die Ausübung dieses Rechts inkl Muster-Widerrufsformulars
• gegebenenfalls Hinweis, dass der Verbraucher im Rücktrittsfall die Kosten für die Rücksendung der Waren zu tragen hat
• gegebenenfalls Hinweis, wenn vom Verbraucher ausdrücklich gewünscht, dass mit einer bestellten Dienstleistung noch innerhalb der Rücktrittsfrist begonnen wird und dass er für die erfolgte Dienstleistung im Rücktrittsfall ein anteiliges Entgelt zu zahlen hat.
• gegebenenfalls Hinweis über das Nichtbestehen eines Rücktrittsrechts oder die Umstände, unter denen der Verbraucher sein Rücktrittsrecht verliert
• Hinweis auf das Bestehen des gesetzlichen Gewährleistungsrechts
• gegebenenfalls der Hinweis auf allfällige Garantien und deren Bedingungen
• gegebenenfalls der Hinweis auf Verhaltenskodizes
• gegebenenfalls die Laufzeit des Vertrags oder die Kündigungsbedingungen
• gegebenenfalls die Mindestdauer der Verpflichtungen
• gegebenenfalls der Hinweis auf Kaution oder sonstige Sicherheiten
• gegebenenfalls die Funktionsweise digitaler Inhalte und Schutzmaßnahmen
• gegebenenfalls die Interoperabilität digitaler Inhalte mit Hard- und Software

• gegebenenfalls Zugang zu einem außergerichtlichen Beschwerdeverfahren

Diese Informationen, die oftmals typischer Inhalt von AGB sind, müssen dem Verbraucher klar und verständlich in einer dem verwendeten Fernkommunikationsmittel angepassten Art und Weise erteilt werden

Das E-Commerce Gesetz (ECG) wiederum sieht ausdrücklich vor, dass ein Diensteanbieter die Vertragsbestimmungen und allfällige allgemeine Geschäftsbedingungen dem Nutzer so zur Verfügung zu stellen hat, dass er sie speichern und wiedergeben kann. Diese Verpflichtung kann nicht zum Nachteil des Nutzers abbedungen werden und gilt für Verbraucherverträge  (B2C) genau so, wie bei Verträgen zwischen Unternehmern (B2B).

Dieser Link muss in der Abfolge des Bestellvorganges im Internet (auch) vor der definitiven Absendung der Bestellung bereitgestellt werden, da andernfalls der Kunde keine Möglichkeit hätte, vor Abgabe seines Vertragsangebotes den Inhalt der AGB zu lesen. Unzureichend ist es daher, den Hinweis auf die AGB (nur) versteckt auf der Website zu platzieren, während AGB, die dem Bestellicon unmittelbar vorangestellt werden, ausreichend sind. Sinnvoll ist es, die AGB sowohl allgemein auf die Website zu stellen, damit der Kunde sie in Ruhe lesen kann, und sie für die Gültigkeit im konkreten Vertrag im Bestellvorgang zu integrieren.

Tipp: Richten Sie Ihre Website so ein, dass der Kunde vor Abgabe der Bestellung auf einen Button drücken muss, mit dem er bestätigt, dass er die AGB zustimmend zur Kenntnis genommen hat.

Der reine Hinweis auf der Website, dass der Text der vertragsrelevanten AGB dem Kunden auf Wunsch zugesandt werden kann, genügt nicht dem Erfordernis der Kenntnisnahme vor bzw bis zum Zeitpunkt des Vertragsabschlusses und widerspricht auch dem ECG.

Vertragssprache

Es gibt keine ausdrückliche gesetzliche Bestimmung, die vorschreibt in welcher Sprache AGB abgefasst werden müssen, damit sie rechtsverbindlich werden. Dies kann im Bereich des Internet zu Zweifelsfragen führen, insbesondere dann, wenn der Kunde auf der Website eines fremdsprachigen Internethändlers bestellt.

Die herrschende Auffassung geht diesbezüglich  davon aus, dass es genügt, wenn der Text der AGB in jener Sprache abgefasst ist, wie der abzuschließende Hauptvertrag. Wenn somit mit einer englischsprachigen Website geworben wird, genügt es für die Verbindlichkeit der AGB unter diesem Aspekt, wenn auch die AGB englisch verfasst sind.

Allerdings kann diese Beurteilung bei Verträgen mit Konsumenten im Sinn des Konsumentenschutzgesetzes auch anders ausfallen, wenn das im Konsumentenschutzgesetz normierte Transparenzgebot so ausgelegt wird, dass Vertragsbestimmungen in AGB schon deshalb als unklar oder unverständlich abgefasst sind, weil sie nicht in deutscher Sprache verfasst sind. Höchstgerichtliche Rechtsprechung fehlt zu dieser Thematik noch, nicht zuletzt wegen der relativen Neuheit dieser Problematik.

Tipp: Sinnvoll ist es auf jeden Fall, sich am „Zielstaat“ zu orientieren, also jene Sprache(n) zu wählen, für die das Internetangebot gedacht ist und das auch auf der Website ausdrücklich (beispielsweise durch Länderwappen) klarzustellen.

Quelle: https://www.wko.at/Content.Node/Service/Wirtschaftsrecht-und-Gewerberecht/E-Commerce-und-Internetrecht/Vertragsrecht-im-Internet/AGB_im_Internet_-_allgemeiner_Ueberblick.html

http://www.ecommerce-blog.at/frontend/scripts/index.php?setMainAreaTemplatePath=mainarea_news.html&newsId=131

The post Webshop Bestimmungen appeared first on Mobile USTP MKL.

SEO != SEA

Suchmaschinenwerbung ist nicht gleich Suchmaschinenoptimierung.

SEM bezieht sich auf das schalten von bezahlten Anzeigen. SEO hat die organische Suchergebnisse einer Suchmaschine im Focus.

SEO != Google

In Österreich und Deutschland ist Google mit über 80% die meist verwendete Suchmaschine jedoch in anderen Ländern sind andere Suchmaschinen Marktführer und man sollte sich unbedingt im Ziel Markt umsehen welche Suchmaschinen hauptsächlich verwendet werden. Weltweit ist Google zwar Marktführer jedoch hat zum Beispiel in Japan Yahoo! Weit mehr Marktanteile als Google.

Es gibt viele Herangehensweise wie SEO optimiert werden kann, ich werde hier nur einige Vorstellen:

URLs Strukturieren

Eine URL sollte strukturiert sein und einfach zu merken. Eine URL mit vielen kryptisch aneinanderfolgenden Zahlen und Buchstaben ist weniger einladend als eine leserliche Strukturierte URL wie zum Beispiel /buchung/sportzentrum-seestadt

Titel sollten passend gewählt werden

Der Inhalt des Titel-Tags wird in den Suchergebnissen angezeigt daher sollte dieser bewusst gewählt werden. Umbenannt oder Seite xy ist daher kein passender Titel. Jede Seite sollte einen eigenen und einzigartigen Title-Tag haben. Das hilft Google die Seiten voneinander zu unterscheiden.

Meta-Tag ‚description’

Der Meta-Tag “description” einer Seite gibt Google und anderen

Suchmaschinen eine Zusammenfassung darüber, wovon eine Seite handelt. Meta-Tags des Typs “description” sind wichtig, weil Google sie als Snippets für eure Seite benutzten könnte. Wir sagen deshalb “könnte”, weil Google sich auch dafür entscheiden kann, einen relevanten Abschnitt des sichtbaren Textes eurer Seite zu verwenden, falls dieser gut mit der Suche des Nutzers übereinstimmen sollte. Abgesehen davon könnte Google die Beschreibung eurer Website im Open Directory Project verwenden, falls eure Site dort gelistet ist.

Der Inhalt der Seite sollte genau zusammen gefasst werden, außerdem sollte vermieden werden das die selbe Beschreibung auf allen oder vielen Seiten verwendet wird.

ALT-Tag für Bilder verwenden

Bilder sollten immer einen Alternativtext im Alt-Attribut haben. Sollte aus welchen Gründen auch immer ein Bild nicht angezeigt werden wird der ALT-Tag stattdessen angezeigt. Da ist es von Vorteil wenn ein Alternativtext steht und nicht nur Bild1

Robots.txt richtig verwenden

Eine robots.txt-Datei teilt Suchmaschinen mit, ob sie auf bestimmte Teile einer Website zugreifen und sie in der Folge crawlen dürfen. Diese Datei muss den Namen “robots.txt” tragen und sich im Hauptverzeichnis eurer Website befinden. Wenn ihr verhindern wollt, dass Suchmaschinen bestimmte Seiten crawlen, könnte ihr auf den hilfreichen robots.txt-Generator der Google Webmaster-Tools zurückgreifen. Der unterstützt euch bei der Erstellung der Datei.

Sicherstellen das Google die mobilen Websites erkennt

Um euch die SEO Optimierung zu erleichtern könnt ihr die kostenlosen Google Webmaster-Tools verwenden.

Yahoo! (Yahoo! Site Explorer) und Microsoft (Bing Webmaster Tools) bieten ebenfalls kostenlose Tools für

Webmaster an.

Optimiert das Crawling mit Hilfe der Google Webmaster-Tools (http://www.google.de/webmasters/ )

Analyse durch Google Analytics und das Website-Optimierungstool (http://www.google.de/websiteoptimizer/ , http://www.google.de/analytics/ )

SEO Optimierung ist ein ewiger Kreis sobald man ‚fertig’ ist beginnt man mit der Analyse und beginnt wieder mit der Optimierung.

The post Suchmaschinenoptimierung appeared first on Mobile USTP MKL.

Ich habe dieses Projekt genutzt, um mich selbst zu präsentieren. Ich habe als Printprodukt Visitenkarten erstellt, auf denen mein Name, mein Berufsfeld und ein QR-Code abgebildet sind. Beim Scannen des QR-Codes gelangt man auf mein Portfolio.

Design

Es wurden drei Farben verwendet. Weiß (#000000) für den Hintergrund, ein etwas helleres Schwarz (#323232) für Text und ein heller Blauton (#00AEEF) für Überschriften.

Fonts wurden Gotham und Arimo ausgewählt. Gotham wurde in zwei verschiedenen Ausführungen für die Visitenkarten verwendet. Der Name wurde in Gotham Bold und Developer in Gotham Rounded Light geschrieben, beides in Versalien. Für die Website wurde die GoogleFont Arimo verwendet.

Visitenkarte

Die verschiedensten Logos und Layouts der Visitenkarte wurden zuerst auf einem Zettel Skizziert. Die finale Version des Logos wurde in Photoshop umgesetzt. Die Visitenkarten wurden in InDesign erstellt und das Logo von Photoshop importiert. Der QR-Code wurde auf die Rückseite der Visitenkarte platziert. Beim QR-Code handelt es sich um einen dynamischen QR-Code damit die Ziel-URL später verändert werden kann.

Die Visitenkarten wurden möglichst einfach gehalten um Personen neugierig zu machen und sie dazu zu verleiten auf die Website zu schauen.

Die Visitenkarten wurden in einer professionellen Druckerei gedruckt.

Website

Die Website wurde mithilfe von HTML, CSS und dem Plugin jQuery Fullpage erstellt. Die Bilder die auf der Seite angezeigt werden, wurden mit Photoshop erstellt. Dafür wurden Screenshots gemacht und diese dann in Mockups eingefügt. Für Logos wurden hauptsächlich SVGs verwendet. Die Website selber wurde sehr clean gehalten und responsive erstellt um sie auf mobilen Devices gut anzeigen zu können.

Um die Seite responive zu halten wurde mit Media Querys gearbeitet. Dabei wurde auf Screens über und unter 480px Breite eingegangen.

Fazit

Bei der Erstellung der Visitenkarten und meines ersten Portfolios habe ich viele Erfahrungen gesammelt. Zum Beispiel, dass die Schriftgröße und die Schriftfarbe die ich für das Wort ‚Developer’ auf der Visitenkarte verwendet habe, schlecht lesbar ist.

Auch die Anordnung der Bilder auf Desktop PCs und Tablets ist noch nicht perfekt. Ich wurde darauf aufmerksam gemacht, dass die Schriftgröße bei der mobilen Version nicht gut lesbar sei und auf manchen mobilen Geräten das Bild die Schrift überdeckt.

Da das Portfolio nicht ganz fertig ist, wird daran weiter gearbeitet.

Link zu meinem Portfolio

The post Initialprojekt: Portfolio appeared first on Mobile USTP MKL.