Hvis du ønsker å bygge din første iPad app , men ikke har erfaring med objekt -basert programmering , er en web- app en fin måte å starte. Kjernen er en web- app rett og slett en webside som er spesielt formatert for en iPad . Brukere kan lagre Web app til sine hjem -skjermen med sitt eget ikon , akkurat som alle app som ble lastet ned fra Apple App Store. Instruksjoner
Komme i gang
en
Tegn et design for din app med en blyant og papir. Bestemme hva programmet skal kunne gjøre. Prioritere hva den trenger å gjøre i forhold til hva du ønsker den skal gjøre.
2
Gjør deg kjent med Hypertext Markup Language , Extensible HTML, Cascading Style Sheets og JavaScript. Det finnes mange gode bøker tilgjengelig i bokhandlere og ditt lokale bibliotek. Det er også tutorials og eksempler på kode tilgjengelig på nettet , samt webutvikling fora der folk kan hjelpe deg med å gjøre Web app gjør det du trenger den å gjøre .
3
Registrer deg til gratis Apple Safari Developer program på developer.apple.com . Dette vil gi deg tilgang til Apples Developer Library , inkludert opplæring og eksempelkode spesielt for iPad .
4
Sammenlign det du trenger og hva du vil at web -applikasjonen til å gjøre med egenskapene til de ulike typene Web kode tilgjengelig .
bygge og teste en Web App
5
Bestem deg for et program som skal brukes for å utvikle din web app . Programmer som Adobe Dreamweaver eller InDesign CS5 kan gjøre det lettere hvis du har erfaring med dem . Du kan også bygge Web app fra bunnen av ved hjelp av en enkel tekst editor som Notisblokk .
6
Last ned og installer Safari nettleser fra apple.com /safari . Dette er nettleseren som brukes av iPad. Du kan endre din web app og teste den direkte fra datamaskinen .
7
Klikk på Safari "File "-menyen , velg "Innstillinger" og klikk på "Avansert "-knappen . Klikk på " Vis Utvikle -menyen i menylinjen" alternativet.
8
Velg " Utvikle "-menyen i Safari , " User Agent ", " Annet" og lim inn følgende kode " Mozilla/5.0 (iPad , U, CPU OS 3_2 som Mac OS X; en-us ) AppleWebKit/531.21.10 ( KHTML, som Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 "for å få nettleseren etterligne den som brukes av en iPad .
9
Brukte fast posisjonering i CSS- koden til Web app for å sikre Safari på datamaskinen ikke forvrenge ikke siden mens du bygge og teste programmet .
10 < p> Bruk en konstant viewport bredde meta tag i overskriften på nettsiden , for eksempel " " for å sikre side oppfører seg som en helsides app på iPad.
11
Bruk touch- hendelser i Web app , som for eksempel " touchstart ", " touchmove ", " touchend , " og " touchcancel , " heller enn å bruke musen hendelser .
12
Bruk "
