Create An IOS App Using Adobe Flash

CreateaniOSAppusingAdobeFlash
SidebySideTraining,2013
AndwithoutusingaMac
Contents
1BecomeanAppleiOSDeveloper............................................................................................................2
2AddaDevelopmentCertificate...............................................................................................................4
3CreateaCertificateSigningRequest(CSR).............................................................................................6
4RegisterYourApp....................................................................................................................................9
5RegisterYourDevice.............................................................................................................................10
6AddaProvisioningProfile.....................................................................................................................11
7Generatea.p12File..............................................................................................................................12
8CreateaFlashApp................................................................................................................................14
9PublishingyourApp..............................................................................................................................15
10Distribution.........................................................................................................................................17
11iTunesConnect....................................................................................................................................20
12ApplicationLoader..............................................................................................................................24
1|P a g e
1BecomeanAppleiOSDeveloper
Itcosts$99tobecomeanindividualdeveloper,and$299tobecomeanenterprisedeveloper.Individual
developerscreateappsandsellthemontheappstore.Theenterprisedeveloperisintendedfor
companieswhocreateproprietary,inhouseiOSappsforinternaldeploymentonly.(Thoseappscannot
besold.)Checkoutthislinkforfurtherdiscussion.
1. Gotohttps://developer.apple.com/register/.
2. YoullneedanAppleIDtosignup,soeithercreateanewoneorsigninwithanexistingone.

3. Aftersigningin,agreetothetermsofservice(i.e.Applenowownsyou).
4. TheTellUsAboutYourselfpagefeaturesdifferentrandomquestions.Answerallofthosethen
clickRegister.

5. YoullbetakentotheDeveloperMemberCenterpage,butyourestillnotactuallyregistered
asaniOSdeveloper.ClicktheYourAccounttab.

6. ScrolldownuntilyouseetheiOSDeveloperProgramrowandclicktheJoinTodaybutton.
7. Anewpageopens.ClickEnrollNow.
8. ClickContinue.
9. ClickContinueagain(checktomakesureyourecorrectAppleIDisintheExistingAppleIDtext).
2|P a g e
10. Mostlikelyyoureenrollingasanindividual,andthatiswhatthistutorialwillgothrough.Ifyou
areenrollingasacompanythenthestepsareabitdifferent.

11. Iwontgothroughallofthenextsteps,butbasicallyyouneedtoenteryourinformation,
choosetobeaniOSdeveloper,agreetovarioustermsandconditions,enterincreditcard
information,etc.
12. Aftercompletingthesesteps,Applewillemailyouanactivationcode.EnteritandclickActivate.

Congrats!YoujustgaveApplemoney!Yourealsoregisteredtohavethepossibilityofcreatingapps,but
werenotthereyet.
3|P a g e
2AddaDevelopmentCertificate
1. GototheiOSdevelopmentcenterhomepage(https://developer.apple.com/devcenter/ios)
2. ClickontheCertificates,Identifiers,&Profilesoption.

3. ClickontheCertificatesfolder.

4. Fromthisinterfaceyouhaveaccesstoallofyourcertificates,identifiers,devices,and
provisioningprofiles.ThefirststepistocreateaDevelopmentcertificate.Todoso,clickthe+
signinthetoptoolbaronthecertificatefolder.

5. UndertheDevelopmentheadings,clicktheradiobuttontitlediOSAppDevelopment.

Note:Ifyouwanttousepushnotifications,youllneedtoselectApplePushNotificationserviceSSL
(Sandbox).However,usingpushnotificationsinFlashisnoteasy.Refertothiswebpageformore
informationonpushnotifications.
4|P a g e
6. Atthebottomofthepageisacertificatethatistypicallyinstalledonyourcomputerwhenyou
installXcode,butwerenotusingXcode.Clickthelinktodownloadthecertificate,thenclickit
againtoinstallitlocallyonyourcomputer.

7. ClickContinue.
Youdontquitehaveacertificateyet,butthesenextstepsareabittrickysoIllbreakthemoutinto
theirownsection.

5|P a g e
3CreateaCertificateSigningRequest(CSR)
ThissectionexplainshowtocreateaCertificateSigningRequest(CSR)file.Youllnoticeifyoureadthe
directionswithinthedeveloperportaltheydealwithcreatingaCSRonaMac.Werenotusingone,so
wehavetogetabitcreative.

1. GototheWin32OpenSSLInstallationProjectanddownloadboththeWin32OpenSSLv1.0.0e
LightandVisualC++2008Redistributablespackages.

2. InstalltheVisualC++package.
3. InstalltheWin32OpenSSLpackage.TheWin32OpenSSLwillprobablyinstallinC:\OpenSSL
Win32path.Duringthistutorial,Iwillrefertothispath,butobviouslyyoushouldchangeyours
ifitisdifferent.
4. OpenthefolderC:\OpenSSLWin32\bin.
5. Openthecommandpromptbytypingcmdintothesearchbaronthestartmenu.Itcanalso
befoundunderStart>Accessories>CommandPrompt.(Dontbescaredofthecommand
prompt.Itcanbeyourfriend.)
6. Typethenpressenter:
cd \OpenSSL-Win32\bin

Note:Ifcopyingandpastingfromthisdocument,youllneedtorightclickinthecommandpromptand
clickPaste.Ctrl+Vwillnotwork.
openssl
8. Ifyougetawarningthatyoucantopentheconfigfile,dontworryaboutit.
genrsa -out iosdevelopment.key 2048
10. Ifyougointoyourbinfolder,youwillseethatyoujustcreatedafiletitled
iosdevelopment.key.
6|P a g e
11. Typeandpressenter:
req -new -key iosdevelopment.key -out developmentcertificate.csr -subj
"/emailAddress=stephen.calhoun1@gmail.com, CN=Stephen Calhoun, C=us" -
config "openssl.cfg"

Note:/emailAddressshouldbetheemailaddressyouusedtoregisteryourAppleIDanddeveloper
account.CNshouldbeyourname.Cshouldbeyourcountrycode.Andtheconfigopenssl.cfgisonly
necessaryifyoureceivedawarningmessageinstep7.
12. Ifyougointothebinfolder,anewfilewasjustcreatedtitleddevelopmentcertificate.csr.The
entirecommandpromptshouldlooksimilartotheonepicturedbelow.

13. BackwithintheAppleDeveloperportal,clickcontinuetogettotheGenerateyourCertificate
screen.
14. ClickChoosefile

15. NavigatetotheC:\OpenSSLWin32\binfolderandselectthedevelopmentcertificate.csrfile.
7|P a g e
16. ClickOpen.
17. ClickGenerate.
18. Younowhaveadevelopmentcertificate!ClickDownload.Afilewillsavetoyourcomputertitled
ios_development.cer.

19. ClickDone.Youshouldnowseethecertificatelistedinyourcertificatefolderontheportal.
IMPORTANTNOTE!Youonlyhavetodothisprocesstwotimestotal:oncefordevelopment,oncefor
distribution.Illgooverthedistributionstepslater(theyreessentiallythesame).Someofthefollowing
sectionscoverappidsandprovisioningprofiles.Thosesectionsneedstoberepeatedforeachappthat
iscreated,butagain,youonlyneedonecertificatefordevelopmentandonefordistribution.Sodont
keeprepeatingthestepsinthissection.

8|P a g e
4RegisterYourApp
1. ClicktheIdentifiersfolderthenclickthe+signintheupperrightcorner.

2. EnteranAppIDdescription.ForthisexamplesimplyenterSampleApp.
3. ChooseifyouwantanexplicitappIDorwildcardappID.Thebasicdifferenceisanexplicitapp
IDallows1provisioningprofiletobeassociatedwith1app.ThewildcardappIDallows1
provisioningprofiletobeassociatedwithmultipleapps.Refertothispageformoreinfo.Since
thisisasample,anexplicitIDisfinebecauseyouwontwanttouseitagaininthefuture.But,
whenyoudocreateanIDforyourfutureappsyoullprobablywanttousethewildcardsoyou
donthavetocreateasmanyprofiles.

SampleexplicitID:com.domainname.appname
SamplewildcardID:com.domainname.*
4. ClickContinue.
5. TheappIDwillthenappearintheIdentifiersfolder.

9|P a g e
5RegisterYourDevice
1. ConnectyouriPhoneoriPadtoyourcomputer.OpeniTunes.
2. WithiniTunes,gototheSummarypageoftheiOSdevice.
3. Thereshouldbeaserialnumberlistedinthetoppartofthesummary.Clicktheserialnumber,
anditwillchangetotheIdentifier(UDID)ofthedevice.Thatsthenumberyouneed.

4. BackintheDeveloperportal,selecttheDevicesfolder.
5. Clickthe+signintheupperrightcorner.

6. Giveyourdeviceaname,thenentertheUDIDintotheUDIDfield.

7. ClickContinue.
8. TheiOSdeviceshouldnowappearinyourdevicesfolderintheportal.

10|P a g e
6AddaProvisioningProfile
Wevenowcreatedadevelopmentcertificate,registeredyourapp,andregisteredyourdevice.Thelast
step(kindof)iscreatingaprovisioningprofile,whichessentiallyallowsyoutestyourapponyouriOS
device.
1. ClicktheProvisioningfolder,thenclickthe+signintheupperrightcorner.

2. ChooseiOSAppDevelopment

3. SelecttheappIDcreatedintheprevioussections(SampleAppforthistutorial).

Note:Ifusinganexplicitappid,youcanonlyassociatethisoneprovisioningprofiletotheoneappID.
4. Selectthedevelopmentcertificatecreatedintheprevioussteps.
5. Selectthedevicesyoullbetestingtheappon.
6. Createaprofilename.Again,SampleAppforthisexamplewouldbefine.

7. ClickGenerate.

8. ClickDownload.Theprovisioningprofilewillnowbesavedasalocalfileonyourcomputeras
Profilename.mobileprovision.
11|P a g e
7Generatea.p12File
Allofthestepsoutlinedintheprevioussectionsmustbecompletedbeforea.p12filecanbecreated.
1. DownloadyouriOSdevelopmentcertificatefromtheCertificatefolder(ios_development.cer).

2. PlacethatcertificateintotheC:\OpenSSLWin32\bin.Ifacertificateisalreadytherewiththe
samename,copyoverit.
3. Openacommandpromptwindow.
cd \OpenSSL-Win32\bin
openssl
x509 -in ios_development.cer -inform DER -out developer_identity.pem
pkcs12 -export -inkey iosdevelopment.key -in developer_identity.pem -
out ios_dev.p12
8. Withinthecommandpromptyoullbeaskedtoenterapassword.Typeitinthenpressenteron
yourkeyboard.(Thecommandpromptwontdisplayanylettersormovementasyoutype.)
Enterthepasswordagaintoverifyit.Besuretorememberthatpassword.
12|P a g e
9. Ifyougointothebinfolder,youllseeanewfiletitleddeveloper_identity.pemandafile
titledios_dev.p12.
Wenowhaveallthefilesweneed!Whew.LikeIsaid,notashortprocess.WecannowopenFlashand
getintosomeactualappdevelopment.
IMPORTANTNOTE!Unfortunately,everytimeyoucreateanewprovisioningprofileyoullneedto
repeatthissection.Thereasonforthisisprovisioingprofilesareassociatedwithacertificate.Sowhen
youreconvertingfileswithinSSLprotocol,ifyoureusinganold(orpreviouslydownloaded)
certificatefile,itwontknowthatyouvecreatedanewprovisioningprofile.Thebestwaytodoitisif
youknowyoullbecreatingmultipleapps,createalltheprovisioningprofilesforalltheappsbefore
doingthesesteps.Thenyouonlyhavetoconverteverythingasingletime.

13|P a g e
8CreateaFlashApp
AfteropeningFlash,simplyclicktheAIRforiOSoption.
Thestagewilldefaultto640x960,whichisthenativesizeoftheiPhone4.Changeyourstagesizetothe
correctsizeoftheiOSdeviceyouaretargeting:
iPhone13480x320
iPhone4960x640
iPhone51136x640
iPads1024x768
Note:EveniftheappisinstalledonaniPhone5whenittargetedforaniPad(forexample),itllstillrun
andworkfine.Thescreendimensionswilljustbealittleoff.
DevelopingforAIRisthesameasdevelopingabasicActionScript3.0file.Fornowcreatesomethingvery
simplelikeabasicbuttonfunctionortween.YoujustneedsomethingsowhenyouinstallitonyouriOS
deviceyouknowitsyourapp.
ThistutorialwontgointohowtouseFlash.Thatsawholeothergianttopic.IfyousearchAmazonfor
FlashAppDevelopmentsomegoodbookswillpopup.

14|P a g e
9PublishingyourApp
BelowarethefilesFlashrequirestopublishanapp:
A.p12file
Provisioningprofile
Ifyouvefollowedallthestepsofthetutorialuptothispoint,thenyoushouldalreadyhavethosefiles.
1. WithinAdobeFlash,gotoFile>AIRForiOSSettings
15|P a g e
2. Fourtabsappear:General,Deployment,Icons,andLanguages
3. TheGeneraltabisprettystraightforward.Enteranappname,selectifyouwanttheappto
displayasportraitorlandscape,autorotate,etc.Clickhereformoredetails.

Note:Ifyouwantapreloaderscreentoappearwhenyouloadyourapp,youneedtoaddithereinthe
Includedfilessection.Clickthe+signandnavigatetotheimage(theimageshouldbenamed
Default).Thesameistrueforanyexternalfiles(swfs,pdfs,etc.)thatarelinkedtowithinyourapp.
4. TheDeploymenttabisthemostcomplicated.Inthecertificatefield,browsetothepreviously
created.p12file.Enterinthepasswordyouusedinthecommandpromptwhencreatingthat
.p12file.
5. Selecttheprovisioningprofileassociatedwiththatapp(shouldbe
Profilename.mobileprovision).
6. Afterselectingtheprovisioningprofile,theappIDshouldautopopulate.
Note:Ifyoureusingawildcardoperator,youllneedtoaddyourappnametotheendoftheappID.
Otherwise,yourappswilloverwriteeachotherwheneveryoupublishthemtoadevice.
Example:com.domainname.appname
7. SelectQuickpublishingfordevicetesting.
8. IfyouriOSdeviceisconnected,checktheboxnexttoInstallapplicationontheconnectediOS
device.
9. Theiconstabcontainstheimagesthatwillbecometheappicon.Youcanleavethemblank,but
whenyougotoactuallycreateanappyoullwanttomakesureyouhaveiconsforeachofthe
varioussizes.

Note:IfyoureaPhotoshopuser,downloadthetemplatefoundathttp://appicontemplate.com/tomake
theappiconcreationprocesssoooomucheasier.
10. Onthelanguagestab,youcanselectmultiplelanguagesifdesired.Itcanalsobeleftblank.
11. Alright,nowclickPublishandpray.
Note:Ifitdoesntinstall,itmaybebecausetheprovisioningprofileisntcopyingontotheiOSdevice
correctly.YoucanmanuallycopyitoverbydragginganddroppingitintoiTunesthenclickingSync.You
canchecktoseeifitinstalledbygoingtoyourSettings>General>ProfilesonyouriOSdevice.
ItlltakelongerthanausualFlashmovietopublishasithastopackageeverythingtogether.But,
assumingalloftheprofilesarecorrectlycreatedanddefined,theappshouldinstallonyouriOSdevice
atthispoint.Whenitdoes,tapitandgiveitatestrun.
Congrats!Youvecreatedandinstalledanapp.

16|P a g e
10Distribution
Youvecreated,installed,andtestedyourapp.Nowyourereadyforthebigtime:THEAPPSTORE.
1. GotoyourCertificatesfolderwithintheDeveloperportal.Clickthe+signintheupperright
corner.
2. ThistimeselecttheAppStoreandAdHocoption.

3. ReferbacktotheCreateaCertificateSigningRequestsectionforcreatingaCSR.Youllhaveto
repeatallofthosestepsagain.Theonlychangeisbesuretonamethefilesdistribution
insteadofdevelopment.Socallitiosdistribution.keyanddistributioncertificate.csr.

4. Withintheportal,browsetothedistributioncertificate.csr.
5. ClickGenerate.
Goodwork.Youvegotthecertificate.(Remember,youllneverneedtocreateanadditionaldistribution
certificateaslongasyourenotusingpushnotificationsandinapppurchases.)Youdontneedto
registertheappagainsinceitalreadyhasanappID,andyouwontneedtoregisteranydevices,sothe
lastthingyoullneedisaprovisioningprofile.

17|P a g e
6. SelecttheProvisioningProfilesfolderandclickthe+signintheupperrightcorner.
7. SelecttheAppStoreoptionunderDistribution.

8. AlltheotherstepsarethesameasintheAddaProvisioningProfilesection.Whenfinished,
clickDownload.
Andnowyouhaveyourprovisioningprofile.Thelaststepisthat.p12file.Sincethecertificateisusedin
creatingthe.p12,wehavetogenerateitagainusingthedistributioncertificate.
9. ReferbacktotheGeneratea.p12Filesection.Repeatallofthosesteps,exceptchangethe
twolinesofcodelistedbelowinthecommandpromptfield:
x509 -in ios_distribution.cer -inform DER -out
distribution_identity.pem -outform PEM
pkcs12 -export -inkey iosdistribution.key -in distribution_identity.pem
-out ios_dist.p12
Younowhavethe.p12fileusedwhenpublishingfromFlash.
12. WithinFlash,intheDeploymenttabwithintheiOSsettings,selecttheios_dist.p12file.
13. Enterthepassword.
14. ChangetheProvisioningProfiletotheoneyoudownloadedinstep8.
18|P a g e
15. UnderiOSdeploymenttype,selectDeploymentAppleAppStore.

16. ClickPublish.
Remember,ifyoucomebacktotheapplaterandmakechangestoit,youdonthavetogothroughthis
wholeprocessagain.Onceitssetup,itcansimplybepublishedagain.

19|P a g e
11iTunesConnect
iTunesConnectisacompletelyseparateportalandinterfacefromtheDeveloperPortal.Dontgetthe
twoconfused;theyareseparatethings.Beforesubmittingyourapp,youmusttellAppleitsonitsway
beforeuploadingthebinary(or.ipafile).Again,mostofthesestepsonlyneedtobecompletedonce.
1. Gotohttps://itunesconnect.apple.com
2. LoginusingyourAppleID.

3. Agreetoanytermsandconditionsthatpopup.
4. Ifyouwanttogetpaidforyourapps,thereisalotofpaperworkyoumustfillout.Ifallof
yourapps(oratleastthefirst)willbefree,skiptostep11.
5. ClickContracts,TaxandBanking.

6. ClicktheRequestbuttonsnexttotheiOSPaidApplicationsandiAdnetworkrows.
7. Agreetotermsandconditions.
8. Itstimetosetupyourcontactinformation.ClicktheSetUpbuttonsunderContactInfo.
20|P a g e

Note:ThepicturedbuttonssayEditbecauseIvealreadysetupthesecontracts.Ifthisisyourfirsttime
throughthebuttonswillbeblueandsaySetUp.
9. Ifyouvecomethisfarinthetutorial,Illassumeyoureasmartandwellroundedpersonwho
doesntneedmetoguideyouthroughenteringyourpersonalinformation.Theonlythingsthat
mightbeconfusingisyouhavetoaddyourselfasacontact,andassignyourselftoallthe
variousroles(youcanbeseniormanagement!).
10. Repeatthesestepsforalltheareasthatneedtobesetup.
Weregettingclose!Justonemoresetofstepstogothrough(dontyouloveallthehoopsApplesetsup
forus?).
11. BackontheiTunesConnectpage,clickManageYourApps.

12. ClickAddNewAppintheupperleftcorner.
13. Enterinalltheappinformationasitsneeded.Appleprovideslittlegrayquestionmarksif
youreunsurewhatanyofthefieldsmean.
21|P a g e

14. FollowApplesdirectionsforallthesubsequentscreens.Basicallyyoullneedtosetapricefor
yourapp,enteradescription,uploadsomescreenshots,andafewotherthings.Notdifficult
butitlltakesometime.Foramoredetailedwalkthroughvisitthissite.
15. Onceyougettotheendofthisprocess,youllseeyourappwascreatedwithiniTunesConnect.
22|P a g e
16. However,unlikethepreviousimage,thestatuswontsayReadyforSalewithagreenicon.
Instead,itllsayPrepareforUploadwithayellowicon.
17. ClicktheViewDetailsbutton.
18. ClicktheReadytoUploadBinarybuttonintheupperrightcorner.
19. ClickOKthroughthenextscreens.
20. Afteryouarrivebackatthemainscreen,thestatushaschangedtoWaitingforUploadwitha
yellowicon.
23|P a g e
12ApplicationLoader
OK,smallconfessiontimehere,thistutorialhassaidthatyoudontneedaMactosubmitanapptothe
appstore.Unfortunately,forthisveryverylaststepyoudohavetoownaMac.Beforeyousendme
angryemails,thereasonIvesaidnoMacrequiredisyoucangetaroundit.
ThereasonyouneedaMacisforalittleprogramcalledApplicationLoader.Itstheonlyprogramthat
allowsyoutosubmitanapptotheappstore,anditliveswithinXcodewhichcanonlybeinstalledona
Mac.So,howtogetaroundthislaststep?
1. Findafriend!IfyouhaveafriendwhousesaMac,allheorsheneedsisthat.ipafileyoujust
publishedfromFlash.Sendyourfriendthe.ipafilealongwithyourAppleDeveloperlogin
credentials,anditlltakeyourfriend2minutestouploadyourfileforyou.
2. OthershavecreatedservicesthatmimicApplicationLoaderlikeiUpload($20)andiBuildApp
($30).IhavenotusedallofthesesoIcannotfullyendorsethem,buttheyseemlikegood
options.FromwhatIcantellthesearebasicallypeoplewhoownMacswhowillsubmitanapp
foryou.

Typicallyappreviewtakes13weeks,butthesetimesvaryandnoonereallyknowsforsurehowlong
itlltake.IfitgetsrejectedApplewillletyouknowwhyandgiveyouanopportunitytofixit.Ifitgets
acceptedthenyoucandoalittledanceandbethankfulthatthistutorialisover.
HappyApping!
24|P a g e

Create An IOS App Using Adobe Flash

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Create An IOS App Using Adobe Flash

Uploaded by

Copyright:

Available Formats

CreateaniOSAppusingAdobeFlash

You might also like