Autor: Sebastian Viereck

Kategorien
JavaScript Web Frontend

Javascript Cookies setzen und auslesen

Die Arbeit mit Cookies in Javascript ist sehr unhandlich, deswegen sollte immer eine Bibliothek benutzt werden, die einem schwer lesbaren Code erspart, sonst muss man sich mit solchem Code anfreunden:

a = document.cookie;
cookiename = a.substr(0,a.search('='));
cookiewert = a.substr(a.search('=')+1,a.search(';'));
if(cookiewert == '')
{
cookiewert = a.substr(a.search('=')+1,a.length);
}

Es empfiehlt sich die Bibliothek Javascript Cookie Library with jQuery bindings and JSON support für das Cookie Handling zu benutzen. Diese kann mit oder ohne jQuery benutzt werden. Mit jQuery sehen die Operationen dann so aus:

$.cookies.set('foo', '0');

var foo = $.cookies.get('foo');
Kategorien
iPhone/iOS

iPhone Mail stürzt ab beim Absenden

Bei mir stürzt beim Verschicken der Mails das Programm ab, weil im Namen des Empfängers ein „|“ enthalten ist. Mit solchen Sonderzeichen kann das iPhone interne Mail Programm nichts anfangen.

Lösung: Empfänger Email löschen und von Hand eintippen, so dass kein Sonderzeichen mehr enthalten.

Beispiel: Also anstelle der gepseicherten Variante „Mutter|Papa“, hinter welche eine Emailadresse steht, einfach eintippen „mail@eltern.de“.

Kategorien
Phonegap/Cordova

Phonegap Teil3: Basics und das erste Programm

Die Programmierung mit Phonegap erfolgt zum größten Teilin HTML(5) Javascript und CSS(3). Es wrd kein nativer Code benötigt, es kann aber per Plugin nativer Code benutzt werden.

Testen von mobilen Anwendungen

iOS: Safari, Develop->User Agent->Mobile Safari (iPhone, iPad)

Android: Firefox Addon: User Agent Switcher und fertige Listen mit User Agents.

Es wird empfohlen einen Webkit Browser (Safari oder Chrome) zum normalen Entwickeln zu benutzen, aufgrund der häufigen Verwendung auf den Zielsystemen.

Weiterlesen „Phonegap Teil3: Basics und das erste Programm“
Kategorien
Xbox Kinect SDK

Kinect SDK Tutorial Installation unter Windows 7

Um die Gestenerkennung der Xbox Kinect unter Windows nutzen zu können, kann man die Kinect an seinen PC anschließen und damit interagieren. Eine Kinect Quickstart Videosammlung von Microsoft gibt es hier.

Es ist zwingend Windows 7 oder Windows Embedded Standard 7 nötig für die Kinect Kamera und mindestens Dual-Core 2.66-GHz CPU und 2 GB Ram und natürlich ein USB 2.0-Steckplatz. Es läuft auf 32bit sowie 64bit Prozessoren.

Softwaretechnisch ist zwingend DirectX9.0c von Nöten, anderen Versionen sind nicht (abwärts) kompatibel.

Bei den Kinect Kameras gibt es 2 Versionen, eine normale „Xbox 360″ Version und eine „Kinect for Windows„- Profi Version (Preis aktuell: 200€ bei Amazon).

Die Vorteile der  Kinect for Windows zur Xbox Kinect

  • „Near–mode„, mit dem man Daten aus einer Entfernung von min 40cm (1.3 feet)  empfangen kann, d.h. aus einer normalen PC-Arbeitsplatz-Entfernung. Die Standard Kinect arbeitet empfohlener Maßen bei einer Entfernung von um die 2m (1,8m – 3m, je nach Anzahl Personen)
  • Deutlich verbesserte Personenerkennung
  • Kontrolle, welche Person durch den Sensor getrackt werden soll
  • Zum Verwenden und Starten von kommerzieller Software (ausgenommen Xbox Spielen) benötigt man die Profi-Version, zum Entwickeln reicht jedoch die Konsolen-Variante aus.
  • unterstützt bis zu vier Kinect-Sensoren pro Computer
  • verbesserte Spracherkennung

Man kann die Versionen an dem Schriftzug auf dem Gerät unterscheiden: normal „XBOX 360“ rechts frontal, Profi-Near Version: „Kinect„.

Kinect for Windows:

normale Xbox Kinect Kauf Varianten:

Eine interessante Erweiterung für die Standard-Kinect ist die Kinect Zoom Weitwinkel-Linse. Damit können auch Entfernung von 0,8 bis 4m realisiert werden für einen niedrigen Preis. Die Qualität ist nicht besonders gut für Spiele, aber für Programme kann die Linse durchaus empfehlenswert sein.

Leider wird bei bei vor längerer Zeit gekauften Konsolen nicht unbedingt ein USB-Anschluss mitgeliefert, es muss also möglichweise erstmal ein Adapter her. Dieser kann entweder gekauft oder auf abenteuerliche Weise selber gebaut werden.

Weiterlesen „Kinect SDK Tutorial Installation unter Windows 7“

Kategorien
Webdeveloper Tools

Webseitentext in beliebiger Form erstellen

Ein schönes Online Tool zum Erstellen von beliebigen Textformen bietet csstextwrap.com an. Der Code kann direkt kopiert werden und die Browser-Kompatibilität/SEO durch die Auswahl unter 3 Implementierungsarten (CSS oder JS) sichergestellt werden.

Demo:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Donec iaculis, purus at porta tristique, pede nisi rhoncus pede, non nonummy augue nunc in tortor. Nunc gravida, nisl ac tempor rutrum, risus odio pharetra eros, eu feugiat diam nisi sit amet sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fsdfsdfames ac turpis egestas. Nam quis neque at odio laoreet convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras cursus ullamcorper sapien. Morbi in velit vel mi cursus commodo. Sed hendrerit tellus eget sem. Morbi quam. Nulla auctor massa non odio. Aenean viverra faucibus lectus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Donec iaculis, purus at porta tristique, pede nisi rhoncus pede, non nonummy augue nunc in tortor. Nunc gravida, nisl ac tempor rutrum, risus odio pharetra eros, eu feugiat diam nisi sit amet sem.

Kategorien
Webdeveloper Tools

Hintergrund-Tapeten Tool für Webseiten

Ein sehr nettes und kostenloses Online Tool um Tapeten-Hintergründe für die eigene Homepage zu erstellen, d.h. vorgegebene Bilder, die sich endlos wiederholen und wenig Speicherplatz belegen: bgpatterns.com und stripegenerator.com

Meine eigene Webseite habe ich auch mit so einem Hintergrund versehen, schick oder?

Kategorien
Webdeveloper Tools

Tote Links auf der Webseite finden mit Xenu’s Link Sleuth

Mit dem fabelhaften und kostenlosen Desktop-Tool Xenu’s Link Sleuth für Windows ist es sehr einfach möglich tote (ins leere führende) Links zu finden. Der Programmierer Tilman Hausherr wohnt zufällig direkt um die Ecke in Berlin Schöneberg, wie ich erfahren habe, vielen Dank nochmal für das Tool!

Die Installation über die setup.exe ist schnell erledigt unter Windows. Dann kann über File->Check Url eine Webseitenadresse angegeben werden, die dann überprüft wird. Es sollte darauf geachtet werden, dass das Tool naturgemäß viel Traffic verursacht auf der Webseite, da es alle Seiten der Webseiten und die verlinkten Seiten außerhalb besucht. Es ist also sinnvoll das Programm nicht zur Hauptzugriffszeit zu starten.

Oberfläche und Ergebnisse von Xenu's Link Sleuth
Weiterlesen „Tote Links auf der Webseite finden mit Xenu’s Link Sleuth“
Kategorien
HTML5

HTML5 Tutorial

Die neuen Funktionen und Anwendungen von HTML5 im Überblick

Die neuen Formulare

Auch bei Formularen hat HTML5 interessante Neuerungen implementiert. Die Benutzerfreundlichkeit wird durch die neuen Funktionen verbessert, die zwar schon vorher durch Javascript-Bibliotheken vorhanden waren, jedoch jetzt endlich auch ohne aktiviertes Javascript benutzt werden können. Dies gilt im Übrigen für fast alle neuen Funktionen.

number

Mit einem einem input-Formular des Typs number, ist es möglich Zahlenwerte vom User einfacher abzufragen, sowie einen Wertebereich sowie einen Mindestabstand zwischen den möglichen Wahlwerten vorzugeben ohne den User mit komplizierten Regeln zu überfordern.
Aktuell kann nur Opera diesen Typ darstellen. <input type="number" min="18" max="65" step="1">

 

Darstellung in Opera 11.01: html5 number opera
Ihr aktueller Browser:
Weiterlesen „HTML5 Tutorial“
Kategorien
Phonegap/Cordova

Phonegap Teil2: Installation für Android unter Eclipse Windows 7

A product could not be loaded.

Die Installation unter Eclipse für Android ist sehr einfach, es kann das Testprojekt verwendet werden aus dem Phonegap-Package oder selber ein Projekt angelegt werden.

Wichtig ist, dass das Tutorial zum jetztigen Zeitpunkt noch nicht auf den neuen Namen von Phonegap umgeschrieben war – Cordova – als die Dateien von bspw. phonegap-1.50.js in cordova-1.50.js umbenannt worden sind. Ich empfehle das Test-Projekt zu nehmen.

Das Test-Projekt für Android befindet sich unter lib\android und kann über Eclipse: new Project, with existing sources importiert werden. Die cordova-1.50.jar muss noch zum Build Path hinzugefügt werden (Project Properties/Java Build Path/Libraries/Add JARs) und das Test Projekt kann gestartet werden.

In der Demo kann man alle Phonegap Funktionen wie GPS, Accelerometer, Nummern wählen, vibrieren, Bildergalerie, Kontakte, Netzwerkstatus und Kompass ausprobieren auf dem Testhandy/Simulator.

20120322-113921.jpg

zurück zu Phonegap Teil1: Features und Möglichkeiten

Nach dem Buch:

Kategorien
Phonegap/Cordova

Phonegap Teil1: Features und Möglichkeiten

Mit Phonegap kann man Webanwendungen mit HTML5, CSS und Javascript bauen als mobile Webanwendung und gleichzeitig eine native App für den App-Store und den Androide Market. Phonegap ist Open Source und wird von der Apache Cooperation und Adobe unterstützt. Auch eine Mischung aus mobiler Anwendung als Webseite und nativer App im Store ist möglich. Die große Frage ist, wo sind die Grenzen von Phonegap, was ist nicht möglich? Welche Features und Möglichkeiten bietet Phonegap im Vergleich zu einer nativen App.

Systemvorraussetzung nach Zielplattform

iOS: MAC ab OS X 10.6

Android und HP WebOS: alle 3 (=Windows, Mac, Linux)

Symbian: alle 3, aber der Simulator läuft nur unter Windows

Blackberry: Windows, Mac, aber der Simulator läuft nur unter Windows

Windows 7 Phone: Mac ab OS X 10.5 🙂

Weiterlesen „Phonegap Teil1: Features und Möglichkeiten“