1 / 18

ArtNotes

Owen Watson. ArtNotes. Kirk Barron. Once the application is launched the user is presented with some pre-created notebooks with several sample images. Notebooks are dynamically created based on ‘tags’ assigned to images.

xandy
Download Presentation

ArtNotes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Owen Watson ArtNotes Kirk Barron

  2. Once the application is launched the user is presented with some pre-created notebooks with several sample images. Notebooks are dynamically created based on ‘tags’ assigned to images. You might notice that there is a common theme throughout the application... This is the ‘Navigation Bar’. This a common feature of most iPhone applications This is the ‘Navigation Bar’. This a common feature of most applications. We will get to this feature later... This is a notebook and contains images that are tagged with metadata that describes the content of this particular folder as “Jewellery” This button for this screen

  3. Accessing notebook images from ArtNotes outside of the application requires that they are exported to the iPhonePhoto Library This button for this screen The ‘Export’ button will save the selected notebooks to the handset’s Photo Library so you can view them as you would normally These icons indicate that the device is in ‘Export mode’ and the user may select a notebook to export. Icons appear in each cell. This is a common method to indicate that an item may be selected.

  4. Some interface elements are prescribed, while others are tailored to meet usability needs. For examples, the dialog box... A confirmation dialog appears to ensure a user does not accidentally export a very large number of images to their Photo Library A confirmation dialog is a common method to reduce unwanted mistakes

  5. Because ‘exporting’ happens in the background, it is important to notify the user when it is complete. The user is alerted when the export procedure is complete.

  6. Apple prescribes that all images are moved to this photo album. Most applications that export images will use this common folder. All exported images are saved in the Photo Library to a folder called “Saved Photos”.

  7. This is what a notebook looks like inside. It shows a preview of each image. Images that appear in this notebook may also appear in other notebooks. This all depends on what tags are associated with the image. The name of the image and the description are taken from the metadata and displayed beside the thumbnail. The ‘Back’ button is a common and very essential navigation element A thumbnail image is displayed to help the user identify the image

  8. The image is framed to give a Polaroid style effect. Users can switch to other views by tapping one of the 4 icons at the bottom of the screen. These offer additional information related to the image. These four icons allow the user to access additional information related to the image. This is a much larger preview of the image. Using the now familiar ‘pinch’ gesture, the image can be resized. Pressing this will delete the image from the device. This button for this screen

  9. Using and modifying metadata will help users categorise and find images quickly and accurately. An image can even hold information about where (geographically) it was taken. This way users can find where a particularly good photo was taken. ‘Metadata’ is an essential component of any image. It provides information about the image you see. These fields can be edited by the user to help identify and describe an image. Tapping this image accesses metadata associated with this image. This button for this screen

  10. If an image doesn’t already have a tag (or you remove all of the tags) then an ‘unsorted’ notebook is dynamically created to store these images. Tagging images is a common method to help categorise and sort images. Tapping this icon accesses information relating to how the image is categorised. This button for this screen

  11. An image can be categorised using as many tags as is wanted. The more you tag it, the more notebooks it appears in. Once a tag is created, it is available for selection for any image. The keyboard is a generic iPhone feature to allow the user to enter text. Tags that are created can be assigned to an image by switching them on or off.

  12. Common elements such as dialog prompts are prescribed by Apple. Others exist to improve the usability of the application. Pressing the remove button generates a dialog prompt – just to be sure you really do want to delete it! Clicking Yes take the user back to the parent notebook; clicking No will take the user back to the image.

  13. When an image is imported, the name is set to “Imported Image” with a description that includes the date and time it was imported. The user can then update these at their leisure. This button for this screen The iPhone allows the user to take a picture and use that, or take one already in the Photo Library Pressing the ‘Import’ button offers a selection of methods to import an image into a notebook

  14. Flickr is one of the many potential image repositories online that could be searched. Future development would enhance the product and improve its appeal and integration with these online services. Users can search Flickr and download images to their notebooks. This button for this screen

  15. There are so many images on Flickr that sometimes you don’t quite get what you were expecting – like a photograph of “Steve ‘Mountain Man’ Montgommery”. Tapping an image will show a larger preview and additional information about the image. The vast quantity if images requires a method to cycle through images while keeping load times and bandwidth to a minimum.

  16. Tapping the image will zoom to offer a full screen preview allowing the user to decide if it’s worth adding to a notebook. Pressing the ‘save’ button will add the image to a notebook A description already in the metadata is displayed.

  17. Images can be taken using the iPhone camera and ‘geotagged’ by using the inbuilt GPS. This pinpoints where in the world a photograph was taken. Navigating to this screen centres the user on their current position and displays where images already in a notebook were taken (assuming they have a longitude and latitude set in the metadata). The inbuilt GPS of the iPhone can be used to do more than just navigate... Tapping a pin shows the title of the image taken at that location. This button for this screen

  18. ‘ArtNotes’ was developed by Dr. Owen Watson & Dr. Kirk Barron from the University of Bolton. Thanks to JISC for funding this project, and special thanks to David Flanders. The application was, unusually, written in C# rather than the traditional Objective-C. The About page is an essential component to promote developers and those brave enough to fund their work This button for this screen

More Related