nils-dehl.de » iPhone 3GS

Video from my SourceDevCon talk: Buildung a sample MVC Sencha Touch app

Nils Dehl — Wed, 15 Jun 2011 08:25:39 +0000

Example code: http://dl.dropbox.com/u/7549925/shoppinglist.zip

Tweet This Post Post to Delicious Digg This Post

Mobile Chat with Sencha Touch + node.js + socket.io

Nils Dehl — Mon, 13 Dec 2010 22:40:47 +0000

This is an example for a sencha touch based chat client which gets messages pushed from a chat-server written in node.js. For the connection between server and client i use socket.io as implementation of websockets.

I wrote / write this application to have a playground to demonstrate things.

features of the sencha touch chat client:
- mvc architecture
- use localstorage for user settings
- gravatar avatar icons based on user email
- css3 chat bubbles
- pushed chat messages over web-socket
- custom theme (scss)

features node.js chatserver
- using socket.io
- using connect

Screenshots:

Screencast:
http://vimeo.com/17742839

Live Demo:

got an no.de coupon will try to set up the demo soon

Sourcecode:
https://github.com/mrsunshine/Mobile…s—socket.io-

Roadmap:
I plan to use this app as playground which will be continuous upgraded to explain and show different topics of sencha touch and node.js.
if you have cool ideas let me know.

Hope you like it

Nils

Tweet This Post Post to Delicious Digg This Post

How to make a sencha touch app offline usable with the html5 cache manifest!

Nils Dehl — Sun, 20 Jun 2010 12:46:59 +0000

i made my test sencha touch app “remember the card” a memory like browser game offline usable and want to share the steps how to do this in this little “How to”.

If you need general information about the cache manifest take a look on the html5 working draft.

Do the following steps to make your app offline working.

1. create your cache manifest file
create a file yourappname.manifest in your application root. In the file enter all files you have to cache to make your app working offline.

in my case my rememberthecard.manifest file looks like this:

CACHE MANIFEST
#rev5
index.html
sencha-touch-beta-0.90/resources/css/ext-touch.css
css/memory.css
sencha-touch-beta-0.90/ext-touch-debug.js
js/memory.all.js
images/card-01.jpg
images/card-02.jpg
images/card-03.jpg
images/card-04.jpg
images/card-05.jpg
images/card-06.jpg
images/card-07.jpg
images/card-08.jpg
images/cover-leaf.jpg
tablet_startup.png
phone_startup.png

see all options you can use in the .manifest file here.

2. Add your manifest to your application .html file header

3. Add type manifest to your apache config
Add following entry to your apache config (for example apache.conf or vhost.conf )

AddType text/cache-manifest .manifest

4. Add .htaccess with expire configuration for your *.manifest file to your app root

ExpiresActive On
ExpiresDefault "access"

5. Thats it
Now try if everything work, open you app on your mobile device.
Save the link to you homescreen.
Now turn off all your networkconnections and open your app from your homescreen.

It should now work offline.

Hope this helps

Tweet This Post Post to Delicious Digg This Post

Sencha lunch Sencha Touch – The First HTML5 Mobile App Framework

Nils Dehl — Thu, 17 Jun 2010 09:47:11 +0000

Today Sencha lunch the public Sencha Touch Beta.
SenchaTouch is a JS framework for mobile devices.

Sencha Touch
Blogpost: http://www.sencha.com/blog/2010/06/17/introducing-sencha-touch-html5-framework-for-mobile/
www: http://www.sencha.com/

examples: http://www.sencha.com/products/touch/demos.php
introduction video: http://vimeo.com/12636777

I played with Sencha Touch and wrote a touch based memory like game.
For me as Ext JS developer it was pretty easy to write that application.
This cause Sencha Touch has the same syntax like Ext JS.

My first application a memory like browser game run on iPhone, iPad and Android.
It use the “tap” event and flip the cards after the tap with one of the nice animations.

Sencha Touch memory like remember the card demo: http://nils-dehl.de/m

Screenshots:

See Sencha Touch and of course the remember the card application live in action visit the Ext JS Usergroup meetup today in Franfurt!
http://www.meetup.com/Ext-JS-User-Group-Frankfurt/

Tweet This Post Post to Delicious Digg This Post

ExtJS as App on my iPhone

Nils Dehl — Wed, 15 Jul 2009 21:43:24 +0000

Habe heute meine erst iPhone App entwickelt.

ExtJS [1] auf dem iPhone als App .

Realisiert habe ich es mit Phonegap [2].

[1] http://www.extjs.net
[2] http://phonegap.com

Tweet This Post Post to Delicious Digg This Post

Staatstheater

Nils Dehl — Wed, 08 Jul 2009 21:39:53 +0000

Das Foto wurde heute Abend nach dem Besuch des Staatstheaters “The Black Rider” mit meinem iPhone 3GS aufgenommen.

Tweet This Post Post to Delicious Digg This Post

WordPress Theme für iPhone Besucher

Nils Dehl — Mon, 29 Jun 2009 11:26:17 +0000

Für alle iPhone Besucher meines Blog’s habe ich ein extra Theme installiert.

Ich setze dafür das Plugin “WPtouch iPhone Theme” [1] ein.

[1] http://iwphone.contentrobot.com/

Tweet This Post Post to Delicious Digg This Post

iPhone 3GS + Mails per IMAP-IDLE

Nils Dehl — Sun, 28 Jun 2009 20:59:13 +0000

Auf meinem iPhone 3GS greife ich auf IMAP Mailkonten auf meinem Server zu. Dank IMAP-IDLE sind dabei neue Mails auch direkt immer auf meinem iPhone verfügbar. Anders als bei Push-Diensten wie Microsofts Direct Exchange, wird bei IMAP-IDLE [1] die Verbindung zum Server durch das Handy offen gehalten. Es sendet hierfür in regelmäßigen Abständen (bspw. alle 15min) “IDLE” Commands an den Mailserver.

[1] IMAP-IDLE RFC2177: http://tools.ietf.org/html/rfc2177

Tweet This Post Post to Delicious Digg This Post