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. :D
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 :
[Only registered and activated users can see links. Click Here To Register...]
PhoneGap downloaden :
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 "[Only registered and activated users can see links. Click Here To Register...]"
Schritt 1 :
- Downloadet zuerst Phonegap.
[Only registered and activated users can see links. Click Here To Register...]
- Öffnet das Projekt in Xcode!(PhoneGap.xcodeproj)
[Only registered and activated users can see links. Click Here To Register...]
- 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
[Only registered and activated users can see links. Click Here To Register...]
- Geht zum Menu Project > Edit Project Settings
- Seit sicher, das alle Einstellungen korrekt sind!
- Ändert den Produktnamen
- Build and run.
[Only registered and activated users can see links. Click Here To Register...]
Step 2
- Öffnet "info.plist" und ändert "BundleDisplayName" zu dem Namen eures Apps
- Ersetzte "icon.png" und "[I]default.png"
[Only registered and activated users can see links. Click Here To Register...]
Step 3
Erstell dein App an dem ausgewälten Ort in "url.text"
MFg Jusikid