Image Library and Magnifier User Manual (draft)
Contents
1. Installing the Image Library and Magnifier Installation is simple Just unzip the file named imageViewer zip to a folder of your choosing The unzip process will generate six files imageViewer swf images xml and imagesBAK xml setup xml and setupBAK xml and imageViewerUserManual pdf this manual along with a sub folder named images that contains three sample images The following instructions show you how to use the Image Library and Magnifier and then how to customize the product to display your own images Using the Application To run the application just double click the file named imageViewer swf Your Flash plugin will open the viewer for you you may need to install the Flash plugin if you have not already done this The Image Library and Magnifier application will run and you will see the following screen a A Macromedia Flash Player6 9 a gt File View Control Help Image Library and Magnifier Now displaying image 1 Blue Heron 7 SE about Software Developed Using Macromedia Flash MX This is a Development Version Only Image Library Sores ten Jesign and Development by Mike O Kane and PO Box 17501 Asheville NC 28816 fe M agnifie T Email mike mikeokane com http www mikeokane com 2008 Mike O Kane All Rights Reserved browse details magnify Click browse details or magnify for different options Copyright 2008 Mike O Kane All Rights Reserved Figure 4 Im2. lt NOTES gt The largest and most widespread heron in North America the Great Blue Heron can be found along the ocean shore or the edge of a small inland pond An all white form is found from southern Florida into the Caribbean and used to be considered a separate species the Great White Heron Can you use the magnify tool to find the Blue Heron on the lake shore lt NOTES gt lt URL gt blueheron jpg lt URL gt lt IMG_W gt 1600 lt IMG_W gt lt IMG_H gt 1200 lt IMG_H gt lt IMAGE gt lt IMAGE gt lt ID gt 002 lt ID gt lt TITLE gt Buffalo Image lt TITLE gt lt CREATOR gt Mike OKane lt CREATOR gt lt MEDIUM gt Photograph lt MEDIUM gt lt DATE gt 2008 lt DATE gt lt NOTES gt A photograph of the Buffalo skyline lt NOTES gt lt URL gt Buffalo jpg lt URL gt lt IMG_W gt 2272 lt IMG_W gt lt IMG_H gt 1704 lt IMG_H gt lt IMAGE gt lt IMAGE gt lt ID gt 003 lt ID gt lt TITLE gt Waterfalls lt TITLE gt lt CREATOR gt Mike OKane lt CREATOR gt lt MEDIUM gt watercolor on Claybord lt MEDIUM gt lt DATE gt 2008 lt DATE gt lt NOTES gt SIZE 12 x 9 lt NOTES gt lt URL gt okane_waterfall9x12_2006 jpg lt URL gt lt IMG_W gt 1040 lt IMG_W gt lt IMG_H gt 1397 lt IMG_H gt lt IMAGE gt lt IMAGES gt First notice the first and last lines in the file The entire list of records is enclosed inside a single pair of lt IMAGES gt and lt IMAGES gt tags These two tags should not be changed Th
3. be found along the ocean shore or the edge of a small inland pond An all white form is found from southern Florida into the Caribbean and used to be considered a separate species the Great White Heron Can you use the magnify tool to find the Blue Heron onthe lake shore slide show 6 browse details magnify start prev next end Click browse to select another image or magnify this image Copyright 2008 Mike O Kane All Rights Reserved Figure 2 Example of the Details screen providing information about the image r A Macromedia Flash Player6 7 ereer gt File View Control Help Image Library and Magnifier slide show browse details start prev next end Move your mouse over the left image to magnify different areas Copyright 2008 Mike O Kane All Rights Reserved Figure 3 Example of the Magnify screen showing an image detail It is easy to add your own image collection and customize the viewer for your own purposes The Image Library and Magnifier is very small less then 30k and you can copy this as needed for each image collection that you assemble That means that you can easily maintain multiple collections of different images for different images for different purpose Perhaps more important you can make multiple copies of a single collection and distribute them for your own purpose The Image Library and Magnifier can be copied to a CD for
4. distribution along with an image collection or zipped with a collection of images You can also upload the Image Library and Magnifier with a collection f image to a Web site and visitor can view your images online You are free to make multiple copies of the Image Library and Magnifier in these ways Here are some examples showing how the magnifier can be used An artist or artisan can use the tool to submit a collection of artworks for consideration to galleries Gallery can easily browse through the images and view details of each artwork A museum or gallery can provide an online lookup of a collection of artwork crafts historical objects or other objects with summary catalog information and the ability to magnify the images A study course can use the tool to present a library of images and can even use the tool for identification purposes For example students can be invited to explore an image using the magnifier and identify birds See Figures 1 and 2 plants geological formations medical conditions microscopic life etc The tool is so simple to use that it could serve equally well at the elementary or post graduate level A scientist or anyone in a field of research or medicine can use the tool to examine an image in detail while keeping a higher level view Families can simply view vacation shots and images of loved ones There is great pleasure in viewing the entire image while exploring details of a face of favorite location
5. inside a single pair of lt SETUP gt and lt SETUP gt tags These two tags should not be changed You can change the main title the title that appears on the left of the About screen or any of the lines of text that appear on the right side of the About screen by simply editing the text between the appropriate tags Be careful not to change any of the opening and closing tags themselves and do not add or delete any tags Step 2 Save your changes When you are done be sure to save your modified setup xml file Step 3 View your changes That s it You can now view your changes by double clicking imageviewer swf Note that if the viewer was already running you must close it and start it again to view your modified text You may find that you need to adjust the amount of text in order to fit eh available space If there any other problems first be sure that you saved your setup xml file after making your changes If that wasn t the problem look over the contents of the file very carefully If you mess up you can view or copy the original records from the file named setupBAK xml which is simply a copy of the original file Making Copies Once your application is working as you want using your own images and descriptions you can easily make copies Simply copy the image viewer folder to a CD USB drive or other disk The folder must contain the imageviewer swf file the images xml file and your images folder First be sure that the folder doe
6. E artViewer ALIGN TYPE application x shockwave flash PLUGINSPAGE http www macromedia com go getflashplayer gt lt EMBED gt Important if you change either dimension be sure to change the other proportionately nd round down The ratios are as follows If you change the height the new width will be 1 454545455 x new height If you change the width the new height will be 0 6875 x new width
7. Image Library and Magnifier User Manual draft This easy to use Flash application allows you to easily create small or large catalogs of hi resolution images that are automatically scaled to a consistent size for viewing on screen The viewer allows the user to browse the collection view catalog descriptions of each image and study each image using a magnifier tool to enlarge any part of the image to its original resolution Here is an example using the Image Library and Magnifier to first browse a sample image collection Figure 1 then view detailed information about an image that includes a Great Blue Heron Figure 2 and then use the magnifier to locate the heron within the image Figure 3 r A Macromedia Flash Player6 6 gt gt cahe File View Control Help Image Library and Magnifie Title Blue Heron Artist Mike OKane Media Photograph 002 Buffalo Image 003 Waterfalls fa slide show browse details magnify start prev next end Use the scroll bar or the slide show to locate any image Copyright 2008 Mike O Kane All Rights Reserved Figure 1 Using the Browse feature to select an image for viewing jacromedia Flash Player M edi layer 6 File View Control Help Title Blue Heron Artist Mike OKane Media Photograph Date 2008 Notes The largest and most widespread heron in North America the Great Blue Heron can
8. age Library and Magnifier main screen All screens including this one contain five action buttons help about browse details and magnify Here is an overview of each action button browse If you select this action you see the current image on the left with summary information on the right along with a scrollable list of all available images that allows you to jump directly to any image in the collection You will also see four slide show buttons that allow you to browse through the images one a time moving forwards or backwards or jumping to the first or last image details If you select this action you will see the current image on the left with all of the catalog information available for this image on the right You can use the slide show button to move to other images while still in the details view magnify If you select this action you will see the current image on the left and a Magnifier window on the right Use the mouse to point to any part of the image in the left window and you will see a magnified version in the right window The magnification shows the image at its full resolution You can use the slide show button to move to others image while still in the magnify view help this screen provides some general help instructions when using the application about If you select this action you will return to the main screen Creating your own Image Collection IMPORTANT instead of changing the original Image Li
9. brary and Magnifier first make a copy of the folder that contains the viewer and sample images using a folder name that reflects your collection That way you can refer back to the original version if you run into trouble or make additional copies for other image collections Once you have made a copy you are ready to add your own images and image descriptions Step 1 Add your images Add your jpg images to the images folder Make a careful note of the file names of each image and the width and height of each image in pixels If you are not sure of the height and width use My Computer to go into the folder then right click the file name of the image and choose Properties from the drop down menu Click the Details tab and you will see the height and width listed in pixels Make a note of these Step 2 Add delete or modify the image data Your images are now available to the Image Library and Magnifier but you need to provide the application with the file names and descriptions of each image To do this start any text editor such as Notepad and open the file named images xml Don t change anything in this file until you read and understand the following description of the contents of the file Your file will look something like this lt IMAGES gt lt IMAGE gt lt ID gt 001 lt ID gt lt TITLE gt Blue Heron lt TITLE gt lt CREATOR gt Mike OKane lt CREATOR gt lt MEDIUM gt Photograph lt MEDIUM gt lt DATE gt 2008 lt DATE gt
10. e description for each image is stored as a record that begins with a lt IMAGE gt tag and ends with a lt IMAGE gt tag The file can contain any number of these records one for each record that you wish to display Each record contains a series of tags to describe the image The lt ID gt tag is used to hold any ID value you want whatever is useful for your purposes The ID is not used by the application Type your ID information between the lt ID gt and lt ID gt tags or leave this blank The lt TITLE gt tag is used to hold your image title This will be displayed in the scroll bar in the image description Type your title between the lt TITLE gt and lt TITLE gt tags The lt CREATOR gt lt MEDIUM gt lt DATE gt and lt NOTES gt tags can be used for your own purposes This information will be displayed in the image description Type your information between the opening and closing tags for each item for example between the lt CREATOR gt and lt CREATOR gt tags The lt URL gt tag must contain the EXACT file name of your image The software will expect to find an image with this name in the images folder Type your file name between the lt URL gt and lt URL gt tags The lt IMAGE_W gt and lt IMAGE_H gt tags must contain the EXACT width and height of your image in pixels This is important the software uses a formula to scale and magnify the image based on these dimensions Type your image width between the l
11. h your Image Viewer and Magnifier the same way that you edited the images xml file to update your image descriptions Step 1 Edit the setup xml file The title and about information is stored in setup xml To change this information start any text editor such as Notepad and open the file named setup xml Don t change anything in this file until you read and understand the following description of the contents of the file Your file will look something like this lt SETUP gt lt MAIN_TITLE gt Image Library and Magnifier lt MAIN_TITLE gt lt ABOUT_TITLE gt Image Library and Magnifier lt ABOUT_TITLE gt lt INTRO_LINES gt lt LINE_1 gt Software Developed Using lt LINE_1 gt lt LINE_2 gt Macromedia Flash MX lt LINE_2 gt lt LINE_3 gt This is a Development Version Only lt LINE_3 gt lt LINE_4 gt Not for Distribution lt LINE_4 gt lt LINE_5 gt lt LINE_5 gt lt LINE_6 gt Design and Development by lt LINE_6 gt lt LINE_7 gt Mike O Kane lt LINE_7 gt lt LINE_8 gt PO Box 17501 lt LINE_8 gt lt LINE_9 gt Asheville NC 28816 U S A lt LINE_9 gt lt LINE_10 gt lt LINE_10 gt lt LINE_11 gt Email mike mikeokane com lt LINE_11 gt lt LINE_12 gt http www mikeokane com lt LINE_12 gt lt LINE_13 gt lt LINE_13 gt lt LINE_14 gt Copyright 2008 Mike O Kane All Rights Reserved lt LINE_14 gt lt INTRO_LINES gt lt SETUP gt First notice the first and last lines in the file The entire list of records is enclosed
12. s not contain any files or images that you do not wish to be included in the copy You can also simply zip the entire image viewer folder and send this to your intended recipients They can then just unzip the file and run the viewer You can also upload imageviewer swf to a Web server along with images xml and your images folder You can add a link to the application from any HTML page using the following link lt OBJECT classid clsid D27CDB6E AE6D 11cf 96B8 444553540000 codebase http download macromedia com pub shockwave cabs flash swflash cab version 6 0 0 0 WIDTH 800 HEIGHT 550 id artViewer ALIGN gt A U D Zo D NAME movie VALUE artViewer swf gt lt PARAM NAME quality VALUE high gt lt PARAM bgcolor VALUE FFFFFF gt D src artViewer swf quality high bgcolor FFFFFF WIDTH 800 HEIGHT 550 artViewer TYPE application x shockwave flash PLUGINSPAGI tflashplayer gt BED gt lt OBJECT gt mj l Zz D QHD EF Z Ill G3 http www macromedia com Q O JN H Q 10 The actual Flash application is 800 x 550 pixels If you want the application to run at a different size in your Web page modify the values of the WIDTH and HEIGHT attributes in the lt EMBED tag gt For example to change the size to 600 x 412 lt EMBED src artViewer swf quality high bgcolor FFFFFF WIDTH 600 HEIGHT 412 NAM
13. t IMAGE_W gt and lt IMAGE_W gt tags and the image height between the lt IMAGE_H gt and lt IMAGE_H gt tags The best way to add new image descriptions to the file is to copy and paste an existing image record and then modify it as needed to describe the new image To delete an image from the viewer simply select an entire image record beginning with the lt IMAGE gt tag and ending with the lt IMAGE gt tag for that image and then delete it To modify an image simply make changes to the record for that image Step 3 Save your changes When you are done be sure to save your modified images xml file Step 4 View your images That s it You can now view your images by double clicking imageviewer swf Note that if the viewer was already running you must close it and start it again to find your new images If there any problems first be sure that you saved your images xml file after making your changes If that wasn t the problem look over the contents of the file very carefully Be sure your file names and image widths and heights are correct and be sure that your records all have the correct tags If you mess up you can view or copy the original records from the file named imagesBAK xml which is simply a copy of the original file Creating your own Title and About Information You can easily change the title and the information provided on the About page to meet your own needs You simply edit the setup xml file that comes wit
Download Pdf Manuals
Related Search