Online-Designer für mobile Anwendungen. App-Entwicklungs-Apps: So erstellen Sie selbst eine App für iOS und Android. Hypothesentest: Lohnt es sich, Online-Dienste zur Erstellung mobiler Anwendungen zu nutzen?

Erstellen eigene Programme für mobile Geräte, die darauf laufen Android-basiert- Dies ist eine schwierige Aufgabe, die nur mit Spezialwerkzeugen gelöst werden kann Software sowie grundlegende Programmierkenntnisse. Darüber hinaus ist die Wahl einer geeigneten Umgebung zum Schaffen wichtig mobile Anwendungen Nicht weniger wichtig, da es den Entwicklungs- und Testprozess erheblich vereinfachen kann. Heute werfen wir einen Blick auf die besten Vertreter des Softwaresegments für die Entwicklung von Android-Anwendungen.

Android Studio ist eine integrierte Softwareumgebung, die von Google entwickelt wurde. Es schneidet im Vergleich zu seinen Gegenstücken gut ab, da es von denselben Leuten, die dieses Betriebssystem entwickeln, für die Entwicklung von Anwendungen auf Android angepasst und optimiert wurde. Das Programm bietet die Möglichkeit, verschiedene Arten von Tests und Diagnosen durchzuführen. Daher enthält Android Studio Tools zum Testen der Kompatibilität der Anwendungen, mit denen Sie schreiben verschiedene Versionen mobiles Betriebssystem und verschiedene Plattformen. Das Studio verfügt außerdem über Tools zum Entwerfen mobiler Anwendungen und zum nahezu sofortigen Anzeigen der vorgenommenen Änderungen.

Die Unterstützung für Versionskontrollsysteme und das Vorhandensein einer Entwicklerkonsole sind beeindruckend, ebenso wie viele Standardvorlagen für grundlegendes Design und Standardelemente zum Erstellen von Android-Anwendungen. Zu den zahlreichen Vorteilen kommt noch hinzu, dass dieses Produkt absolut kostenlos vertrieben wird. Der einzige hervorzuhebende Nachteil ist die englischsprachige Benutzeroberfläche der Umgebung, aber Sie werden nicht auf Russisch programmieren.

RAD Studio

Die neue Version von RAD Studio namens Berlin ist ein vollwertiges Tool zur Entwicklung plattformübergreifender Anwendungen, einschließlich mobile Programme, in den Sprachen Object Pascal und C++. Sein Hauptvorteil gegenüber anderen ähnlichen Softwareumgebungen ist, dass es Ihnen ermöglicht, sich durch die Verwendung von sehr schnell weiterzuentwickeln Cloud-Services. Neue Entwicklungen in dieser Umgebung ermöglichen es Ihnen, das Ergebnis der Programmausführung und alle in der Anwendung ablaufenden Prozesse in Echtzeit zu sehen, wodurch Sie über die Genauigkeit der Entwicklung sprechen können.

Hier können Sie flexibel von einer Plattform zur anderen oder zum Serverspeicher wechseln. Der Nachteil von RAD Studio Berlin ist, dass es sich um eine kostenpflichtige Lizenz handelt. Bei der Registrierung erhalten Sie jedoch 30 Tage lang eine kostenlose Testversion des Produkts. Die Schnittstelle ist Englisch.

Eclipse ist eines der beliebtesten Softwareplattformen Open Source zum Schreiben von Anwendungen, auch für mobile Anwendungen. Zu den Hauptvorteilen von Eclipse gehört ein riesiger Satz APIs zum Erstellen Softwaremodule und die Verwendung des RCP-Ansatzes, der es Ihnen ermöglicht, nahezu jede Anwendung zu schreiben.

Diese Plattform bietet Benutzern Elemente kommerzieller IDEs wie einen praktischen Editor mit Syntaxhervorhebung, einen Debugger, der im Streaming-Modus arbeitet, einen Klassennavigator, Datei- und Projektmanager, Versionskontrollsysteme und Code-Refactoring. Ich freue mich besonders über die Gelegenheit zusätzliche Installation zum Schreiben des SDK-Programms erforderlich. Um Eclipse nutzen zu können, müssen Sie jedoch auch Englisch lernen.

Die Wahl einer Entwicklungsplattform ist ein wichtiger Teil der Startup-Arbeit, da die Zeit, die zum Schreiben eines Programms benötigt wird, und der Aufwand, der dafür aufgewendet wird, maßgeblich davon abhängen. Warum sollten Sie schließlich eigene Klassen schreiben, wenn diese bereits in den Standardsätzen der Umgebung enthalten sind?

Telegram ist ein einzigartiger Messenger. Und das nicht nur, weil es schnell und stabil funktioniert (es gibt Gerüchte, dass es auch dann funktioniert, wenn das Internet ausgeschaltet ist), sondern auch wegen seiner offenen Plattform, die es jedem Benutzer ermöglicht, eigene Bots zu erstellen.

Heute ergänzen wir diese Liste Themen für Android- das bedeutet, dass Sie sich ändern können Aussehen Ihr Telegramm so, wie Sie es möchten. Erstellen Sie zum Beispiel einen glamourösen rosa Hintergrund und blauen Text oder schwarze Buchstaben auf schwarzem Hintergrund, und niemand kann Sie aufhalten!

Um zu einem der integrierten Designs zu wechseln oder ein eigenes zu erstellen, gehen Sie zu Einstellungen und klicken Sie auf den Artikel Themen. Besonders für diejenigen, die es nutzen möchten Nachtthema , es aber nicht selbst erstellen oder nach einem fertigen suchen möchte, haben wir es in die Liste der Standardversionen aufgenommen.



Übrigens, was die Themensuche betrifft: Es gibt zwar keinen praktischen Katalog, aber wir veröffentlichen die besten Themen in unserer Gruppe @ThemesGroup. Treten Sie ein: Sie können sich dort zeigen und andere sehen.

So erstellen Sie Ihr eigenes Thema

Es ist klar, dass nicht jedem die vorinstallierten Themes gefallen – manchmal möchte man einfach selbst etwas machen. Damit Sie nicht durch Dateien wühlen und Farben manuell ändern müssen (wie es in der Fall war), haben wir eine praktische Funktion hinzugefügt Visueller Editor. Klicken Sie einfach auf das Palettensymbol und ändern Sie die Farben der Elemente auf dem Bildschirm.



Erstelle dein eigenes Themen für Telegram Es ist ganz einfach – sogar ein Kind kann es schaffen. Hier sind beispielsweise einige Themen, die von normalen Benutzern erstellt wurden.

Zunächst müssen Sie entscheiden, wie genau Sie Anwendungen erstellen möchten: manuell programmieren oder grafische Anwendungsdesigner verwenden? Manuelle Werkbänke sind fortgeschrittener und bieten anspruchsvollere Spiele, sind aber für Anfänger keine Option.


Da Sie diesen Artikel lesen, ist Ihr Wissen wahrscheinlich noch nicht auf dem neuesten Stand. hohes Level und du machst gerade deine ersten Schritte.

Hauptaufgaben für einen beginnenden Entwickler

Lassen Sie uns zunächst herausfinden, welchen Anwendungs-Builder Sie verwenden werden. Was unser Redakteur haben sollte:

  • Eine intuitive Benutzeroberfläche für Sie.
  • Logisches und konsistentes Arbeiten im Editor.
  • Arbeiten Sie in zwei Richtungen: mit Code und Grafiken.
  • Klare Arbeitsanweisungen und die Möglichkeit, im Support-Forum Fragen zur Arbeit zu stellen.

Befolgen Sie diese Tipps und wählen Sie nur vertrauenswürdige Redakteure.

Die 10 beliebtesten grafischen App-Builder

#1

Alstrapp ist ein vollwertiges CMS zum Erstellen und Verwalten von Anwendungen für Android und iOS.
Es fallen keine Abonnementgebühren oder Abonnements an – lediglich der einmalige Kauf einer Lizenz, mit der Sie eine unbegrenzte(!) Anzahl von Anwendungen ohne Einschränkungen erstellen können.

Die Hauptvorteile sind erwähnenswert:

  • PUSH- und Alarmbenachrichtigungen
  • Kundenverwaltung (Kontoregistrierung, persönliches Konto)
  • Inhaltseditor (es ist möglich, beliebige HTML-Inhalte hinzuzufügen und zu bearbeiten, ohne die Anwendung zu aktualisieren)
  • Chatten Sie mit Benutzern
  • App-Branding (benutzerdefinierte Symbole und Ladebildschirme)
  • nur kostenlose Vorlagen für Android- und iOS-Geräte
  • Verwalten Sie alle Anwendungen in einem Fenster
  • 100 % Open Source

Eine über Alstrapp erstellte Anwendung verfügt über sauberen Code und besteht problemlos die Moderation in mobilen Stores. In der Regel haben viele Online-Konstrukteure mit diesem Punkt Probleme.

Alstrapp verfügt über ein Lokalisierungssystem und unterstützt die russische Sprache.

Übrigens können Sie zur Unterstützung auch auf Russisch schreiben – die Entwickler sind unsere Landsleute.

NWICODE ist ein innovativer Marktführer in der Anwendungsentwicklung, weil... Den Entwicklern ist es gelungen, ein vollwertiges CMS zu erstellen, dank dem jeder ohne Programmiersprachenkenntnisse seine eigene Anwendung schreiben kann. Auf dieser Plattform ist es möglich, Anwendungen für Android, iOS sowie Web App zu erstellen. Hauptvorteile:

  • Kalendermodule, Online-Aufzeichnung, Ankündigungen usw.;
  • erfordert keine Programmierkenntnisse;
  • integrierte Analyse;
  • Mobiles Internet-E-Commerce-Shop;
  • kostenloser Landingpage-Builder;
  • Integration mit sozialen Netzwerken.

Auch gute Vorteile ist ein reaktionsschnelles technisches Support-Team und kostenloses Anwendungshosting für den ersten Servicemonat.

Das Programm hinterlässt Open-Source-Code und Stile, die Sie nach eigenem Ermessen ändern können, wenn Sie über Programmierkenntnisse verfügen. Komplett auf Russisch.

Uns ist etwas Erstaunliches aufgefallen. Unter den ausländischen Anwendungsdesignern sind die meisten kostenlos, während sie unter den inländischen kostenpflichtig sind. Deshalb ist APPS-TECH wie ein Hauch frischer Luft, denn es bietet die Erstellung und das Hosting von Anwendungen kostenlos an.

Eine klare Benutzeroberfläche auf Russisch und die Möglichkeit, eine unbegrenzte Anzahl von Anwendungen zu entwickeln, werden nur durch banale Vorlagen mit Standarddesign beeinträchtigt

Hauptmerkmal FREELAPP-Service ohne klassische Zahlung. Sie müssen nur für eine bestimmte Anzahl von Anwendungen eine Lizenz bezahlen. Video-Tutorials mit Schritt-für-Schritt-Training, Open Source, benutzerfreundliche Oberfläche, Datenspeicherung auf sicheren Cloud-Servern – dank dieser Vorteile steht FREELAPP auf unserer Liste.

Die Plattform mit dem kreativen Namen „Own Application“ wurde Anfang 2017 von jungen russischen Unternehmern gegründet und verfügt über einen breiten Funktionsumfang. Es eignet sich für alle Arten von Unternehmen, insbesondere für mobile Online-Shops.

Der erste „Trick“ des Dienstes besteht darin, dass Sie Ihre Corporate Identity an den Manager senden können und dieser sie kostenlos in Ihre Bewerbung integriert. Zweitens ist die Erfassung bereits in der Anwendung verbunden

Leider ist der Dienst nicht mehr verfügbar.

Mit der APPSFERA-Plattform können Sie ohne technische Kenntnisse und in nur wenigen Minuten eine Anwendung erstellen. Es bietet mehr als 50 vorgefertigte Module, ein vollständig anpassbares Design, die Möglichkeit, eigene Stile und Codes zu verwenden sowie den RSS-Feed jeder Site in die Anwendung zu integrieren.

Es erwarten Sie weitere Extras, darunter eine Foto- und Videogalerie, das Senden von Push-Nachrichten direkt an die Smartphones der Kunden und die Geolokalisierungserkennung

Das kostenloses Tool Erstellen einer Anwendung. Die offensichtliche Unannehmlichkeit besteht darin, dass es überhaupt keine russische Sprache gibt, daher sind Grundkenntnisse in Englisch erforderlich, aber im Allgemeinen ist es nicht schwer, damit klarzukommen.

Der Service eignet sich perfekt für Anfänger und Fortgeschrittene mit Kenntnissen des Themas. Verfügbar Schritt für Schritt Anweisungen gibt es auch nützliche Tipps.

Ich werde die Hauptvorteile von THEAPPBUILDER auflisten:

  • Unglaublich große Auswahl an vorgefertigten Vorlagen. Ideal zum Erstellen einfacher, unkomplizierter Android-Anwendungen.
  • Sehr detaillierte Statistiken zur Erstellung Ihrer Anwendungen, verfügbar in einfacher Form.
  • Veröffentlichen Sie Ihre Bewerbung an Google Play, es wird für Sie nicht viel Aufwand erfordern.

Der schnellste App-Builder. Hauptvorteil dieser Herausgeber– Betten Sie Links und Werbung Ihrer Website in Android-Anwendungen ein.

Hier sind einige weitere Hauptunterschiede dieses Dienstes:

  • Das Schreiben von Bewerbungen geht recht schnell
  • Erstellen Sie wirklich funktionierende Spiele mit hervorragender Grafik.
  • Übersichtliche und bequeme Veröffentlichung bei Google Play.
  • AppsGeyser gibt Ihnen die Aufgabe, Ihre App direkt von dort aus zu monetarisieren.
  • Online haben Sie Zugriff auf: Erstellen, Bearbeiten und Veröffentlichen im Internet aller Ihrer Anwendungen.

Dieser Editor kann getrost als Anwendungsdesigner bezeichnet werden. Sie müssen bestehende Rätsel zusammenstellen, von denen das Tool viele gesammelt hat.

Lassen Sie uns die Funktionen von IBUILDAPP auflisten:

  • Sehr umfangreiche Softwarevorlagen zu verschiedenen Themen: Fotostudios, Taxis, Restaurants, Transport und vieles mehr. Wählen Sie Ihre Vorlage und passen Sie sie an Ihre Bedürfnisse an.
  • Verfügbarkeit von Tools zur Bewerbung Ihrer Anwendung bei Google Play. Jetzt müssen Sie sich keine Sorgen mehr um Ihren Platz an der Sonne machen, das Programm erledigt das für Sie und befördert Ihr Projekt im Ranking.
  • Verbinden Sie Werbung mit Ihrem Projekt und schaffen Sie so die Möglichkeit, Ihnen Gewinn zu bringen.

Nr. 10 App-Erfinder

Der beliebteste grafische Anwendungsdesigner auf dem Markt. Diese Ressource wurde von niemand anderem als Google entwickelt. Dieser Editor ist mit den fortschrittlichsten Techniken und Algorithmen ausgestattet, mit denen sich anständige Programme erstellen lassen.

Die Tatsache, dass das Projekt kostenlos ist, erhöht nur seine Attraktivität für den Normalbürger. Um mit dieser Anwendung arbeiten zu können, benötigen Sie ein Konto im Google-System. Die Registrierung ist ebenfalls kostenlos. Alle Ihre Unternehmungen werden in der Cloud gespeichert, was Ihnen unbegrenzte Möglichkeiten bietet, zu Hause von jedem Gerät und überall auf der Welt zu arbeiten.

Ich möchte außerdem Folgendes anmerken:

  • Während der Arbeit können Sie alles in Echtzeit verfolgen, alle Aktionen werden auf einmal angezeigt.
  • Das Speichern Ihres Projekts erfolgt mit einem Klick.


Interessante Tatsache: In zehn Jahren jeder zweite Entwickler Computerspiele wird eine Frau sein

Soll ich es selbst schreiben oder es einem Entwicklungsstudio anvertrauen?

Aus den obigen Ausführungen im Artikel stellen wir sofort fest, dass das manuelle Schreiben von Programmen nicht so schwierig ist. Indem Sie es selbst erstellen, zahlen Sie keine Entwickler, was bedeutet, dass Sie von unschätzbarem Wert sind persönliche Erfahrung bei der Erstellung und Nutzen bei der Anzahlung. Wenn Sie selbst eine Arbeit schreiben, fällt es Ihnen leichter, das zu verwirklichen, was Sie wollen, da es nicht immer möglich ist, Ihre Wünsche klar zu beschreiben, geschweige denn, sie in einem Programm nachzubilden.

Wenn Sie sich jedoch dafür entscheiden, dem Studio als Entwickler zu vertrauen, können Sie mit einer schnellen Auftragserfüllung rechnen. Als Profis auf ihrem Gebiet sind sie in der Lage, Ihre Wünsche in Projekte umzusetzen, auf der Ebene der Intuition wissen sie alles über diese Angelegenheit. Auf diese Weise erhalten Sie sehr praktische Ratschläge zur Verbesserung Ihres Programms, um dessen Rentabilität und Qualität zu steigern.

Abschließend möchte ich anmerken, dass Sie unabhängig davon, wofür Sie sich entscheiden, zunächst einen Plan für Ihre Aktionen erstellen und herausfinden müssen, ob Sie noch so viel freie Zeit zum Gestalten haben und welche finanziellen Möglichkeiten Sie haben. Im Allgemeinen wird Ihnen jede der Ressourcen dabei helfen, das zu erreichen, was Sie wollen – wenn Sie nur den Wunsch haben!

Operationssaal Android-System Heute ist es eine der beliebtesten mobilen Plattformen der Welt. Fast jeder Besitzer Android-Smartphone Ich möchte eine individuelle Bewerbung erhalten, die im Einzelfall zu ihm passt, aber es ist nicht immer möglich, eine solche Bewerbung zu finden. In diesem Artikel sprechen wir mit Ihnen darüber, wie Sie mit kostenlosen Methoden selbst eine Android-Anwendung erstellen können.

Aufgrund der rasanten Entwicklung der Android-Plattform können sich einige Funktionen der beschriebenen Programme ändern. Um weitere Details zu klären, schreiben Sie bitte in die Kommentare. Letzte Ausgabe – 20.01.2018.

Natürlich steht der Fortschritt nicht still und mit der Entwicklung des Android-Betriebssystems gibt es immer mehr Möglichkeiten, verschiedene Arten von Anwendungen zu erstellen, die dafür geeignet sind. Und wenn es vor kurzem nur ein Spezialist schaffen konnte, der dies am Institut studiert hat, kann er es jetzt tun jeder Besitzer eines Telefons oder Tablets Android online.

Benutzer können erstellen eigene Anwendung um sich mit einem einzigartigen Programm zu verwöhnen. Oder sie können es tun, um etwas Geld zu verdienen. Das Internet bietet heute alle Möglichkeiten dafür.

Mit den nachfolgend beschriebenen Tools können Sie in mehreren Schritten Ihre eigene Anwendung erstellen.

Mit einigen der vorgestellten Programme können Sie nicht nur dies tun, sondern auch sofort monetarisieren sein. Außerdem können alle erstellten Anwendungen darin platziert werden Google-System Spielen.

Vier Möglichkeiten, selbst eine Android-App zu erstellen

Nachfolgend finden Sie vier „Tools“, mit denen Sie schnell und ohne große Kenntnisse eine solche Anwendung erstellen können. Solche Programme erinnern an Baukästen, mit denen man alles, was man braucht, Block für Block erstellen kann, eine gute Analogie zum Zusammenbau des bekannten LEGO-Baukastens.

Alle hier vorgestellten Programme wurden nach folgenden Kriterien ausgewählt:

  • Bequeme Nutzung. Natürlich werden diese Angebote nicht von geschulten Fachkräften genutzt, sondern von normalen Nutzern, wie Ihnen und mir. Deshalb sollte die Anwendung sehr komfortabel, funktional und einfach zu bedienen sein.
  • Intuitiv einfache Benutzeroberfläche. Logischerweise scheint dieser Punkt aus dem vorherigen zu folgen, was bedeutet, dass das Programm nicht nur komfortabel, sondern auch intuitiv sein sollte.
  • Tolle Funktionalität. Ein klares Plus ist die große Vielfalt an Möglichkeiten, eine Bewerbung zu erstellen. Obwohl alle vorgestellten Programme bis auf einige kleinere Details im Durchschnitt die gleichen Funktionen haben.

Im Folgenden werfen wir einen Blick auf eine Auswahl an Tools, die Ihnen bei der Erstellung Ihrer allerersten Anwendung helfen werden.

App Builder – ein einfaches Tool zum Erstellen von Anwendungen

Diese Option ist im richtigen Sinne um schnell eigene Anwendungen zu erstellen. Die gute Nachricht ist zweifellos, dass Sie es nutzen können, ohne einen Cent zu investieren, das heißt kostenlos. Allerdings gibt es auch hier Nachteile, zumindest darin, dass es vollständig ist Englische Sprache(Nach dem Update im Dezember 2017 wurde die russische Sprache hinzugefügt).

Programmfunktionen

  • Die Auswahl an Vorlagen zum Erstellen einer Bewerbung ist riesig. Wenn Sie eine einfache Anwendung im Sinn haben, hilft Ihnen dieses Programm leicht bei der Auswahl einer Vorlage.
  • Nachdem Sie die Anwendung erstellt haben, können Sie deren Statistiken überwachen.
  • Wenn Sie eine App erstellen und diese die Prüfung besteht, kann sie ganz einfach und relativ einfach im Google Play Store gelistet werden.

AppsGeyser – eine Website zum Erstellen hochwertiger Android-Anwendungen selbst

Offizielle Website – https://www.appsgeyser.com

Dieses Tool ist besser als das vorherige, da es viel mehr Möglichkeiten zum Erstellen einer eigenen Anwendung gibt. Auf der Website können Sie in nur wenigen Minuten Ihr eigenes Programm erstellen. Dieser Editor ist der einfachste von allen, die uns begegnet sind. Die Liste der Anwendungen, die Sie damit erstellen können, ist sehr umfangreich. angefangen bei einem normalen Browser bis hin zu Ihrem eigenen Messenger.

Vorteile von AppsGeyser

  • Die Bewerbung ist recht schnell geschrieben, im wahrsten Sinne des Wortes mit ein paar Klicks;
  • Es ermöglicht Ihnen zu erstellen einfache Spiele für Android, denn Sie müssen zugeben, dass dies heutzutage nicht jedes Tool kann;
  • Sobald die Anwendung fertig ist, kann sie einfach im Google Play Store platziert werden;
  • Darüber hinaus können Sie Ihr Programm direkt über den AppsGeyser-Dienst monetarisieren. Das nützliche Funktion, denn indem Sie Ihrer Fantasie freien Lauf lassen, können Sie damit auch Geld verdienen;
  • Erstellen, bearbeiten und veröffentlichen Sie eine Bewerbung online in persönliches Konto(damit die Ergebnisse gespeichert werden).

IbuildApp – eine leistungsstarke Engine für die Entwicklung eigener Projekte

Dieses Tool verdient einen wirklich gründlichen Blick. Wie wir oben besprochen haben, müssen Sie keine Programmiersprache beherrschen, um Android-Apps zu erstellen. Die Entwicklungsplattform ist so einfach, dass die Erstellung einer eigenen Anwendung sehr einfach sein wird. Der Vorgang dauert nur wenige Minuten, das Ergebnis ist jedoch offensichtlich.

Auf der IbuildApp-Website gibt es sowohl kostenpflichtige Tarife (Entwicklung einer individuellen Anwendung, mit weitere Entwicklung) und kostenlose Vorlagen, von denen es viele gibt.

Russische offizielle Website – https://russia.ibuildapp.com

Mal sehen, was es kann:

  • Ein riesiges Themenarchiv zu einer Vielzahl von Themen: Es können Restaurants, Cafés, Sportaktivitäten und viele andere Themen sein, bei denen Sie alles auswählen können, was Sie möchten. Sie müssen lediglich etwas Bestimmtes auswählen und es dann entsprechend Ihren Anforderungen bearbeiten;
  • Es verfügt außerdem über integrierte Möglichkeiten, die erstellte Anwendung zu bewerben. Das Programm hilft Ihnen nicht nur, schnell eine Bewerbung zu erstellen, sondern fördert diese auch. In anderen Fällen dauert dieser Vorgang sehr lange;
  • Darüber hinaus können Sie die Anwendung mit verbinden Werbenetzwerk, was bedeutet, dass Sie damit Geld verdienen.

AppsMakerstore – Plattform zum Erstellen einfacher Programme

Offizielle Website – https://appsmakerstore.com

Die vierte coole Plattform, die für entwickelt wurde Android-Erstellung Anwendungen. Einer der wichtigsten Vorteile besteht wahrscheinlich darin, dass Sie mit der AppsMakerStore-Website Programme erstellen können, die für mehrere Plattformen geeignet sind (z. B. für Android, iOS usw.). Windows Phone)

Schauen wir uns die Vorteile der Plattform an:

  • Die Zusammenarbeit mit dem Designer erfolgt online;
  • Möglichkeit der kostenlosen Registrierung;
  • Schreiben von Bewerbungen mit vorgefertigten Layouts, wobei jedem Benutzer eine riesige Auswahl an Vorlagen zum Thema zur Verfügung gestellt wird.

Videoanweisungen zum Erstellen einer Anwendung mit APK Creator


Das ist alles, wir hoffen, dass Sie gefunden haben, was Sie gesucht haben und mit unserer Auswahl zufrieden waren. Dieses Tool-Set wird für einen unerfahrenen Programmierer zu etwas Besonderem und ermöglicht es Ihnen, die Feinheiten der kostenlosen Erstellung einfacher Anwendungen zu verstehen.

Erkunden neue Sprache und eine Entwicklungsumgebung ist das Minimum, das Sie benötigen, wenn Sie Ihre erste mobile Anwendung schreiben möchten. Es wird mindestens ein paar Wochen dauern, eine einfache Aufgabenliste für Android oder iOS zu entwerfen, ohne das Beispiel aus dem Buch zu kopieren. Aber man kann weder Objective-C noch Java beherrschen und trotzdem schnell Anwendungen für Smartphones entwickeln, wenn man Technologien wie PhoneGap nutzt.

Wenn Sie die Neuerungen, die uns in Windows 8 erwarten, sorgfältig studiert haben, ist Ihnen vielleicht aufgefallen, dass es möglich sein wird, darunter Anwendungen in HTML5 zu entwickeln. Die Idee ist eigentlich nicht neu – Technologien, die den gleichen Ansatz für mobile Plattformen umsetzen, sind in der Entwicklung sprunghaft. Eines dieser Frameworks, mit dem Sie Anwendungen für Smartphones mithilfe einer Reihe bekannter HTML-, JavaScript- und CSS-Elemente entwickeln können, ist PhoneGap. Eine damit geschriebene Anwendung ist für alle gängigen Plattformen geeignet: iOS, Android, Windows Phone, Blackberry, WebOS, Symbian und Bada. Sie müssen sich nicht mit den Besonderheiten der Programmierung für jede Plattform (z. B. Objective-C im Fall von iOS) vertraut machen oder sich mit verschiedenen APIs und Entwicklungsumgebungen auseinandersetzen. Alles, was Sie zum Erstellen einer plattformübergreifenden mobilen Anwendung benötigen, sind Kenntnisse in HTML5 und einer speziellen PhoneGap-API. In diesem Fall wird die Ausgabe keine dumme HTML-Seite sein, die in der Anwendungsoberfläche „eingerahmt“ wird, nein! Mit der Framework-API können Sie fast alle Telefonfunktionen nutzen, die bei der Entwicklung mit nativen Tools verwendet werden: Zugriff auf Beschleunigungsmesser, Kompass, Kamera (Videoaufzeichnung und Fotografie), Kontaktliste, Dateisystem, Benachrichtigungssystem (Standardbenachrichtigungen auf dem Telefon), Speicher usw. Schließlich kann eine solche Anwendung problemlos auf jede domänenübergreifende Adresse zugreifen. Sie können native Steuerelemente mithilfe von Frameworks wie jQuery Mobile oder Sencha neu erstellen, und das endgültige Programm sieht so aus, als wäre es in einer Muttersprache (oder fast so) auf einem Mobiltelefon geschrieben worden. Am besten veranschaulichen Sie das oben Gesagte in der Praxis, also schreiben Sie eine Bewerbung. Ich empfehle Ihnen daher, sofort mit dem Üben zu beginnen. Behalten Sie die Zeit im Auge – es wird kaum mehr als eine halbe Stunde dauern, alles zu erledigen.

Was werden wir schaffen?

Nehmen wir iOS als Zielplattform – ja, ja, das Geld liegt im AppStore, und vorerst ist es am besten, Ihre Entwicklungen dort zu monetarisieren :). Aber lassen Sie mich gleich klarstellen: Das Gleiche kann man ohne Änderungen beispielsweise auch für Android machen. Ich habe lange darüber nachgedacht, welches Beispiel ich in Betracht ziehen soll, da ich kein weiteres Tool schreiben wollte, um den Überblick über die To-Do-Liste zu behalten. Deshalb beschloss ich, eine Anwendung namens „Geographic Reminder“ zu erstellen, ein Navigationsprogramm, dessen Zweck sich mit einem Satz beschreiben lässt: „Lass es mich wissen, wenn ich wieder hier bin.“ Der AppStore verfügt über viele Dienstprogramme, mit denen Sie sich den Ort „merken“ können, an dem der Benutzer das Auto geparkt hat. Es ist fast dasselbe, nur etwas einfacher. Sie können auf einen Punkt auf einem Stadtplan zeigen, einen bestimmten Radius dafür festlegen und eine Nachricht programmieren. Wenn Sie sich das nächste Mal innerhalb des Kreises mit dem angegebenen Radius befinden, werden Sie von der Anwendung benachrichtigt und der Punkt wird gelöscht. Wir werden nach diesem Plan vorgehen: Zuerst erstellen wir eine einfache Webanwendung, testen sie im Browser und übertragen sie dann mithilfe von PhoneGap auf die iOS-Plattform. Es ist sehr wichtig, den Großteil des Codes in einem Browser auf einem Computer zu prototypisieren und zu testen, da das Debuggen einer Anwendung auf einem Telefon viel schwieriger ist. Als Framework verwenden wir das jQuery JS-Framework mit jQuery Mobile (jquerymobile.com) und als Karten-Engine - Google Maps v3. Der Antrag besteht aus zwei Seiten: einer Karte und einer Punkteliste.

  • Auf der Karte wird eine Markierung Ihrer aktuellen Position platziert. Durch Klicken auf die Karte wird ein Punkt erstellt, an den eine Nachricht angehängt wird (z. B. „Auto in der Nähe“). Durch Anklicken kann ein Punkt gelöscht werden. Um die Markierung einer Person auf der Karte zu verschieben, wird eine Geonavigations-API verwendet.
  • Auf der Seite mit der Liste der Punkte sollte es zusätzlich eine Schaltfläche „Alle Punkte löschen“ und neben jedem Punkt eine Schaltfläche „Diesen Punkt löschen“ geben. Wenn Sie auf ein Element in der Liste klicken, wird der entsprechende Punkt auf der Karte angezeigt. Wir speichern die Benutzereinstellungen und die Liste der Punkte in localStorage.

UI-Frameworks

jQuery Mobile ist natürlich nicht das einzige Framework zum Erstellen einer mobilen Schnittstelle. Die PhoneGap-Website verfügt über eine riesige Liste an Bibliotheken und Frameworks, die Sie verwenden können (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js usw.

Anwendungsrahmen

Ich werde gleich erklären, warum wir jQuery Mobile verwenden werden. Diese JS-Bibliothek stellt uns größtenteils vorgefertigte Elemente der Benutzeroberfläche für mobile Anwendungen zur Verfügung (die den nativen Elementen so nahe wie möglich kommen). verschiedene Plattformen. Die Ausgabe muss eine mobile Anwendung sein und keine Seite aus einem Browser! Also lasst uns herunterladen letzte Version JQuery Mobile (jquerymobile.com/download) herunterladen und übertragen Arbeitsordner Als erste Bewerbungsunterlagen benötigen wir:

  • images/ (alle Bilder aus dem gleichnamigen jq-mobile-Archivordner hierher verschieben);
  • index.css;
  • index.html;
  • index.js;
  • jquery.js;
  • jquery.mobile.min.css;
  • jquery.mobile.min.js.

Es ist notwendig, die Ressourcen größtenteils lokal bereitzustellen, damit der Benutzer in Zukunft kein mobiles Internet verschwendet. Jetzt erstellen wir das Seitengerüst in der Datei index.html. Der folgende Code beschreibt den oberen Rand der Seite mit einer Karte, der Aufschrift „Geographic Reminder“ und der Schaltfläche „Points“.

Kartenseite

Geoerinnerung

Punkte

Das Seitenattribut data-dom-cache="true" ist notwendig, um sicherzustellen, dass es nicht aus dem Speicher entladen wird. Die Schaltfläche „Punkte“ verwendet data-transition="pop", sodass die Seite „Punkteliste“ mit einem Pop-in-Effekt geöffnet wird. Lesen Sie mehr darüber, wie sie funktionieren jQuery-Seiten Mobile, kann man in einem guten Handbuch nachlesen (bit.ly/vtXX3M). Analog dazu erstellen wir eine Seite mit einer Punkteliste:

Punktlistenseite

alles löschen

Punkte

Karte

Für die Schaltfläche „Karte“ schreiben wir ebenfalls data-transition="pop", fügen aber das Attribut data-direction="reverse" hinzu, sodass die Seite „Karte“ mit dem Effekt „Fade“ geöffnet wird. Wir werden die gleichen Attribute in die Punktvorlage schreiben. Das war's, unser Rahmen ist fertig.

Erstellen einer Anwendung

Jetzt müssen wir die Karte anzeigen, wofür wir die Standard-API von Google Maps verwenden, die von Millionen verschiedener Websites verwendet wird:

Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, ( zoom: this.options.zoom, // Anfangszoomzentrum auswählen: latLng, // Anfangszentrum festlegen mapTypeId: gm.MapTypeId.ROADMAP, // Normale Karte deaktivierenDoubleClickZoom: true, // Deaktivieren Sie den automatischen Zoom durch Tippen/Doppelklicken. unlockDefaultUI: true // Deaktivieren Sie alle Schnittstellenelemente ));

Hier ist Gm eine Variable, die auf das Google Maps-Objekt verweist. Ich habe die Initialisierungsparameter im Code gut auskommentiert. Der nächste Schritt besteht darin, eine Mannmarkierung auf der Karte zu zeichnen:

This.person = new gm.Marker(( map: this.map, icon: new gm.MarkerImage(PERSON_SPRITE_URL, new gm.Size(48, 48)) ));

Die Adresse des Personen-Sprites aus Google-Panoramen wird als PERSON_SPRITE_URL verwendet. Seine statische Adresse ist maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png . Der Benutzer fügt Punkte hinzu, indem er auf die Karte klickt. Um sie zu zeichnen, hören wir uns das Klickereignis an:

Gm.event.addListener(this.map, "click", function (event) ( self.requestMessage(function (err, message) ( // Methode, die den vom Benutzer eingegebenen Text zurückgibt, wenn (err) return; // Methode Fügt einen Punkt zur Liste der aktiven Punkte hinzu und // zeichnet ihn auf der Karte self.addPoint(event.latLng, self.options.radius, message); // Liste der Punkte neu zeichnen); FALSCH);

Ich stelle den größten Teil des Codes zur Verfügung – den Rest finden Sie auf der Festplatte. Als nächstes müssen wir der Anwendung beibringen, das Benutzersymbol auf der Karte zu verschieben. Im Prototyp verwenden wir die Geolocation-API (die auch in Desktop-Browsern verwendet wird):

If (navigator.geolocation) ( // Überprüfen Sie, ob der Browser die Geolocation-Funktion gpsSuccess(pos) ( var lat, lng; if (pos.coords) ( lat = pos.coords.latitude; lng = pos.coords.longitude; ) unterstützt. else ( lat = pos.latitude; lng = pos.longitude; ) self.movePerson(new gm.LatLng(lat, lng)); // Verschieben des Benutzersymbols ) // Alle drei Sekunden fragen wir die aktuelle // Position von ab der Benutzer window.setInterval (function () ( // Aktuelle Position anfordern navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, ( enableHighAccuracy: true, maximumAge: 300000 )); , 3000);

Die movePerson-Methode verwendet eine einfache getPointsInBounds()-Prozedur, um zu überprüfen, ob sich der Benutzer an einem aktiven Punkt befindet. Letzte Frage: Wo soll die Punkteliste gespeichert werden? HTML5 hat die Möglichkeit eingeführt, localStorage zu verwenden, also lassen Sie uns das nicht vernachlässigen (ich überlasse es Ihnen, diese Teile des Codes selbst herauszufinden, die ich gut auskommentiert habe). Die im Browser laufende Anwendung ist also fertig!

Starten einer Webanwendung

Wie ich bereits sagte, muss das Debuggen größtenteils am Computer durchgeführt werden. Der am besten geeignete Browser zum Testen von Webanwendungen auf einem Computer ist Safari oder Chrome. Nach dem Debuggen in diesen Browsern können Sie sicher sein Ihre Bewerbung funktioniert im Browser nicht Mobiltelefon. Beide Browser sind mit den meisten kompatibel mobile Webbrowser, denn genau wie sie basieren sie auf der WebKit-Engine. Nachdem Sie alle Fehler beseitigt haben, können Sie mit dem Starten der mobilen Webanwendung direkt auf Ihrem Telefon fortfahren. Konfigurieren Sie dazu Ihren Webserver (auch Denwer oder XAMPP) so, dass er die erstellte Seite bereitstellt, und öffnen Sie sie im Browser Ihres Mobiltelefons. Die Anwendung sollte in etwa wie in der Abbildung aussehen. Hier ist es wichtig zu verstehen, dass die zukünftige mobile Anwendung, die mit PhoneGap für die mobile Plattform kompiliert wird, nahezu identisch aussehen wird, mit der Ausnahme, dass die Browser-Navigationsleiste nicht auf dem Bildschirm angezeigt wird. Wenn alles in Ordnung ist, können Sie von der Seite aus mit der Erstellung einer vollwertigen iOS-Anwendung beginnen. Bitte beachten Sie, dass PhoneGap und IDE für mobile Entwicklung Wir haben es bis jetzt noch nicht einmal angerührt.

Vorbereitung

Um eine Anwendung für iOS zu erstellen, benötigen Sie einen Computer mit einem Betriebssystem Mac-System OS 10.6+ (oder virtuelle Maschine unter Mac OS 10.6) sowie die Xcode-Entwicklungsumgebung mit iOS installiert SDK. Wenn Sie das SDK nicht installiert haben, müssen Sie ein Disk-Image von der Apple-Website herunterladen, das Xcode und das iOS SDK enthält (developer.apple.com/devcenter/ios/index.action). Beachten Sie, dass das Bild etwa 4 GB wiegt. Darüber hinaus müssen Sie sich auf der Apple-Website als Entwickler registrieren (wenn Sie Ihre Anwendung nicht im AppStore veröffentlichen, kann diese Anforderung umgangen werden). Mit diesem Set können Sie Anwendungen in der nativen iOS-Sprache Objective-C entwickeln. Da wir uns jedoch für einen Workaround entschieden haben und PhoneGap verwenden, müssen wir noch das PhoneGap-iOS-Paket installieren. Laden Sie einfach das Archiv von der Offsite herunter (https://github.com/callback/phonegap/zipball/1.2.0), entpacken Sie es und führen Sie das Installationsprogramm im iOS-Ordner aus. Wenn die Installation abgeschlossen ist, sollte das PhoneGap-Symbol im Xcode-Projektmenü erscheinen. Nach dem Start müssen Sie mehrere Formulare ausfüllen, aber schon bald sehen Sie den IDE-Arbeitsbereich mit Ihrer ersten Anwendung. Um zu überprüfen, ob alles funktioniert, klicken Sie auf die Schaltfläche „Ausführen“ – der iPhone/iPad-Emulator mit der PhoneGap-Vorlagenanwendung sollte starten. Das zusammengestellte Programm generiert eine Fehlermeldung, dass index.html nicht gefunden wurde – das ist normal. Öffnen Sie den Ordner, in dem Sie die primären Projektdateien gespeichert haben, und suchen Sie darin den Unterordner www. Ziehen Sie es in den Editor, klicken Sie auf das Anwendungssymbol in der Liste links und wählen Sie im angezeigten Fenster „Ordnerverweise für alle hinzugefügten Ordner erstellen“ aus. Wenn Sie das Programm erneut ausführen, sollte alles funktionieren. Jetzt können wir alle Dateien unseres Prototyps in den www-Ordner kopieren. Es ist an der Zeit, unseren Prototyp mithilfe der PhoneGap-Verarbeitung so zu optimieren, dass er auf einem Smartphone funktioniert.

Prototypentransfer

Zunächst müssen Sie phonegap-1.2.0.js in Ihre Indexdatei aufnehmen. Mit PhoneGap können Sie die Liste der für den Besuch verfügbaren Hosts einschränken. Ich schlage vor, dies sofort einzurichten. Weiße Liste" Öffnen Sie im Projektmenü Supporting Files/PhoneGap.plist, suchen Sie das Element ExternalHosts und fügen Sie ihm die folgenden Hosts hinzu, auf die unsere Anwendung zugreifen wird (dies sind Google Maps-Server): *.gstatic.com, *.googleapis.com, Maps .google.com. Wenn Sie diese nicht angeben, zeigt das Programm eine Warnung in der Konsole an und die Karte wird nicht angezeigt. Um die Webversion unserer Anwendung zu initialisieren, haben wir das DOMReady-Ereignis oder den jQuery-Helfer verwendet: $(document).ready(). PhoneGap generiert ein Deviceready-Ereignis, das dies anzeigt Mobilgerät bereit. Ich schlage vor, Folgendes zu verwenden:

Document.addEventListener("deviceready", function () ( new Notificator($("#map-canvas")); // Wenn der Benutzer kein Internet hat, // benachrichtigen Sie ihn darüber, wenn (navigator.network.connection. type = == Connection.NONE) ( navigator.notification.alert("Keine Internetverbindung", $.noop, TITLE); ) ), false);
Verhindern wir das Scrollen: document.addEventListener("touchmove", function (event) ( event.preventDefault(); , false);

Dann ersetzen wir alle Alarm- und Bestätigungsanrufe durch die nativen, die uns PhoneGap zur Verfügung stellt:

Navigator.notification.confirm("Punkt entfernen?", function (button_id) ( if (button_id === 1) ( // OK-Taste gedrückt self.removePoint(point); ) ), TITLE);

Das Letzte, was wir ändern müssen, ist der Codeblock, der das Benutzersymbol auf der Karte bewegt. Unser aktueller Code funktioniert auch, aber er funktioniert weniger optimal (er verschiebt das Symbol, auch wenn sich die Koordinaten nicht geändert haben) und liefert nicht so umfangreiche Daten wie das PhoneGap-Gegenstück:

Navigator.geolocation.watchPosition(function (position) ( self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), function (error) ( navigator.notification.alert("code: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); ), ( Häufigkeit: 3000 ));

Dieser Code ist eleganter – er generiert nur dann ein Ereignis, wenn sich die Koordinaten geändert haben. Klicken Sie auf die Schaltfläche „Ausführen“ und stellen Sie sicher, dass die gerade erstellte Anwendung im iOS-Gerätesimulator einwandfrei funktioniert! Es ist Zeit, mit dem Start auf einem echten Gerät zu beginnen.

Auf dem Gerät starten

Verbinden Sie Ihr iPhone, Ihren iPod oder Ihr iPad mit einem Computer, auf dem Xcode läuft. Das Programm erkennt ein neues Gerät und bittet um Erlaubnis, es für die Entwicklung zu verwenden. Es hat keinen Sinn, sie abzulehnen :). Lassen Sie es mich noch einmal wiederholen: Um eine geschriebene Anwendung unter iOS auszuführen, müssen Sie ein autorisierter iOS-Entwickler sein (mit anderen Worten, Sie müssen das iOS Developer Program abonniert haben). Dies wird Sie nur stören, wenn Sie Anwendungen für Apple-Produkte entwickeln. Bei anderen Plattformen (Android, Windows Phone) ist alles viel einfacher. Studierende an einer Universität haben aufgrund einiger Vorteile die Möglichkeit, kostenlos Zugang zum Programm zu erhalten. Alle anderen müssen 99 US-Dollar pro Jahr zahlen, um am Programm teilnehmen zu können. Apple stellt ein Zertifikat aus, mit dem Sie Ihren Code signieren können. Die signierte Anwendung darf unter iOS ausgeführt und verteilt werden Appstore. Wenn Sie kein Student sind und Ihnen die 99 US-Dollar für unschuldige Experimente immer noch leid tun, gibt es einen anderen Weg – das System zu täuschen. Sie können ein selbstsigniertes Zertifikat zur Codeüberprüfung erstellen und das mobile Programm auf einem iOS-Gerät mit Jailbreak ausführen (ich werde nicht weiter darauf eingehen, da in diesem Artikel alles so detailliert wie möglich beschrieben wird: bit.ly/tD6xAf) . Auf die eine oder andere Weise werden Sie bald eine funktionierende Anwendung auf dem Bildschirm Ihres Mobiltelefons sehen. Stoppen Sie die Stoppuhr. Wie lange haben Sie gebraucht?

Andere Plattformen

Neben PhoneGap gibt es noch andere Plattformen, mit denen Sie mobile Anwendungen erstellen können, ohne Muttersprachen zu verwenden. Lassen Sie uns die coolsten Spieler auflisten.

Appcelerator Titanium (www.appcelerator.com).

Titanium kann hauptsächlich Anwendungen für Android und iPhone erstellen, behauptet aber auch, BlackBerry zu unterstützen. Zusätzlich zum Framework selbst stellt das Projekt eine Reihe nativer Widgets und IDE bereit. Sie können Anwendungen auf Titanium kostenlos entwickeln, müssen jedoch für Support und zusätzliche Module bezahlen (ab 49 $ pro Monat). Der Preis einiger Module von Drittanbietern erreicht 120 US-Dollar pro Jahr. Die Entwickler von Appcelerator Titanium behaupten, dass mehr als 25.000 Anwendungen auf Basis ihres Frameworks geschrieben wurden. Quelle Das Projekt wird unter der Apache 2-Lizenz vertrieben.

Corona SDK (www.anscamobile.com/corona).

Diese Technologie unterstützt die wichtigsten Plattformen – iOS und Android. Das Framework ist hauptsächlich auf die Spieleentwicklung ausgerichtet. Natürlich behaupten die Entwickler eine qualitativ hochwertige Optimierung auf OpenGL. Freie Version Bei der Plattform ist dies nicht der Fall, und der Preis ist ziemlich hoch: 199 US-Dollar pro Jahr für eine Lizenz für eine Plattform und 349 US-Dollar pro Jahr für iOS und Android. Corona bietet eigene IDE- und Geräteemulatoren an. Corona-Anwendungen sind in einer JavaScript-ähnlichen Sprache geschrieben.

Abschluss

Wir haben eine einfache mobile Webanwendung erstellt und in wenigen Schritten erstellt einfache Schritte portierte es mit PhoneGap auf die iOS-Plattform. Wir haben keine einzige Zeile Objective-C-Code geschrieben, aber wir haben ein Programm von anständiger Qualität erhalten, das nur ein Minimum an Zeit für die Portierung und das Erlernen der PhoneGap-API aufgewendet hat. Wenn Sie eine andere Plattform bevorzugen, z. B. Android oder Windows Mobil 7, dann können Sie unsere Anwendung genauso einfach und ohne Änderungen für diese Plattformen erstellen (für jede davon gibt es ein gutes Einführungshandbuch und ein Video-Tutorial: phonegap.com/start). Um die Funktionsfähigkeit der Plattform zu überprüfen, können Sie sich auf PhoneGap fertige Anwendungen ansehen, die die Technologieentwickler in einer speziellen Galerie (phonegap.com/apps) gesammelt haben. Tatsächlich ist PhoneGap eine ideale Plattform, um zumindest einen Prototyp einer zukünftigen Anwendung zu erstellen. Seine Hauptvorteile sind Geschwindigkeit und minimale Kosten, die von Startups mit begrenzten Ressourcen in jeder Hinsicht aktiv genutzt werden. Wenn die Anwendung fehlschlägt und Sie aus irgendeinem Grund mit den HTML+JS-Interna nicht mehr zufrieden sind, können Sie die Anwendung jederzeit in eine Muttersprache portieren. Ich kann nicht umhin zu sagen, dass PhoneGap ursprünglich von Nitobi als Open-Source-Projekt entwickelt wurde (das Repository befindet sich auf GitHub: github.com/phonegap). Der Quellcode bleibt weiterhin offen, obwohl Adobe Nitobi im vergangenen Oktober gekauft hat. Muss ich noch sagen, welche Aussichten das Projekt mit der Unterstützung eines solchen Giganten hat?