Hi, in diesem Tutorial zeige ich euch, wie ihr aus einer Webseite ein iPhone-App erstellt.
Das HTML-Template, welches in diesem Post verwendet wird, wurde von Mac393 erstellt.
Zunächst einmal,
JEDER kann mittels einfacher Tools ein App erstellen, ob Anfänger oder Fortgeschrittener ist egal.
Wie fange ich an? Was wird benötigt ? :
- das HTML-Template (um die Webseite zu erstellen)
- PhoneGap (um die Website zu einem App zu machen)
HTML-Template downloaden :
Das HTML-Template könnt ihr hier herunterladen :

PhoneGap downloaden :
Offizielle Webseite von PhoneGap :

Tutorial :
Ladet zuerst das Template herunter und öffnet den Ordner. Dann klickt auf "
Öffnen mit..." und wählt als Programm den Editor aus.
Bild anzeigen :
Dann könnt den Inhalt der Textboxen verändern (
Bild anzeigen : ) Textboxen hinzufügen (
Bild anzeigen : ) den Titel der Textboxverändern (
Bild anzeigen : ) und den Titel der Seite verändern : (
Bild anzeigen : ) .
Fortsetzung :
Wenn ihr alles erledigt habt könnt ihr eure Webseite nun mit dem Browser testen!
Der Rest besteht darin die Webseite zu einem App zu machen!
Ihr benötigt :
- einen Macintosh computer mit Xcode und dem iPhone SDK
- ein iPhone
- eine "
"
Schritt 1 :
- Downloadet zuerst Phonegap.
- Öffnet das Projekt in Xcode!(PhoneGap.xcodeproj)
- Kopiert alle Dateien der Seite in den Ordner "www", dieser befindet sich im PhoneGap-Ordner.
- Öffnet "info.plist" und ändert "BundleIdentifier" zu eurem von Apple vergebenen identifier
- Geht zum Menu Project > Edit Project Settings
- Seit sicher, das alle Einstellungen korrekt sind!
- Ändert den Produktnamen
- Build and run.
Step 2
- Öffnet "info.plist" und ändert "BundleDisplayName" zu dem Namen eures Apps
- Ersetzte "icon.png" und "[I]default.png"
Step 3
Erstell dein App an dem ausgewälten Ort in "url.text"
MFg Jusikid