Ultra Media Gallery 5 User Guide

Transcription

Ultra Media Gallery 5 User Guide
Ultra Media Gallery 5
Ultra Media Gallery 5
User Guide
Expand the “Bookmark” menu in left side to see the table of contents.
Copyright by bizmodules.net 2005 – 2008
Page 1 of 69
Ultra Media Gallery 5
Overview
What is Ultra Media Gallery?
Ultra Media Gallery (UMG) is a DotNetNuke (DNN) application designed to work in DotNetNuke
websites ONLY. DotNetNuke is a free, open source framework ideal for building powerful web sites for
business and personal use. This documentation assumes that you have prior experience with the
DotNetNuke environment. For further information about DotNetNuke, please refer to DNN information
found at www.dotnetnuke.com.
Ultra Media Gallery is a complete, full-featured web photo/image and media gallery management solution.
With UMG, you can create photo and image galleries with customizable Flash and Lightbox Views.
When you subscribe to Flickr and Google Picasa, you can use UMG to display Flickr and Picasa photos
and images on your DotNetNuke website wrapped in UMG's high quality interface. With UMG, you can,
for example, create a Headline View for news headlines, or display real estate photos in a Virtual Tour
presentation. If you choose, use can UMG to sell digital media products online, or use UMG to allow your
website members to share their images with others using UMG's Personal Gallery mode. UMG is a
comprehensive image media management module with many configuration settings and options that offer
you a wide range of presentation choices to suit your needs.
Since the release of Ultra Media Gallery version 2.0 on January 3, 2006, UMG has been a
Snowcovered.com top seller, with thousands of DotNetNuke websites deploying UMG in every major
country around the world. Powerful features and flexible module functionality, backed by timely and
professional customer support are why many DotNetNuke users select Ultra Media Gallery as their web
image and media gallery solution.
Based on your needs, Biz Modules provides flexible and extensible module licensing options. You can
purchase a single installation license if you intend to use UMG in a single DotNetNuke installation only,
then add additional licenses as needed for other installations. Or for enterprise users, an unlimited
installation license is available for using UMG in a multi-installation environment.
Why choose Ultra Media Gallery?
The most powerful choice: UMG is an "all-in-one" gallery solution, offering many display options for
various business and personal uses. For example, you can configure UMG as a normal picture viewer, a
Lightbox viewer, an image rotator, a headline rotator, and more. With Ultra Media Gallery, you save
money because you get multiple Flash player interfaces built into one product, when other vendors
distribute modules with only one player per module. The power built into UMG is much greater than
similar products, because "...they [Biz Modules] don't take short cuts for their convenience, they do the
difficult programming for you." (from Dwight B.)
The most stable choice: With a large installed user base, UMG has such a large number of users that
potential bugs and problems are reported more quickly than as for products with fewer active users. In
many cases, bug fixes are available in a few days or less. With a wide range of UMG installations, you can
expect UMG works correctly for all your site visitors, across various browser and computer platforms.
Copyright by bizmodules.net 2005 – 2008
Page 2 of 69
Ultra Media Gallery 5
The most carefree choice: While you may encounter various questions and concerns when deploying a
DotNetNuke module, UMG's detailed user guide can help you to quickly solve most issues that arise. Biz
Modules support forum is also a good knowledgebase of tips and tricks. "The other major reason I choose
this product [UMG] is that the developer is very active and responsive in supporting this product. This
gives me confidence that any issues that arise in the future will be addressed quickly." (from Sean Lee)
Sample Galleries
Check www.bizmodules.net for sample galleries built by Ultra Media Gallery 5.
Copyright by bizmodules.net 2005 – 2008
Page 3 of 69
Ultra Media Gallery 5
What’s new
Ultra Media Gallery 5 (UMG) is a significant upgrade containing a powerful presentation provider
architecture, with a number of presentations built-in. As an option, you may license and purchase
separately the UMG Generic Presentation Pack which contains a variety of amazing presentations
that allow you to display UMG albums and images in various styles and formats.
UMG's new presentation architecture is built in a manner similar to DotNetNuke's DataProvider design
pattern. For example, most DotNetNuke installations are configured to use the Microsoft SQLServer as
the database system underneath the portals and sites created by DNN. But actually, DotNetNuke is
designed to be compatible with other database systems such as Oracle. Before you can use DotNetNuke
with Oracle, you would license or develop a custom DataProvider. The DataProvider is a custom
implementation of DotNetNuke's data access layer, with a unique set of methods and functions that allow
DotNetNuke to interact with a database system, to store and retrieve data.
The UMG Presentation provider is a custom implementation of a Flash player and .Net component for
UMG. UMG 5 calls the .Net component to generate data configuration XML files, then the Flash
presentation utilizes the XML files to access UMG albums and images.
Rather than only UMG Classic and Headline, which were the only two gallery displays available in UMG 4
and earlier, UMG 5 introduces the new presentation provider pattern, so the interaction interface between
UMG and a presentation is abstract, making it easier to add a variety of new presentation providers.
Biz Modules has developed powerful and useful presentation providers for UMG 5, with each
presentation having its own unique layout and behavior. You can use these presentations in various
business and personal use web sites. These presentations are not part of the core UMG package, but they
are included in the UMG Generic Presentation Pack, which can be licensed separately for a low price.
1.
3D Carousel
Display thumbnails in a circular or ellipse formation, with a mirror effect; move your mouse to
scroll and stop the carousel; click an image for a zoomed Lightbox effect.
2. 3D Stack (Generic Presentation Pack 3.1+)
Displays images in a top to bottom stack formation, with a mirror effect.
3. Side Nav
Similar to the Classic display, but image thumbnails are shown vertically to the left or right side of
the gallery.
4. Random Position
Displays image thumbnails in a random position, with thumbnails appear as Polaroid pictures;
set the "Seed" option to decide just how "random" the images are displayed.
5. Right Header
Displays a series of text buttons that link to images, with text buttons set on the left or right side
of the gallery stage; ideal for quick access to images, a featured content list, etc.
6. Virtual Tour
Browse photos and images with a virtual tour effect; ideal for a real estate showcase, landscape
pictures, etc.
Copyright by bizmodules.net 2005 – 2008
Page 4 of 69
Ultra Media Gallery 5
7.
Widescreen Showroom (Generic Presentation Pack 2.0+)
This presentation supports multiple albums or video, with Photo Link ability.
8. Shadow Viewer (Generic Presentation Pack 3.0+)
Shadow Viewer supports multiple albums, nested albums, FLV video and SWF movie playback.
UMG 5 is also built with these power features and enhancements:
1.
Amazon S3 Integration (Ultra Media Gallery 5.4+)
UMG can be seamlessly integrated with Amazon Simple Storage Service (Amazon S3), so you can
securely and efficiently store your UMG images and files in Amazon's datacenters, offering your
powerful bandwidth performance and saving you data storage costs.
2. Personal Gallery Mode
You can configure UMG 5 to offer personal user gallery services, so authorized users can upload
images to a centralized gallery, but users only see their own images. A unique URL is provided to
each user, so they may share their personal gallery with non-users.
3. Personal Profile Integration
Similar to Personal Gallery, UMG can be configured to work with User Profile modules. When a
profile is displayed, a UMG gallery managed only by that user can be displayed.
4. New Gallery Wizard
A simple wizard guides you through the process of creating a new UMG gallery quickly.
5. RSS Subscription
A UMG album may also be not images uploaded on your local site, but public RSS feeds such as
Flickr and Google Picasa. Users may subscribe to these galleries, and get automatic notification of
image updates to the gallery through the RSS feed.
6. Search Engine Optimization
When you add image Title and Description data to your UMG images, UMG exposes this
information to search engines like Google, increasing your site search ranking.
7.
Embed Gallery
For each gallery, UMG automatically creates a block of HTML and JavaScript code that can be
inserted on a website anywhere on the Internet, to view your UMG gallery!
8. Custom Search Module
A powerful search engine is included with UMG, optimized to work exclusively with UMG to
search through albums, images, photos.
9. Caption Token
[AUTHOR] & [AUTHOR_USERNAME] tokens placed in the gallery Caption Header template
allows users browsing a gallery to know who added the image to the gallery.
10. Dynamic Gallery
With UMG set to dynamically generate a gallery from a file system folder of images, UMG looks
for a custom album.xml file, and if it exists, reads Title, Description, Audio, and Logo settings
from the XML file.
11. UMG-PhotoCalendar Module
Quickly and easily organize photos by Taken Date, read from the EXIF header.
For more information on the latest enhancements to UMG, please see the Release Notes.
Copyright by bizmodules.net 2005 – 2008
Page 5 of 69
Ultra Media Gallery 5
System requirements
Ultra Media Gallery (UMG) is designed to work in ALL DNN 3.3.x/4.3.x and higher websites,
including but not restricted to 3.3.x, 4.3.x, 4.4.x, 4.5.x, 4.6.x, 4.7.x, 4.8.x, 4.9.x. and 5.0.x.
Ultra Media Gallery even works on websites run in "medium trust" on shared servers.
As long as your DotNetNuke portal is configured and working correctly, Ultra Media Gallery will work,
too.
Ultra Media Gallery presentations require that AJAX.net is enabled. UMG automatically configures
AJAX.net for you when you run the UMG New Gallery Wizard for the first time
Copyright by bizmodules.net 2005 – 2008
Page 6 of 69
Ultra Media Gallery 5
Installation guide
The Ultra Media Gallery (UMG) installation will install both the UMG modules PA (Private Assembly)
and all standard presentation providers that are included with UMG.
You install UMG as you would any normal DNN PA module. Login to your website portal with Host
permissions, and from the Host menu, choose Module Definitions. From the Module Definitions
dropdown menu, choose Install New Module. The following screen appears:
Click Browse and locate the UMG PA, then click Install New Module. When the installation is complete,
scroll down to confirm that the installation was successful:
Click Return, then scroll through the list of installed modules to see the UMG modules now listed as
installed in the Module Definitions list. The first UMG module listed - Ultra Media Gallery - is the
main module that must be configured to use UMG.
Copyright by bizmodules.net 2005 – 2008
Page 7 of 69
Ultra Media Gallery 5
With UMG installed, if you also purchased the optional Generic Presentation Pack, you can install the
Generic Presentation Pack now. The Generic Presentation Pack is installed using the same steps as the
installation for UMG.
Once you have placed a UMG instance on a page, to check the availability of all installed presentation
providers, select Settings(
) from the Ultra Media Gallery menu. At the bottom of the Settings screen,
all installed presentations are listed in and can be selected from the Presentation dropdown list:
Copyright by bizmodules.net 2005 – 2008
Page 8 of 69
Ultra Media Gallery 5
Uninstallation guide
WARNING: Once you uninstall Ultra Media Gallery (UMG), all data entered into UMG is lost forever.
There is no way to recover data deleted during the uninstall process. To be absolutely sure you do not
need UMG data, you should make a reliable backup before you uninstall UMG.
Ultra Media Gallery requires AJAX.net support to provide powerful visual effects. Ultra Video Gallery
also uses AJAX.net support. If you also have Ultra Video Gallery installed in this portal and you only wish
to uninstall only Ultra Media Gallery, skip to Step 2 below.
Step1: You must disable AJAX.net support in Ultra Media Gallery Settings(
) before you uninstall
the UMG module. WARNING: If you do not disable AJAX.net support in UMG before you uninstall UMG,
your web site portal will crash!
To disable AJAX.net support, select Settings(
) from the UMG menu, locate the AJAX.net setting
below, disable/uncheck it, then click Update:
Confirm that the AJAX.net setting is disabled/unchecked before you proceed.
Step2: To safely uninstall Ultra Media Gallery from your website, logged in as a user with Host level
permissions, from the Host menu, select Module Definitions. Scroll down the list to locate modules
with the prefix UMG-. Click the pencil button to the left of each UMG- module to bring the module into
focus, then to delete the module, click the
link button.
If you want to uninstall all the existing UMG data (galleries, albums, images) but you intend to reinstall
this product to use it "fresh", you do not need to uninstall all the UMG- sub modules. Simply uninstall the
Ultra Media Gallery module, and leave the UMG- sub modules installed. You may now safely reinstall
the Ultra Media Gallery PA package, and during installation, all database objects and files are created
new.
Typical for all DotNetNuke (DNN) un-installations, there is no option for deleting folders and files created
by a module in the file system. After un-installing UMG, you may leave these folders/files installed, or
delete them manually, if you choose. To delete these folders/files, simply delete the UMG root folder in
each portal where UMG was used. This folder will be:
$Portal Root/UltraPhotoGallery
... which you can delete by using an FTP client, or by using the DNN File Manager, found under the
DNN Admin menu.
Copyright by bizmodules.net 2005 – 2008
Page 9 of 69
Ultra Media Gallery 5
Obtaining technical support
As a licensed user of a Biz Modules product, we offer you long-term technical support, for the life of the
product, should you require technical support at any time.
Priority support is provided in the Biz Modules technical support forum. In the forum you can browse
topics submitted by other users, or post a new topic if you find that your issue has not yet been discussed
in the forum.
You can reach the support forum at: http://www.bizmodules.net/Forums/tabid/55/Default.aspx
For brief questions about Ultra Media Gallery and for all other matters regarding Biz Modules, email:
[email protected]
www.bizmodules.net
Copyright by bizmodules.net 2005 – 2008
Page 10 of 69
Ultra Media Gallery 5
Getting started
New gallery wizard
Note: The words photo, picture and image are used interchangeably in this user guide and in the Ultra
Media Gallery module.
To create an Ultra Media Gallery (UMG) image gallery, add the Ultra Media Gallery main module to a
DNN page. The New Gallery Wizard appears to help you quickly configure a gallery:
Step 1: Confirm that UMG should enable AJAX.net support. If you should later choose to
uninstall UMG from this portal, carefully note what you should do before un-installation: you should
disable AJAX.net support from the UMG Settings screen before uninstalling UMG if after
uninstalling UMG you will have no other modules installed that use AJAX.net support.
Enable AJAX.net, then click the box to confirm that you understand how to disable AJAX.net
support in UMG Settings before uninstalling UMG if no other installed modules are using AJAX.net
support, then click Next to proceed with the Wizard:
Copyright by bizmodules.net 2005 – 2008
Page 11 of 69
Ultra Media Gallery 5
Step 2: Choose a UMG presentation for this gallery. You may change the default presentation setting
later, if you choose. This screen below contains some presentations that are included in the optional
Generic Presentation Pack, licensed separately from Biz Modules. Select a presentation, then click
Next:
Copyright by bizmodules.net 2005 – 2008
Page 12 of 69
Ultra Media Gallery 5
Step 3: Specify the size of this gallery. You may modify this setting later, if needed. Depending on
the size of the images displayed in a gallery and the presentation selected, Width and Height may be
adjusted later for optimal results. Change these dimensions or accept the default values, then click
Next:
Step 4: Select the source of the images that will display in this gallery. The default is Web Upload
which allows users to upload images to this gallery. Select RSS Subscription if you want to display
images through an RSS feed subscription to either Flickr or Google Picasa. Choose Server Directory to
display images using the UMG Dynamic Gallery feature. UMG will automatically display images from
any directory containing images located under the portal website root.
Here, we select the most common application, Web Upload, then click Next:
Copyright by bizmodules.net 2005 – 2008
Page 13 of 69
Ultra Media Gallery 5
Step 5: The UMG New Gallery Wizard prepares to make a default album for you. There must be at least
one album in a gallery to display images in that gallery. Select these default album values, which you can
modify later, then click Next to continue:
Copyright by bizmodules.net 2005 – 2008
Page 14 of 69
Ultra Media Gallery 5
Depending on the options you choose, some Wizard steps may be skipped because they are unnecessary.
Do not be alarmed if you notice Wizard Step 5 moves next to Wizard Step 8, for example.
If you choose RSS Subscription as your image/picture source, you should see Wizard Step 6 and the
following screen:
Enter a valid Flickr or Google Picasa RSS feed. UMG validates your input and sets up the gallery for
you.
If you choose Server Directory as your image/picture source, you should see Wizard Step 7 and the
following screen:
Copyright by bizmodules.net 2005 – 2008
Page 15 of 69
Ultra Media Gallery 5
All folders under your website portal root that currently contain images are listed in the Source Folder
dropdown list. Select a folder, then click Next.
If you choose either RSS Subscription or Server Directory, your gallery is immediately activated and
visible:
Copyright by bizmodules.net 2005 – 2008
Page 16 of 69
Ultra Media Gallery 5
Please note that the New Gallery Wizard can only be run once. You may click Previous up until the
last Finish is clicked. You cannot re-run the wizard once you click Finish.
However, all the setting choices you make while running the New Gallery Wizard can be found in
various UMG menu sections. These features are described in detail in other sections of this user guide. For
example, to subscribe to a Flickr RSS feed, just add a new album under Albums(
) and configure the
settings to your selected RSS feed. Or, to change the look of your gallery, simply choose another
Presentation from the bottom of the Settings(
) screen. In most cases, the choices you make during
the New Gallery Wizard may be modified later to suit your needs.
Copyright by bizmodules.net 2005 – 2008
Page 17 of 69
Ultra Media Gallery 5
Add picture
Click the Add New(
) button at the top of a gallery to add new images, and you will see this screen:
Choose an Album, then click Browse... to locate an image to add to the gallery.
Title, Description and Link are optional fields. However, entering information in the Title and
Description fields can be useful later for searching purposes.
Enter a Link web address if you would like UMG to open a specific URL when this image is clicked in a
gallery display.
Click Save & Exit to save this image and return to the gallery presentation, or click Save & Continue if
you wish to add more images to the album now.
If you wish to immediately approve images for display, be sure the Approved checkbox is enabled. If you
wish to upload an image to the Album but not immediately display the image in a presentation, disable
Approved. Later, you can individually approve images for display by editing the images.
All popular image formats are supported, including bmp/gif/jpg/jpeg/png/tiff. To quickly add
multiple images to an album, compress multiple images into a single ZIP file and add the ZIP file to the
album. UMG will automatically unpack the ZIP and add all images to the album.
Copyright by bizmodules.net 2005 – 2008
Page 18 of 69
Ultra Media Gallery 5
Manage pictures
Every user who has permission to add images to an album will have the My Work(
) option available
from the UMG menu. If you have added images to an album, this is where you can find all images that you
have added to UMG:
To edit properties about an image, click the Edit pencil to the left of each image. The edit image form is
identical to the Add New input form.
If you have Manage Role permission in an album, you can manage all images in the album, even images
that have been added by other users. When you click Manage(
), you can see only the albums for
which you have Manage permission. The Manage button is not visible if you do not have Manage Role
permission. For more information about permissions, please refer to the Permission Set section of this
user guide.
Click the Album Title link, to the right of the green arrow, to manage an album:
Copyright by bizmodules.net 2005 – 2008
Page 19 of 69
Ultra Media Gallery 5
You can manually adjust the order of images by either (1) clicking the Up/Down arrows to the far
right, or (2) click a thumbnail, then with your mouse button down, drag the thumbnail to a new
position over another thumbnail. When the destination thumbnail becomes semi-transparent, release
your mouse button and the image is moved to new position right after the image you dropped over. When
you click and drag a thumbnail over the very first thumbnail of an album, the image is inserted as the first
image.
Additional manage album features are displayed as link buttons at the bottom of this screen. Bulk Edit
allows you to edit certain properties for selected images in single operation. Rotate Left and Rotate
Right allow you to rotate selected images 90 degrees, left or right. Quick Sort lets you quickly sort all
images based on the predefined Default Sorting setting found in Settings. Reverse Order allows you to
quickly reverse the order of all images in an album. If you manually add or delete images from the folder
where this album is stored on your hard disk, click Synchronize to update UMG to mirror the changes
you have made manually.
Copyright by bizmodules.net 2005 – 2008
Page 20 of 69
Ultra Media Gallery 5
Manage albums
At least one Album is required for every gallery, and the New Gallery Wizard helps you create a default
album automatically when you choose Web Upload as your image source. Only a few settings are
required for the Wizard, but there are many more settings available to you.
Users who can manage albums must have Edit Module permission or belong to a DNN role enabled in
the gallery Manage Roles found in Settings(
) > Rights. Click the Albums(
) button from the
UMG gallery menu to see all albums that exist for the current gallery:
Click the pencil button to edit an album:
Copyright by bizmodules.net 2005 – 2008
Page 21 of 69
Ultra Media Gallery 5
Album Id is a unique numeric id assigned to each album. This number is used internally by UMG and
cannot be changed.
Album Type is usually Standard Album, which is an album that is set for web upload as image source. If
an album is set to Subscribe to a Flickr or Picasa RSS feed, the Album Type setting will display as RSS
Subscription.
Parent Album defaults to Not Specified unless an Album is a child of another Parent Album.
You may change the album at any time. Description is an optional field useful for describing the
contents of an album.
Copyright by bizmodules.net 2005 – 2008
Page 22 of 69
Ultra Media Gallery 5
Caption Header is a token field that allows you to customize the Header that is displayed at the top of a
gallery. In this field, you may add static text or remove or reposition tokens to suit your needs.
Thumbnail Width & Height specify the size of image thumbnails. When you upload an image, UMG
automatically generates a thumbnail for every image. With this setting, the thumbnail size may be
changed to suit your preference. Some UMG presentations may look better with larger thumbnails, for
example, the RandomPosition presentation.
Album Logo is a small logo displayed in Album List but only for presentations that support multiple
albums. Below is a screenshot of an Album Logo (a car) displayed in the Album List found in the UMG
Classic presentation:
By default, the Auto Resizing feature is enabled. UMG automatically resizes uploaded images if an
image exceeds the Max Size specified here. If you wish to allow for uploading larger, higher resolution
images, you may disable Auto Resizing.
Enable Default Album if you want to make this album the default. This setting is useful in some
presentations. For example, in the UMG Classic presentation, the Album List is ignored if Default Album
is enabled.
Need Approval and Auto Sync are discussed in other sections of this documentation.
Expand Background Music and Banner sections to see the following settings:
Copyright by bizmodules.net 2005 – 2008
Page 23 of 69
Ultra Media Gallery 5
To add background music for an album, upload an MP3 file. However, if the DNN Administrator has not
specified MP3 as a valid upload extension, a message will display indicating the ability to upload MP3 is
disabled. To enable MP3 uploading, add the MP3 file extension to Host > Host Settings > Advanced
Settings > Other Settings > File Upload Extensions.
You can upload a Banner for certain presentations, such as the UMG Classic presentation, where a
banner can be displayed on the top or bottom of the gallery.
If your currently selected presentation supports multiple albums, you will see an Add New link button at
the bottom of the Albums screen. Most presentations allow for a single album only. In this case, you may
only add a new album if you delete the existing default album.
If you have created multiple albums, you may click the Up and Down arrow buttons to adjust the album
sort order:
Copyright by bizmodules.net 2005 – 2008
Page 24 of 69
Ultra Media Gallery 5
Add bulk pictures
In the Add Picture chapter, you learned that you can upload a zipped file containing pictures and images,
and UMG automatically unpacks the zip file, adding each image to the gallery individually. Add Bulk
Pictures also allows you to add groups of images together into an album in one bulk process.
At the top of the gallery, click the Manage(
) button, then select an album to manage, and you should
see the following screen:
Above the list of images, you should see a message like this:
The folder of this album is /Portals/0/UltraPhotoGallery/380/2/large; upload images to this folder and synchronize the folder with the
album.
Copy or Upload images into this folder, then click Synchronize below the image list, and you should see
a message like this:
x photos synchronized
Synchronized images appear in the image list instantly. The Synchronize feature is very useful when you
have many images to add to an album. Simply upload or copy the images into the folder path listed above
your album images, then click Synchronize and your album is updated with new images immediately.
The album option Auto-Sync works in a similar manner, except not manually but
automatically at predefined intervals. If Auto-Sync is enabled, UMG monitors the album
folder, and at predefined intervals, if there are new images in the album folder, UMG
automatically synchronizes the folder and the album. Enable Auto-Sync if you add new
Copyright by bizmodules.net 2005 – 2008
Page 25 of 69
Ultra Media Gallery 5
images frequently to an album folder, and you want UMG to manage synchronization
for you.
Copyright by bizmodules.net 2005 – 2008
Page 26 of 69
Ultra Media Gallery 5
Permission Set
Ultra Media Gallery allows for the management of permissions at two levels: Module-Level and
Album-Level. Module-Level permissions are handled by DotNetNuke, and Album-Level permissions are
managed by UMG. To demonstrate how to configure module permissions, in this example we have
created two additional portal Roles - Managers and Approvers:
Now we may assign portal users to either of these DNN Roles for UMG purposes.
Login with Admin level permissions, navigate to a UMG module, and mouse-over the triangle icon, the
Module Menu. Choose Settings to see the DNN module permission grid:
Note the two primary permissions on this screen: View Module and Edit Module. Users who have
View Module permission are able to view this gallery only, but users who have Edit Module permission
have full control over this UMG module. Users with Edit Module permission have access to all the
UMG menu options found at the top of the gallery, including the options usually reserved for
Administrators only, the menu options on the far right:
Copyright by bizmodules.net 2005 – 2008
Page 27 of 69
Ultra Media Gallery 5
Now we look more closely at the Album-Level permissions found in Albums > Rights section:
1.
Composing Roles: users who can Add images in this album;
2. Manage Roles: users who can Manage existing images and Approve pending items;
3. Approval Roles: users who can Approve pending images in this album.
Approval permission is a subset of Manage permission, a user with less permission than a Manage
Role user. The album Owner automatically gets Manage level permission.
Let's examine this example permission set:
Registered Users can upload new images to this album, but these images must be approved by
Managers or Approvers. Managers can manage all existing images in this album, and so can
Administrators, because Administrators have Edit Module module-level permissions.
Copyright by bizmodules.net 2005 – 2008
Page 28 of 69
Ultra Media Gallery 5
In this example, if a user in the Registered Users role were to login and navigate to this gallery, the user
would see only these UMG menu options at the top of gallery:
The user may Add New images and Manage their own images only.
When we login as a user with Approvers Role permissions, we see these options:
The UMG Approve menu option appears which allows the user to approve pending items. Because this
user in the Approvers Role is also in the Registered User role, this user is permitted to Add New images. If
this user were removed from the Registered User role, My Work and Add New would be unavailable,
but the user could still access the UMG Approve menu option.
When we login as a user who is in the DNN Managers role, we see the following options:
A user can click the Manage option to see the albums for which they have manage permission. For more
information about Manage, see the Manage Pictures section of this user guide.
Note that you must enable the Need Approval option in Album > Settings if you want to give users
with proper permissions the ability to approve images.
You may wish to assign one or more persons as Content Manager for a gallery, but restrict this user
from accessing the UMG Settings and Appearance menu options. This user should be able to manage all
albums and images in a gallery without limitation, but make no changes to the operation or look of the
gallery, options available in Settings and Appearance. To achieve this level of security, on the UMG
Settings screen, grant the Gallery Manager permissions to a DNN Role of your choice.
Copyright by bizmodules.net 2005 – 2008
Page 29 of 69
Ultra Media Gallery 5
Subscribe to flickr and picasa
In Step 4 of the New Gallery Wizard, you can choose to create a gallery from a valid Flickr or Picasa
RSS feed.
If your selected presentation supports multiple albums, you can create more than one new album that
subscribes to Flickr or Google Picasa. From the UMG Album menu option, when you click Add New,
select RSS Subscription as Album Type, and you should see the following options:
In the RSS Feed field, enter the address of a feed from Flickr or Google Picasa. Enter a numeric refresh
interval if you want UMG to refresh the feed automatically.
An RSS Subscription album can be displayed together with standard albums. However, in some UMG
presentations, for example, Headline and VirtualTour, RSS Subscription is not supported
Copyright by bizmodules.net 2005 – 2008
Page 30 of 69
Ultra Media Gallery 5
Change colors and appearance
To better suit your web site design, various options are available for each unique presentation, including
options for setting colors, behaviors and text. Click Appearance(
) at the top of the gallery to
customize a presentation. The Appearance settings of the UMG Classic presentation are shown below:
The UMG Classic presentation has the most options (60+ total) of all UMG presentations. Click section
Titles to expand and view all settings under each section. Click the Help/Tooltip( ) icon before each
item for useful tips on settings. For all color fields, click the color block to the right of the hex color code
textbox to select a color from the pop-up color palette. The pop-up color selection feature was designed to
work with the IE browser and may not work in all browsers.
Below is the Appearance screen from the RightHeader presentation:
Copyright by bizmodules.net 2005 – 2008
Page 31 of 69
Ultra Media Gallery 5
With some presentations, such as RandomPosition, you can specify a background
image, which will enhance the look of your Gallery. A few sample background pictures
are included with UMG, located in the /DesktopModules/BizModules UltraPhotoGallery/RandomPosition folder.
Copyright by bizmodules.net 2005 – 2008
Page 32 of 69
Ultra Media Gallery 5
Rate and comment
With the UMG Classic presentation selected, UMG allows users to Rate and Comment on images in a
gallery. When Rate and Comment is enabled, you will see a series of star icons in the lower left corner of
an image:
When you click the star icons, a ratings and comments window opens up:
A user can Rate and Comment on the image currently being displayed in a window. Existing ratings and
comments are displayed in the History box. If, for example, you were to rate 4 stars for an image, then
Post and close the window, the rating star icons are refreshed, and the new rating score is displayed:
Copyright by bizmodules.net 2005 – 2008
Page 33 of 69
Ultra Media Gallery 5
The Rate and Comment feature can be enabled or disabled with the Enable Rating setting found under
the UMG Appearance menu option.
It is possible to allow users to Rate and Comment on images displayed using presentations other UMG
Classic presentation when you use the UMG-QuickRate module. In the following example, we are using
the SideNav presentation, which does not allow for Rate and Comment inside the Flash presentation. But
with the UMG-QuickRate module placed beside your gallery, users can Rate and Comment on any image
displayed using most presentations:
With the UMG-QuickRate module, the image rating and comment history is shown for each image
in-focus in the gallery. For images that have not yet been rated, a user can click the star icons to rate the
image, and comment on the image, too.
Note that the UMG-QuickRate module does not work with either the VirtualTour or
Widescreenshowroom presentations.
Copyright by bizmodules.net 2005 – 2008
Page 34 of 69
Ultra Media Gallery 5
Publish RSS feed
In the UMG Settings(
) screen, locate the Allow RSS option:
Enable this setting, and set Max Items, which limits the number of images that will be included in the
RSS Feed. Note that in an RSS Feed, UMG will always sort and display images by Created Date |
Descending Order, no matter what is configured in Settings > Default Sorting. This setting effectively
shows the latest added images at the top of the feed.
After enabling Allow RSS, when browsing this gallery, the RSS icon will display in the lower right corner
of the container surrounding your gallery:
The RSS Feed icon allows site visitors to click the icon to subscribe to a gallery. Users who subscribe to a
UMG gallery RSS Feed do not need to visit your site to see updated images. Images added to the gallery
can be viewed directly through the RSS Feed channel.
Note that UMG's Publish RSS Feed will only work on a gallery set to Gallery Mode:
Normal.
Copyright by bizmodules.net 2005 – 2008
Page 35 of 69
Ultra Media Gallery 5
Advanced topics
Sorting criteria
By default, UMG sorts your images by Created Date | Descending Order. This order displays the
most recently added images first, at the beginning of a gallery presentation. This is a popular
sequence, however, if you would rather use another order, you may choose an alternate Default
Sorting order.
Click the UMG Settings(
) option, and locate the Default Sorting section:
UMG allows you to sort images up to three levels deep. UMG attempts to sort images by the 1st
Sorting Field, and if that field is not available or if two or more images have the same value in that
field, UMG attempts to use 2nd Sorting Field, then the 3rd Sorting Field.
The available sorting fields are:
File Name
Numeric Parts in File Name
Created Date
Taken Date
Title
Description
Created Date is the default sorting field. Images are sorted by the date added to UMG, which is a
popular display sequence. Taken Date is another useful sorting option when your images are
imported from a digital camera. UMG reads the image EXIF header to determine the Taken Date
value.
Any changes made to the Default Sorting fields does not immediately change the order of existing
images in the album. Images will remain in the existing sort order until you click the Quick Sort
menu option in the album Manage screen. If you do not click Quick Sort, UMG will also re-sort
images into the new Default Sorting order when you add a new image to the album. For more
information about Quick Sort, see the Manage Pictures section of this user guide.
Copyright by bizmodules.net 2005 – 2008
Page 36 of 69
Ultra Media Gallery 5
View Permission Control
View Permission Control allows you to set selected album view permissions independently. By
default, this feature is disabled. To enable View Permission Control, from the UMG Settings
screen, locate this option and check/enable it:
Choose the UMG Album menu option, and under the user Rights section, a new View Roles
section now appears:
By default, only Administrators can see an album. Add View Roles by clicking the DNN Roles that
should be allowed to view this album and images.
Note the following conditions:
1.
View Permission Control works in Gallery Mode: Normal only.
With nested parent/child albums, if a user has view permission for a child sub album but not for a
parent album, the user will not see the child sub album.
2. When you first enable View Permission Control, existing albums are not viewable by anyone
because View Roles will be all disabled. You must enter edit album settings and enable View
Roles permission for DNN roles.
View Permission Control is ignored by presentations that do not support multiple albums. Currently,
only UMG Classic presentation supports View Permission Control.
Copyright by bizmodules.net 2005 – 2008
Page 37 of 69
Ultra Media Gallery 5
Linked download
You can attach a file as Linked Download to any image so that your website visitors can download a
file when viewing a gallery. The file to download can be in any format as long as the file extension is
supported in Host Settings > Advanced Settings > Other Settings > File Upload Extensions.
For example, if you use UMG as a product catalog, you may wish to attach a PDF product
specification sheet to an image. If you use UMG as a media gallery, you may choose to assign a
Linked Download media file (mp3/swf/video clip). If you use UMG as a photo gallery to sell your
photos and images, you may want to upload an image in medium resolution for display by UMG, and
upload a high resolution image as the Link Download, only available for download after the buyer
purchases the image. In UMG Settings, be sure this option is enabled:
When you Add/Edit an image, you will see this option:
With Quick Add default setting, browse to select a file, or if you select All Downloads, choose from
an existing file in this album. The Manage Downloads option allows you to manage existing
downloads from another screen.
You may upload a large, high resolution image to a gallery, but you want UMG to automatically
resize the image to medium resolution so the image can be viewed more quickly in a presentation.
However, you also want to keep the original file on the site so it can be downloaded if necessary. This
can be done with UMG by following these steps:
1.
From UMG Settings, choose Presentation: UMG Classic.
UMG Classic and SideNav allow you to enable the Linked Download feature.
is enabled.
2. In the Settings screen, ensure
3. In the Album options screen, be sure Auto Resizing is enabled.
Add a large image to an album, and UMG will resize the image to the Max Size specified in Auto
Resizing. Save the original high resolution image as a Linked Download.
4. Click Appearance(
) and be sure to choose this setting accordingly:
View your gallery and locate the the image you just added. Click the image, and a dialog window
should appear allowing you to download the larger hi-res image.
Copyright by bizmodules.net 2005 – 2008
Page 38 of 69
Ultra Media Gallery 5
Sell Digital Products
UMG has a built-in PayPal payment gateway so you can sell your images and digital media
products using PayPal.
Choose the UMG Settings menu option, and locate this section:
Enable the Sell Downloads option, and enter your PayPal Processor ID, typically your PayPal
account email address. If you want to receive an order notification email to an address other than
your PayPal email address, enter an optional email address in the Order Notification field.
After enabling Sell Downloads, click Add New image and expand the Linked Download section:
With Sell Downloads enabled, you should see a Price field. Enter a price for each media item you
wish to sell.
The selling of digital products using UMG is made complete with the teamwork of two additional
UMG modules: UMG-ShoppingCart and UMG-PurchasedItems. The UMG-ShoppingCart
module should be added to the same page as the UMG gallery containing digital images for sale. The
UMG-PurchasedItems module can be added to any page in your web site.
Below you will see both a UMG gallery (top) and the UMG-ShoppingCart module (bottom), and
notice in the UMG gallery the highlighted Add to Cart button:
Copyright by bizmodules.net 2005 – 2008
Page 39 of 69
Ultra Media Gallery 5
Select a good image for gallery display and provide a Description of the image, to improve the
shopping experience for the buyer. The Add to Cart button is enabled only if (1) there is a Linked
Download file associated with this image, and (2) the Price of the image is not 0.00 (free). If either of
these selling conditions are not met, the Add to Cart button will be disabled.
Copyright by bizmodules.net 2005 – 2008
Page 40 of 69
Ultra Media Gallery 5
Any images added to the shopping cart are added immediately, without the need to refresh the page.
A popup message informing the buyer how to proceed to checkout is also displayed. When the buyer
clicks Proceed to Checkout, a confirmation screen appears:
When the buyer clicks Agree to Terms then Confirm Order, the buyer is directed to PayPal, to
complete the transaction using either a PayPal account or a credit card. Within seconds after
payment is confirmed by PayPal, UMG gets notification from PayPal that the transaction was
successful. The buyer can now download purchased images from the UMG-PurchasedItems module:
For more information on selling digital products with UMG, see the Linked Download section of
this user guide for details on preparing images for license or sale.
Copyright by bizmodules.net 2005 – 2008
Page 41 of 69
Ultra Media Gallery 5
Work with disk quota
You can limit the maximum disk space available for a UMG user - per person - or limit the disk space
available for an entire gallery.
Choose the UMG Settings option, then locate the Disk Quota Settings section:
Enter a numeric value in one or both fields to limit disk space usage, or leave one or both fields blank
to disable Disk Quota, setting no limits of the disk space available for UMG.
Once you apply a Disk Quota Setting, UMG will check to see if there is enough available disk space
before adding a new image or a linked download file. A notification message is displayed if the Disk
Quota is reached or exceeded.
If you see A Mathematical Operation Caused an Overflow exception error when you try to Add
New images, first attempt to decrease the Disk Quota settings. If you continue to experience this
exception error, you may be required to completely disable UMG Disk Quota settings.
Copyright by bizmodules.net 2005 – 2008
Page 42 of 69
Ultra Media Gallery 5
Work with EXIF Data
UMG is able to retrieve and interpret EXIF (EXchange Image File) data from JPEG (.jpg) image
file headers. In UMG, EXIF data is useful for sorting images by Date Taken, one of a number of data
fields that exist in EXIF data.
EXIF data is embedded with each image take by a digital camera, data which includes the current
camera settings and other scene information. Shutter speed, date and time, focal length,
exposure compensation, metering pattern and flash/no flash state are all examples of data
that may be stored in an EXIF header.
If all or most of your UMG images are imported from digital camera, you can allow site visitors to see
detailed EXIF info about each image when the image is clicked. To do this, from UMG Settings,
choose Presentation: UMG Classic or SideNav. These two presentations support EXIF detailed
information display. After selecting UMG Classic or SideNav presentation, check/enable this setting:
Return to the gallery and click an image. When you click an image, you should see a new browser
window that looks similar to this:
Copyright by bizmodules.net 2005 – 2008
Page 43 of 69
Ultra Media Gallery 5
Using the UMG Classic presentation, another popular use of EXIF data is to display EXIF info in an
image caption overlaying the image. Here is an example:
Notice the EXIF data displayed in the caption area at the top of the image. This feature is very useful
if you use UMG to share professional photographer photos. To enable this feature, click the UMG
Albums(
) menu option, then click the pencil/edit icon next to your chosen album. On the
album edit screen, locate this section:
Check/enable to Auto-Read EXIF option. The page refreshes and the default EXIF template is
loaded. Use the default template as-is, or edit the EXIF Template, then save changes and return.
UMG reads EXIF header from your images when you Add New items. If you enable Auto-Read EXIF
after you have added images to an album, existing images will not have EXIF data available. In this
Copyright by bizmodules.net 2005 – 2008
Page 44 of 69
Ultra Media Gallery 5
case, you can run the Rewrite EXIF command to refresh or re-read EXIF info for all existing images
in an album.
Copyright by bizmodules.net 2005 – 2008
Page 45 of 69
Ultra Media Gallery 5
Localization guide
UMG can be language localized like other DNN modules. To do so, simply add the appropriate locale
resource file to App_LocalResource folder. For more information about language localization, please
refer to the DotNetNuke manual which covers this topic in detail.
Some UMG presentations have locale specific text strings that you may customize, too. For example,
with the UMG Classic presentation enabled, mouse over the Play button, and you should see a
tooltip message:
To language localize specific presentations, you must customize an XML file associated with the
presentation. In the /DesktopModules/BizModules - UltraPhotoGallery/Swf_Resource folder,
find an XML file such as the UltraPhotoGallery.swf.xml file. Make a copy of this file, named for a
locale, for example, if your locale is fr-FR, name this XML file UltraPhotoGallery.swf.fr-FR.xml.
Open the XML with a text or XML editor, and you will see many key=value elements. Simply change
the language values to the language of your choice, then Save your changes.
Copyright by bizmodules.net 2005 – 2008
Page 46 of 69
Ultra Media Gallery 5
Lightbox View
With UMG Classic set as the preferred presentation, choose Appearance from the UMG menu:
With the Lightbox checkbox enabled, set When Click on a Photo to Launch Lightbox View.
When you click on a picture in your gallery, a Lightbox View pops up from the center of your
browser:
Click the Close button or any area outside the Lightbox View to close the image and return to the
gallery.
You may also choose to click the Lightbox(
) button in the control bar to browse ALL images in
this album in a Lightbox View.
Copyright by bizmodules.net 2005 – 2008
Page 47 of 69
Ultra Media Gallery 5
When you open Lightbox View from the menu, additional navigation is available. You can use the
Previous and Next buttons, or your Left and Right arrow keys, to browse images in this album
using your keyboard keys.
Lightbox View is also available in UMG-TopPhotos and UMG-TopAlbums modules. See more
information about these modules in the Satellite Modules section of this user guide.
Copyright by bizmodules.net 2005 – 2008
Page 48 of 69
Ultra Media Gallery 5
Dynamic Gallery
From the UMG Settings screen, locate Gallery Mode and select Dynamic. You should see the
following settings appear:
All folders under your web site root which contain images will be available for selection from the
Source Folder dropdown list. Choose a folder with images to establish a dynamic connection
between the folder and the gallery. To improve performance, UMG can automatically cache your
dynamic gallery at hourly intervals, which you can specify using the Refresh Interval setting.
If your Source Folder contains sub folders and your selected presentation supports multiple albums,
UMG will generate sub folders as nested albums. If your selected presentation supports a single
album only, the folder structure under the Source Folder is ignored. In this case, UMG will render a
single album containing images from the Source Folder and all sub folders. Below is an example
display of the UMG Classic presentation, which supports multiple albums:
For Dynamic Gallery Mode, the folder name is used as the Album Title. To change the default Title
or Description of an Album, create an album.xml text file in the corresponding Dynamic folder. The
basic format of this XML file is as follows:
<album title="My Album Title" audio="friends_lullaby.mp3" audioCaption="My Audio Caption"
Copyright by bizmodules.net 2005 – 2008
Page 49 of 69
Ultra Media Gallery 5
description="My Description" />
If you choose to add background music for this album, the named mp3 file must exist in this
Dynamic folder. If you want to set the logo for an album, add the logo="logo file name" property. The
logo property can be a valid URL or a file that exists in this folder.
Copyright by bizmodules.net 2005 – 2008
Page 50 of 69
Ultra Media Gallery 5
Popup & Embed Code
You can create a popup browser window to view a UMG gallery, or you can embed a UMG gallery on
another page or website. Click the Code(
) menu option at the top of the gallery:
Popup Code for this gallery is displayed in the top textbox. Copy this code and paste it in an HTML
web page anywhere you wish to display an option to view this gallery. If you want to customize the
title that displays in the browser title of the popup window, enter it in Window title textbox and
click Regenerate.
The most common use of Popup Code is in an DNN HTML/Text module on inserted on some page
other than the UMG gallery page. When adding Popup Code to an HTML/Text module, depending
on your DNN editor, you may need to switch the editor to Basic Text mode before pasting code:
Copyright by bizmodules.net 2005 – 2008
Page 51 of 69
Ultra Media Gallery 5
The text link Click here to see popup gallery! is text you can change to suit the design of your web
page.
To embed a gallery, on the Code (
) screen, copy the Embed Code to your clipboard, and paste it
wherever you would like this UMG gallery to appear embedded in a web page. You can Embed Code
for a UMG gallery into an HTML/Text module, or even on another non-DNN website. You can also
Embed Code to a forum post, to an email body - wherever HTML and JavaScript is enabled!
Please note that after you edit images in a gallery with an Embed Code link to it, you MUST click the
UMG Gallery menu option to display the gallery. When you click Gallery after editing images in an
album, UMG rebuilds XML files that are required to render the gallery properly with Embed Code.
Copyright by bizmodules.net 2005 – 2008
Page 52 of 69
Ultra Media Gallery 5
Personal gallery mode
Gallery Mode: Personal Gallery is a powerful feature that allows you to provide personal image
gallery services on your website. Users who are authorized can create their own albums and
manage the images in those albums. These users can share their personal album with others using a
custom URL address that points directly to their album only.
To enable this option, navigate to Settings screen and scroll down to find locate this section:
Choose Gallery Mode: Personal Gallery. In the Permission Set section of this user guide, the
Gallery Manager option is used to specify content managers for a gallery. But when using UMG in
Personal Gallery mode, the Gallery Manager setting is used to specify which DNN Roles have the
ability to create a personal gallery. If, for example, you wish to allow all Registered Users the option
to create and manage a personal gallery, enable the Registered Users role in Gallery Manager.
When you login as a user who belongs to a Gallery Managers role, you will see an empty gallery if the
user has not yet added any images to their personal gallery:
Copyright by bizmodules.net 2005 – 2008
Page 53 of 69
Ultra Media Gallery 5
Most UMG menu options are available to a Personal Gallery user, except for
users are able to create albums and add/edit images. The Appearance(
. Personal Gallery
) option allows the
Personal Gallery module user to change colors and the appearance of this gallery. Note that these
Appearance settings affect one Personal Gallery user only. UMG maintains unique Appearance
settings for each user with a Personal Gallery.
Notice the Share(
) option located at the top right of the gallery. When the Personal Gallery mode
user is logged in and clicks Share:
... UMG displays a unique share link which the user may share with friends, family and associates, so
these people can see the UMG personal gallery, too.
Copyright by bizmodules.net 2005 – 2008
Page 54 of 69
Ultra Media Gallery 5
Profile Integration Mode
Gallery Mode: Profile Integration allows you to configure UMG to display specific images added to
a gallery by any one UMG user. With UMG set to mode Profile Integration, you can, for example, use
DNN's unique user identifier UserID embedded in URL querystring, to index and display only one
user's images from a gallery that contains images created by many users.
A UMG instance set to Profile Integration cannot be used to Add New or Manage images, or modify
an album. For this reason, a UMG gallery set to Profile Integration mode is used as a display-only
gallery. Another UMG instance, set to Personal Gallery mode, for example, is the UMG gallery
where the user may add, edit and manage images.
Under the UMG Settings menu, here is the Gallery Mode setting you should set to Profile
Integration:
The Data Source setting specifies from what UMG gallery UMG should display albums and images.
This gallery can be a Normal Gallery where users added images to a public album, or the gallery
can be a Personal Gallery where users only manage their own albums and images.
The User Key value is the critical indexing value that UMG extracts from a querystring appended
to a URL that points to the page where the Profile Integration UMG gallery is displayed. Using this
value, UMG looks up the value and identifies the user and displays only images created by this user.
You must know the user's unique identifier before you can put that value in a querystring and display
specific images for that user only.
The User Key may be DNN's UserID property, or it may be another unique identifier used by any
module that creates a unique key for each user, and that module may be used with UMG Profile
Integration to display only one user's images.
In this first example, we use Smart-Thinker's User Profile module, which allows you to create a user
directory, and from that directory, choose one user's profile information to display in more detail:
Copyright by bizmodules.net 2005 – 2008
Page 55 of 69
Ultra Media Gallery 5
In the user directory, we choose a user by clicking on the user's avatar. When the page refreshes, we
see detailed profile information about this user. We notice that the URL in the address bar changes
to something like this:
http://localhost/dnn480/UserDirectory/UserProfile/tabid/64/ID/3/Default.aspx
In this URL, we deduce that the number after ID is a unique user identification value. We can use
this value in a querystring to pass the unique user ID to UMG gallery set to Profile Integration mode,
displaying images only from user ID=3, as in this example.
In this second example, you may choose to use DNN's UserID property to display select images from
one user in a UMG gallery set to Profile Integration mode.
One way to identify DNN's UserID for a user is by navigating to DNN's User page, then clicking the
edit pencil next to a user's record. At the top of the page, (ID:##) displays the user's unique DNN
UserID.
Having just identified a user with DNN ID:17, for example, on a web portal with a page named
ProfileIntegration where we have added UMG set to Profile Integration mode, with UMG User
Key: UserID, we can pass to UMG this user's UserID in a querystring using this syntax:
http://...full URL path.../ProfileIntegration.aspx?UserID=17
The UMG gallery set to Profile Integration mode on the page named ProfileIntegration displays only
images created by the user pointed to by UserID 17, if that user has created any images in this gallery.
With UGM set to use the RightHeader presentation, we see only images by user with UserID=17:
Copyright by bizmodules.net 2005 – 2008
Page 56 of 69
Ultra Media Gallery 5
Not only can you use UMG Profile Integration mode as described above, but you can also integrate
with other modules such as Active Forums, Private Messages, etc. For this reason, the Profile
Integration mode User Key can be configured to work not only with DNN's UserID, but with other
key identifiers used by other DNN modules.
Copyright by bizmodules.net 2005 – 2008
Page 57 of 69
Ultra Media Gallery 5
Private child albums
Private Child Albums is a valuable UMG feature that configures UMG with a unique set of
permissions to allow for the following situation:
users in selected Role can create their own albums in a group gallery;
users only have Album Edit access for albums they create;
Normal Mode setting allows all private albums to be visible in one gallery.
Under the UMG Settings option, locate these option:
Enable the checkbox Allow Private Child Album Creation. Turning on this option will make the
Private Child option available on the Edit Album screen, where individual albums are created.
When you create a new album under the Public User Albums parent album, the Private Child
option will display just below the Auto Resizing options.
Enable the Private Child setting, and consider this example permission set:
Under the Rights section of the Album settings screen, Registered Users are included in the
Composing Roles for this album. With this setting, when logged in, every registered user on your
site can create Private Child Albums under Public User Albums for this gallery.
Login as a user in the Registered User role, and click the UMG Albums(
Copyright by bizmodules.net 2005 – 2008
) menu option:
Page 58 of 69
Ultra Media Gallery 5
If this user has not yet created a Private Child Album in this gallery, Public User Albums (parent) is
displayed, but there are no child albums showing. Click Add New to create a Private Child Album:
The user can create an Album Type: Standard or RSS. Albums are created as child albums to the
album Public User Albums - which is fixed as the parent album.
After creating an album, return to the UMG Albums(
) option to see the newly created Private
Child Album located below the parent album:
Click the pencil/edit icon located to the left of the Private Child Album to edit properties associated
with the album. The user may now add images to their Private Child album using the UMG Add New
menu option.
Copyright by bizmodules.net 2005 – 2008
Page 59 of 69
Ultra Media Gallery 5
Integrate with Amazon S3
What is Amazon S3?
Amazon S3 (Simple Storage Service) is an online storage service offered by Amazon Web Services.
Amazon S3 provides unlimited storage through a simple web services interface. Data can be easily
stored and retrieved at any time, from anywhere on the web. For this service, Amazon charges you
based on (1) the amount of data stored, and (2) the bandwidth used sending and receiving data. For
further information about Amazon Web Services and S3, go to Amazon.com.
Amazon S3 is an ideal choice when you have several GBs of data or more on your website. Bandwidth
expenses are increasing as the popularity of the web continues to grow. Most hosting providers
require that you buy a predefined amount of disk space and bandwidth usage for data transfer, even
if you don't use all the disk space or bandwidth. When you buy 10GB disk space and 100GB data
transfer, you pay full price even if you only use only 1% of your total space/bandwidth.
But Amazon S3 is different. Amazon S3 does not require that you buy either fixed disk space or data
transfer bandwidth. With Amazon S3, you pay only for what space/bandwidth you use, nothing
more.
S3 Integration Wizard
Beginning with UMG version 5.4, S3 integration is built-in to UMG. To enable S3 integration, simply
step through the S3 Integration Wizard. Login to your DNN website with Host level permissions.
At the bottom of the UMG Settings screen, click Amazon S3 Integration to start the wizard:
Step 1: Enter your Amazon Access Key. If you do not yet have an access key, login to Amazon.com
and sign up for Simple Storage Service. You will receive a pair of keys, including an Access Key ID
and Secret Access Key.
Step 2: Name the Bucket where you are storing your files on Amazon S3. You can consider a bucket
as equivalent to an Internet domain, where your files can be accessed as
http://bucket.s3.amazonaws.com/bucket. Note that a bucket name must be unique across all of
Amazon S3, so you may not be able to use common words for an Amazon S3 bucket.
Copyright by bizmodules.net 2005 – 2008
Page 60 of 69
Ultra Media Gallery 5
Step 3: Adjust the Batch Quantity, if necessary. By default, UMG transfers 10 items to Amazon at a
time. An item does not equal one image. In UMG, you can attach a logo and MP3 background
music to an album. You can also attach a Linked Download to an image. These files are transferred
to Amazon S3, too. For the purposes of the Batch Quantity setting, an item could be a image, an
album including a logo or background music, or a linked download.
Step 4: UMG informs you if the Amazon S3 Scheduler is not installed. You can install it by clicking
the S3 Integration Wizard Finish button. Once the scheduler is installed, you can see it listed in
DotNetNuke Host > Schedule. The task runs every hour by default, but you can alter the frequency
in Schedule. Please note that the minimum interval this task may be run is every 15 minutes.
Having finished the S3 Integration Wizard, UMG begins to work quietly behind the scenes. Your
photo images, album logos, MP3 background music and linked downloads will be transferred
automatically to the Amazon server. Once an item is successfully transferred to Amazon S3, it is
deleted from your server hard disk. Also, when you delete an item in UMG locally, on next
connection to Amazon S3, related files are removed from Amazon S3 to conserve S3 disk space.
It may take a few hours or even a few days to transfer all your images and UMG items. For example,
if the Amazon S3 scheduler runs once each hour (24 times per day) and 10 items are transferred with
each connection, 240 items are transferred each day. If you have 2,300 photo images, 50 albums and
50 linked downloads, approximately 10 days are required to transfer all files.
To check to see how many images have been successfully transferred to Amazon S3, you can run this
query in Host > SQL:
Select count(*) from {databaseOwner}{objectQualifier}BizModules_UPG_Photo where
AWS_PhotoKey<>''
Important Notice
Some presentations, like Virtual Tour from the Generic Presentation Pack, require that your images
be hosted in the local domain only. A gallery built with Virtual Tour will not work properly if images
are transferred to Amazon S3 server. To avoid this problem, you can run this query in Host > SQL to
exclude from the Amazon S3 transfer list UMG galleries built with Virtual Tour.
This SQL must be run BEFORE using the S3 Integration Wizard:
ALTER PROCEDURE {databaseOwner}{objectQualifier}BizModules_UPG_PhotoListTransferable
@maxItems int
AS
Copyright by bizmodules.net 2005 – 2008
Page 61 of 69
Ultra Media Gallery 5
SET ROWCOUNT @MaxItems
SELECT P.* FROM {databaseOwner}{objectQualifier}BizModules_UPG_Photo P
INNER JOIN {databaseOwner}{objectQualifier}BizModules_UPG_Album A on P.AlbumId=A.ItemId
INNER JOIN {databaseOwner}{objectQualifier}ModuleSettings M on A.ModuleId=M.ModuleId AND
M.SettingName='PreferedPresentation'
INNER JOIN {databaseOwner}{objectQualifier}BizModules_UPG_Presentation P2 on
M.SettingValue=P2.ItemId
WHERE
(ISNULL(P.Src, '') <> '' AND lower(substring(P.Src, 1, 7)) <> 'http://' AND lower(substring(P.Src, 1, 8))
<> 'https://')
AND P2.Name <> 'VirtualTour'
ORDER BY ItemId ASC
Copyright by bizmodules.net 2005 – 2008
Page 62 of 69
Ultra Media Gallery 5
Satellite Modules
Top photos & Top comments
The UMG-TopPhotos module allows you to build a list of images from one or more albums in a
gallery. The UMG-TopPhotos module can be placed on the same page as the gallery from which
albums and images are displayed in UMG-TopPhotos.
Using UMG-TopPhotos, images can be sorted by (1) the most recently added image, (2) the highest
rated images, and (3) random order. These are the settings for the UMG-TopPhotos module:
The HTML Template settings can be used to customize the look of the list of images. Click the
Help/Tooltip for HTML Body to see a complete list of all available [tokens] that may be used in the
HTML Template fields.
Two useful template examples come built-in with UMG. From the Load from Library dropdown
field, select either JavascriptSlideShow or MultiColumns, then click Load to pre-configure the
Copyright by bizmodules.net 2005 – 2008
Page 63 of 69
Ultra Media Gallery 5
HTML Template settings. JavascriptSlideShow uses Javascript to display images one by one, and
MultiColumns display multiple image thumbnails in a row/column format. Use these templates
"as-is", or customize them to suit your needs.
The UMG-TopComments module is very similar to the UMG-TopPhotos module, except
UMG-TopComments does not contain predefined templates. UMG-TopComments can display a list
of image comments sorted by most recently added comment, or by highest rated comments.
Copyright by bizmodules.net 2005 – 2008
Page 64 of 69
Ultra Media Gallery 5
Top Albums
UMG-TopAlbums module allows you to quickly build a list of albums. Here are the UMG-TopAlbums
settings:
The Module setting is a dropdown list that allows you to select (1) one gallery from which to show
albums, or (2) all gallery instances in this portal.
Choose a Sort By order, and if you wish, set a limit on the number of albums to show in the list by
entering a number in the Album Count setting. Items Per Row allows you to set how many albums
to display in each row of the album list that is created by UMG-TopAlbums.
UMG-TopAlbums supports a Lightbox view which is enabled using the Use Lightbox setting.
Copyright by bizmodules.net 2005 – 2008
Page 65 of 69
Ultra Media Gallery 5
The figure above is a combination of two screenshots. In the upper left corner, the
UMG-TopAlbums module displays a list of two albums from a gallery. The main image is the
Lightbox view available when you Use Lightbox, allowing you to view images without any particular
presentation. If you disable Use Lightbox, clicking a gallery name or image in the UMG-TopAlbums
list will bring you to the web page where the gallery is configured.
Copyright by bizmodules.net 2005 – 2008
Page 66 of 69
Ultra Media Gallery 5
Photo calendar
The UMG-PhotoCalendar module can be used to create a calendar view of all of your gallery
images.
When you add the UMG-PhotoCalendar module to a page, you should see a screen similar to this:
Photo Calendar arranges your images by date, which allows you an easy way to access images for a
specific date. By default, images are grouped by the date you add the images to UMG. If you are
adding photo images from a digital camera that assigns a Date Taken property to each photo, you
can set Photo Calendar to group images by the date the photo was taken, not the date the image was
option in UMG Settings if you want to
added to UMG. Enable the
group Photo Calendar images by Date Taken, not the date added to UMG.
If Lightbox is enabled for this gallery, a Lightbox View is launched when you click on a specific date
that has one or more images assigned to it. If Lightbox is not enabled, the main gallery is displayed.
You can also click the Week number labels in the first column of Photo Calendar to see images
from the full week.
Copyright by bizmodules.net 2005 – 2008
Page 67 of 69
Ultra Media Gallery 5
Media Importer
The UMG-MediaImporter module is built to do the following work for you:
1. Import images from a portal directory to a UMG album;
2. Transfer or Move an album from one UMG gallery to another UMG gallery;
3. Map an album from one UMG gallery so it appears in another UMG gallery.
Choose Import from a Directory in Current Portal to easily import images in one bulk process.
Select a Source Directory and a Destination Gallery and Album. Please note that you must first
place at least one new UMG gallery on a page in your portal, allowing the UMG New Gallery Wizard
to create a default album, before you can import images using UMG-MediaImporter.
Choose Transfer an Album to Another Gallery to either Transfer (move) or Map images from
an existing UMG gallery/album to appear in another gallery.
The ability to quickly Map an album is very useful. Consider the situation where you have a page
containing a UMG gallery with multiple albums. However, you would like to show only one of these
albums in this gallery on your homepage. To re-create the album on your homepage gallery, just Map
it. Map does not create a copy of the images; Map refers to the images in the source album and
displays them in the target album.
The UMG-MediaImporter module screen is displayed below:
Choose a Source Gallery and Album, and select the Destination Gallery. Then, if you wish to
Move the album, click Transfer. If you wish to display an album from one UMG instance in another
UMG gallery, click Map. Note that Transfer will remove and delete the album from the source gallery,
but Map will leave the source album unchanged in the source gallery.
Copyright by bizmodules.net 2005 – 2008
Page 68 of 69
Ultra Media Gallery 5
Search Module
Ultra Media Gallery supports the use of the built-in DNN search interface, so you can use the default
DNN search engine to locate images in UMG galleries. The default DNN search engine searches
through UMG image Titles and Descriptions, and this search engine requires that your search
query match a word in Title or Description exactly.
However, with the UMG-Search module, you can an search for part of a word. For example, if the
Title of an image is "My Family", and the Description is "This picture was taken on my baby's
birthday", using the DNN search engine, you must match the whole world "birthday" to find this
image. But using UMG-Search, you could find this image even by searching for "birth" or "baby".
Add the UMG-Search module to a DNN page and you should see the search interface shown below.
UMG-Search modules uses AJAX to render search results, so the current page is not re-loaded when
the search button is clicked. Enter a keyword, choose an album (or default In All Albums) and click
the magnifying glass to search for the keyword:
Copyright by bizmodules.net 2005 – 2008
Page 69 of 69