Destiny Tutorials by Carolyn Vibbert
I’ve written the following Destiny tutorials over the past few years. I’ve led several workshop sessions and tried to perfect the tutorials along the way. I won’t admit to perfection so keep your eye out as you go along, particularly for the widgets on other websites. Here’s the Line Up:
• Accessing the Destiny HTML Edit Box
• Adding a Column Layout Arrangement
• HTML Text Editing • HTML for Image Display • HTML for Text Links • HTML for Image Links • Widgets
o YouTube Videos o SlideRocket o Glogster o Shelfari o PictureTrail o Symbaloo
• Tutorial for Creating Images from PowerPoint (great to use with PictureTrail)
• Resource Lists o Creating a Resource List o Link the Resource List to
a Visual Search o Add a Link to the Visual
Search to the Homepage • Inventory • Weeding • Uploading your own Student
Images • Changing the Default Sound
Effects
Fonts Used: A Year Without Rain from Kimberly Geswein, used with a Single Font License and Calibri.
Destiny HTML Edit Box
1. Type in the username/password that will give you the access to edit the homepage. This may be different from a login you use daily with less access.
2. Click “Edit Page.”
3. Click the “Edit” icon.
4. Use the Edit Box to edit your HTML code. HTML is very specific. Regular formatting does not matter. Only what is between the angle brackets reflects what your page will be. Keep line breaks in where you need them to help you visually organize the parts of the page.
5. Click “Save” to…..save.
6. Click “Close” to view the homepage. 7. Repeat the process as necessary. It is not possible to ‘preview’ a page before saving.
Carolyn Vibbert, 2013
Destiny Layout Codes
Large Space
Links Links
<html> <table> <tr> <td valign="top" width="100%"> <!-‐-‐Main Section Begins Here-‐-‐> <td width="125" valign="top"> <!-‐-‐1st Link Column Begins Here-‐-‐> </td> <td width="125" valign="top"> <!-‐-‐2nd Link Column Begins Here-‐-‐> </td> </tr> </table>
The first step in creating a new Destiny page is blocking out sections of the page for different items. Sketch a simple page arrangement using columns and rows. Choose the option below that is closest to your sketch. Retype the code into the Destiny Edit Box. (Copying and Pasting may result in errors.)
Links
Links Large Space
<html> <table> <tr> <td valign="top" width="125"> <!-‐-‐1st Link Column Begins Here-‐-‐> <td width="125" valign="top"> <!-‐-‐2nd Link Column Begins Here-‐-‐> </td> <td width="100%" valign="top"> <!-‐-‐Main Section Begins Here-‐-‐> </td> </tr> </table>
Equal Space
Equal Space
<html> <table> <tr> <td valign="top" width="50%"> <!-‐-‐ Section 1 Begins Here-‐-‐> < td valign="top" width="50%"> <!-‐-‐ Section 2 Begins Here-‐-‐> </td> </tr> </table>
Carolyn Vibbert, 2013
HTML for Text Editing
If you wish to write something on your page you can just type, but you might want to try a few of these codes to format the text. Text should be placed between an ‘on’ code and an ‘off’ code.
Center <center> </center> Italics <i> </i>
Bold Text <b> </b> Underline <u> </u>
Color <font color="000000"> </font>
Size <font size=“6”> </font>
Color and size can be combined:
<font color =”ff7700” size=”5”> Hello </font>
Marquee Banner (scrolls across and bounces slowly across the screen as opposed to a scrolling banner which will disappear off the left side).
<marquee behavior="alternate”> To search for a book, click “Catalog.” </marquee>
Find a Color Code at tinyurl.com/zn2d: Use one of the Web-‐Safe or Web-‐Smart codes. They are all six digits, which go between the quotation marks.
Carolyn Vibbert, 2013
HTML for Image Display
1. Locate the video. At the bottom left of the video, click “Share.”
2. Click “Embed.”
3. Choose your options. I suggest unchecking “Show suggested videos when the video finishes.” 4. Select and Copy the text in the box.
5. Paste the code into your Destiny html edit box. 6. “Save” and “Close” 7. View the video!
Carolyn Vibbert, 2013
HTML for Text Link
To add a link you need to have the full URL (including the http://). The code to add a link: <a href="url">Name of Website</a> Example:
What it looks like:
To make your links stack you must add a line break. This code is <br />
Carolyn Vibbert, 2013
Images can be more challenging than text. An image displaying on a web page must be stored somewhere. Unfortunately, on most Destiny servers, there is no storage space available for images on the homepage. Therefore, you must have external storage. I suggest using Google's Picasa if you already have a Google account. Other sites are available such as Flickr. You may also be able to utilize a school website for file storage. To display your link as an image, you're going to combine the codes for a link and for pointing to the address of your image. <a href="link"> <img src="image_url"> </a> The code looks like this:
And displays like this:
HTML for Image Link
Carolyn Vibbert, 2013
Add a YouTube Video www.youtube.com
1. Locate the video. At the bottom left of the video, click “Share.”
2. Click “Embed.”
3. Choose your options. I suggest unchecking “Show suggested videos when the video finishes.” 4. Select and Copy the text in the box.
5. Paste the code into your Destiny html edit box. 6. “Save” and “Close” 7. View the video!
Carolyn Vibbert, 2013
Embed a SlideRocket Presentation
1. Import or create a new presentation. 2. Import from PowerPoint or a PDF. 3. Decide if you want to import the slides as editable (you can change them later) or as images (they’ll be static). 4. Browse and locate your file to import.
5. Once the file is listed in the your list of Presentations, select it and choose “Share.”
6. To embed the presentation, it must be set as “Public” (select the radio button) and click “Get embed code…”
www.sliderocket.com
Carolyn Vibbert, 2013
7. Make your selection for the size of the presentation. 8.Select and copy the code or click “Copy code…”
9. In Destiny (or your webpage) Paste the code into the html edit box.
10. Click “Save” and then “Close.” 11. View the saved page to be sure the presentation is displayed correctly.
Carolyn Vibbert, 2013
Embed a Glog
1. Create a Glog. 2. Click “Embed this Glog”
3. Choose the size of the
glog. You may need to choose a custom
size.
4. Click “Copy” next to the code box.
5. In Destiny (or your webpage) paste the code into the html edit box. 6. Click “Save” and then “Close.”
edu.glogster.com
Carolyn Vibbert, 2013
Add a Shelfari Widget www.shelfari.com
Create an account. Accounts are free but currently require an amazon login. Your public profile can be seen if patrons click on this widget. Set up your profile with this in mind. 1. Add books to one of the categories shown: plan to read, reading now, I’ve read it, favorites (heart), wish list (present), or own (vault). 2. Click “Widgets” from the right side menu. 3. Any previous widgets are listed first. Choose “Create a New Widget” 4. Choose “Flash”
5. Select the features you would like displayed in the widget.
Carolyn Vibbert, 2013
6. On the right, click in the box below “Install Your Flash Widget.” This will select all of the text in the box. 7. Right click to copy the html code.
8. Paste the code into your Destiny html edit box. 9. “Save” and “Close” 10. View the widget!
Carolyn Vibbert, 2013
Create an account. Accounts are free as ‘trial’ accounts with Premium features. After a month you will be transferred to a free Basic account with fewer options. There are two parts to the process: Uploading Photos and Creating the Photo Flick display. Click “Upload Photos” to create an album for your selections. Browse for your photos and click “Upload Pics Now!”
PictureTrail Widget www.picturetrail.com
Carolyn Vibbert, 2013
To create your Photo Flick display click “Photo Flicks” from the blue toolbar. Scroll down past the example on the page to the many options. The example will update as you make selections. When you have a design appropriate for your website and photos click “Add Photos.” From your default “My Album” click on the pictures you want included in the Photo Flick display. Click “Add Selected Photos.” The page reverts back to the main Photo Flick page and now the orange “Save (get code)” button is available. Review your selection and click “Save”
Carolyn Vibbert, 2013
Choose a title for your project. You can edit now or any time after you save. Click “Save and Get Code.”
The code in the box is html for displaying the widget on your website. Click “Copy Posting Code.” On your website you can paste this code into the appropriate location-‐-‐usually a box for html code. A wonderful feature of PictureTrail is your code remains the same even after you make updates. You can update the widget on your website simply by making changes to it at PictureTrail. In fact, when you save in the future, PictureTrail will remind you that you don’t need the code if you’ve already copied and pasted on your website.
Carolyn Vibbert, 2013
Embed a Symbaloo
1. Create a Symbaloo Mix. Notice that I anchored all of my boxes to the left. 2. Click “Share” 3. Locate the “Embedded Code” 4. Select and Copy the code from the box.
5. Paste the code into the Destiny HTML Edit Box.
6. Here’s the trick to post a section of your Symbaloo. Change the Width to a smaller number. 280 works well for a 3 column Symbaloo. 7. Click “Save” and then “Close.”
www.symbaloo.com
Carolyn Vibbert, 2013
Create Images from PowerPoint
Note: Images for this tutorial were created using PowerPoint 2011 for Mac. Many of the features in all PowerPoint programs are similar, but may have slight formatting differences. 1. Create your slides. I like to display new books with the call number, photos from school or library events, library resources such as online databases, or text and pictures of library procedures. There are a lot of
options!
2. Save your presentation in the usual way. 3. Click “Save As.” 4. Choose “JPG” from the file type/format drop down menu.
5. Choose if you are saving the current slide selected or all of the slides. (This option in particular looks different in Mac vs. Windows)
6. Choose “Okay.” 7. The files save and a message indicates what folder they are now in.
8. Each slide is now a JPG image that you can use just like any other image file.
Carolyn Vibbert, 2013
Creating Destiny Public Resource Lists 1. Login with your highest level of access. 2. Click “Catalog”
3. Choose “Resource Lists” 4. Click “Add List” 5. Enter a Name for your list and check “Make this list Public” A description is optional 6. Click “Save”
Carolyn Vibbert, 2013
1. Click “Library Search” 2. Conduct a search for books that will fit into your list. 3. On the Search Results page, check to be sure the correct Resource List is selected.
4. To the right of the book information, click “Add to the List” 5. The Search Results page will now indicate that your book is “In This List” 6. Visiting the Resource Lists tab will show each Resource List. You can select a list to view which books are included. They can be Removed if needed. Lists are easily printable.
Adding Titles to a Public Resource List
Carolyn Vibbert, 2013
Connect a Resource List to a Visual Search
Prerequisite: Have a Public Resource List created Optional: Have icons 80x72 pixels (width=80) available 1. Click “Search Setup” 2. To create a folder to organize several lists within, click on the Folder + Icon across from “Visual Search Home.”
3. Choose a title for your Folder. Adding an icon is optional. 4. Click on the Magnifying Glass + Icon across from your folder title.
Carolyn Vibbert, 2013
5. Similar steps from Step 3 allow you to create a Search. Give your search a Name and choose an icon (optional). 6. Click the radio button next to “Public List” and use the menu to choose your Resource List. (Note: Only Resource Lists that have items saved to them will be displayed. Empty lists will not be included at this point.) 7. “Save.” Your list will now include a Search under the folder.
8. Confirm that your Search works by vising the “Library Search” page and choosing “Visual” 9. Click on the icon and your Resource List items will be displayed.
Carolyn Vibbert, 2013
Add a Homepage Link to a Visual Search This tutorial is for the steps required to add a Homepage Link to a Visual Search. The example is for adding a direct link to a category called Teacher Resources. This tutorial is expressly for a Destiny homepage link. HTML knowledge is not required. 1. Click “Home”
2. Click “Edit Page” 3. Click the Paper/Pencil Edit Icon Your Body Box may look similar or will include more code if there were already items on your Homepage.
Carolyn Vibbert, 2013
4. Key in the code for a hyperlink, substituting the name for your Search between sets of angle brackets. <a href=” “>Teacher Resources</a> The only space is between a and href. For the next steps, I recommend opening a second browser window, also for Destiny. 5. Click “Logout” from your second browser window. This is to get an accurate link to your search as a guest would.
6. Click “Catalog” and then “Visual” 7. Locate the Visual Search link you wish to put on your Homepage. Hover over the icon and right click your mouse. You want a menu similar to the example to display. Each browser is slightly different. Click the one for the Link Location (not the image). Your goal is to copy this link. 8. Navigate to your first Destiny page and the Homepage Edit Box.
Carolyn Vibbert, 2013
9. Click between the quotation marks in <a href=””> and paste in the copied link. It should be quite long.
10. Click “Save.” Your login has probably expired but your work is not lost. Login and continue.
11. Click “Close” to view your Homepage. It will now have a link directly to your Visual Search page.
Adding an image can increase the appeal of the resources you have to offer. Adding the code for an image is straightforward, but there are some more challenging concepts to grasp. This tutorial is simple and basic. 1. In the Body Box, delete the name of your link (i.e. Teacher Resources) from between the sets of angle brackets. Replace it with <img src=””>
Add a Picture to your Link
Carolyn Vibbert, 2013
2. In a second window, locate the image you wish to use to represent your link. 3. There are two ways to copy the link needed for the Image Location. a. Right click and Copy Image Location. (Actual term varies by browser.) b. Or, isolate the image in your browser window so that it is the only item on the screen. Copy the URL from the address bar.
4. In your Destiny browser window, paste the link between the quotation marks in <img src=””>. The only space in this code is between img and src. It does not matter where the line breaks occur.
5. Click “Save” and “Close” to view your image link.
Carolyn Vibbert, 2013
Destiny Inventory
Insert today’s date.
Inventory Name Call Numbers Date # Lost to
to
to
to
to
to
to
to
to
to
to
Click the “Reports” tab. Choose “Library Reports” from the sidebar Choose “Shelf List” from the Catalog-‐Titles and Copies section. Fill in the options for your report. -‐Identify the call number range -‐Set a date to count circulations. You might go back 3, 5, or even 10 years. -‐Click the radio button for “Publication Year” -‐Output as Microsoft Excel
Destiny Report for Weeding
Carolyn Vibbert, 2013
The trick to making the data useable is in how you sort it. For this tutorial, I have removed the Title and Author columns. You may wish to remove the “Status” Column or “Barcode” depending on your needs. First, sort all of your data by “Circs” column.
The titles are now listed in order from least to most checkouts. Select all the rows for circulation data you want to target (i.e. all of the books checked out 0 or 0 and 1 time).
Sort this selection for Publication Year.
Select all of the rows for the dates you wish to target (i.e. all of the books up through 1999).
Sort this selection by Call Number. This will put your narrowed down list back into shelf order. Print the selected rows. Your list will be in shelf order and show all of the books that you should target for
weeding. As you move through your shelves you can put your hands on each book and decide for yourself about the book’s fate.
Carolyn Vibbert, 2013
Carolyn Vibbert, 2013
Part 1: Pictures Take Headshots of each of your students. -‐Print a Destiny class roster (it will have id numbers on it—which you need in Part 2) -‐Take pictures of students in any order, but number the roster in the order you take the photos so that you can correctly match them later. Use your computer to access the pictures.
Take a look at your file of pictures. If you took one student twice for some reason, delete the bad copy. Rename the rest keeping them in order beginning with 01. Your pictures should be .jpg file extensions, but this may or may not show. It could just be the photo name that is displayed. Put all of the pictures into a folder on your desktop. I name my folder by the teacher name.
Destiny Student Pictures: Pictures
delete
rename
Carolyn Vibbert, 2013
Destiny Student Pictures: IDLINK File Part 2: idlink.txt File In this step, you will create a text file (using Notepad or other text editor) that will create a link between a student ID number and their picture. The punctuation of the text file is deliberate and cannot be altered. The name of the file must be idlink.txt
One line for each student number and image name with the following punctuation. Quotation mark, ID number, quotation mark, comma, quotation mark, image name with extension, quotation mark. Here’s what I do….. -‐Copy and paste “x”,”01.jpg” on each line. -‐Edit the numbers to be 02, 03, 04, etc. -‐Use the class roster you have with the image number to substitute x for the ID number.
If the first student on your list is picture 14, then change the line with 14.jpg to have that ID number instead of x. Continue down the list, inserting all of the ID numbers.
Save the file into the same folder with your pictures.
From the desktop, right click on your folder. You want to find the option to Zip the folder. The original folder will still be available and a zipped folder will be added to the desktop. It has a zipper on the folder icon and a .zip extension.
Zip it!
Carolyn Vibbert, 2013
Destiny Student Pictures: Upload Part 3: Upload Click the “Back Office” tab. Choose “Upload Patron Pictures” on the left.
Click “Browse” Search for the zipped file you created of patron pictures and the idlink.txt file. Click “Upload”
Be patient and wait. In the “Job Manager” you can “View” the status.
If your list says, “Added successfully,” then you can look up the homeroom page in Circulation and grin at all your smiling beauties!
Carolyn Vibbert, 2013
Begin in the “Back Office” Click “Site Configuration” Click the “Circulation” Tab across the near-‐top right.
Scroll all the way to the bottom for the Circulation Sounds. Click “Change”
Click “Browse.” Search on your computer for your saved file. Sound files should end in .wav and should not be more than 2 seconds in length.
Click “Upload” Click “Save” Click “Play” to test your new sound.
Destiny Sound Effects
Carolyn Vibbert, 2013