What you need:
– Basic knowledge in HTML and CSS.
– A Mac and Xcode (no programming skills required) for exporting the app.

File overview

Structuring your files is important for the clarity of your project.

Here’s a overview of the files & folders, which are part of Laker:

The main folder for all your content, HTML-files, images, audio and so on.

A bunch of Photoshop-Templates for iPad and iPhone.

Inside the „book“-folder
(that’s where you’ll work 99% of the time):

A dossier (in Laker articles are called “dossiers“, because of the multiple types of content they contain).

Notice: Pages are sorted via the book.json-file.

The folder where all you’re custom fonts are saved.

All your images are stored here.

This folder lists files which are included in multiple HTML-files across your project (e.g. “Table of Contents”).

The ressource folder for all JavaScript-files.

All your sound files are stored here.

All styles concerning the visual appearance and alignment of objects are stored here (for detailed explanation of individual CSS-files, see  Inside the CSS).

Laker is now on github! Please discuss issues, suggestions or tipps in the github forums of Laker. Thanks! ;)

6 Responses to “File overview”

  1. Hello!

    I don’t find the way to change de iTunes/AppStore icon. Looking Laker’s root folder we find:
    - ios-icon-ipad72.png
    - ios-icon-iphone57.png
    - ios-icon-iphone114.png

    which have been already customized. For iTunes/AppStore icon I save a 512x512px version, name it “iTunesArtwork”, and place it at the same folder as where those icons are located.

    I read Apple information regarding icons but didn’t find any clue apart from several explanations of the different icons required for any App (http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW1).

    Also find an sample project from Apple that demonstrates the proper use of application icons on iOS (http://developer.apple.com/library/ios/#samplecode/Icons/Introduction/Intro.html). In its folders I can see “iTunesArtwork” file which is the icon file used for iTunes/AppStore. But I can’t find in project’s code the reference to that file nor find the key at .plist file.

  2. Did you cleared the xcode Cache and deleted older versions of the app on your ipad. Then the new icon should show up.

  3. Yes, I did:

    ˝ Command-Option-Shift-K to clean out the build folder. Even better, quit Xcode and clean out Library/Developer/Xcode/DerivedData manually. Remove all its contents because there’s a bug where Xcode will run an old version of your project that’s in there somewhere.˝

    No icon appears in iTunes. I’m performing adhoc distribution. Don’t know if that info helps. The point is that de sample project from Apple do have an iTunes icon in this adhoc scenario. Any ideas?

  4. Sorry, try to ask in the forums.

  5. The iTunes 512×512 icon is uploaded to iTunes Connect directly, it is not used by your application anywhere in Xcode. You can change your icon when you create or edit your app in the “Manage Your Applications” section.

  6. Hello,

    I am currently using this laker framework for my project, May i know how can i set the image size for the cover. When i try to open it on iphone, the image cover is don’t fit the screen.

    Thank you

Leave a comment, suggestion or question.

You must be logged in to post a comment.