Field Guide Tutorial by 3VFLuH

VIEWS: 0 PAGES: 20

									Field Guide Tutorial for Students and Teachers




9/13/2012
Introduction to Multimedia Field Guide Entries ................................................................. 3
Getting Started .................................................................................................................... 4
   Creating a Field Guide Entry .......................................................................................... 4
   Editing a Field Guide Entry ............................................................................................ 5
     Edit Entry Tab ............................................................................................................. 5
     Edit Category Tab ....................................................................................................... 6
     Edit Images Tab .......................................................................................................... 6
     Edit Files Tab ............................................................................................................ 10
     Edit Map Tab ............................................................................................................ 13
   Previewing a Field Guide Entry.................................................................................... 14
   Students: Submitting Entry to Teacher ......................................................................... 16
   Teachers: Reviewing Student Field Guide Entries ....................................................... 17
   Using Tags (Optional)................................................................................................... 18
     Formatting Text ........................................................................................................ 18
User Accounts ................................................................................................................... 19
   Register ......................................................................................................................... 19
   Login ............................................................................................................................. 20
Introduction to Multimedia Field Guide Entries
The Ossabest Portal provides services for creating Multimedia Field Guide entries. As a
student or teacher participating in Ossabest, you are able to:

      Create a new Field Guide Entry
      Edit an existing Field Guide Entry
      View a Field Guide Entry

When logged into the Ossabest Portal, you will have access to pages, where you can
add/edit/remove:

      Text
      Images
      Files
      GPS Map Coordinates

This tutorial will introduce you to the Multimedia Field Guide by allowing you to create
a sample Multimedia Field Guide entry. Your completed Multimedia Field Guide will
include text, an image, a file, and GPS map coordinates.

What You Need to Complete this Tutorial
     A computer
     A simple text editor like Notepad
     A file
     A picture
     GPS Coordinates




                                                                                           3
Getting Started
The first thing you need to do in order to create a field guide entry is open your browser
and navigate to the Ossabest portal by typing the following address into the address bar.
http://ossabest.org/cake/

Once you have opened the portal in your browser, login to your account. If you have not
already created a user account for the portal, do so now by following the instructions that
begin on page 19. Once you have created your user account and logged into the portal,
you may begin creating your sample Multimedia Field Guide Entry.

Creating a Field Guide Entry
To create your field guide entry, click the ‘Create New Entry’ link that appears at the
right side of the page as depicted in figure 1.




                                                                                    Figure 1

After clicking the ‘Create New Entry’ link, the page will appear as it does in figure 2.




                                                     Figure 2

For this sample Field Guide entry type ‘Paul Mitchell’ without quotation marks in the
‘New Entry Name’ text box provided. After entering a New Entry Name, click on the
‘Create Content Entry’ button to create the entry. Once the entry has been created, the
page will display the name of your entry as a link. You will also see a ‘Last Modified’
date and time as depicted in figure 3.
.




                                                                                    Figure 3




                                                                                             4
Steps for creating a field guide entry:

    1. Click the ‘Create New Entry’ link
    2. Enter the entry name in the text box provided
    3. Click the ‘Create Content Entry’ button

Editing a Field Guide Entry
You can edit field guide entries by clicking on the entry link (the name of your entry) on
the left side of the page. For the purposes of this tutorial, click on ‘Paul Mitchell’. You
will be directed to the edit entry page as depicted in figure 4. The New Entry Name,
appears at the top left of the page. Directly beneath the entry name are five tabs that allow
you to edit the content of an entry.




                                                                                        Figure 4


Edit Entry Tab
With the “Edit Entry’ tab selected, enter the text to be included with the entry in the text
area provided. For the purposes of this tutorial type the following into the text area:

        Paul Mitchell is a boar that lives on the north end of Ossabaw Island. Paul
        usually hangs out near the Clubhouse where he eats food scraps that island
        visitors collect for him. Paul is a pet so he is fairly tame and doesn’t mind
        having his ears scratched.




                                                                                               5
Once you have entered the text, click on the ‘Save Revision’ button at the bottom left of
the text area. After clicking the ‘Save Revision’ button, the message: “Entry Saved.” will
appear at the top right of the page.

Steps for entering text:

    1. Select the ‘Edit Entry’ Tab
    2. Enter text in the text box
    3. Click the ‘Save revision’ button

Edit Category Tab
With the ‘Edit Category’ tab selected, the page will appear as it does in figure 5. Choose
a category by clicking on the links provided. For the purpose of this tutorial, first select
‘Animals’, then select ‘Mammals’, and finally, click the ‘Update Category’ button to
categorize your entry. An entry saved message will appear.




                                                                                     Figure 5

Steps for editing a category:

    1. Select the ‘Edit Category’ tab
    2. Choose a category from the provided links
    3. Click the ‘Update Category’ button

Edit Images Tab
For the purposes of this tutorial, you must save an image to your computer before we
begin working with the ‘Edit Images’ tab. Open a second browser window and navigate
to: http://ossabest.armstrong.edu/summerInstituteImagesG10708.html. Once the page
loads, you will find an image of Paul Mitchell in the second row / third column. Right
click the image and select ‘Save Image As’. See figure 6.




                                                                                               6
                                                                                    Figure 6

After selecting ‘Save Image As’ a dialog box will appear. It will be similar to the one
depicted in figure 7.




                                                                                    Figure 7




                                                                                          7
Ensure that ‘Desktop’ is what appears in the ‘Save in:’ text box at the top off the dialog
box (See figure 7) and then click the save button. You may now close the second browser
window.

Navigate to the window where you are working to create your sample Field Guide entry.
For the purposes of this tutorial, select the ‘Edit Images’ tab if it is not already selected.
See figure 8.




                                                                                       Figure 8



With the ‘Edit Images’ tab selected, click on the ‘Browse’ button. A dialog box similar to
the one in figure 7 will appear. Be sure that ‘Desktop’ is what appears in the ‘Look in:’
text box at the top of the dialog box. Click to highlight the name of the picture you want
to use. In this case highlight ‘1G072908paulmitchellsm.jpg’, and then click the ‘Open’
button. In the ‘Caption’ text box provided, type ‘Paul Mitchell’ without the quotation
marks. Click the ‘Upload Image’ button to associate the image and caption with your
sample entry. The message ‘Entry Saved’ will appear if you have successfully uploaded
the image.

Steps for uploading an image:

   1.   Select the ‘Edit Images’ tab.
   2.   Click the ‘Browse’ button
   3.   Select an image
   4.   Click the ‘Open’ button
   5.   Enter a caption into the text box (optional)
   6.   Click the ‘Upload Image’ button




                                                                                                 8
                                                                                  Figure 9




After a successful image upload, reselect the ‘Edit Images’ tab. The edit images page will
appear as it does in figure 9. The image associated with your entry appears at the left of
the page. The caption associated with the image appears to the right of the image. To the
right side of the caption, the ‘Remove Image’ button appears. Clicking the ‘Remove
Image’ button will remove the associated image and image caption, and will display the
“Entry Saved” message.

Steps for removing an image:

   1. Select the ‘Edit Images’ tab
   2. Navigate to the image you would like to remove
   3. Click the ‘Remove Image’ button




                                                                                         9
Edit Files Tab




                                                                                    Figure 10



After selecting the ‘Edit Files’ tab, the page will appear as it does in figure 10. For the
purposes of this tutorial, you need to create a file to associate with your sample entry. To
do this, click on the ‘Start’ button at the bottom left of your computer monitor. Then
mouse over, ‘All Programs’, then ‘Accessories’, and finally click on ‘Notepad’. See
Figure 11.




                                                                                    Figure 11



                                                                                          10
Type the following text into notepad:

        If you decide to pet Paul, be careful. His tusks can be dangerous. He also
        weighs a lot, so it would hurt if he stepped on your foot.

Once you have entered the text, select ‘File’ from the top right of the Notepad window,
then select save. See figure 12.




                                                                                     Figure 12

Once this step is completed, a dialog box will appear. Type ‘PaulMitchell.txt’ into the
‘File name:’ text box at the bottom of the dialog box. Be sure that ‘Desktop’ is what
appears in the ‘Save in:’ text box at the top off the dialog box (See figure 7) and then
click the save button.

With the ‘Edit Files’ tab selected, use the ‘Browse’ button to search your computer for
the file you created to associate with your entry. Ensure that ‘Desktop’ is what appears in
the ‘Look in:’ text box at the top off the dialog box. Click to highlight the name of the file
you want to use. In this case highlight ‘PaulMitchell.txt’, and then click the ‘Open’
button. Enter ‘Paul Mitchell’ without the quotation marks into the ‘Caption’ text box
provided. Click the ‘Upload File’ button to associate the file and caption with your
sample entry. The message “Entry Saved” will appear if you have successfully uploaded
the file.

Steps for uploading a file:

   1.   Select the ‘Edit Files’ tab
   2.   Click the browse button
   3.   Select a file
   4.   Click the ‘Open’ button
   5.   Enter a caption for the file (optional)
   6.   Click the ‘Upload File’ button




                                                                                           11
                                                                                     Figure 13

After reselecting the ‘Edit Files’ tab, the page will appear as it does in figure 13. The file
associated with your entry appears as a link at the left of the page. The caption associated
with the file appears to the right of the image. To the right side of the caption, the
‘Remove File’ button appears. Selecting the link to the file will cause the associated file
to open in your browser. Use the back button on your browser to return to the entries edit
page with the ‘Edit Files’ tab selected. Clicking the ‘Remove File’ button will remove the
associated file and file caption, and will display the “Entry Saved” message.

Steps for removing a file:

   1. Select the ‘Edit Files’ tab
   2. Navigate to the file you would like to remove
   3. Click the ‘Remove File’ button




                                                                                           12
Edit Map Tab




                                                                                  Figure 14

After selecting the ‘Edit Map’ tab, the page will appear as it does in figure 14. Use the
Latitude and Longitude text fields to enter the coordinates of the map point to be
associated with your sample field guide entry. For the purposes of this tutorial, enter
31.83775352128688 into the ‘Latitude’ text box and enter -81.09022736549377 into the
‘Longitude’ text box. Use the blank text field to enter the description to be associated
with your map point. In this case type:

       Ossabaw Island Clubhouse

The ‘Browse’ button enables you to search your computer for an image or file to
associate with the map point. Clicking the ‘Add Coordinates’ button will save latitudinal
and longitudinal coordinates, descriptions and images or files to associate with the map
point. After clicking the ‘Add Coordinates’ button, the ‘Entry Submitted’ message will
appear. After reselecting the ‘Edit Map’ tab, the map will appear at the bottom of the
page and should look similar to the map in figure 15. Clicking the ‘Remove’ button will
remove the associated latitude, longitude, description and image, and an “Entry Saved”
message will appear.




                                                                                        13
Steps for removing a Map and the associated files:

    1. Select the ‘Edit Map’ tab
    2. Navigate to the information you would like to remove
    3. Click the ‘Remove’ button




                                                                                   Figure 15


Previewing a Field Guide Entry




                                                                                   Figure 16

Reviewing figure 16, notice the preview link at the top right of the page, just above the
‘Last Updated’ date. Selecting the ‘Preview’ link will open a dialog box with the
message: “Your last saved revision will open in a new window. Press OK to continue.”
The dialog box is depicted in figure 17.


                                                                                            14
                                   Figure 17

After clicking the ‘OK’ button, the preview entry page will appear as it does in figure 18.
Notice the tabs under the entry name. They now read ‘View’ instead of ‘Edit’. Also
notice that only tabs you edited are visible. ‘View Entry’ is selected by default. Select
each ‘View’ tab respectively to preview the associated content. Once you have previewed
your sample entry, you may close your browser window.




                                                                                  Figure 18




                                                                                        15
Students: Submitting Entry to Teacher
Once an entry has been saved, it may be submitted for teacher review. Simply click on
the ‘Submit Entry to Teacher’ button found under the ‘Edit Entry’ tab at the bottom left
of the page (see figure 19).




                                                                                 Figure 19

The ‘Entry Submitted’ message will appear at the top right of the page. Once an entry has
been submitted for teacher review, it will no longer appear in the ‘Content Items’ on your
‘Home Page’.

Steps for Submitting an entry to teacher:

    1. Select the ‘Edit Entry’ tab
    2. Click the ‘Submit Entry to Teacher’ button




                                                                                       16
Teachers: Reviewing Student Field Guide Entries


Once a student has submitted an entry for review, a teacher’s home page will appear as it
does in figure 20.




                                                                                    Figure 20

To review a student entry, click on the link for an entry at the left of the page. Once an
entry is selected the page will appear as it does in figure 21.




                                                                                    Figure 21

Navigate though the tabs to review a student entry. Use the editorial notes tab to make
notes about the entry. Choose one of two options from any tab, ‘Return to Student With
Notes’ or ‘Submit Entry for publication’.




                                                                                             17
Steps for Reviewing a Field Guide Entry:

    1.   Click the link to the entry you would like to review
    2.   Use the view tabs to preview the entry
    3.   Use the ‘Editorial Notes’ tab to enter comments about the entry.
    4.   Click the ‘Return to Students with Notes Tab’ button
                                 or
         Click the ‘Submit Entry for Publication’ button

Using Tags (Optional)

Formatting Text
You may format text within a field guide entry by using simple markup tags. You may
add five levels of headings and specify ‘italic’, ‘bold’, and ‘italic & bold’ fonts when
formatting text. To add headings, use a series of equality signs (=) as tags, both preceding
and following the text that you would like to appear in the heading. For example, a level
one heading is created by using two equality symbols preceding the text that is to appear
as the heading and two equality symbols following, like this:

= =Heading Level 1= =

Each heading level 1 to 5, requires one more equality sign than its name implies, both
preceding and following the header text. As seen in the preceding example, a level 1
heading requires two equality signs, both preceding and following the header text.
Likewise, a level 2 heading requires three equality signs, both preceding and following
the header text, and so on. Examples of the syntax required to produce the headings are as
follows:

= = =Heading Level 2= = =
= = = =Heading Level 3= = = =
= = = = =Heading Level 4= = = = =
= = = = = =Heading Level 5= = = = = =

Examples of the appearance of the headings these tags produce can be found in figure 22.




                                                                 Figure 22




                                                                                         18
To specify text be formatted as ‘italic’, ‘bold’, or ‘italic & bold’, you use a series of
apostrophe signs (') both preceding and following the text which you would like format.
For examples, see table 1.

Description       You type                             You get
Italic            ''Ruby Throated Hummingbird''        Ruby Throated Hummingbird
Bold              '''Ossabaw Island'''                 Ossabaw Island
Italic + bold     ''''migratory route''''              migratory route
                                                                                     Table 1


User Accounts

Register
To create your user account, open http://www.ossabest.org/cake/ in the browser of your
choice (ie: Internet Explorer, Mozilla Firefox), and click on the ‘Register’ link just
beneath ‘Members login’ as depicted in figure 23.



                                        Figure 23

The registration form should appear as it does in figure 24. Registration requires users to
provide first name, last name, email address, and password.




                                                        Figure 24

Follow these steps to register:

    1. Navigate to the registration page by clicking on the ‘Register’ link just beneath
       ‘Members login’ on the right side of the page.
    2. Enter your first name.
    3. Enter your last name.
    4. Enter your email address.
    5. Enter your password.
    6. Re-enter your password for verification.


                                                                                           19
   7. Click on the submit button.

After clicking on the submit button, you will see a message at the top right of the page
that says: “Registration successfully completed. You will receive a confirmation email
shortly.” You are now registered user of the Ossabest portal. Click on the ‘Ossabest’ logo
at the top left of the page to return to the portal homepage.

Login
To login to the Ossabest portal, enter your email address and password in the text boxes
provided at the right of the page as depicted in figure 25. Click on the ‘Login’ button.




                           Figure 25

Follow these steps to login:

   1.   Open Ossabest Portal.
   2.   Enter your email.
   3.   Enter your password.
   4.   Press Enter or click ‘Login’.




                                                                                       20

								
To top