User Guide Chapter 3 Photo Gallery

SharpSchool User Manual

Chapter 3: Photo Gallery

Table of Contents Introduction ............................................................................................................................................ 4 Key Information....................................................................................................................................... 5 I.

How to Add a Photo Gallery ............................................................................................................. 5

II.

How to Add a Photo Album .............................................................................................................. 6

III.

Editing the Photo Gallery ............................................................................................................. 8

1)

How to rename a picture ............................................................................................................. 8

2)

How to delete a picture ............................................................................................................... 9

3)

How to customize an album ....................................................................................................... 10

4)

How to Implement Security for your Gallery .............................................................................. 13 a.

Photo Gallery Permissions ...................................................................................................... 13 i.

Direct Permissions.............................................................................................................. 13

ii.

Actual Permissions ............................................................................................................. 14

5)

Album Permissions..................................................................................................................... 15

6)

Comments ................................................................................................................................. 15

7)

Manage Comments.................................................................................................................... 17

8)

Reorder Images.......................................................................................................................... 18

2|P a ge

SharpSchool User Manual

Chapter 3: Photo Gallery

Index of Figures and Tables Figure 1: Login Page ................................................................................................................................ 5 Figure 2: Photo Gallery - Add an Album .................................................................................................. 6 Figure 3: Photo Gallery - Name an Album ............................................................................................... 6 Figure 4: Photo Gallery - Add Images to an Album.................................................................................. 7 Figure 5: Photo Gallery - Upload Images into an Album.......................................................................... 7 Figure 6: Photo Gallery - A Published Album .......................................................................................... 7 Figure 7: Photo Gallery - Manage Images ............................................................................................... 8 Figure 8: Photo Gallery - Rename Image ................................................................................................. 9 Figure 9: Photo Gallery - Delete an Image............................................................................................... 9 Figure 10: Photo Gallery - Customize an Album .................................................................................... 10 Figure 11: Photo Gallery - Album Properties ......................................................................................... 10 Figure 12: Photo Gallery - Edit an Album .............................................................................................. 11 Figure 13: Photo Gallery - Edit Thumbnail............................................................................................. 12 Figure 14: Photo Gallery - Edit Display .................................................................................................. 12 Figure 15: Photo Gallery - Edit Slideshow ............................................................................................. 12 Figure 16: Photo Gallery - Edit Thumbnail Listing ................................................................................. 12 Figure 17: Photo Gallery - Assigning Gallery Permissions...................................................................... 13 Figure 18: Photo Gallery - Adding Users to Grant Permissions To ......................................................... 13 Figure 19: Photo Gallery - The User Picker ............................................................................................ 14 Figure 20: Photo Gallery - Assigning Album Permissions ...................................................................... 15 Figure 21: Photo Gallery - Commenting on a Photo .............................................................................. 16 Figure 22: Photo Gallery - Manage Comments ...................................................................................... 17 Figure 23: Photo Gallery - Removing Comments ................................................................................... 17 Figure 24: Photo Gallery – Reordering Images ...................................................................................... 18 Figure 25: Photo Gallery – Moving Images ............................................................................................ 18

3|P a ge

SharpSchool User Manual

Chapter 3: Photo Gallery

Introduction

S

harpSchool’s Photo Gallery allows you to create multiple albums with dynamic features such as the ability to view pictures as slideshows, or allowing for moderated commenting. These

galleries are a great way to capture and showcase activities and events that occur throughout the school year. A few ways in which the online photo gallery tool can be used are: 1) Showcase Sporting Events: Create team specific albums under the athletics department to showcase highlights of the games. 2) Present Student Projects: Include a photo gallery of student projects under specific departments or teacher pages. 3) Showcase Staff Events: Staff too can welcome the community into their lives by posting pictures of their activities and events. 4) Password Protect Galleries: Page owners have the ability to password protect their gallery pages, thereby ensuring that only authorized members of the school community, such as parents and teachers, have access to student pictures.

4|P a ge

SharpSchool User Manual

Chapter 3: Photo Gallery

Key Information In order to create a Photo Gallery, you must first log into your site with a Username and Password.

Figure 1: Login Page

1) If you have not yet registered with the site you can request access by clicking on the Signup button. This will prompt you to create a profile which is automatically routed to an administrator for approval. Note: If you do not see the Signup link your site’s administrators may have removed it. 2) If you have already registered but have forgotten your password, simply click on Forgot Password to retrieve it.

I.

How to Add a Photo Gallery In order to add a Photo Gallery to your page, first select the page you would like the gallery to be published under. Reminder: The Gray Tool Bar on the top of the page is specific to the page you are viewing. 1) Go to Page Properties, scroll down to Add New Page and select Photo Gallery Page. 2) Name the Gallery and click Create Page.

5|P a ge

SharpSchool User Manual

II.

Chapter 3: Photo Gallery

How to Add a Photo Album

1) Click on the Photo Gallery link from on the left navigation bar of your teacher page. This will lead you to a blank gallery page. Here click on

Add Album.

Figure 2: Photo Gallery - Add an Album

2) The following window will prompt you to include a Name and Description for your Album. 3) Selecting the

option means that the system will pick any image

from your album as the Cover Picture. 4) The second option available is to directly select an image of your choice to be the Cover Picture. By clicking

you can select an image from your computer or server to

upload as the cover picture. 5) Click Create.

Figure 3: Photo Gallery - Name an Album

6|P a ge

SharpSchool User Manual

Chapter 3: Photo Gallery

6) An empty album will show the message “No Images in this Album”. To add images, click on Add Image

Figure 4: Photo Gallery - Add Images to an Album

7) This will lead to a page that will allow you to upload images from your server or computer. To upload an image click on Browse, select the image you desire, click OPEN, and click on Upload Image(s) to publish them into your online album.

Figure 5: Photo Gallery - Upload Images into an Album

8) The resulting screen is an administrative view into the Photo Album. From this point on, you have the ability to change the name of images, alter their properties (such as thumbnail sizes) and delete images.

Figure 6: Photo Gallery - A Published Album

7|P a ge

SharpSchool User Manual

III.

Chapter 3: Photo Gallery

Editing the Photo Gallery

1) How to rename a picture a) Uploading images from a computer or digital camera often names files in codes with file extensions at the end. (e.g. DSC-1001019A-200805.jpg) To rename images simply click on Manage Images and click on the picture you wish to rename.

Figure 7: Photo Gallery - Manage Images

b) The following box will give you the ability to rename the image as well as to include a description of it in the gallery. Click on Update and the new image name will be updated in the album.

8|P a ge

SharpSchool User Manual

Chapter 3: Photo Gallery

Figure 8: Photo Gallery - Rename Image

2) How to delete a picture To delete an image simply click on

Manage Images and click on the

icon corresponding to

the picture you want to delete and click OK in the pop-up window:

Figure 9: Photo Gallery - Delete an Image

9|P a ge

SharpSchool User Manual

Chapter 3: Photo Gallery

3) How to customize an album To customize an album, go to the Photo Gallery Page and select the album you wish to customize.

Figure 10: Photo Gallery - Customize an Album

Note: In this view you have the ability to delete an album by simply clicking on the corresponding

Click on

icon.

Album Properties.

Figure 11: Photo Gallery - Album Properties

10 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

The resulting window includes various customization options such as those shown below:

Figure 12: Photo Gallery - Edit an Album

a) Name: You can rename an album here. b) Description: You can include a description of an album. Note: there is a simplified version of the WYSIWYG editor included here. c) Cover Picture: Change the cover picture by selecting the option, or select an image of your choice by clicking

(Refer to Figure 8: Photo

Gallery – Name an Album) d) Comment Moderation: Allow visitors to post comments under pictures by selecting this option.

11 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

e) Thumbnail: This option allows you to customize the resolution of thumbnails in the album.

Figure 13: Photo Gallery - Edit Thumbnail

f) Display: This option allows you to customize the resolution of individual images.

Figure 14: Photo Gallery - Edit Display

g) Slideshow: This option allows you to customize the resolution of images when viewed as a slideshow.

Figure 15: Photo Gallery - Edit Slideshow

h) Thumbnail Listing: This option allows you to customize the order in which thumbnails are listed on the album page.

Once all customizations are complete, click Update.

Figure 16: Photo Gallery - Edit Thumbnail Listing

12 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

4) How to Implement Security for your Gallery a. Photo Gallery Permissions You can assign permissions to users so that they are able to govern an entire gallery. These users’ permissions propagate to all albums and images in your gallery. To assign permissions: Click on the Security link on the album page

Figure 17: Photo Gallery - Assigning Gallery Permissions

i.

Direct Permissions Click on the Direct Permissions tab. Within Direct Permissions you can assign security permissions on your photo gallery to other users. Click Add and a window will pop up allowing you to select the users and grant permissions.

Figure 18: Photo Gallery - Adding Users to Grant Permissions To

From this window select the users or groups you’d like to grant permissions to by clicking their name and clicking Add. When you have selected your users, click OK. 13 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

Figure 19: Photo Gallery - The User Picker

To individually assign permissions to each user, click on the here you can assign specific permissions: Permission

beside their name. From

What it Allows You to Do

Create

Can add photos/albums

Delete

Can delete photos/albums

Read

Can view the photos/albums

Write

Can make changes to photos/albums, can manage comments

Full Control

All of the above, as well as the ability to assign permissions to others

ii.

Actual Permissions Actual Permissions allows you to view what permissions specific users have on your photo gallery. Users higher up the security hierarchy may already have permissions to your photo gallery. Users with entire site permissions (or higher tiers of security hierarchy) may have permissions to your photo gallery if you have the Allow Inheritable Permissions From Parent to Propagate to This Object checkbox selected on the Direct Permissions screen.

14 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

5) Album Permissions You can instead choose to assign permissions to an individual album. This may be useful if you are creating a private album that you only wish a select number of individuals to see or edit. The permissions for an album work identically to permissions for a gallery. To assign album permissions, click on the album for which you wish to grant permissions. Once you have done so, click on the Security link.

Figure 20: Photo Gallery - Assigning Album Permissions

Permissions set here will only apply to this album.

6) Comments Browsers of the gallery can leave comments on individual photos. Additionally, you can moderate the comments that are published. First, you need to ensure that comments are enabled on your album (see Figure 12: Photo Gallery – Edit an

Album). To comment on any photo, simply click on it and enter your comment in the simplified text editor at the bottom.

15 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

Figure 21: Photo Gallery - Commenting on a Photo

To delete a comment, simply click on the

icon next to the comment. Aside from the comment

creator only users with delete permissions on the album may delete a comment.

16 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

7) Manage Comments You can view and moderate recent comments made to your album. To do so, you are required to have at least Write permissions on the album you are moderating. To view recent comments made within your album, click on the album name and click on Manage Comments.

Figure 22: Photo Gallery - Manage Comments

On this page you can see who posted a comment when, and on which photo, the comment was made. You can delete comments directly by clicking on the

icon.

Figure 23: Photo Gallery - Removing Comments

17 | P a g e

SharpSchool User Manual

Chapter 3: Photo Gallery

8) Reorder Images If you wish to change the order images appear in your photo gallery, and you have Write access for the album, click on the album name and then on Reorder Images.

Figure 24: Photo Gallery – Reordering Images

On this page you can drag and drop images from one position to another.

Figure 25: Photo Gallery – Moving Images

18 | P a g e