Die eigene Website als iPhone App im Appstore

Das Internet wird Mobil, spätestens seit dem Launch des iPhones ist die Zahl der Leute die das Internet in der Tasche mit sich herumtragen stark gestiegen. Wie macht man also auch diese Leute auf sich und seine Website am besten Aufmerksam? WordPress User haben hierfür z.B. die Möglichkeit Ihren Blog mithilfe des Plugins “WPtouch iPhone Theme” an Mobile Geräte anzupassen. Das reicht aber nicht aus um direkt an diese Zielgruppe heranzukommen. Wir brauchen etwas anderes etwas besonderes, ein eigenes App im Appstore. Tolle Idee aber zu teuer, werden sich jetzt einige von euch denken, falsch gedacht.

Das Zauberwort heißt AppMakr.com, dort ist es euch möglich, aus den RSS Feeds eurer Seite ein eigenes iPhone App zu basteln. Derzeit gibt es dort eine Aktion mit deren Hilfe Ihr bis zum 30.1.2010 ein eigenes App erstellen könnt und über AppMakr einreichen lassen könnt. Das ganze kostet euch dank des Coupon Codes “MASHABLE” statt 200 US- Dollar nur 100 US- Dollar, wer also zuschlagen möchte sollte sich am besten bald entscheiden.

Also, wie funktioniert das ganze? Als ertes erstellt Ihr einen Account unter appmakr.com. Den Account zu erstellen, kostet euch noch keinen Cent, also keine Angst. Ihr benötigt den Account nur, falls Ihr den AppMaker selber ausprobieren wollt.

Nachdem Ihr euch registriert habt, aktiviert Ihr den Link in der E-Mail die euch geschickt wurde und loggt euch auf der Seite ein. Im Dashboard klickt Ihr auf “Create New App”.

Im nächsten Fenster wählen wir das iPhone Template über “Choose This” aus.

Nun wählen wir z.B. den ersten Feed aus, den wir später im fertigen App anzeigen lassen wollen.

Ich habe hier mit meiner ersten Blog Kategorie begonnen, als http://www.webmasterguide.at/topics/allgemein/feed/

Mit einem Klick auf “Create App!” startet Ihr das Auslesen des Feeds.

Hier haben wir nun einige Einstellungen zu tätigen.

Unter “App Name” definiert Ihr den Namen eures Apps wie er auf dem iPhone später angezeigt werden soll. Bei längeren Namen, gibt es leider das Problem, dass das iPhone den Text unter dem Icon mit “…” in der Mitte kürzt. Ich würde euch raten, den Namen eurer Website hier auszuschrieben, obwohl er wahrscheinlich in der Menü Ansicht vom iPhone gekürzt wird. Im App selber wird der Name eurer Seite nämlich immer angezeigt, eine Abkürzung würde den Wiedererkennungswert eurer Marke zerstören.

Über “Choose” App Icon” wählt Ihr das Erscheinungsbild des Icons über das euer Programm später gestartet wird. Die Abmessungen muss 512x512px haben und im PNG Format abgespeichert werden. Setzt euch ein bisschen mit dem Design auseinander, ein gut aussehendes Icon macht nämlich oft den Unterschied, da es im späteren Appstore das erste sein wird, das der User von eurem Programm zu sehen bekommt. Ich hab mich ganz schön lang damit herumgespielt, dass das kleine Icon auch wirklich lesbar ist, da das Webmasterguide.at Logo ziemlich dick gedruckt ist. Ich hoffe das fertige Ergebnis lässt sich am iPhone sehen.

Bei “Choose App Splash Screen” könnt Ihr das Bild bearbeiten das beim Starten des Programms angezeigt werden soll. Bindet hier am besten wieder euer Logo, euren Slogan und die Adresse eurer Website ein. Mann kann ja wie gewohnt nicht genug Werbung machen

Hier meine Bilder für die jeweiligen Bereiche:

Weiter geht es unter “Feed / Tabs”.

Hier tragen wir nun einen unserer Feeds ein, unter Tab Name tragt Ihr den jeweiligen Bereich des Feeds ein. Mit einem Klick auf das Icon, könnt Ihr aus vorgefertigten Icons auswählen, oder selbst eins hochladen. Weitere Feeds könnt Ihr über “+Add RSS Atom Feed URL” hinzufügen. Kontrolliert in der Demo immer wie alles im fertigen Programm aussehen wird, dass es sobald Apple euer App in den Appstore aufnimmt auch keine bösen Überraschungen gibt.

Ihr könnt hier natürlich auch euren Twitter Account oder eure FaceBook Fan Page einbinden.

Ist das geschafft, geht es weiter im Punkt “Customize”. Hier könnt Ihr die Farben eures Apps anpassen und sogar noch ein Header Image hochladen. Ich habe das Bild nicht hochgeladen, da sonst der Header Text verschwindet. Hier gibt es weiters noch Optionen für Twitter, E-Mail sowie das ausschalten von Links in euren Artikeln, die User beim anklicken zu einer Website weiterleiten. Nachdem wir unsere Einstellungen vorgenommen haben, klicken wir auf “Save”, und schon geht es weiter mit einem der wohl interessantesten Features.

Da AppMakr.com eine amerikanische Seite ist, gibt es zur Vorauswahl keine hierzulande großartig bekannten Werbepartner. Wer bei Adsense angemeldet ist, kann aber hier Werbung für Mobilen Content einbauen, achtet aber darauf die Abmessung von 320×50 einzuhalten. Wer keine Werbung in sein App einbauen möchte überspringt diesen Schritt einfach.

Weiter gehts mit “Publish”.

Hier wählen wir Build w/ AppMakr As Author aus. Schreckt euch nicht vor den 200 US- Dollar das wir weniger Gebt unter Coupon Code: “MASHABLE” ein. Das sollte euch bis zum 31.01.2010 100 US-Dollar sparen, ob das bei eurer Bestellung noch so ist, seht Ihr auf der Rechnung.

Geht zur Sicherheit das Demo App das Ihr erstellt habt nochmals durch. Einmal Übertragen könnt Ihr ohne eine erneute Zahlung nichts am App ändern.

Und das war es auch schon.

Hier noch ein Video das den Umgang mit der Oberfläche erklärt:

Ähnliche Beiträge:

1. E-Mail Newsletter für die eigene Website und die Vorteile