Details
Task
Blocker
Description
1. Create some images normal/HD
2. replace images in the app:
- dashboard
- upload section (buttons, background image)
- sync page (file sent or not)
- Moodle app icon
Test the app on 3GS and iPhone4 HD. Also try it on iPad.
Attachments
Issue Links
| This issue has a non-specific relationship to: | ||||
| MOBILE-47 | Volume meter for recorder |
|
|
|
Activity
I like the orange-on-orange - can't have too much orange! 
Note that you don't need to do all the shiny stuff for the main icon, iOS does that automatically.
Note that you don't need to do all the shiny stuff for the main icon, iOS does that automatically. To remove the glossy effect we'll add to the Moodle-info.plist:
<key>UIPrerenderedIcon</key>
<true/>
However I think it would be better to have a icon without glossy effect at all, I'll see if I can revert it from the PSD history 
<key>UIPrerenderedIcon</key>
<true/>
I attached a little psd revised for photoshop noob
To create an image:
1- hide all layer that concerned other picture that the one you want
2- select tool, all around the picture
3- edit > copy merged
4- Create new image and past the selection
5- save for web (it could seems white background first but it should be transparent)
Thanks to Sam H. for the tutorial
To create an image:
1- hide all layer that concerned other picture that the one you want
2- select tool, all around the picture
3- edit > copy merged
4- Create new image and past the selection
5- save for web (it could seems white background first but it should be transparent)
Thanks to Sam H. for the tutorial 
Overall there should be hits of orange and black in the interface. White is always nice too.
A) The app icon:
1) Should be a Moodle M with a hat based on the one here: http://moodle.org/mod/forum/discuss.php?d=162906
Here are the specs for icons: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html
B) The Dashboard buttons are also icon-sized:
1) Participants: some people / faces, possibly in groups
2) Upload: allows you to send photos/audio/video to Moodle: perhaps an arrow pointing up is enough
3) Web: (might be renamed) allows you access your Moodle site via the web browser
4) Help: (might be renamed) allows you to access Moodle Docs via the web browser
A background image is allowed, if you feel it helps, even a gradient perhaps. Otherwise a flat colour.
C) On the upload page, three more icons would be good, for:
1) Audio recording (soundwave or microphone?)
2) Photo gallery or capture (camera?)
3) Video recording (video camera or movie strip?)
D) On the Audio recording screen it will take up the full screen, we need to show
1) A nice big pretty microphone in the middle
2) 20 images that show recording levels from 0 to 20 (bar graph or dial, whatever you like)
E) On the participants task,
1) on the course listing, an icon for "Course" would be nice. Perhaps based on the one in Moodle.
2) on the user profile, small square icons for Email, Phone and Address would be nice but are not essential
F) On the sync page, we need two small square icons a little like Dropbox does.
1) One showing "file sent".
2) One showing "file not sent yet, still in queue".