Es gibt viele Programme, mit denen Sie schöne Typografie erstellen können. Aber was ist, wenn Sie unterwegs eine Bildunterschrift hinzufügen müssen, wie es so schön heißt? Nutzen Sie natürlich die mobile Anwendung für Ihr Smartphone. Schließlich ist es sehr praktisch und nimmt fast keine Zeit in Anspruch – Sie müssen nur ein passendes Bild finden, eine Schriftart auswählen und den gewünschten Text eingeben.
FreelanceToday bietet Ihnen 10 nützliche Apps zum Erstellen schöner Typografie, die Ihre Fotos und Illustrationen ergänzen.
Die Typorama iOS-App generiert automatisch Textlayouts in 35 typografischen Stilen. Der Benutzer kann aus Hunderten verfügbaren Optionen die am besten geeignete Schriftart auswählen. Sie müssen einen Hintergrund auswählen, Text schreiben, einen Stil hinzufügen und fertig – die Typografie ist fertig. Sie können verschiedene Effekte und Filter auf Text anwenden, Bänder, Symbole, Schatten, Verläufe und Volumen hinzufügen. Fertige Bilder können in sozialen Netzwerken verbreitet, als Desktop-Hintergrund verwendet oder aus dem Bild in ein Banner umgewandelt werden.
PicLab ist ein Grafikeditor, mit dem Sie Bilder bearbeiten und Schriftarten hinzufügen können. Sie können verschiedene Effekte anwenden, voreingestellte Vorlagen verwenden, Texturen zu Bildern hinzufügen und Filter verwenden. Sie können in der Anwendung auch mehrere Textebenen verwenden. Das Wasserzeichen der App erscheint auf dem fertigen Bild, Sie können es jedoch entfernen, indem Sie 1 US-Dollar zahlen.
Die Font Candy-App bietet eine große Anzahl sorgfältig ausgewählter Schriftarten. Sie können ein Hintergrundbild auswählen, Ihren eigenen Text oder eine voreingestellte Signatur zum Bild hinzufügen. Das Ergebnis sind Bilder, die aussehen, als wären sie von einem professionellen Designer erstellt worden. Wenn der Benutzer Schwierigkeiten hat, ein passendes Bild auszuwählen, können Sie die Suchfunktion nutzen, die den Download des Bildes vom Pixabay-Dienst anbietet. Die Anwendung wurde nur für Geräte mit iOS an Bord entwickelt.
Mit Over kann sich jeder wie ein kreativer Mensch fühlen. Die Anwendung verfügt über über 800 vorinstallierte Illustrationen und 300 einzigartige Schriftarten, mit denen Sie nahezu jede Idee umsetzen können. Mit der Anwendung können Sie Grußkarten und inspirierende Zitate erstellen und Ihrem Lieblingsbild Text hinzufügen. Sie können sich auch sehr schnell einen erfolgreichen Gedanken vorstellen, der Ihnen plötzlich in den Sinn kommt. Mit der Anwendung können Sie mithilfe von Add-ons Bilder von Unsplash und Pixabay herunterladen und damit spektakuläre Illustrationen für die Gestaltung Ihrer Seiten in sozialen Netzwerken erstellen. Version für iOS. Version für Android.
Sie können Ihrer Illustration auch Begleittext mit WordSwag hinzufügen. Eine Besonderheit von WordSwag ist die automatische Auswahl der Schriftart, die am besten zum Bild passt. Wenn der Benutzer mit dem Ergebnis unzufrieden ist, können Sie die Signatur ändern, indem Sie eine von 30 Optionen auswählen. Das fertige Projekt muss gespeichert und dann nach eigenem Ermessen verwendet werden. Der Antrag ist kostenpflichtig und kostet 3,99 $.
Phonto ist eine einfache Anwendung, mit der Sie Ihren Illustrationen schnell und einfach Text hinzufügen können. In der Anwendung können Sie eine von 200 vorinstallierten Schriftarten auswählen und wenn Sie mit dem Ergebnis nicht zufrieden sind, können Sie eine eigene Schriftart hinzufügen. Es gibt viele Werkzeuge zum Arbeiten mit Text; Sie können Größe, Farbe, Buchstaben- und Zeilenabstand ändern, Schatten hinzufügen und andere Effekte erzielen. iOS-Version. Version für Android.
Mit der Fontspiration-App können Sie animierte Typografie erstellen. Der Benutzer kann eine der über 100 verfügbaren Schriftarten auswählen und eine schöne Begleitsignatur erstellen. Sollten Sie aus irgendeinem Grund nicht das gewünschte Ergebnis erzielen, können Sie sich die in der Galerie präsentierten Werke anderer Benutzer ansehen. Das fertige Projekt kann als normales Bild gespeichert werden, Sie können auch ein animiertes GIF und sogar ein Video erstellen. Eine sehr nützliche Anwendung – ein echter Grafikeditor mit guter Funktionalität.
Die Ampergram-Anwendung wurde für die Arbeit mit Bildern aus dem sozialen Netzwerk Instagram erstellt. Das Hauptmerkmal von Ampergram besteht darin, dass die Anwendung Buchstaben in Fotos findet, die von anderen Benutzern gepostet wurden, und daraus Wörter zusammensetzt. Es ist unwahrscheinlich, dass Ihnen eine besonders hochwertige Typografie gelingen wird, aber es macht Spaß.
Wie erstelle ich eine Anwendung für Android oder iPhone?– Diese Fragen werden zunehmend nicht nur von Webentwicklern, sondern auch von normalen Besitzern kleiner Unternehmenswebsites und Bloggern gestellt.
Diese Rezension legt nahe, darüber nachzudenken , bei denen es sich um Konstruktoren zum schnellen und einfachen Erstellen von Android- und iPhone-Anwendungen handelt. Und das, ohne dass der Anwender Programmierkenntnisse oder andere spezielle IT-Kenntnisse voraussetzen muss. Solche Anwendungen sind für verschiedene Arten von Unternehmen unverzichtbar – schließlich sind sie eine großartige Möglichkeit, die Zielgruppe zu erweitern und Kunden zu gewinnen.
Somit lässt sich alles, was im Testbericht zur Anwendungsentwicklung besprochen wird, unter dem Motto zusammenfassen: einfach, schnell und ohne Programmierung!
— frei ein Webdienst, der es Ihnen ermöglicht, den Inhalt Ihrer Website in eine Android-Anwendung umzuwandeln und über Google Play zu verteilen. Darüber hinaus können die erstellten Anwendungen sowohl verkauft als auch Werbung darin platziert werden.
Sie können eine unbegrenzte Anzahl von Android-Anwendungen aus drei Arten von Inhalten erstellen: einer Website, einer einfachen HTML-Seite und einem YouTube-Video. Zum Erstellen einer Android-Anwendung verwendet AppsGeyser einen einfachen und intuitiven Vorlagenassistenten.
AppsGeyser-Websites: http://www.appsgeyser.com, http://www.appsgeyser.ru
— frei Online-Dienst zur schnellen Erstellung mobiler Anwendungen. TheAppBuilder erstellt Anwendungen mithilfe eines Designers und Standardvorlagen – für Unternehmen, Veranstaltungen, Bildung, Musik, Sport usw. Die erstellten Anwendungen sind kostenlos und für 5 USD erhältlich pro Monat Sie können die Anzeige von Werbung Dritter in der erstellten Anwendung deaktivieren. Mit TheAppBuilder können Sie Android- und Windows Mobile-Anwendungen erstellen.
TheAppBuilder-Website: http://www.theappbuilder.com
ist ein Onlinedienst, der es Benutzern ermöglicht, mit wenigen Klicks eigene mobile Anwendungen zu erstellen und im Internet zu veröffentlichen. Die Appsmakerstore-Plattform erstellt mobile Anwendungen, die von unterstützt werden HTML5, iTunes, Android Market, Blackberry Marketplace, Windows Marketplace und Facebook ohne tiefgreifende technische Kenntnisse. Das ist total 1 Anwendung für 6 verschiedene Plattformen. Appsmakerstore wird in 23 Sprachen angeboten, darunter Russisch und Ukrainisch.
Die Besonderheit von Appsmakerstore besteht darin, dass es eine Auswahl an vorgefertigten Vorlagen für bestimmte Branchen bietet (z. B. Rechtsdienstleistungen, Nachtclubs, Restaurants und Cafés, Handel, Schönheitssalons usw.).
In allen Tarifen immer enthalten:
— bezahlter Online-Designer mobiler Anwendungen (iPad, Android, HTML5) für kleine Unternehmen. Zu den Funktionen gehören Geolokalisierung, Empfangen und Senden von Nachrichten, ein Warenkorb, Benachrichtigungen, Integration mit sozialen Netzwerken, Veröffentlichung von Informationen über die Speisekarte, das Leistungsangebot, bevorstehende Veranstaltungen usw. Es gibt Vorlagen für Restaurants, Makler, Fitnessstudios usw.
Dieser Service wird durch die folgenden Pläne repräsentiert:
AppGlobus— ein kostenpflichtiges Angebot der russischen Online-Designer mobiler Anwendungen, das es Benutzern ermöglicht, ihre Anwendungen unabhängig im App Store und bei Google Play zu erstellen und zu veröffentlichen.
Nutzt das neue Design und die neuen Funktionen des Ionic Framework, was die Qualität der Entwicklung erheblich verbessert und die Erstellung mobiler Anwendungen auf HTML5, iOS, Android auch ohne Programmierkenntnisse ermöglicht.
Derzeit wird AppGlobus in 8 Sprachen angeboten, darunter auch Russisch.
AppGlobus.com bietet die folgenden Pakete an:
— ein kostenpflichtiger Onlinedienst zum Erstellen Ihrer eigenen mobilen Anwendung für den geschäftlichen oder persönlichen Gebrauch. Keine besonderen Fähigkeiten erforderlich. Gut geeignet für kleine Unternehmen, beispielsweise Online-Shops. Die Erstellung Ihrer Bewerbung dauert nur 5 Minuten – Sie müssen lediglich die erforderlichen Module auswählen und entwerfen. Es gibt englische und russische Versionen.
My-apps.com bietet folgende Pakete an:
VIP – 3999 Rubel. /Monat + 150.000 Rubel. Installationszahlung
bietet eine Plattform“ mach es selbst” um iPhone/Anwendungen zu erstellen ,
wofür auch keine Programmierkenntnisse erforderlich sind. Dieser Service bietet jeder Organisation eine einfache Möglichkeit, mobile Anwendungen (iPhone, iPad, Android) und Publikationsmaterialien zu erstellen. Kunden können ihre eigenen Kataloge, Flyer, Broschüren, Berichte, Lebensläufe usw. erstellen und diese mithilfe der SaaS-Lösung bereitstellen. Es gibt englische und russische Versionen.
iBuildApp wird in den folgenden Paketen bereitgestellt:
— Online-Dienst für die Anwendungsentwicklung (iPhone, iPad, Android). Ermöglicht Ihnen, eine Anwendung basierend auf einer von vielen Anwendungsvorlagen zu erstellen. Elemente der erstellten Benutzeroberfläche der Anwendung können mit Funktionen wie dem Senden von E-Mails, SMS-Nachrichten und dem Senden an Facebook- und Twitter-Dienste verknüpft werden.
Alle Pakete unterstützen die folgenden Plattformen: IOS (iPhone/iPad) und Android (Telefon/Tablet)
Viziapps-Website: http://www.viziapps.com
- ein Online-Editor, mit dem Sie Anwendungen für iOS, Android und Windows Phone erstellen können. Die Bedienung ist sehr einfach: Sie können Ihr eigenes Programm aus vorgefertigten Teilen zusammenstellen. Obwohl AppsBuilder versucht, für unerfahrene Benutzer einfacher und verständlicher zu sein, bietet es auch einige Funktionen für Programmierer: Sie können beispielsweise die erstellten Anwendungen durch eigene Java-Skripte ergänzen.
Es gibt drei kostenpflichtige Pakete, die eine 30-tägige kostenlose Testversion beinhalten:
Leute, wir haben unsere ganze Seele in die Seite gesteckt. Danke für das
dass du diese Schönheit entdeckst. Danke für die Inspiration und Gänsehaut.
Machen Sie mit Facebook Und In Kontakt mit
Webseite Ich habe für Sie mehrere einfache und benutzerfreundliche Programme zur Verbesserung Ihrer Fotos zusammengestellt. Möglicherweise möchten Sie sogar alle Instagram-Filter entfernen, nachdem Sie eine oder mehrere der Apps auf dieser Liste ausprobiert haben.
Über 100 Effekte (einschließlich Beleuchtung), Rahmen, Zuschneiden, Größenänderung und Drehen von Bildern, automatische Bildverbesserung, Rote-Augen-Entfernung und sogar Zahnaufhellung. Das Schöne ist, dass die Funktionsbasis von den Entwicklern ständig aktualisiert wird.
Sehr praktische, schnelle und praktische Schnittstelle. Hier ist alles gesammelt, was Sie für die erste Fotokorrektur benötigen, einschließlich der Bearbeitung von Helligkeit, Sättigung und Kontrast in einzelnen Bildbereichen, deren Durchmesser Sie auch anpassen können. Darüber hinaus funktioniert die Anwendung recht schnell, was eine gute Nachricht ist.
Diese Anwendung wird natürlich kein professionelles Analogon von Photoshop sein. Für die erste Fotobearbeitung ist es aber durchaus geeignet. Kostenlos in der Anwendung verfügbar: 10 Bilder, 10 Filter, Anpassung von Belichtung, Helligkeit und Kontrast, Sättigung und Farbtönen, Rote-Augen-Entfernung. Und gegen Aufpreis können Sie viele weitere Goodies erwerben.
Ein sehr einfacher und interessanter Bildbearbeitungsprogramm, das vielen beliebt und bekannt ist. Gut gestaltet und hochwertig verarbeitet. Das Wichtigste, womit es Ihnen gefallen kann, sind mehr als 30 Filter, über zwei Dutzend Texturen und ungefähr die gleiche Anzahl an Frames.
Mit dem Programm können Sie Collagen erstellen, Filter ändern, den Ton und die Farbe von Fotos steuern, Texteffekte hinzufügen, rote Augen entfernen und vieles mehr. Darüber hinaus können Sie handgezeichnete Bilder erstellen. Generell gibt es wirklich viele Funktionen.
Was an dieser Anwendung besonders gefällt, ist die schöne Benutzeroberfläche und die schnelle Bedienung. Darüber hinaus verfügt es über zahlreiche Effekte, Rahmen und benutzerdefinierte Filter. Die Vollversion, die Zugriff auf mehr als 100 Effekte, 100 Frames und 200 Texturen bietet, kostet Sie übrigens auch günstig – nur einen Dollar.
Muzy ist eine sehr einfache und funktionale Anwendung: Sie können Collagen aus Bildern erstellen, mit einer Reihe von Rahmen spielen, den integrierten Editor für Bilder verwenden und sogar Text hinzufügen. Eine ziemlich praktische und lustige Sache.
Eine hervorragende Kamera, viele Effekte und eine reibungslose und schöne Benutzeroberfläche ermöglichen es diesem Programm, sich von der großen Anzahl von Bildbearbeitungsprogrammen abzuheben. Seit seinem Erscheinen vor drei Jahren wurde es von den Entwicklern ständig verbessert und ergänzt, und das Ergebnis war eine gut gestaltete und qualitativ hochwertige Anwendung.
Das Erlernen einer neuen Sprache und Entwicklungsumgebung ist das Mindeste, was von Ihnen verlangt wird, 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. Tatsächlich ist die Idee nicht neu – Technologien, die den gleichen Ansatz für mobile Plattformen umsetzen, entwickeln sich rasant weiter. 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 mit seiner Hilfe 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 API des Frameworks 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. usw. Schließlich kann eine solche Anwendung nahtlos 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 länger als eine halbe Stunde dauern, alles zu erledigen.
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. Wir werden das jQuery JS-Framework mit jQuery Mobile (jquerymobile.com) als Framework und Google Maps v3 als Karten-Engine verwenden. Der Antrag besteht aus zwei Seiten: einer Karte und einer Punkteliste.
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.
Ich werde gleich erklären, warum wir jQuery Mobile verwenden werden. Diese JS-Bibliothek stellt uns vorgefertigte Schnittstellenelemente für mobile Anwendungen (so nah wie möglich an nativen Elementen) für eine Vielzahl von Plattformen zur Verfügung. Die Ausgabe muss eine mobile Anwendung sein und keine Seite aus einem Browser! Laden Sie also die neueste Version von JQuery Mobile herunter (jquerymobile.com/download) und übertragen Sie die ersten Anwendungsdateien, die wir benötigen, in den Arbeitsordner:
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
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. Mehr darüber, wie jQuery Mobile-Seiten aufgebaut sind, können Sie in einem guten Handbuch lesen (bit.ly/vtXX3M). Analog dazu erstellen wir eine Seite mit einer Punkteliste:
Punktlistenseite
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.
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 aktiven Liste hinzu und // zeichnet ihn auf der Karte self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // 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)); // Benutzersymbol verschieben ) // 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!
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, dass Ihre Anwendung in einem Mobiltelefonbrowser nicht funktioniert. Beide Browser sind mit den meisten mobilen Webbrowsern kompatibel, da sie wie diese auf der WebKit-Engine basieren. 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 wir PhoneGap und die IDE für die mobile Entwicklung bisher noch nicht einmal berührt haben.
Um eine Anwendung für iOS zu erstellen, benötigen Sie einen Computer mit dem Betriebssystem Mac OS 10.6+ (oder eine virtuelle Maschine unter Mac OS 10.6) sowie die Xcode-Entwicklungsumgebung mit installiertem iOS 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.
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, gleich eine solche „Whitelist“ einzurichten. Ö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 anzeigt, dass das mobile Gerät bereit ist. 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.
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 stört Sie nur, 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 auf iOS gestartet und im App Store vertrieben werden. Wenn Sie kein Student sind und Ihnen die 99 Dollar für unschuldige Experimente immer noch leid tun, dann 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?
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.
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. Der Quellcode des Projekts wird unter der Apache-2-Lizenz vertrieben.
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. Für die Plattform gibt es keine kostenlose Version, und der Preis ist recht 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.
Wir haben eine einfache mobile Webanwendung erstellt und diese mit PhoneGap in wenigen einfachen Schritten auf die iOS-Plattform portiert. 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, zum Beispiel Android oder Windows Mobile 7, 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/ starten). 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?
Google Play, App Store und Windows Store sind voll von einer Vielzahl von Anwendungen. Es ist falsch anzunehmen, dass dieses gesamte Sortiment von Fachleuten unterschiedlichen Niveaus erstellt wurde. Immer mehr normale Benutzer erstellen komfortable und einfache Anwendungen ohne Programmierkenntnisse. Wo und wie man ihrem Beispiel folgen kann, beschreiben wir im Folgenden ausführlich am Beispiel Android-basierter Smartphone-Programme.
Wenn Sie sich zum Spaß dazu entschließen, eine Android-Anwendung ohne Programmierkenntnisse zu erstellen, können Sie getrost zum Abschnitt „Online-Designer“ übergehen. Für diejenigen, die sich dazu entschließen, in dieses Geschäft einzusteigen, um ihr Geschäft, ihre Kreativität oder ihr Geschäftsprojekt zu fördern und bekannt zu machen, ist es wichtig zu klären, ob ihnen eine einfache, selbst erstellte Anwendung ausreicht oder ob sie sich dennoch an erfahrene Entwickler wenden müssen, um Hilfe zu erhalten .
Wann ist diese Option also optimal:
Bevor Sie eine Anwendung für Android erstellen, müssen Sie die wichtigsten Punkte skizzieren, auf die Sie sich bei Ihrer Arbeit verlassen werden. Sie erstellen ein Programm, das auf Smartphones und Tablets funktioniert und praktische Probleme für den Benutzer lösen soll: ihn mit den Nachrichten bekannt machen, ihm beim Einkaufen helfen, Kommunikationsfunktionen ausführen usw.
Das Publikum wird von Bewerbungen angezogen, die folgende Punkte erfüllen:
Da wir die erste Anwendung für Android erstellen und keine Ahnung von Programmiersprachen haben, können uns Online-Designer in dieser Angelegenheit helfen. Lesen Sie vor der Auswahl die Eigenschaften sorgfältig durch. Er muss haben:
Der Designer muss das Hosting für die Anwendung bereitstellen, Ihnen die Möglichkeit geben, sie zu verwalten, und Ihre Kreation auch bei Google Play veröffentlichen.
Für diejenigen, die ohne Vorkenntnisse eine Android-Anwendung erstellen möchten, wird die folgende Reihe von Designern angeboten, die alle oben aufgeführten Anforderungen erfüllen:
1. Mobiler Roadie. Einer der ältesten Dienste, die Madonna nutzt, ist Circus of the Sun im San Diego Zoo. Konzentriert sich hauptsächlich auf Showbusiness-, Marketing- und PR-Agenturen. Durch die erstellten Projekte können Sie Tickets verkaufen und für eine bestimmte Veranstaltung umfunktionieren. Der Preis für die Nutzung des Designers ist nicht symbolisch: mindestens 149 $.
2. AppsBuilder. So erstellen Sie hier eine Anwendung für Android – stellen Sie sie einfach aus vorgefertigten Vorlagen zusammen. Darüber hinaus wurden dem Konstruktor Funktionen für Programmierer hinzugefügt. Die Erstellung einer Bewerbung pro Monat kostet hier 49 Euro.
3.Viziapps. Der Designer bietet außerdem vorgefertigte Vorlagen für Ihre Anwendung sowie die Möglichkeit, daraus Nachrichten an E-Mail, Twitter und Facebook zu senden. Mindestmonatspaketpreis: 33 $.
4. iBuildApp. Ein Konstruktor für diejenigen, die eine einfache Anwendung für Android erstellen möchten – damit können mobile Kataloge, Broschüren und Lebensläufe erstellt werden. Neben der englischen Version ist auch die russische Version verfügbar. Für 2.400 Rubel pro Monat erhält der Kunde die Möglichkeit, dreitausend seiner Anwendungen ohne integrierte Werbung zu installieren.
5. My-apps.com. Funktioniert sowohl in russischer als auch in englischer Version. Die Erstellung Ihrer eigenen Anwendung dauert etwa fünf Minuten, da Sie lediglich die erforderlichen Module und das Programmdesign auswählen müssen. Das Mindestpaket „Start“ kostet 599 Rubel pro Monat. Der Betrag beinhaltet einen Anwendungsdesigner nur für Android, kostenlose Vorlagen und Symbole sowie Programmaktualisierungen höchstens alle zwei Monate.
6. AppGlobus. Der russische Designer ist in 8 Sprachen verfügbar. Für 900 Rubel pro Monat werden Folgendes bereitgestellt: Anwendungsdesign, ein Admin-Panel, das Fehlen integrierter Werbung im Projekt und Einschränkungen bei der Verwendung von Push-Benachrichtigungen, die Anzahl der Installationen.
7. Business-Apps. Für diejenigen, die daran interessiert sind, eine Android-Anwendung von Grund auf so zu erstellen, dass sie zum Nutzen des Unternehmens funktioniert, ist dies die beste Option: Chat, Benachrichtigungen, Warenkorb, Integration mit sozialen Netzwerken, Servicekatalog, News-Bereich. Mindestgebühr für die Erstellung einer Bewerbung: 59 $ pro Monat.
8. Appsmakerstore. Ermöglicht die Erstellung von Anwendungen nicht nur für Android, sondern auch für fünf weitere Plattformen. Schnittstelle in 23 Sprachen, darunter Russisch. Hauptmerkmal des Designers: vorgefertigte Vorlagen für verschiedene Projekte: Handel, Schönheitssalons, Restaurants usw. Monatliche Nutzung – 9,78 $.
9. TheAppBuilder ist ein kostenloser Designer, der vorgefertigte Standardvorlagen für Geschäfts-, Kreativ-, Nachrichten-, Sport- und Bildungsprojekte bereitstellt. Es gibt jedoch einen Nachteil: Die Anwendung verfügt über integrierte Werbung. Es wird angeboten, es für 5 $ pro Monat zu deaktivieren.
10. AppsGeyser. Der Builder bietet die kostenlose Konvertierung von Website-Inhalten in eine mobile Anwendung. Sie können Ihre Kreationen verkaufen und darin auch Ihre eigene Werbung platzieren.
Schauen wir uns nun die Beispiele spezifischer Konstruktoren an, um Ihre eigene Anwendung zu erstellen.
Um mit diesem Designer zu arbeiten, ist keine Registrierung erforderlich – klicken Sie einfach auf der Hauptseite auf Jetzt erstellen.
So erstellen Sie als Blogger selbst eine mobile Anwendung für Android:
In Ihrem persönlichen Konto können Sie außerdem die Anzahl der Downloads überwachen, die Anwendung bearbeiten, Push-Banner erstellen und das Projekt in anderen Stores veröffentlichen.
Mit dem gleichen AppsGeyser ist es auch möglich, eine Anleitungsanwendung, ein Benutzerhandbuch, zu erstellen.
Auch das geht in wenigen einfachen Schritten:
Schauen wir uns an, wie man Android-Anwendungen für Online-Shop-Besitzer von Grund auf erstellt. Wir werden zum Beispiel einen anderen Designer einsetzen – Mobi Cart, der sich auf diesen Bereich spezialisiert hat. Der Dienst unterstützt die russische Sprache und funktioniert sowohl im kostenpflichtigen als auch im kostenlosen Modus. Letzteres ist auf das Hinzufügen von maximal 10 Produkten beschränkt.
So erstellen Sie eine Android-Anwendung:
Um Ihren Online-Shop zu konfigurieren, klicken Sie auf Shop-Einstellungen:
Der nächste wichtige Schritt: Hinzufügen Ihrer Produktlinie zum Store Builder. Dies kann mit jeder für Sie geeigneten Methode erfolgen:
Für die letztere Methode werden zwei Abschnitte verwendet: Abteilungen und Produkte. Das Hinzufügen erfolgt über die Schaltfläche Produkt hinzufügen. Geben Sie als Nächstes den Namen, den Preis, die Kategorie und eine detaillierte Beschreibung ein.
Lassen Sie uns auf Optionen eingehen, die für diejenigen nützlich sein können, die daran interessiert sind, selbst eine Android-Anwendung zu erstellen:
Unter „Anwendung erstellen – Apps senden“ können Sie eine APK-Datei (Installationsdatei) erstellen, indem Sie der Lizenzvereinbarung zustimmen. Wenn Sie sich für die kostenpflichtige Version entscheiden, wird Ihre Anwendung automatisch auf Google Play hochgeladen; wenn Sie sich für die kostenlose Version entscheiden, müssen Sie dies selbst über die Play Console tun. Anweisungen zur Registrierung in diesem System sowie zum Herunterladen Ihrer eigenen Mobi Cart-Anwendung werden an Ihren E-Mail-Posteingang gesendet.
Daher ist die Erstellung einer Android-Anwendung mithilfe mobiler Programmdatendesigner eine Aufgabe, die jeder selbstbewusste PC-Benutzer bewältigen kann. Schließlich kann dieser Vorgang bei den meisten Diensten durchgeführt werden, ohne dass die Grundlagen der Programmierung bekannt sind.
