Verwenden Sie ein mobiles Web-Framework?

8

Ich bin gerade dabei, ein neues Projekt für eine mobile Anwendung zu entwickeln. Der Kunde ist nicht entschieden und ich muss mehrere Lösungen vorschlagen. Die Kompatibilität mit Android (Version 2.2+) ist erforderlich und iOS und andere Betriebssysteme könnten nett sein. Wir können nur für Android entwickeln, aber ich dachte, ein Web Mobile Framework zu verwenden.

Da ich sie nie benutzt habe, habe ich nach den vorhandenen Lösungen gesucht. Ich habe von PhoneGap, Titanium, Sencha Touch und jQuery Mobile gehört.

Hier sind Möglichkeiten, die ich gefunden habe:

  • PhoneGap + Sencha Touch
  • PhoneGap + jQuery Mobile (oder ein Äquivalent)
  • Sencha Touch (API + UI)
  • Titanium

Der kritische Punkt in der Anwendung wird sein, dass Benutzer ein Foto machen und es bearbeiten können: Größe ändern, Text hinzufügen ... Unter Android ist es technisch möglich, aber mit einem mobilen Web-Framework, das ich nicht kenne.

>

Mit PhoneGap und jQuery Mobile zum Beispiel, ist es möglich, es zu tun? Ich habe Teile des Codes für jede Funktion gefunden, aber nichts sehr komplettes, und nicht sicher, dass es auf vielen Handys kompatibel sein wird. Vielleicht ist es besser, zum Entwickeln von Zeit 2 Eingeborenen-Anwendungen zu machen, anstatt zu versuchen, ein mobiles Framework zu verwenden (und die Bildausgabe in Javascript zu entwickeln)?

Und ich habe viele Meinungen zu jedem Rahmen gefunden, aber einige von ihnen wurden dort veröffentlicht, es gibt mehr als ein Jahr und sie entwickelten sich so schwierig, eine klare Vorstellung von allen Lösungen zu haben.

Ich würde also gerne wissen, ob ich diese Bildausgabe mit einer dieser Lösungen realisieren könnte und welche die beste sein könnte.

Danke für Ihre Hilfe

    
skurty 04.01.2013, 22:28
quelle

5 Antworten

39

Einführung

Technisch gesehen kann es mit all deinen Möglichkeiten gemacht werden, ich werde sie nach Schwierigkeitsgrad von niedrig bis schwer ordnen, ich werde sogar noch ein paar mehr Möglichkeiten haben. Außerdem habe ich sehr viel umfangreicher ARTIKEL für meinen Artikel geschrieben Blog.

PhoneGap / Cordova + jQuery Mobile (geringe Schwierigkeit)

Phonegap ist, was Sie hier brauchen, jQuery Mobile ist nur für die Benutzeroberfläche. Dennoch ist diese Kombination sehr einfach zusammen zu implementieren und es gibt viele Arbeitsbeispiele. Phonegap dient als Wrapper für HTML5 / JS / CSS und ermöglicht Ihnen den Zugriff auf Mobiltelefonfunktionalisten. Phonegap wird verwendet, um ein Bild aufzunehmen, und jQM wird für Änderungen verwendet.

Hier ist ein ziemlich neues PhoneGap + jQuery Mobile Tutorial. Wenn Sie eine MAcOS-Version dieses Artikels sehen möchten, schauen Sie sich hier an

Schauen Sie sich HIER an, wenn Sie etwas finden möchten eine gute Quelle für Informationen über Unterschiede zwischen jQuery und jQuery Mobile viel mehr.

PhoneGap / Cordova + Sencha Touch (Schwierigkeitsgrad mittel / schwer)

Im Gegensatz zu jQM ist Sencha Touch ein bisschen schwieriger (oder viel schwieriger, abhängig von deinem Javascript-Wissen) zu lernen, besonders wenn du keine guten Hintergrundkenntnisse mit Javascript hast oder keine Lizenz für Sencha Touch hast Designerwerkzeug. Gehen Sie nur dann auf diese Straße, wenn Sie genug Zeit haben, etwas Neues zu lernen. Sencha Touch Version 2 hat einen eigenen App-Wrapper, so dass Phonegap nicht mehr benötigt wird.

Wenn Sie mehr erfahren möchten, werfen Sie einen Blick auf diesen ARTIKEL die den Unterschied zwischen jQuery Mobile und Sencha Touch diskutieren.

Titan Appzerator (mittlere Schwierigkeit)

Im Gegensatz zu den vorherigen zwei Optionen funktioniert Titanium ein wenig anders. Wenn jQM und Sencha zum Erstellen einer hybriden mobilen App verwendet werden, wird mit Titanium appcelerator eine native App aus JavaScript-Code erstellt. Nicht zu schwierig zu meistern, Js Code ist ziemlich einfach, offen zu sein. Während das schnelle Entwicklungstool wird es schwieriger, Ihre native App richtig zu stylen (es ist viel einfacher, wenn Sie es von Grund auf neu erstellen).

Inter App Framework / ex jqMoby (Schwierigkeit gering)

Dieses Framework ist fast so alt wie jQuery Mobile und gehört jetzt Intel. Wie Sencha Touch Hauptziel dieses Frameworks ist hybride mobile App-Entwicklung und es funktioniert gut. Es ist für Android und iOS optimiert und erwartet daher eine schnellere Ausführung als jQuery Mobile. Wie Sencha Touch hat auch dieses Framework seinen eigenen nativen App-Wrapper. Natürlich gibt es einige schlechte Seiten dieses Frameworks wie eine schreckliche Dokumentation (zumindest während des Schreibens dieses Artikels). Wenn Sie mehr über diesen Rahmen erfahren möchten, schauen Sie sich diesen ARTIKEL .

Kendo UI (Schwierigkeit gering)

Ausgezeichnete Alternative zu jQuery Mobile. Besser, schneller in irgendeiner Weise. Es gibt nur ein Problem, es ist ein kommerzielles Produkt. Es kostet Sie ca. 200 USD.

Weitere Informationen finden Sie hier .

PhoneJS (geringer Schwierigkeitsgrad)

Eine weitere ausgezeichnete Alternative zu jQuery Mobile und Kendo UI. Viel schneller als jQuery Mobile, auf der gleichen Ebene wie Kendo UI. Es hat eine großartige Dokumentation, eine der besten, die ich bis heute gemacht habe.

Weitere Informationen hier .

Lesen Sie dazu HIER .

Lobende Erwähnung

Geht zu Rhomobil. Ähnlich wie Phonegap / Cordova aber weniger verwendet.

Aus der Sicht der Entwicklungszeit ist es schneller, eine Hybrid-App als eine native zu erstellen. In Ihrem Fall, wenn Sie einen Java / Objective C Knowlede Stick mit nativer App haben. Egal, wie viel Zeit Sie in Hybrid-App versenken, es wird gut oder schnell genug sein.

BEARBEITEN:

Hier ist ein Beispiel für Phonegap + jQuery Mobile: Ссылка , dort Sie finden einen GitHub-Link für die Android- und iOS-Implementierung.

Wenn Sie jQuery noch nie benutzt haben, dann bleiben Sie bei Dawson Toth Titanium. Aber wenn möglich, bleiben Sie bei jQuery Mobile.

UPDATE 1

Sie könnten auch an der Open Source PropertyCross Projekt, das die gleiche Anwendung zeigt, die mit einer Reihe von plattformübergreifenden Frameworks implementiert wurde (einschließlich Sencha, jQM und PhoneGap).

UPDATE 2

Ich habe die letzten Wochen damit verbracht, andere HTML5-Frameworks zu überprüfen. Mein Kommentar kann hier und gefunden werden hier .

    
Gajotres 04.01.2013 23:15
quelle
2

Ja, Sie können dies in Titanium tun. Eine naive Implementierung ist unten, entworfen und getestet in 5 Minuten.

Um Ihnen eine Vorstellung davon zu geben, wie es aussehen könnte, lesen Sie Folgendes. Dann schau dir TiDraggable von Pedro Enrique an, wenn du es verbessern möchtest, damit der Benutzer Text oder Bilder relativ zueinander ziehen kann: Ссылка

%Vor%     
Dawson Toth 05.01.2013 03:51
quelle
1

Sehen Sie sich diese detaillierte Überprüfung und den Vergleich von fünf der besten Frameworks für mobile Webanwendungen an:

Grgur 12.03.2014 09:56
quelle
1

Ignoriere JQM, es fügt deiner Anwendung zu viel Overhead hinzu. Ich würde stattdessen Ionic empfehlen. PhoneGap / Cordova + Angularjs (optional) + Ionic werden Sie wirklich weit bringen.

    
Evanion 19.06.2014 20:52
quelle
1

Ich würde sagen, gehen Sie mit Ionic - Ссылка

Ionic bietet eine Bibliothek mit für Mobilgeräte optimierten HTML-, CSS- und JS-CSS-Komponenten, Gesten und Tools zum Erstellen hochinteraktiver Apps. Mit Sass gebaut und für AngularJS optimiert.

Es ist ein leistungsorientiertes und natives fokussiertes Framework mit einer leistungsstarken CLI.

Es ermöglicht Ihnen,

zu entwickeln
  1. iOS
  2. Android
  3. Windows Phone / Universal
  4. Mobiles Web
aWebDeveloper 21.03.2016 07:09
quelle