ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Greener Pastures
                        http://greenerpastures.dk



Velkommen
Jens Willy Johannsen
  Greener Pastures
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
                                   http://greenerpastures.dk



Form?l
"Hvad skal der til for at udvikle en app?"
Greener Pastures
                                   http://greenerpastures.dk



Form?l
"Hvad skal der til for at udvikle en app?"
Greener Pastures
                                   http://greenerpastures.dk



Form?l
"Hvad skal der til for at udvikle en app?"
Greener Pastures
            http://greenerpastures.dk



Form?l
Greener Pastures
                                           http://greenerpastures.dk



Form?l
¡ö   Overblik over udviklingsprocessen
Greener Pastures
                                           http://greenerpastures.dk



Form?l
¡ö   Overblik over udviklingsprocessen
¡ö   Hvilke v?rkt?jer skal der bruges
Greener Pastures
                                            http://greenerpastures.dk



Form?l
¡ö   Overblik over udviklingsprocessen
¡ö   Hvilke v?rkt?jer skal der bruges
¡ö   Hvilke kompetencer skal der bruges
Greener Pastures
                                            http://greenerpastures.dk



Form?l
¡ö   Overblik over udviklingsprocessen
¡ö   Hvilke v?rkt?jer skal der bruges
¡ö   Hvilke kompetencer skal der bruges
¡ö   Se hvordan det fungerer i praksis
Greener Pastures
                       http://greenerpastures.dk



Udviklingsprocessen
¡ö   Design af app
¡ö   Gra k
¡ö   Programmering
¡ö   Deployment
Greener Pastures
                   http://greenerpastures.dk



Design af app
Greener Pastures
                                           http://greenerpastures.dk



Design af app
¡ö   Apples Human Interface Guidelines
Greener Pastures
                                           http://greenerpastures.dk



Design af app
¡ö   Apples Human Interface Guidelines
¡ö   En app er ikke et website
Greener Pastures
                                           http://greenerpastures.dk



Design af app
¡ö   Apples Human Interface Guidelines
¡ö   En app er ikke et website
¡ö   V?r kreativ
Greener Pastures
                                           http://greenerpastures.dk



Design af app
¡ö   Apples Human Interface Guidelines
¡ö   En app er ikke et website
¡ö   V?r kreativ
¡ö   ¡­ men ikke for kreativ!
Greener Pastures
                                           http://greenerpastures.dk



Design af app
¡ö   Apples Human Interface Guidelines
¡ö   En app er ikke et website
¡ö   V?r kreativ
¡ö   ¡­ men ikke for kreativ!
¡ö   Kend brugssituationen, muligheder og
    begr?nsninger
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
           http://greenerpastures.dk



Gra k
Greener Pastures
                                 http://greenerpastures.dk



Gra k
¡ö   Ingen s?rlige v?rkt?jer
¡ö   PNG og JPG
Greener Pastures
                                 http://greenerpastures.dk



Gra k
¡ö   Ingen s?rlige v?rkt?jer
¡ö   PNG og JPG
¡ö   Retina displays
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
                                               http://greenerpastures.dk



Gra k til Retina display
¡ö   Dobbelt st?rrelse ¨C?b?de h?jde og bredde
¡ö   To ler. Retina-billede med "@2x" til sidst i lnavn:
    billede.png
    billede@2x.png
Greener Pastures
                                               http://greenerpastures.dk



Gra k til Retina display
¡ö   Dobbelt st?rrelse ¨C?b?de h?jde og bredde
¡ö   To ler. Retina-billede med "@2x" til sidst i lnavn:
    billede.png
    billede@2x.png

1.Lav alt i hi-res (Retina) og skal¨¦r ned
Greener Pastures
                                               http://greenerpastures.dk



Gra k til Retina display
¡ö   Dobbelt st?rrelse ¨C?b?de h?jde og bredde
¡ö   To ler. Retina-billede med "@2x" til sidst i lnavn:
    billede.png
    billede@2x.png

1.Lav alt i hi-res (Retina) og skal¨¦r ned
2.Lav to separate versioner
Greener Pastures
                                                      http://greenerpastures.dk



Et par tips:
1.Brug vektor-tegninger s? vidt som muligt
2.Lav et godt ikon!
  L?s denne artikel f?rst:
 http://pixelresort.com/blog/iphone-app-icon-design-best-practises/
Greener Pastures
                                                      http://greenerpastures.dk



Et par tips:
1.Brug vektor-tegninger s? vidt som muligt
2.Lav et godt ikon!
  L?s denne artikel f?rst:
 http://pixelresort.com/blog/iphone-app-icon-design-best-practises/
Greener Pastures
                    http://greenerpastures.dk



Gra ske elementer
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
                    http://greenerpastures.dk



Gra ske elementer
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
                       http://greenerpastures.dk



Programmering
Der skal bruges:
1.Computer
2.Udviklingsmilj?
3.Kompetencer
Greener Pastures
                                       http://greenerpastures.dk



Programmering
Der skal bruges:
1.Computer          = Mac
2.Udviklingsmilj?   = Xcode
3.Kompetencer       = Objective-C
Greener Pastures
                  http://greenerpastures.dk



Windows eller Mac?
Greener Pastures
                                          http://greenerpastures.dk



Windows eller Mac?
¡ö   MonoTouch, Appcelerator Titanium, PhoneGap, ¡­
Greener Pastures
                                          http://greenerpastures.dk



Windows eller Mac?
¡ö   MonoTouch, Appcelerator Titanium, PhoneGap, ¡­
¡ö   Mit r?d: Brug Xcode og Objective-C
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
                                          http://greenerpastures.dk



Xcode
¡ö   Autocomplete
¡ö   Context sensitive help/reference
¡ö   Refactoring
¡ö   Source Control (SVN, Git)
¡ö   Static Code Analyzer
¡ö   Unit Testing
¡ö   Debugger
¡ö   ¡­
Greener Pastures
                                                                                        http://greenerpastures.dk



Objective-C
- (NSArray*)filteredRecipes
{

   // are all or no tags selected?

   if( [selectedTags count] == 0 || [selectedTags count] == [availableTags count] )

   
       // yes: return all

   
       return recipes;


   // filter using predicate

   NSPredicate *pred = [NSPredicate predicateWithFormat:@"ALL %@ IN tags", selectedTags];

   NSArray *res = [recipes filteredArrayUsingPredicate:pred];


   return res;
}

- (NSArray*)sectionsInShoppingList
{

   NSArray *distinct = [shoppingList valueForKeyPath:@"@distinctUnionOfObjects.section"];

   NSArray *sorted = [distinct sortedArrayUsingSelector:@selector(compare:)];


   return sorted;
}
Greener Pastures
                   http://greenerpastures.dk



Framework/SDK
Greener Pastures
                   http://greenerpastures.dk



Framework/SDK
Greener Pastures
                     http://greenerpastures.dk



iPod, iPhone, iPad
Greener Pastures
   http://greenerpastures.dk
Greener Pastures
                                              http://greenerpastures.dk




1.To separate apps: ¨¦n til iPhone og ¨¦n til iPad
2.Universal app
Greener Pastures
                http://greenerpastures.dk



I praksis¡­
Greener Pastures
                http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
Greener Pastures
                                             http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
¡ö   Oprette projekt: skelet er p? plads
Greener Pastures
                                             http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
¡ö   Oprette projekt: skelet er p? plads
¡ö   Tilf?je XML-ressourcer
Greener Pastures
                                             http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
¡ö   Oprette projekt: skelet er p? plads
¡ö   Tilf?je XML-ressourcer
¡ö   Kode
Greener Pastures
                                                 http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
¡ö   Oprette projekt: skelet er p? plads
¡ö   Tilf?je XML-ressourcer
¡ö   Kode
¡ö   Interface Builder: interface og tilretning
Greener Pastures
                                                 http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
¡ö   Oprette projekt: skelet er p? plads
¡ö   Tilf?je XML-ressourcer
¡ö   Kode
¡ö   Interface Builder: interface og tilretning
¡ö   Nemt at komme i gang med simpel app
Greener Pastures
                                                 http://greenerpastures.dk



I praksis¡­
¡ö   Xcode
¡ö   Oprette projekt: skelet er p? plads
¡ö   Tilf?je XML-ressourcer
¡ö   Kode
¡ö   Interface Builder: interface og tilretning
¡ö   Nemt at komme i gang med simpel app
¡ö   Man skal kende SDK'et
Greener Pastures
               http://greenerpastures.dk



App Store
Greener Pastures
                         http://greenerpastures.dk



App Store
¡ö   Apple Developer
Greener Pastures
                               http://greenerpastures.dk



App Store
¡ö   Apple Developer
¡ö   iOS Developer Program
Greener Pastures
               http://greenerpastures.dk



App Store
Greener Pastures
                            http://greenerpastures.dk



App Store
¡ö   Kontrakter
¡ö   Ikon til App Store
¡ö   Sk?rmbilleder
¡ö   Beskrivelse
¡ö   Keywords
¡ö   Kategorier
¡ö   Pris
Greener Pastures
               http://greenerpastures.dk



App Store
Greener Pastures
               http://greenerpastures.dk



App Store
Greener Pastures
               http://greenerpastures.dk



App Store
Greener Pastures
               http://greenerpastures.dk



Statistik
Greener Pastures
                          http://greenerpastures.dk



Statistik
¡ö   iTunes Connect
¡ö   Google Analytics
Greener Pastures
       http://greenerpastures.dk




!
Greener Pastures
       http://greenerpastures.dk




?

More Related Content

Greener pastures seminar om iOS udvikling

  • 1. Greener Pastures http://greenerpastures.dk Velkommen Jens Willy Johannsen Greener Pastures
  • 2. Greener Pastures http://greenerpastures.dk
  • 3. Greener Pastures http://greenerpastures.dk
  • 4. Greener Pastures http://greenerpastures.dk Form?l "Hvad skal der til for at udvikle en app?"
  • 5. Greener Pastures http://greenerpastures.dk Form?l "Hvad skal der til for at udvikle en app?"
  • 6. Greener Pastures http://greenerpastures.dk Form?l "Hvad skal der til for at udvikle en app?"
  • 7. Greener Pastures http://greenerpastures.dk Form?l
  • 8. Greener Pastures http://greenerpastures.dk Form?l ¡ö Overblik over udviklingsprocessen
  • 9. Greener Pastures http://greenerpastures.dk Form?l ¡ö Overblik over udviklingsprocessen ¡ö Hvilke v?rkt?jer skal der bruges
  • 10. Greener Pastures http://greenerpastures.dk Form?l ¡ö Overblik over udviklingsprocessen ¡ö Hvilke v?rkt?jer skal der bruges ¡ö Hvilke kompetencer skal der bruges
  • 11. Greener Pastures http://greenerpastures.dk Form?l ¡ö Overblik over udviklingsprocessen ¡ö Hvilke v?rkt?jer skal der bruges ¡ö Hvilke kompetencer skal der bruges ¡ö Se hvordan det fungerer i praksis
  • 12. Greener Pastures http://greenerpastures.dk Udviklingsprocessen ¡ö Design af app ¡ö Gra k ¡ö Programmering ¡ö Deployment
  • 13. Greener Pastures http://greenerpastures.dk Design af app
  • 14. Greener Pastures http://greenerpastures.dk Design af app ¡ö Apples Human Interface Guidelines
  • 15. Greener Pastures http://greenerpastures.dk Design af app ¡ö Apples Human Interface Guidelines ¡ö En app er ikke et website
  • 16. Greener Pastures http://greenerpastures.dk Design af app ¡ö Apples Human Interface Guidelines ¡ö En app er ikke et website ¡ö V?r kreativ
  • 17. Greener Pastures http://greenerpastures.dk Design af app ¡ö Apples Human Interface Guidelines ¡ö En app er ikke et website ¡ö V?r kreativ ¡ö ¡­ men ikke for kreativ!
  • 18. Greener Pastures http://greenerpastures.dk Design af app ¡ö Apples Human Interface Guidelines ¡ö En app er ikke et website ¡ö V?r kreativ ¡ö ¡­ men ikke for kreativ! ¡ö Kend brugssituationen, muligheder og begr?nsninger
  • 19. Greener Pastures http://greenerpastures.dk
  • 20. Greener Pastures http://greenerpastures.dk Gra k
  • 21. Greener Pastures http://greenerpastures.dk Gra k ¡ö Ingen s?rlige v?rkt?jer ¡ö PNG og JPG
  • 22. Greener Pastures http://greenerpastures.dk Gra k ¡ö Ingen s?rlige v?rkt?jer ¡ö PNG og JPG ¡ö Retina displays
  • 23. Greener Pastures http://greenerpastures.dk
  • 24. Greener Pastures http://greenerpastures.dk
  • 25. Greener Pastures http://greenerpastures.dk
  • 26. Greener Pastures http://greenerpastures.dk Gra k til Retina display ¡ö Dobbelt st?rrelse ¨C?b?de h?jde og bredde ¡ö To ler. Retina-billede med "@2x" til sidst i lnavn: billede.png billede@2x.png
  • 27. Greener Pastures http://greenerpastures.dk Gra k til Retina display ¡ö Dobbelt st?rrelse ¨C?b?de h?jde og bredde ¡ö To ler. Retina-billede med "@2x" til sidst i lnavn: billede.png billede@2x.png 1.Lav alt i hi-res (Retina) og skal¨¦r ned
  • 28. Greener Pastures http://greenerpastures.dk Gra k til Retina display ¡ö Dobbelt st?rrelse ¨C?b?de h?jde og bredde ¡ö To ler. Retina-billede med "@2x" til sidst i lnavn: billede.png billede@2x.png 1.Lav alt i hi-res (Retina) og skal¨¦r ned 2.Lav to separate versioner
  • 29. Greener Pastures http://greenerpastures.dk Et par tips: 1.Brug vektor-tegninger s? vidt som muligt 2.Lav et godt ikon! L?s denne artikel f?rst: http://pixelresort.com/blog/iphone-app-icon-design-best-practises/
  • 30. Greener Pastures http://greenerpastures.dk Et par tips: 1.Brug vektor-tegninger s? vidt som muligt 2.Lav et godt ikon! L?s denne artikel f?rst: http://pixelresort.com/blog/iphone-app-icon-design-best-practises/
  • 31. Greener Pastures http://greenerpastures.dk Gra ske elementer
  • 32. Greener Pastures http://greenerpastures.dk
  • 33. Greener Pastures http://greenerpastures.dk Gra ske elementer
  • 34. Greener Pastures http://greenerpastures.dk
  • 35. Greener Pastures http://greenerpastures.dk
  • 36. Greener Pastures http://greenerpastures.dk Programmering Der skal bruges: 1.Computer 2.Udviklingsmilj? 3.Kompetencer
  • 37. Greener Pastures http://greenerpastures.dk Programmering Der skal bruges: 1.Computer = Mac 2.Udviklingsmilj? = Xcode 3.Kompetencer = Objective-C
  • 38. Greener Pastures http://greenerpastures.dk Windows eller Mac?
  • 39. Greener Pastures http://greenerpastures.dk Windows eller Mac? ¡ö MonoTouch, Appcelerator Titanium, PhoneGap, ¡­
  • 40. Greener Pastures http://greenerpastures.dk Windows eller Mac? ¡ö MonoTouch, Appcelerator Titanium, PhoneGap, ¡­ ¡ö Mit r?d: Brug Xcode og Objective-C
  • 41. Greener Pastures http://greenerpastures.dk
  • 42. Greener Pastures http://greenerpastures.dk Xcode ¡ö Autocomplete ¡ö Context sensitive help/reference ¡ö Refactoring ¡ö Source Control (SVN, Git) ¡ö Static Code Analyzer ¡ö Unit Testing ¡ö Debugger ¡ö ¡­
  • 43. Greener Pastures http://greenerpastures.dk Objective-C - (NSArray*)filteredRecipes { // are all or no tags selected? if( [selectedTags count] == 0 || [selectedTags count] == [availableTags count] ) // yes: return all return recipes; // filter using predicate NSPredicate *pred = [NSPredicate predicateWithFormat:@"ALL %@ IN tags", selectedTags]; NSArray *res = [recipes filteredArrayUsingPredicate:pred]; return res; } - (NSArray*)sectionsInShoppingList { NSArray *distinct = [shoppingList valueForKeyPath:@"@distinctUnionOfObjects.section"]; NSArray *sorted = [distinct sortedArrayUsingSelector:@selector(compare:)]; return sorted; }
  • 44. Greener Pastures http://greenerpastures.dk Framework/SDK
  • 45. Greener Pastures http://greenerpastures.dk Framework/SDK
  • 46. Greener Pastures http://greenerpastures.dk iPod, iPhone, iPad
  • 47. Greener Pastures http://greenerpastures.dk
  • 48. Greener Pastures http://greenerpastures.dk 1.To separate apps: ¨¦n til iPhone og ¨¦n til iPad 2.Universal app
  • 49. Greener Pastures http://greenerpastures.dk I praksis¡­
  • 50. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode
  • 51. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode ¡ö Oprette projekt: skelet er p? plads
  • 52. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode ¡ö Oprette projekt: skelet er p? plads ¡ö Tilf?je XML-ressourcer
  • 53. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode ¡ö Oprette projekt: skelet er p? plads ¡ö Tilf?je XML-ressourcer ¡ö Kode
  • 54. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode ¡ö Oprette projekt: skelet er p? plads ¡ö Tilf?je XML-ressourcer ¡ö Kode ¡ö Interface Builder: interface og tilretning
  • 55. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode ¡ö Oprette projekt: skelet er p? plads ¡ö Tilf?je XML-ressourcer ¡ö Kode ¡ö Interface Builder: interface og tilretning ¡ö Nemt at komme i gang med simpel app
  • 56. Greener Pastures http://greenerpastures.dk I praksis¡­ ¡ö Xcode ¡ö Oprette projekt: skelet er p? plads ¡ö Tilf?je XML-ressourcer ¡ö Kode ¡ö Interface Builder: interface og tilretning ¡ö Nemt at komme i gang med simpel app ¡ö Man skal kende SDK'et
  • 57. Greener Pastures http://greenerpastures.dk App Store
  • 58. Greener Pastures http://greenerpastures.dk App Store ¡ö Apple Developer
  • 59. Greener Pastures http://greenerpastures.dk App Store ¡ö Apple Developer ¡ö iOS Developer Program
  • 60. Greener Pastures http://greenerpastures.dk App Store
  • 61. Greener Pastures http://greenerpastures.dk App Store ¡ö Kontrakter ¡ö Ikon til App Store ¡ö Sk?rmbilleder ¡ö Beskrivelse ¡ö Keywords ¡ö Kategorier ¡ö Pris
  • 62. Greener Pastures http://greenerpastures.dk App Store
  • 63. Greener Pastures http://greenerpastures.dk App Store
  • 64. Greener Pastures http://greenerpastures.dk App Store
  • 65. Greener Pastures http://greenerpastures.dk Statistik
  • 66. Greener Pastures http://greenerpastures.dk Statistik ¡ö iTunes Connect ¡ö Google Analytics
  • 67. Greener Pastures http://greenerpastures.dk !
  • 68. Greener Pastures http://greenerpastures.dk ?

Editor's Notes

  1. 1) Om mig: GP, CV, udviklingsbaggrund\n2) Om apps og app-udvikling: mere og mere, ny brugssituation, …\n\n? Jeres baggrund: hvor mange kender til webudvikling?\nhvor mange arbejder med grafik (Photoshop)?\nhvor mange arbejder med html/css?\nhvor mange udvikler (programmering)?\nhvor mange arbejder med usability, -design?\n-hvor mange har en iPhone?\n-er der nogen, der har prøvet at lave en app?\n
  2. > 30 apps for meget forskellige kunder\n
  3. > 30 apps for meget forskellige kunder\n
  4. > 30 apps for meget forskellige kunder\n
  5. > 30 apps for meget forskellige kunder\n
  6. > 30 apps for meget forskellige kunder\n
  7. > 30 apps for meget forskellige kunder\n
  8. > 30 apps for meget forskellige kunder\n
  9. > 30 apps for meget forskellige kunder\n
  10. > 30 apps for meget forskellige kunder\n
  11. > 30 apps for meget forskellige kunder\n
  12. > 30 apps for meget forskellige kunder\n
  13. > 30 apps for meget forskellige kunder\n
  14. > 30 apps for meget forskellige kunder\n
  15. > 30 apps for meget forskellige kunder\n
  16. > 30 apps for meget forskellige kunder\n
  17. > 30 apps for meget forskellige kunder\n
  18. > 30 apps for meget forskellige kunder\n
  19. > 30 apps for meget forskellige kunder\n
  20. Handler om iOS\n
  21. Gå fra at være lidt forvirrent -> have fuldstændig styr på værktøjer og processer\n
  22. Gå fra at være lidt forvirrent -> have fuldstændig styr på værktøjer og processer\n
  23. Tre blokke m. to pauser: 1 (snak vise PS hurtigt), 2 (praktisk), 3 (snak)\n\nSpørgsmål: sig til – muligvis skubbes til bagefter\n
  24. Tre blokke m. to pauser: 1 (snak vise PS hurtigt), 2 (praktisk), 3 (snak)\n\nSpørgsmål: sig til – muligvis skubbes til bagefter\n
  25. Tre blokke m. to pauser: 1 (snak vise PS hurtigt), 2 (praktisk), 3 (snak)\n\nSpørgsmål: sig til – muligvis skubbes til bagefter\n
  26. Tre blokke m. to pauser: 1 (snak vise PS hurtigt), 2 (praktisk), 3 (snak)\n\nSpørgsmål: sig til – muligvis skubbes til bagefter\n
  27. Nøjagtig den samme model som v. alt andet softwareudvikling. Fx web.\nMen der er forskelle i alle punkter: \n - en telefon er noget andet end en browser (eller computer), og det skal designet af app'en tage højde for\n - grafikken skal laves på en anden måde\n - programmeringen foregår i et andet miljø, end mange er vante til\n - deployment er via Apples App Store\n\nOBS: det er forskelige roller! En grafiker kan ikke programmere, og en programmør kan ikke lave grafik. Eller designe en app. Forskellige kompetencer (kan godt være samme msk.)\n\n\n
  28. Apples Human Interface Guidelines er biblen! (Nærmere "Rules" end "Guidelines")\nMan skal være opmærksom på forskellene ml. web og app. ∆\nKreativ: det skal være spændende\n…ikke for: ingen brugsanvisning/read-me; SKAL være umiddelbart indlysende; brug Apples (og andres) konventioner (fx pull down to reload)\nKend brugssituation, begrænsninger (skærm, fingre) og muligheder (GPS, kamera osv.)\n\n
  29. Apples Human Interface Guidelines er biblen! (Nærmere "Rules" end "Guidelines")\nMan skal være opmærksom på forskellene ml. web og app. ∆\nKreativ: det skal være spændende\n…ikke for: ingen brugsanvisning/read-me; SKAL være umiddelbart indlysende; brug Apples (og andres) konventioner (fx pull down to reload)\nKend brugssituation, begrænsninger (skærm, fingre) og muligheder (GPS, kamera osv.)\n\n
  30. Apples Human Interface Guidelines er biblen! (Nærmere "Rules" end "Guidelines")\nMan skal være opmærksom på forskellene ml. web og app. ∆\nKreativ: det skal være spændende\n…ikke for: ingen brugsanvisning/read-me; SKAL være umiddelbart indlysende; brug Apples (og andres) konventioner (fx pull down to reload)\nKend brugssituation, begrænsninger (skærm, fingre) og muligheder (GPS, kamera osv.)\n\n
  31. Apples Human Interface Guidelines er biblen! (Nærmere "Rules" end "Guidelines")\nMan skal være opmærksom på forskellene ml. web og app. ∆\nKreativ: det skal være spændende\n…ikke for: ingen brugsanvisning/read-me; SKAL være umiddelbart indlysende; brug Apples (og andres) konventioner (fx pull down to reload)\nKend brugssituation, begrænsninger (skærm, fingre) og muligheder (GPS, kamera osv.)\n\n
  32. Apples Human Interface Guidelines er biblen! (Nærmere "Rules" end "Guidelines")\nMan skal være opmærksom på forskellene ml. web og app. ∆\nKreativ: det skal være spændende\n…ikke for: ingen brugsanvisning/read-me; SKAL være umiddelbart indlysende; brug Apples (og andres) konventioner (fx pull down to reload)\nKend brugssituation, begrænsninger (skærm, fingre) og muligheder (GPS, kamera osv.)\n\n
  33. Eksempler på dårligt og godt:\nser smart ud, men ikke standard-elementer (on/off, back nederst, klode?, segmented)\nFleggaard: alt er tilpasset – farver, ikoner, tabbar – men er standard or ser "iPhone-agtigt" ud\n\nIkke meget mere om, men OBS på, at det er en nødvendig kompetence, og det er ikke web-UX\n\nNogle spørgsmål?\n
  34. Brug alm. værktøjer: PS, Illu… MS Draw.\nFormat=PNG (optimeres, komprimeres) eller JPG for fotos, der kan komprimeres uden at man kan se det.\n\nRetina: Opløsning > 300 dpi; intet krav, men gør det\n
  35. Brug alm. værktøjer: PS, Illu… MS Draw.\nFormat=PNG (optimeres, komprimeres) eller JPG for fotos, der kan komprimeres uden at man kan se det.\n\nRetina: Opløsning > 300 dpi; intet krav, men gør det\n
  36. Brug alm. værktøjer: PS, Illu… MS Draw.\nFormat=PNG (optimeres, komprimeres) eller JPG for fotos, der kan komprimeres uden at man kan se det.\n\nRetina: Opløsning > 300 dpi; intet krav, men gør det\n
  37. \n
  38. \n
  39. \n
  40. efter strategi:\n[Vis i PS: ikon.psd]\n
  41. efter strategi:\n[Vis i PS: ikon.psd]\n
  42. Tips:\n\n1) Vektor så vidt muligt. Det skalerer godt uden at man skal arbejde med to separate versioner. Illustrator.\n2) Ikonet er vigtigt. Det er det første, der kigges på. Læs Michaels blog.\n\n[Browser: PixelResort]\n
  43. Tips:\n\n1) Vektor så vidt muligt. Det skalerer godt uden at man skal arbejde med to separate versioner. Illustrator.\n2) Ikonet er vigtigt. Det er det første, der kigges på. Læs Michaels blog.\n\n[Browser: PixelResort]\n
  44. Nu vist, hvordan man laver grafik – hvad skal der faktisk laves?\n\n
  45. Eksempel: Det her…\n
  46. … plus de her grafikker…\n
  47. … giver det her.\n\n
  48. Forskellen:\n\nDer er lavet:\n- navbar\n- tabbar-ikoner\n- tabel-celler\n- baggrunde (color tint vs. grafik) på alt: screen, tabelceller, navbar, tabbar, knapper\n
  49. \n
  50. \n
  51. Både fordele og ulemper\nFordele: kendt sprog/miljø (MonoTouch: .NET/C#), kan udvikle til flere platforme på én gang (Appcelerator: iOS/Android)\nUlemper:\n- nogle: Stadig bruge Mac til kompilering, overførsel til device\n- nogle: Apps > MB\n- alle: Dårligere debugging-muligheder\n- alle: Nye versioner af SDK -> ventetid til porteret. Stor ulempe!\n- alle: Hjælp/eksempler/dokumentation! Alt fra Apple er i Obj-C. Maaange flere eksempler/hjælp til Obj-C.\n\n- Er det faktisk hurtigere? Prog.sprog er ikke det vigtige, det er kendskab til framework (jf. C#/.NET). Og det tager lige lang tid (el. længere – eksempler)\n\n-> Derfor: computer=Mac\n
  52. Både fordele og ulemper\nFordele: kendt sprog/miljø (MonoTouch: .NET/C#), kan udvikle til flere platforme på én gang (Appcelerator: iOS/Android)\nUlemper:\n- nogle: Stadig bruge Mac til kompilering, overførsel til device\n- nogle: Apps > MB\n- alle: Dårligere debugging-muligheder\n- alle: Nye versioner af SDK -> ventetid til porteret. Stor ulempe!\n- alle: Hjælp/eksempler/dokumentation! Alt fra Apple er i Obj-C. Maaange flere eksempler/hjælp til Obj-C.\n\n- Er det faktisk hurtigere? Prog.sprog er ikke det vigtige, det er kendskab til framework (jf. C#/.NET). Og det tager lige lang tid (el. længere – eksempler)\n\n-> Derfor: computer=Mac\n
  53. Næste: udviklingsmiljø=Xcode\n\nFra Apple. Gratis (kommer tilbage til)\nHer man laver alt. Kommer tilbage til og viser, hvordan det fungerer.\n
  54. For nyligt kommet i en ny major version.\nDet er et moderne udviklingsmiljø, der har alle de features, man har brug for. -> Er faktisk vigtigt.\n\nIngen grund til at kigge på andre udviklingsmiljøet…\n
  55. Næste: programmeringssproget = Objective-C\n\n(For dem, der ved noget om det:) overbygning på C m. ting fra SmallTalk.\nObjektorienteret, refleksivt og dynamisk = fleksibelt.\n\nSyntax er lidt anderledes, end mange er vante til, så det skal læres.\nMen: for god udvikler er sproget ikke vigtigt. Tager ikke lang tid at lære. Vigtigt er SDK/Framework (C#/.NET).\nDet skal kendes. Hvad kan man ikke (ikke fange indkommende opkald), hvad kan man (nemt at tage img fra fotoalbum).\n\n-> Nødvendig kompetence!\n
  56. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  57. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  58. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  59. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  60. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  61. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  62. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  63. Sagde at kompetence=Objective-C, men lige så meget kendskab til Framework'et.\n\nKendskab til Frameworket/SDK'et handler om at vide, hvad man kan med en iPhone.\nSå man kan benytte de muligheder, der er:\n\n[kalender, kompas, GPS, kamera, telefon, musikafspiller, adressebog, accelerometer/gyro, push/local notifications, indstillinger, SMS]\n\n? Spørgsmål?\n
  64. Apps til iPod Touch, iPhone og iPad laves på nøjagtig samme måde. Der er naturligvis nogle forskelle i hardwaren (fx ikke sende SMS'er fra en iPod Touch). \nSå tænk over, hvilke devices de skal køre på.\n\nEn iPod Touch er stort set det samme som en iPhone uden telefon-delen. Så alt hvad man laver til en iPhone virker på en iPod Touch (stort set).\n\n
  65. Helt grundlæggende kan alle iPhone apps også køre på en iPad. Den forstørre bare, så det fylder hele. \n\nBør udnytte de forskelle, der er. Ikke mindst skærmstørrelsen, naturligvis. Der er mulighed for at vise mere indhold på en iPad. Fx. split view controller vs. tabel -> drill-down.\n\n
  66. To strategier:\n1) separat iPhone app og iPad app\n2) universal app\n\nAnbefaler universal – med mindre funktionaliteten er væsentlig anderledes.\n
  67. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  68. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  69. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  70. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  71. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  72. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  73. [vis app/Xcode]\n\n[pause]\n\nHvad så I:\n
  74. Den *eneste* måde at få en app ud på = Apples App Store. Ikke download fra egen website; ikke eget salg.\n\nGodt og skidt: fordele/ulemper\nAlternativer: webapps, Jail break\n\n[klik] For at komme i gang skal man oprettes som Apple Developer. Det er *gratis*.\nKan downloade alle værktøjer. Men kan *kun* køre på simulator – ikke på fysisk device og ikke upload til App Store\n\n[klik] Tilmeldes iOS Developer Program. Koster $99 pr. år.\nKan vælge ml. Individual, Company, Enterprise ($299)\nVerificeres: faxe virksomheds registreringsbevis; Apple ringer tilbage og kontrollerer, at firmaet eksisterer. ~1 uges tid.\n\n\n[http://developer.apple.com]\n
  75. Den *eneste* måde at få en app ud på = Apples App Store. Ikke download fra egen website; ikke eget salg.\n\nGodt og skidt: fordele/ulemper\nAlternativer: webapps, Jail break\n\n[klik] For at komme i gang skal man oprettes som Apple Developer. Det er *gratis*.\nKan downloade alle værktøjer. Men kan *kun* køre på simulator – ikke på fysisk device og ikke upload til App Store\n\n[klik] Tilmeldes iOS Developer Program. Koster $99 pr. år.\nKan vælge ml. Individual, Company, Enterprise ($299)\nVerificeres: faxe virksomheds registreringsbevis; Apple ringer tilbage og kontrollerer, at firmaet eksisterer. ~1 uges tid.\n\n\n[http://developer.apple.com]\n
  76. For at uploade skal man:\n\n- have accepteret kontrakter i iTunes Connect\n- hvis betalte: bank- og skatte-oplysninger (bliver manuelt godkendt, så kan tage en uges tid)\n- have info klar\n[itunesconnect.com: Hansens Is]\n\n[iTunes, Hansens Flødeis]\n\n
  77. Apple tjekker:\n\n- crasher den?\n- indhold: vold, bandeord, "nøgenhed" (skal angives v. upload)\n- copyright\n- UI-konventioner (ikoners betydning fx)\n- fungerer den uden netværk osv.\n\nOBS: kan ikke spørge i forvejen\n
  78. Apple tjekker:\n\n- crasher den?\n- indhold: vold, bandeord, "nøgenhed" (skal angives v. upload)\n- copyright\n- UI-konventioner (ikoners betydning fx)\n- fungerer den uden netværk osv.\n\nOBS: kan ikke spørge i forvejen\n
  79. \n
  80. \n
  81. \n