Thema: SpacePirates WebApp für Smartphones und Tablets

[jcorporation]

SpacePirates WebApp für Smartphones und Tablets

Die SpacePirates WebApp beinhaltet das gesamte SpacePirates Material und Zufallsgeneratoren, eine interaktive Sternenkarte und eine Verwaltung für Piraten und Raumschiffe.

Die App basiert auf meinem Webapp-Framework jcAPP. Sie ist für Touchscreens optimiert und kann mit vielen Smartphones und Tablets verwendet werden. Dank HTML5 kann die App auch offline benutzt werden und aktualisiert sich automatisch.

Mit der Hilfe der völlig kostenlosen SpacePirates-Cloud-Lösung, PirateSpace, kann die App geräteübergreifend synchronisiert werden.

Da ich natürlich nicht mit allen Geräten testen kann ist Feedback höchst willkommen!

http://spacepirates.jcgames.de/webapp/index.html

[jcorporation]

Update
Die HTML5App für Smartphones ist jetzt erfolgreich auf jQuery Mobile portiert und ist damit schöner anzusehen und sollte allgemein kompatibler sein.

Würde mich über Tester freuen, da ich nur wirklich mit dem iPhone testen konnte.

Die App für Tablets wird in diese App integriert werden, sobald das jQuery Mobile Framework eine 2-Spalten Darstellung unterstützt.

[oliof]

Die App funktioniert. Ein paar Anmerkungen:

- Die Beschriftung auf der Sternkarte ist zu klein und wird (auf Android) bus zur Unkenntlichkeit wegantialisiert. Ich würde mir auch mehr Zoomstufen als eine wünschen.
- Die Schriftgrösse der einzelnen Texte ist nicht variabel.

Funktioniert offline (airplane mode getestet) wie online.

[jcorporation]

Danke fürs Feedback. Wie testet du das mit der Schriftgröße? Kann man mit Android die App zoomen? Auf die Sternenkarte wartet noch eine Überarbeitung, dann schau ich mal ob ich die Schrift darauf lesbarer hinbekomme.

[oliof]

Naja, normalerweise kann ich webseiten Zoomen, und dann wird der Text automatisch vergrössert und neu umgebrochen. Bei Dir scheint das im CSS abgeschaltet zu sein …

[jcorporation]

Die Sternenkarte der App kann jetzt per Multitouch Geste skaliert werden, jedenfalls funktioniert es auf dem iPhone, kann es jemand mit Android testen?

[jcorporation]

Ich habe mich heute ein paar Stunden mit SplitView (http://asyraf9.github.com/jquery-mobile/) beschäftigt und die SpacePirates App darauf Portiert.

Das Ergebnis findet ihr hier: http://spapp.jcgames.de

Ich konnte es leider noch mit keinem Tablet testen, aber mit Chromium und dem iPhone scheint alles zu funktionieren.

Hier noch ein Screenshot:

[jcorporation]

Die SpacePirates App für Tablets schreitet gut voran, sie bietet jetzt auch noch die Abenteuer und das SpaceNinjas Themenheft, einige Probleme sind auch behoben und sie besitzt jetzt zudem eine Suchfunktion, die mit der HTML5 eingeführten clientseitigen SQL Datenbank funktioniert.

[jcorporation]

Ich habe nun iScroll aktualisiert, damit sollte jetzt die Sternenkarte auch unter Android zoombar sein.

[jcorporation]

Ich habe nun ein paar Features der experimentellen Tablet-App auf die Smartphone-App zurückportiert.

- Die Smartphone-App zeigt jetzt auf dem iPhone einen Hinweis an, wie man die App installieren kann, wenn man die Seite mit dem Safari ansurft.

- Die Tabellen können jetzt nach dem aufklappen horizontal gescrollt werden.

Übrigens kann die Tablet-App auch auf dem Smartphone benutzt werden, sie switch dann automatisch in den 1-Spalten-Modus, sie ist aber nicht ganz so stabil, wie die Smartphone-App. Dafür bietet sie aber auch mehr Features, wie z.B. die Suchfunktion. Ich hoffe irgendwann die beiden Apps zu einer zu verschmelzen, aber da weder jQueryMobile noch Splitview stabil sind, wird das wohl noch etwas dauern.

Smartphone-App: http://spapp.jcgames.de


Bekannte Probleme der Tablet-App:
- Suche funktioniert unter dem iPad (2) nicht
- Sternenkarte wird beim iPad (2) nicht angezeigt
- Hauptmenü-Style ist defekt (iPad/Android 3)

[jcorporation]

Die ersten Texte für das HTML5 App Tutorial mit jQueryMobile und Splitview sind geschrieben.

[jcorporation]

So, nachdem ich jetzt mit einem Android 3 Tablet testen kann, ist mal der Hauptmenü-Style repariert und fast alle Tools (bis auf das Würfeltool) funktionieren.

Was unter Android 3 noch nicht geht ist:
- Die Sternenkarte kann man nicht zoomen
- Beim Suchfeld klappt kein virtuelles Keyboard aus
- CSS Transformationen "blinken"

[jcorporation]

Die SpacePirates App für Smartphones ist nun auf jQueryMobile 1.0 Beta 1 aktualisiert:
  * http://spacepirates.jcgames.de/html5app/index.html

Die SpacePirates App für Tablets wird aktualisiert sobald das Splitview Plugin auf jQueryMobile 1.0 Beta 1 portiert worden ist.

[jcorporation]

Die Frameworks hinter der SpacePirates HTML5 App wurden auf jQueryMobile 1.0 Beta 2, jQuera 1.6.2 und iScroll 4.1.9 aktualisiert. Inhalte gibt es keine neuen, dafür wurde aber der Startup-Bildschirm komplett überarbeitet und kommt jetzt wesentlich hübscher daher.

Fehlen die noch Funktionen in der App?

[jcorporation]

Die neuste App bringt jetzt auch den NSC-Generator mit.

[jcorporation]

Die SpacePirates HTML5 App wurde jetzt noch etwas gepimpt:
http://spacepirates.jcgames.de​/webapp/index.html

[jcorporation]

Die SpacePirates-App wurde auf 0.8.7 aktualisiert und bringt vorallem Bugfixes und die komplett überarbeiteten Online-Tools mit. Die App für Tablets wurde nun auch auf jQueryMobile 1.0 Beta 2 aktualisiert, die Bugs aus der Vorversion, sind aber leider immer noch vorhanden.

[jcorporation]

Die SpacePirates App wurde jetzt auf jQueryMobile 1.0 Beta 3 aktualisiert und bringt daher vorallem Kompatibilitätsfixes für die unterstützten Plattformen.

[jcorporation]

Die SpacePirates App in der Version 0.9.1 bringt jetzt auch den Techsprech Generator mit.

[jcorporation]

jQueryMobile 1.0 RC1 ist gerade veröffentlicht worden und die SpacePirates wurde bereits darauf aktualisiert.

Die App für Tablets wartet leider noch auf einen Bugfix im Splitview Fork.

[jcorporation]

Die App für Tablets wurde soeben auf die Version 0.9.1 aktualisiert. Sie basiert jetzt auch auf jQuery Mobile 1.0 RC1. In dieser Version funktioniert jetzt auch endlich die Suche und das Würfeltool. Inhaltlich bietet die App damit alles, was auch die Smartphone Version hat. Zudem wurde das Aussehen der App noch etwas gepimpt und die Lesbarkeit der Sternenkarte verbessert.

Leider gibt es noch ein Problem mit dem Zurück-Button im rechten Panel, aber da bin ich gerade mit dem Splitview Entwickler dran.

http://spapp.jcgames.de/

Die nächste Version der beiden Apps soll dann auch die NSC-Datenbank und die Texte der beiden in Arbeit befindlichen Themenhefte enthalten.

[Silent]

Also wenn ich mit meinem Android 2.2 Smartphone auf den Menübutton klicke kommt immer "Error loading Page" Fehlermeldung... arg fast immer, er hat es gerade einmal geschaft wirklich ins Hauptmenü zurückzugehen, aber von der Toolsseite weigert er sich hartnäckig.

Ah es geht wenn ich vorher im Favoritenordner war, dann geht er zurpck ins Hauptmenü, aber sonst nirgends (hab jetzt nicht alle Unterordner ausprobiert aber einige)

[jcorporation]

Wenn du Smartphone schreibst, dann hast du mit der normalen App getestet und nicht mit der für Tablets?

Grundsätzlich ist es so, dass die Menü,Favoriten und Suche Buttons im Footer für die Navigation auf eine dieser Seiten gedacht sind. Um im Menü zu navigieren dient eigentlich der Zurück Button links im Header. In der Tablet App ist es dasselbe, nur dass dort in der Listview oben ein Zurück-Eintrag existiert.

Hab es gerade mit meinem iPhone getestet, da kommt derselbe Fehler, wie auf deinem Android. Ich werde demnächst die App auf jQueryMobile 1.0 RC2 aktualisieren und mal schauen ob ich den Fehler beseitigt bekomme.

[Silent]

Ich hab die normale App genommen

Aber mal so nebenbei, sieht echt cool aus das Ding ^^

[jcorporation]

Hab den Fehler gefunden und in der aktuellen Version gleich gefixt.