Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-3636 in a recent build.
  1. #1
    Sencha User VladimirTechMan's Avatar
    Join Date
    Jun 2012
    Location
    Russia
    Posts
    50
    Vote Rating
    4
    VladimirTechMan is on a distinguished road

      0  

    Default [Sencha Cmd] iTunesArtwork is not correct in native iOS apps if packaging on Windows

    [Sencha Cmd] iTunesArtwork is not correct in native iOS apps if packaging on Windows


    Ext version tested:
    • Sencha Cmd 3.0.0.230 for Windows (all previous versions of Sencha Cmd and Sencha SDK also have this problem)
    • Sencha Touch 2.1.0 RC2
    • iTunes 10.7 for Windows and MacOS
    Description:
    • Though there is iTunesArtwork.png file in Sencha Touch application resources, the native iOS apps packaged with Sencha Cmd on Windows and installed inside iTunes on PC or Mac don't actually have that artwork image shown in LIBRARY/Apps inside iTunes
    Steps to reproduce the problem:
    • Package a Sencha Touch 2 application with Sencha Cmd as native iOS app
    • Drag and drop the package into LIBRARY/Apps inside iTunes, to put it into the library and make it ready to be installed on the connected iOS devices (when sync'ed)
    The result that was expected:
    • The application appears inside LIBRARY/Apps in iTunes, with its application name and the provided artwork image shown
    The result that occurs instead:
    • The application does appear inside LIBRARY/Apps in iTunes, with its application name, but without the artwork image that is provided in Sencha Touch application resources
    Workaround:
    • Copy the iTunesArtwork.png file inside the native application package directory that was created with 'sencha app build native'. Rename that copy into iTunesArtwork (i.e. remove the file extension).
    • Now, when the application package is dragged and dropped into LIBRARY/Apps in iTunes, the application will have the correct artwork image shown, as expected.
    Notes:
    • I see that Sencha Cmd now copies iTunesArtwork.png into the webapp and webapp/resources/icons sub-directories inside the native application package directory. I am wondering if those two copies inside the native package are actually required and ever used. (If not, then removing them would slightly reduce the size of packaged native iOS applications, which is a good thing.)
    • It is suggested at developer.apple.com that iTunesArtwork has resolution 512x512. Currently the default artwork image coming with Sencha Touch has resolution 500x500. Though iTunes is able to handle that resolution too, it would be great if the Sencha team could also re-size the default artwork image supplied, in accordance to Apple's guidelines.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,206
    Vote Rating
    856
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha - Sencha Touch Dev Team voloshyn's Avatar
    Join Date
    Jan 2012
    Posts
    118
    Vote Rating
    1
    voloshyn is on a distinguished road

      0  

    Default


    OK, fixed, in 2.2. You need to put iTunesArtwork file in resources/images and it will be automatically used by packager.
    Apple requirements to iTunesArtwork file is: 512x512, png format, no extension.

  4. #4
    Sencha User VladimirTechMan's Avatar
    Join Date
    Jun 2012
    Location
    Russia
    Posts
    50
    Vote Rating
    4
    VladimirTechMan is on a distinguished road

      0  

    Default


    Quote Originally Posted by voloshyn View Post
    OK, fixed, in 2.2. You need to put iTunesArtwork file in resources/images and it will be automatically used by packager.
    Apple requirements to iTunesArtwork file is: 512x512, png format, no extension.
    Cool! Many thanks, Alexander. Truly appreciated! I have one extra question, though:

    Currently there is file iTunesArtwork.png inside resources/icons (it is automatically created when using sencha generate app). I am wondering what that file is for? It looks as if it is not used for something really useful now. And it appears, to me, that the file was intended as a default artwork for iTunes for Sencha Touch apps (much like the default Sencha PNG icons in that same folder). If that is correct, may I propose that Sencha developers move that iTunesArtwork.png file inside resources/images in the coming 2.2 version? -- and also remove its extension? (It may also be a good idea to scale it up a little bit, to 512x512 -- right now it is 500x500).

    What do you think?

  5. #5
    Sencha - Sencha Touch Dev Team voloshyn's Avatar
    Join Date
    Jan 2012
    Posts
    118
    Vote Rating
    1
    voloshyn is on a distinguished road

      0  

    Default


    Yeah, sorry, it's resources/icons, Apple requires this file without extension but it's no problem, with or without extension packager will rename it automatically, as for 500x500 I will talk to the guys to resize that

  6. #6
    Sencha User VladimirTechMan's Avatar
    Join Date
    Jun 2012
    Location
    Russia
    Posts
    50
    Vote Rating
    4
    VladimirTechMan is on a distinguished road

      0  

    Default


    Great! Thanks for all your help!

  7. #7
    Sencha User
    Join Date
    Jul 2012
    Posts
    175
    Vote Rating
    9
    huberte will become famous soon enough

      0  

    Default


    Could you explain me the workaround for a packed application please ?

    I used
    Code:
    sencha -d app package build ios.json
    Have iTunesArtwork.png in resources\icons

    Ended with an .app then .ipa without the itunes icon

    Thanks

    EDIT :

    Workaround:
    • Copy the iTunesArtwork.png file inside the native application package directory that was created with 'sencha app build native'. Rename that copy into iTunesArtwork (i.e. remove the file extension).
    • Now, when the application package is dragged and dropped into LIBRARY/Apps in iTunes, the application will have the correct artwork image shown, as expected.
    I'm confused, you're using native to build package app for iphone ? you're not using sencha cmd after building package ?

  8. #8
    Sencha User VladimirTechMan's Avatar
    Join Date
    Jun 2012
    Location
    Russia
    Posts
    50
    Vote Rating
    4
    VladimirTechMan is on a distinguished road

      0  

    Default


    Hi huberte. Yes, I use 'sencha app build native'. And then just drag and drop the created .app folder into the 'Apps' being opened inside the iTunes window -- and then iTunes will create the corresponding .ipa file on its own...

    That said, I think you may keep using your way to create the .ipa files (with the specific sencha command you showed above) --- the fact is that any .ipa file is essentially just a plain ZIP-packaged archive (which just has that "special" extension, .ipa). Thus you may create a native iOS application (as an .ipa file), then re-name that file to change its extension from ".ipa" to ".zip" (temporarily). Then unpackage the contents of that archive into a new (temporary) folder and then copy file iTunesArtwork.png into that folder (important: copy the file into the folder itself, not into any of sub-folders inside it). Remove the .png extension of the copied file. Then repackage the whole contents of the folder into a ZIP-archive (with the same name as the original .ipa file had) -- if required, change its extension back to .ipa manually. That should work.

    One extra note, though: When re-packaging the contents of the temporary folder back into a ZIP-archive, please, double-check that the re-created archive contains only the contents inside the folder, and not the folder itself -- otherwise it won't work. Also, you may need to check the parameters of your specific ZIP-archiver, to do that all properly. Anyways, give it a try... And I hope it will work for you -- personally, I found the way of creating an .app folder and then dragging and dropping it into the iTunes window (with 'Apps' opened in it) to be much easier for myself.

  9. #9
    Sencha User
    Join Date
    Jul 2012
    Posts
    175
    Vote Rating
    9
    huberte will become famous soon enough

      0  

    Default


    Wow, thanks

    But in your case, you can't sign your app, can you ? Or send it to the app store... ?

    You can synchronise your iphone with this procedure ?

  10. #10
    Sencha User VladimirTechMan's Avatar
    Join Date
    Jun 2012
    Location
    Russia
    Posts
    50
    Vote Rating
    4
    VladimirTechMan is on a distinguished road

      0  

    Default


    I do sign it with my iOS developer certificate this way, no problem -- and then I load my apps on my (real ) iPhone 5, just fine. I was doing it that way for quite sometime, indeed.

    As for officially loading to the app store... -- well, I would possibly suggest using the "longer" procedure, with manually adding iTunesArtwork to the generated .ipa file, just to be on the safe side with their internal reviews and examination of the apps... During the development cycle, either way works fine to me.