ImageVault 4 Editormanual EPiServer (English)
Contents
1. Meriworks AB 21 4 imagevault ImageVault Editor Manual 6 1 2 Vault selection Select a vault by activating the library tab and select the vault All images in the selected vault will be displayed The current vaults name will be displayed at the top of the file display area Selected vault name 2 imagevault Search any metadata p a Import files e Download s Organize Selected vault content CATEGORIES Vault 1 A All Items A JaUIT 1 a WET 2 a REWI 3 Selected vault Current vault To display the contents of all vaults select All items This will display all files currently in the system that the user has access to This is also the default setting when a user logs into the system Display all files Vault selection A search will be limited to the current vault See section 5 for more info Note Vaults can have different user access All vaults will not be visible to all users Meriworks AB 22 4 magevault 6 1 3 6 1 4 ImageVault Editor Manual File preview File preview icon The magnifying glass will display an enlarged preview of the file A preview can also be initiated by a double clicking the image icon The check box selects the file for batch operations see section 7 for more info Note A preview file type icon will be displayed if the file format is not supported by ImageVault or a third party plug in File information and metadata File information2. CATEGORIES All items TAPE d All items B F a nt Tulips jpg vaut ImageVault onlinecenter The user interface is described more thoroughly in chapter 6 Interface Meriworks AB 8 4 imagevault ImageVault Editor Manual 3 Insert media files from ImageVault ImageVault is integrated in EPiServer and is used instead of the ordinary EPiServer image handling function Image Vault also offers several new page properties for display of images ImageVault can be used to publish media files in either a normal text editor field or the EPiServer page properties Media or Medialist The visual apperance on a page of the Media and Medialist page properties will differ greatly between installations due to EPiServers high degree of configurability The method for adding or modifying the media files will however be the identical to the description below 3 1 Add images to the text editor field The text editor field is a common text field which can hold both text and images ImageVault replaces the built in media file insert method found in EPiServer Use the insert button to insert media files Insert with ImageVault teal Insert with ImageVault Fa Tf i a ss d RR iO clea gt Oe Se B Z U i Styles am fam amp a Q Hello world Path p img Meriworks AB 4 imagevault ImageVault Editor Manual This will open the ImageVault user interface B image
3. Media Use global settings Use default settings Manage global settings 9 Use custom settings Settings These settings adjusts the preview size of the property and default display size if not overridden in the view Width 300 Height 300 Resize mode Scale to fit o Custom settings Values in the width and height settings will lock the image size to this specific value A filled out value will restrict the editor from changing the value in the image editor whereas a blank field will permit the editor to change the value Meriworks AB 18 4 imagevault ImageVault Editor Manual The resize mode is either Scale to fit or Scale to fill See example below The image in the example is 600 pixels wide and 400 pixels in height and has an aspect ratio of 5 1 600 px 400 px The examples show an image where the width and height settings are both set to 300 pixels Width 300 Height 300 I I I I I I 300 px I I I I Scale to fit The image will be scaled to fit within the given width and height boundaries 300 px Scale to fill The image will be scaled in such a way that it will fill the entire are This will in most cases lead to some degree of image cropping 300 px The image will be scaled to a suitable format based on the width and height aspect ratio Both height and width values must be specified A developer can override the settings set in admin mode when creating the page tem
4. metadata definitions Use the administration dialog Advanced settings to create and edit global metadata definition NAME DESCRIPTION TYPE REQUIRED Q AltText String o M Number of downloads Integer o Q Description LongString g Q Favourite Boolean OO M Photographer String g M Name String o Delete this vault Vault metadata Select or unselect vault metadata by using the checkbox located to the left of the metadata definition Press Save and close to commit the vault modification A vault can be deleted by pressing the Delete this vault button All vault content will also be deleted Meriworks AB 48 4 imagevault ImageVault Editor Manual 13 Authentication ImageVault utilizes federated authentication using claims based identities It uses the Windows Identity Foundation WIF as authentication layer and can be connected to an existing Identity provider Idp You can read more about Federated authentication and WIF at http en wikipedia org wiki Windows_Identity Foundation 13 1 Signing out from ImageVault To sign out from ImageVault you have to press the Sign out button When you sign out from ImageVault you will automatically be logged out from your EPiServer site Sign out B imagevault Search any metadata Advanced settings Sign out AA Import files LIBRARY All items K Sign out from ImageVault Note If you sign out from EPiServer site you will not be automatically logged out from ImageVa
5. rights to store the file 8 Organize 4 Move SELECT VAULT Vault 1 Vault 3 Meriworks AB 27 4 imagevault l3 Meriworks AB ImageVault Editor Manual The organize file dialog will be displayed Modify the information and press Save Press Cancel to abort the modification File deletion To delete a file simply select the file by single click on the file icon in the file display area Press the Delete button located at the top right of the screen X Delete Delete button A user dialog window is displayed stating that the operation cannot be undone once completed Press Delete to continue or Cancel to abort the operation and keep the file Are you sure you want to delete this file This cannot be undone Delete file user dialog 28 imagevault ImageVault Editor Manual 8 Search Search enables the user to find files that have been uploaded by other users Search can be performed either by using free text category search vault selection or a combination of the above 8 1 Free text search The search bar is located at the top of the user interface Input a search phrase and press enter The search uses automatic wildcards meaning that a search for the word field will also find files tagged with fields A free text search is the fastest way to find a specific file if the file properties is known beforehand All items field Search view 8 2 Category sea
6. Beskrivning Categorles Yellow flowers Nature v Namn Tulips S kord Beskrivning Categories Flowers 3 categories selected Namn Flower and bee S kord Batch organize 10 3 Move files Move the files to a new vault by clicking the Move button This will show a list of available vaults where the user has the rights to store the files Once a vault is selected the same user interface will be displayed as during organize with the exception that it is only possible to save or cancel the operation and not cancel and delete Note All files in the batch area will be moved to the selected vault Meriworks AB 33 4 imagevault 10 4 10 4 1 ImageVault Editor Manual Clear batch Clear files from the batch area either by pressing the x at the top left in the thumbnail image in the batch area or uncheck the tick box in the file display area All files can be cleared from the batch are by pressing Clear this batch Clear file from batch eI Clear all files from batch a Organize Download Clear this batch Clear batch Download files All files in the batch area can be downloaded at the same time by pressing the Download button Select a suitable conversion method and start the download SELECT FORMAT Original JPEG TIFF Organize Download Batch download The files will be packaged as a zip archive The system will present the user with a user dialog box Select where to s
7. EPiServer Editor Manual imagevault ImageVault Version 4 0 Meriworks AB Svensknabbevagen 7 S 393 51 Kalmar Sweden www imagevault se 4 imagevault ImageVault Editor Manual Copyright This manual is protected by international copyright law No changes of content or reproduction of parts of this publication are allowed without permission from the publisher EPiServer Editor Manual version 4 0 Created November 4 2012 Last edited June 12 2013 Meriworks AB 4 imagevault Contents Id 2 1 3 1 4 5 2 2 1 2 1 1 2 1 2 2 1 3 2 2 3 3 1 3 1 1 4 4 1 4 2 4 2 1 4 2 2 4 2 3 4 3 5 6 6 1 6 1 1 6 1 2 6 1 3 6 1 4 f 7 1 7 2 7 2 1 7 2 2 7 3 8 Meriworks AB ImageVault Editor Manual Introdu UctiOn ooo sss tase casecsccescvesancactassceseuceasesacenseeacuassesacvassiusaedeausses 5 mae gel 0 C0 ee ee ne ee re 5 Manual CONV GIGI ONG 4 sas buse soa 5 PTAA INS LIC TIONS eoero onavansvouevessensornsavnsavosovnsesnsovasevassvanssaseiesedasoaseasens 5 Relation to other MAIN UAIS o5scssenesene sae cane seon sean eda sedevedere dara E 5 VV MAC S NOW seesscscersscssaseccunssstsacescsensenaneasssaucesasessiss csussesnsessenssauseessessseceesesessast 6 SEAR PE E E E E E EEE 7 ImageVault functionality s ssssesssessrsrssrersrsrrnrerersrrnrnrsrsrsnrrrrrsrsnrnerrsrrn rn nn rn VUNE ee rr renee ese eee ee ee be 7 AS ON SS recess ccctsgp E E E 7 BALES
8. ORMAT Super conversion 400 Original Edit 600x400 600 Original 100 Edit Media formats Press Edit to modify an existing media format or Add to add a new format Media formats Ada NAME WIDTH HEIGHT DPI RATIO KEEP RATIO FORMAT wi Websafe ik iiai p Add media format Meriworks AB 4 magevault ImageVault Editor Manual The following properties are displayed Name The name of the conversion setting Width The width of the image Height The height of the image DPI Dots per inch The image resolution per square inch Ratio The image ratio width height Keep Ratio Yes or No This value states if the aspect ratio is free or forced Format The file format of the converted file Compression The compression ratio This field is only used if the file format is jpeg or websafe See examples below An example conversion format called 600 400 has the following settings Width 600 Height 400 Ratio 3 2 Keep Ratio No Format jpeg 80 An image with the size 800 600 pixels will first be cropped according to the ratio setting 3 2 This means that the image height is cropped to 533 pixels The image is then resized to the size settings width 600 pixels and height 400 pixels and converted to jpeg with the image quality set to 80 800 px 800 px PS 800 px 600 px 533 px Resize 600 400 JPEG 80 600 px 400 px Image conversion 600 400 Another example format called Web has the followi
9. a ae oe eo oe oe oe oe oe See 4 magevault 6 1 1 ImageVault Editor Manual Batch operation area The batch area collects selections of files It is possible to perform category or metadata batch operations on the files or download all files Information Metadata section The information and metadata section will display information about a selected file Settings area The settings area holds buttons for adding vaults modifying categories and sort order Vaults are described more in chapter 6 1 2 Vault selection More information about categories can be found in chapter 1 4 Categories The sort order can be toggles between Newly added first which will display the most recent files that have been added to the system or Name by A Z This choice will display the media files sorted by name Note Vaults and categories can only be created by a user with administrative privileges Categories Categories are predefined metadata that can be added to a file This is one of the fastest way to filter media files except for search and should be used as the main navigation method Nature Y Wildlife Africa Australia Categories A category can have 2 sub levels It is possible to filter files that have been tagged with a specific category keyword Categories should be used to group files that share a common property Multiple categories can be combined to further narrow the search result
10. and metadata for a selected file will be displayed in the information area File information will typically be image height and width date of upload and current vault name File metadata can be metadata manually added by a user during upload The administrator will setup which fields and what information that should be added during a file upload Metadata fields can be customized for each vault meaning that some vaults can have more metadata fields that need to be filled out and others fewer It is also possible to harvest automatic metadata Digital images or media files normally contain metadata This can be ITPC or EXIF data i e focal length of the lens used serial number of the camera GPS data ImageVault can read this typ of metadata during upload without any user interaction and save the data as file metadata Metadata Information BOAT JPG User defined Exif File information and metadata Meriworks AB 23 4 imagevault 7 7A ImageVault Editor Manual Importing files Import files by pressing the Import files button This will open the import files guide a Import files Import file button Upload Vault selection list Import files CJ To gt Demouser 2 Select files Add files to the upload queue and click the start button Filename Size Status Add files 4 Start upload Ob 096 re By uploading files you ce hat you own all rights to the content or that you are authorized by the o
11. ave the zip archive or open the archive directly Note The administrator can set up additional media formats Meriworks AB 34 4 magevault ImageVault Editor Manual I Advanced settings The advanced setting can be accessed by pressing the Advanced settings button found top right on the main screen Advanced settings B imagevault Search any metadat Advanced settings Sign out AA import files LIBRARY All items The settings are divided into four areas global rights metadata definitions media formats and categories Advanced settings Acvanced settings Global rights Metadata definitions Medla formats Categories Settings Meriworks AB 35 4 imagevault ImageVault Editor Manual 1 1 Global rights The global rights setting tab lists the access rights for all administrators in the system ImageVault uses three different administrator levels These are administrator media format administrator and category administrator The administrator holds the most privileges and is a super user The media administrator can only modify or add media formats and the category administrator can only modify or add the categories Advanced settings Global rights Metadata definitions Medla formats Categorles Global Access Rights NAME ACCESS User 1 Administrator User 2 Administrator User 3 Media format administrator Category administrator Global access rights The administrato
12. e cess eg P steered E eesti aceasta pied pare a A 7 Starting MOE isseisssssssassnassnasasasssassnesasassecsenssasesssasenescesseesssaessveseessssessusasessssesess 8 Insert media files from ImageVault cccccccccscccssccesees 9 Add images to the text editor field ssessssesrsrsossrsrsrsnrnrersrrnrnrersrsnnnnnn 9 asn SCO racers E eset eect eee ee ImageVault page Proper tics ccccccccccccccccccscccscccescccscccecs 13 Media PIO DENCY vsssersosseseorsnsesnssssorseneeseransrenseesseneerensesnessnrnsneneransreseenseneesies 13 Media list Property cccscsscsscsscsccsccsccsccescscceccecceecscesceseeseeeeeeeeeceeeeseeeees 14 Batch insert images into a MedialiSt sesssssssosersrssrsrersrsnrsrsrsrsnrsrsrsrsnrnrnrn 15 Rearrange Medialist images scsscssssssscssceesesceeseecsecescsecsesseseeseeceeseeceneeeeeees 15 Edit images in a Media or Medialist object sssssssosoeoesssrersrsrsrsnsnrnrorrnnn 16 EPiServer 7 CMS Gadget Gite eer rere ere ee ere re ree eer re ree eer ere eee ee eer 7 Administer Media or Medialist page properties 17 INT CET ACO dee asec E NEEE ES 20 Interface OVEFVIEW ccssccscesscsssesssssssssccsssscseessscseesssesseessessesssesessseseeesees 20 RCS SS E ence cece veces ecco E A A N T A A 21 vault SS CIS CEO esn E A seasessascesseasenccsees essence 22 FIG DFEV OW eee cee ene er eee ee eee 23 File information ANG Metadata sssseresrsrsseses
13. e files on a central server so everyone in an organisation can access and use the files ImageVault has sofisticated search and categorization of files which greatly simplifies finding and using media files ImageVault replaces the built in image function in EPiServer Prerequisites ImageVault is based on common web standards and is very intuitive and easy to use Basic internet browser skills are recommended EPiServer page editing skills and basic page administration is needed Manual conventions Certain typographic conventions are used in this manual Running text is presented in the Gill Sans font Notes tips and warnings are presented in bold Note A note highlights important information Tip A tip contains an advice or an easier way to do something Warning A warning highlights that a problem that might occur and how to avoid it Manual instructions The manual has the following recommended reading order First time users should start to read chapters number 2 and 6 which cover startup and the ImageVault user interface Chapters 3 4 7 8 9 and 10 describes the most common processes in ImageVault like file upload file insert download and batch operations More advanced users can continue to read chapters 5 I I 12 and 13 which contain information about administrative tasks Relation to other manuals This manual ImageVault Editor manual is aimed towards an editor in EPiServer The ImageVault User manual is aimed
14. ht lead a low quality image due to compression artefacts Note It is not possible to edit or delete a media format once a media file has been published using this format Meriworks AB 4 4 magevault ImageVault Editor Manual 1 4 Categories The categories tab displays all categories New categories can also be added by pressing the plus sign below each category column Sub categories will only be visible if the main category is selected Main category column Second level sub category column aa Third level sub category column Advanced settings Metadata definitions Media formats Categories 2 Technology I 3 Ii gt l l l I I l l l i I L Add main category Add second level sub category Add third level sub category Categories 1 4 1 Rename or delete a category Select a main category by clicking on the category name The category will become highlighted Either press the x to delete the category or press the page symbol to edit the name Change the name and commit the change by pressing the check mark symbol Cancel the operation by pressing the x Meriworks AB 42 4 imagevault ImageVault Editor Manual Delete Edit Animals Ei Edit category Commit change Discard change Animals Save or discard category change A warning will alert the user prior to deleting a category that is in use 1 4 2 Add main or sub level category Press the main categ
15. iles to be published The gadget will offer search based on a combination off categories and text Select the files to publish and simply drag and drop it to the desired Media property 2 ImageVault media B e s ola Home Contact S k p Kategorier 0 44 imagevault KJ WS Zz heen er or o s He gt b gt Tok a 4 WE i 4 oe a ys a 4 j E i Drag your ImageVault media here ya i P a k i g jr re 3 k ig i i 5 P j SE Hi Drag and drop file to Media Property 5 Administer Media or Medialist page properties The Media and Medialist page properties have administrative settings which controls how an image can be edited and how it will be published Navigate to Admin mode and Page Type settings Start Edit Mode Reports E eee Administration mode Note Not all users have access to the administrative settings Meriworks AB I7 lt imagevault ImageVault Editor Manual Select which page to change settings for The different page elements that the page consists of are displayed in a list Setting links T I MediaProperty Media Content No MediaProperty i MediaListProperty I MediaList Content No MediaListProperty mz wl Page properties list Press the settings link to administer a page property This will open the Edit Property page Activate the Custom Settings tab Edit Property Custom Settings
16. layed formats The original file format and size can be retained by selecting the Original format Download gg Organize VAT SELECT FORMAT Original JPEG TIFF Download format presets An operating system file download dialog will be displayed Select a location where the file should be downloaded Note The administrator can setup additional conversion formats Meriworks AB 31 4 imagevault ImageVault Editor Manual 10 Batch operations To simplify the task of adding properties or downloading large volumes of files it is possible to perform batch operations 10 1 Adding files to a batch Files can be added for batch operations in several ways Either use the tick box on the file preview or drag and drop files to the batch area Batch tick box Batch tick box Files can be added to the batch area at will and stays in the batch area until cleared Files of interest can be added from consecutive searches or simple vault browsing Sort Newly added first ROSE gs Organize Download Batch area Meriworks AB 32 4 imagevault ImageVault Editor Manual 10 2 Organize files Add category properties to the files by pressing the Organize button The same user interface will be displayed as during a file upload with the exception that it is only possible to save or cancel the operation and not cancel and delete Organize your files Cancel For all items Metadata Categories
17. lt Add a new vault by pressing the plus sign on the bottom left side of the main page Press Vault Sort Newly added first Create vault CREATE NEW Category Create new vault This will start the vault creation guide Start by giving the vault a name and a description Create new vault General Access rights Metadata definitions Name Description Vault general settings 45 4 imagevault ImageVault Editor Manual Switch to the second tab to add access rights Add other users or groups to grant them access rights Create new vault General Access rights Metadata definitions Add user or group Who has access NAME ACCESS RIGHTS REMOVE Vault access rights The user or group name can be added as a partial name The system will automatically make a wildcard search based on the added name and present matching users or groups as a dropdown menu Select a suitable access right in the dropdown menu Who has access None NAME View REMOVE Contribute User FullControl Remove Add user The following settings are available None No access View See content but not add Contribute Upload content delete content and modify metadata FullControl Upload content delete content modify metadata and modify vault settings It is possible to remove a user by pressing the Remove link Switch to the third tab to modify metadata definition settings for the vault Create new vault Acce
18. ncel Organize uploaded files Metadata Catogories Organize your uploads Seve cec For all items Metadata Categories Title Categories k ae Field Select categories Description Beautiful field Business gt Animals gt Food gt Technology Nature save Cancel and delete files Adding category and metadata Meriworks AB 25 4 imagevault ImageVault Editor Manual Correct file tagging meaning adding categories and relevant information in the metadata fields will make a file easier to find and reused by other users Tip Taking the extra time during upload to add the correct properties to a file will make a huge difference when the system holds several hundred or thousands of files Organize your files Cance Categories Nature Upload list Beskrivnin g Categories Flowers 3 categories selected Multiple files upload list The Organize upload page can be used in several ways It is possible to add metadata and categories to all files listed in the upload list at once by using the menu buttons Metadata and Categories at the top of the page rather than adding the information to one file at a time Metadata button for Categories button for all files all files Organize ur uplo S Cancel and delete files Forallitems Metadata Categories Title Categories Select categories v Description Save Cancel and delete files Organize upload If an individual file needs specific i
19. nd drop Press and hold an image and drop it to a new location The sort order is from left to right where the leftmost image will be the first image in the Media list MediaListProperty Rearrange Medialist images Images can be removed either by pressing Remove all images which will delete all images in the Mediallist or by pressing the X on individual images Meriworks AB 15 4 iImagevault Remove image ImageVault Editor Manual Remove image 4 2 3 Edit images in a Media or Medialist object Images in a Media or Medialist object can be modified in size in a similar way as in the text editor Press the edit symbol on the image Edit image Edit image This opens the image editor Image editor The image can be modified in the same way that is described in the text field editor found previously in this chapter se section 3 1 1 Image editor Note The Media and Medialist page properties have settings that under certain conditions will prevent a user from resizing the image using the size setting fields More information about this can be found in next section that handles administration OMeriworks AB 16 m imagevault ImageVault Editor Manual 4 3 EPiServer 7 CMS Gadget In addition to the above it is also possible in EPiServer 7 CMS to use the ImageVault Media Gadget to find and select files Open up the asset pane and use the ImageVault Media Gadget to search for the f
20. nformation it is easy to change this in the upload list Adding metadata and category information to all files simultaneously during import is a time saver since common properties can be added to all files and then fine tuned for some of the uploaded files if needed Meriworks AB 26 4 imagevault 7 2 1 7 2 2 ImageVault Editor Manual Press Save to complete the upload or Cancel and delete to cancel the upload Note Depending on the setup certain metadata fields might be mandatory and must be filled out prior to completing the upload Note Fields that should be considered to be metadata and categories are setup and maintained by the administrator Altering file information Metadata category and other file information can be changed after a file has been uploaded Select the file by single click in the file preview area and press the Organize button 8 imagevault Search EEA A f amp import files Download gg Organize Organize file The organize file dialog will be displayed Modify the information and press Save Press Cancel to abort the modification Move a file to a new vault It is also possible to change which vault a file is stored in Select the file by single click in the file preview area and press the Move button 8 imagevault Search any metadata O ra Import files Download Pd Organize gt Move Move file This will show a list of available vaults where the user has the
21. ng settings Width 300 Ratio I 1 Keep Ratio Yes Format png An image with the size 800 600 pixels will first be cropped according to the ratio setting I 1 This means that the image height and width is cropped to 600 pixels respectively The image is then resized to the size settings width 300 pixels and height 300 The height export value is automatically set to 300 to enforce the keep ratio setting of I I and the image is converted to png Meriworks AB 40 4 imagevault ImageVault Editor Manual 800 px 800 px 600 px 600 px 600 px 600 px Resize 300 300 PNG 300 px PNG 300 px Image conversion Web The ratio setting will supersede the keep ratio setting if both settings are added The available file formats are Websafe The websafe format setting will keep the original format for a file if it is jpeg png or gif Other formats i e Photoshop will be converted to jpeg or png A CMYK file will be exported as RGB Jpeg The file is converted to jpeg Tiff The file is converted to tiff PNG The file is converted to png GIF The file is converted to gif Original The file retains the same file format it was originally uploaded with Jpeg Tiff Prg Gif Original File formats The image compression value is entered as a value 0 100 A high value will produce a high quality image often very close to the original image but also a larger file size A small value will produce a small file size but mig
22. or s Manual ImageVault functionality ImageVault acts as a central repository for files All editors have access to this repository during page creation and editing It also helps the editors to build a structured environment for the files with with storage vaults metadata and category tagging to facilitate easy search and access The files only needs to be stored once and are linked to each page where they are used ImageVault also helps in maintaining site rules since several standard media formats can be easily set up Images taken straight of a high resolution digital camera can be used and image conversion and size altering are applied to convert the image to a format that complies with the page layout and site rules ImageVault helps file categorization by allowing users to add properties to the uploaded files This is metadata in the form of categories and metadata fields which makes it much easier for other users to find and use the uploaded files User access is controlled by vaults Below follows a short explanation of some of the key features in ImageVault 4 0 Vaults A vault is a storage area in ImageVault with user rights similar to a file folder Different types of user access control can be added to a vault i e to prevent accidental deletion of files or simply to restrict access to certain files A vault cannot have sub levels Different metadata definitions can be tailored for each vault Categories Categories are p
23. ory plus sign to create a main category Create a second level sub category by selecting a main category and then press the second level sub category plus sign Select the second level sub category and press the plus sign for the third sub category level to create categories in the third and last level 1 4 3 Add a category from the main user interface Categories can also be added by pressing the plus sign at the bottom left side of the main page Sort Newly added first CREATE NEW Create category Create new category Select Category This will open the categories tab in the advanced settings Meriworks AB 43 4 imagevault ImageVault Editor Manual It is also possible to add categories on the fly during import Organize your uploads ES Cancel and delete files For all items Metadata Categories Title Categories Field Select categories Description Beautiful field Business Animals Food Technology Nature Select categories Save Cancel and delete files Add category Add category Press the plus sign at the bottom of the category list This opens the category settings dialog described previously in this chapter Add a new category close the settings dialog and select the new category Meriworks AB 44 4 imagevault ImageVault Editor Manual 12 Vault administration 12 1 OMeriworks AB All users with sufficient privileges can add or modify vaults Add vau
24. plate The size settings will however still be used while editing the image OMeriworks AB 19 4 magevault 6 6 1 ImageVault Editor Manual Interface The ImageVault user interface consists of 6 main areas see picture below Import insert search and setting File display I IA imagevault Search any metadata Advanced settings LL Sign out l amp import files Flower jpg Vault Date uploaded Uploaded by Categorles Settings Category Batch operation Information and library Metadata Main user interface Interface overview File display area All available files are displayed as preview thumbnails in the file display area The number of visible files will depend on current vault content current user access rights search results or category selections Import insert search and setting area Use the buttons to import download move and categorize files The search bar will filter which files that are displayed based on a free text search The insert button will insert files into a cms The button is only active if ImageVault is connected to a cms Category and library area The categories section displays all available categories in the system Selecting a category will filter which files that are displayed The library section displays all vaults available on the server All vaults might not be visible to all users thanks to user access rights OMeriworks AB 20 LIBRARY All items PE L a
25. r can perform all administrative duties This includes e create vaults access all vaults make other users administrators add and modify categories add and modify media formats eo 06 0 The category admin can only administer categories such as create new or modify an existing category The media format administrator can only modify existing media formats or create new The global right tab lists all administrators and their respective rights Press Edit to modify or Add to add a new administrator The user name can be added as a partial username The system will automatically make a wildcard search based on the added name and present matching users and groups as a dropdown menu Advanced settings Global rights Metadata definitions Media formats Categorles Global Access Rights NAME 2 Add or modify user OMeriworks AB 36 4 imagevault ImageVault Editor Manual Press Add Role to add a user role Press Save to save the user role A user role can be removed by pressing the x next to the user role ACCESS Administrator Add Role Add and remove roles ImageVault uses federated identity for users All users and groups are stored outside of the ImageVault system Contact your system administrator for more information Note Users and groups cannot be created in ImageVault They have to be created in the underlying user system 11 2 Metadata definitions Metadata are properties that are associated
26. rch It is also possible to search for files by using the category selection Select one or more categories Each selected category search will be presented in the file area The displayed files will have all selected categories as properties Business All items Animals x gt Nature Clear all Category search Meriworks AB 29 4 imagevault ImageVault Editor Manual Press the x at the search parameter to remove this item from the search or press Clear all to remove all search parameters Normal search and category search can be combined Each search parameter will be listed after each other 8 3 Search scope JA All Items Vault selector or all items A search or category selection will be limited to the current vault unless all files are viewed at the same time Select All items in the vault selection area to display all files in the system A search performed after selecting All items will be system wide Note Search will be conducted in the current vault Meriworks AB 30 4 imagevault 9 9 1 ImageVault Editor Manual File download Files can easily be downloaded and converted to predefined formats Download amp conversion Select a file in the file display area by single click and press the Download button Y imagevault ayo p C gt import files Download s Organize Download button This will display predefined file conversion settings Select the one of the disp
27. redefined file properties that will facilitate easier search for files The number of categories is unlimited but a limited number should be added or created during setup Sub categories can be added but a maximum of 2 levels below the top level Metadata Metadata are additional information fields that can be added to files This can for example be the name of the photographer or an additional description of the file Metadata can also be information stored in a file like ITPC or EXIF data Meriworks AB 7 4 iImagevault ImageVault Editor Manual 2 2 Starting mode Editing Mode in EPiServer is used to create and edit pages Image Vault is available during editing Admin Mode Reports Visitor Groups D kx A l 4 B G B ae My Tasks Customer Login Page View English Favorites My Tasks Compare With oe Page Type AlloyTech Login Status Published Version Ba Root folder amp Ba Recycle Bin amp BA start 5 Products Log out RSS Feeds Site map 5 Company F Privacy F Management Start so Co s M ContactUs A F amp About Us H Customer Login 2 EPiServer in edit mode News and Events Howto buy _ Search here Q To access the ImageVault UI use the link in the top menu Start CMS eV EPISERVER 7 epiadmny Q 8 imageval Jij Search any n p MM Advanced settings S Sign out 4 import files Download g Organize gt Move X Delete
28. rsrssrrresrsrrserrsrsrrnrrrsrsrrrnrrsrsrnnnnen 23 IMAP OPUIN 8 MNES wi caccacccscessecsuecasscessssessunceseussucstssessessuscesecsencousecess 24 Biel aa NORA A E A 24 Ser E E E A A E E Fr ANNAN 25 Altering TINS MOM IW UI Menssrrriisscrr seni Nee KN r NA ENER 27 Move a file to a new vault umssssssesossssrsrsrerrersrsrrrrsrsrsrererrsrsrnrerrsrsrsr er rsr sr sn enes r sn nn rna 27 File C l U l ssasessessvviveadvessonsenssgaurenrensewsaaavenanusiwsabaerbvananioeabnasenaneaanandeevenniensen 28 SOAR GID csn ue ae N R ERSE 29 3 4 imagevault 8 1 8 2 8 3 9 9 1 10 10 1 10 2 10 3 10 4 10 4 1 II II I 1 2 1 2 1 1 3 1 4 1 4 1 1 4 2 1 4 3 12 12 1 12 2 13 13 1 Meriworks AB ImageVault Editor Manual PCS COX SAG CON A E 29 Category SEarch ccccsscscscsccsccsccecceccecceccsccsccecseececeeceeccecceeeeeeeeceeseeseeeees 29 Search SC ODE yessntesaisissaincsiaiedssaincsiaivdrsciuasdadedsesieasdaiedescdedslasedseaiadeladeiesaiadedeles 30 Fil download ssassn e asiaa ee 31 Download amp conversion csccsscssssscsscssscsesssscssssscsecssscscessssecesssseesseees 31 Batch OPEratClONS sssmmsstotsesssessommombonsnenesom lstonss sssddond sbonnens s 32 PAGS MICS 16 A Da ea EEE EE 32 OOPS AIMIZ STINGS A A E E AA E EA S 33 MOVE TINGS sessen E EEEE 33 learn Da cl eea E E E 34 Download files aes csc shcncesczauascatetescsesszcneeaes scesneseensaseactenesaszaenseasotascses
29. seanecaeescesneseteces 34 Advanced SCCOINGS wesc cosscesescsessccoatsescwsssscasteatccouscassansacasecncenaseoss 35 GlODal FSIS Sersesecssaczacsassssdccedssataccucestesataceisertusaiaazicaadslasaasacerteeaiacsicentesslededes 36 Metadata definitions cccccscsssssesscsscessssessscsscesssesesesessessssessessessseeeeeeees 37 Add ING PINS ac sacs cesses cece attnn cs este seen ee cece em ss ca casestea te ecco erei R goear pees cacenes 38 Media T TNA CS seerne E ENEA EEEE 39 CATE BOT IG aa sas A A E T 42 Rename or delete a category sseeeseessseseseseseseseseseseseresersesesesesesesesesesesesessessss 42 Add main or sub level category ssseseeseesessssesssssesesesesesesesesessssesesesesesesesesesee 43 Add a category from the main user interfaCe ssssrsrsrsssororsrsrrrsrsrsrsrnsrsnnn 43 Vault advinistratl nN s s sissssc oesaiodssissssssssonsnidsonsedederenins nkonen 45 Add Vault oe stegteneenas resan lenses asien E 45 MOGI V QUIN se5ccsecssececscesscnusseescesscsussecnctsaeiesstesessectusstesesseciusstesessecaesseesessecouse 47 PAUICTGNCIC ACION spices 020650 aa sua cesiesenssiesdansonssussseasenceaceuees 49 Signing out from IMageVault s smsmmsssssosersrsrrsrersrsrrsrsrsrsrnrrnrrrsrsrrrrrrsrsnrnnnrn rn nn 49 4 imagevault ImageVault Editor Manual Introduction Welcome ImageVault is a web based file repository which simplifies handling and storing of media files The basic function of ImageVault is to stor
30. ss rights Metadata definitions Select global metadata definitions Use the administration dialog Advanced settings to create and edit global metadata definition NAME DESCRIPTION Vault metadata settings Meriworks AB 46 4 imagevault 12 2 Meriworks AB ImageVault Editor Manual Select metadata definition that will be used for this vault Tick the checkbox to the left of the metadata to active the metadata It is also possible to force the metadata definition by ticking the checkbox to the right of the metadata This will make the selected metadata required meaning that the user must add this information during upload Create the vault by pressing the button Save and close Modify Vault Select an existing vault in the vault list Press the cogwheel symbol located at the bottom left of the screen Sort Newly added first AA Vault 1 A Vault 2 ie Modify vault o Modify vault This will open the vault settings Vault setting 47 4 imagevault ImageVault Editor Manual Modify the vault name or description Proceed to the next tab to make more modifications Genera Access rights Metadata definitions Add user or group Who has access NAME ACCESS RIGHTS REMOVE User FullControl Vault access rights Add or remove users or modify access rights Proceed to the last tab to modify metadata General Metadata definitions Access rights Select global
31. to use the mouse scrollwhell to zoom The width and height can be modified either by using the size settings fields or the resize handles Move the image around by clicking and moving the mouse The image can OMeriworks AB I I 4 imagevault ImageVault Editor Manual be adjusted on a pixel by pixel basis using the arrow keys to pan up down or left right if precise adjustment is needed Press the Ok button to commit the change or cancel to abort The top right x will also abort the edit Meriworks AB 12 4 iImagevault ImageVault Editor Manual 4 ImageVault page properties Image Vault adds two new types of page properties Media and Medialist 4 1 Media property The Media property is an EPiServer page object that can be added to a page and can be used to select etiher an image or a movie Press the plus sign or press Insert new file to add a media file This will open the ImageVault user interface Locate and select the file in ImageVault Selection can be performed with single click on a media file Press Insert to add the file B imagevault Search any metadata p amp import files gt insert OQO Download Organize LIBRARY All items Insert button Business gt Animals gt Food gt Technology Nature we Selected image Insert image The file can be removed by pressing Remove file Insert file Insert new file rn oe Edit file Remove file Media property Meri
32. towards users of the standalone version Documentation aimed towards installation and development is only available online The online documentation for ImageVault can be found online at http www imagevault se Meriworks AB 5 4 imagevault ImageVault Editor Manual 1 5 Whats new Imagevault 4 0 is redesigned from the ground up Several functions have been added or reworked to simplify the usage The following functions have been added New Ul A brand new user interface makes navigation easier and simplifies file organization Fast navigation It s is now possible to quickly browse pictures by using categories free text search or vaults Stand alone or CMS ImageVault can now be used either as a stand alone program or in conjunction with a CMS solution like EPiServer Batch handling Large volumes of files can be processed at once i e converting files or adding metadata to files Extensive API ImageVault functionality can easily be extended by third party plug ins Refer to http www imagevault se for up to date information about news upgrades and plug in availability Meriworks AB 6 4 imagevault 2 1 2 1 1 2 1 2 2 1 3 ImageVault Editor Manual Start To be able to use ImageVault an account in EPiServer with editing permissions is needed Basic knowledge of page creation and editing in EPiServer is also needed More information on page creation and editing can be found in the EPiServer Edit
33. ult Meriworks AB 49
34. ultilingual Add mapping Press Add to add a metadata tag to the metadata definition The system will automatically look for the selected metadata tag during import of a media file and add the value of the tag to the metadata for the file Aperture lpte Add Add metadata Select a metadata tag from the list and press Add to add the metadata It is possible to add multiple metadata tags but the first tag that is found within the media file will be added to the metadata for the file The picture below shows an example with multiple tags The system will not look for the brightness tag if the aperture tag is found re ee Oa eee Add mapping Multiple metadata tags Press Save to save the new metadata definition or Cancel to discard Note Metadata definitions cannot be removed once they are in use by an uploaded file Note The selection of metadata tags available for mapping will increase when new media files which contain new tags are uploaded to the system Meriworks AB 38 val e imagevault ImageVault Editor Manual 11 3 Media formats The media formats tab lists all media formats It is also possible to see how an existing media format is setup in the list view A media format can be used to easily make exported media files comply with a standard size or file format Advanced settings Global rights Metadata definitions Media formats Categorles Media formats Add NAME WIDTH HEIGHT DPI RATIO KEEP RATIO F
35. val jit Search any metadat 94 Advanced settings Sign out a Import files LIBRARY All items Serta Flower jpg Vault Date uploaded Uploaded by Categories Sort Newly added first ImageVault user interface The user interface is described more thoroughly in chapter 6 Interface Select an media file and press the button Insert The system will present the user with a number of predefined media formats A media format can be setup to both resize an image and also to convert the image file format gt insert Download 4 Organize SELECT FORMAT Original JPEG TIFF Image conversion formats The image will be placed on the page The image size can be altered after the insert Use the image editor described in the next section Note Avoid resizing the image using the image resize handles within the text field This might distort the image and will not alter the image size Use the ImageVault image editor instead Meriworks AB 10 4 Imagevault ImageVault Editor Manual 3 1 1 Image editor The image editor can be started by selecting an inserted image and pressing the edit button found in the text field menu Edit button ah O Sa Ga Jna m Path p img iin iha ar EET a jag md Mi Cancel Image editor Resize handle Size settings fields Zoom slider Use the zoom slider to zoom in or out It is also possible
36. with a file The metadata can be information that was added by a digital camera like what aperture that was used when the image was shot or if the flash was fired or suppressed Metadata can also be information added by a user like keywords or copyright information Metadata definitions are templates that define what metadata tags should be read automatically during file import or what additional metadata information that can be added to a file by the user during upload Advanced settings Global rights Metadata definitions Media formats Categorles Metadata definitions NAME DESCRIPTION AltText Description Metadata Press Edit to modify an existing metadata definition or Add to add a new metadata definition Enter a name and description followed by a data type for the field Meriworks AB 37 4 imagevault 1 2 1 ImageVault Editor Manual NAME DESCRIPTION TYPE Text Add mapping Read only Multilingual Save Cancel New metadata The following types are available Text A normal text field with max 250 characters Date and Time Date and or time The server date and time system will be used Number A numerical value integer True False A Boolean value Long text A normal text field with a maximum of several thousand characters Decimal A numerical value float A metadata definition can be locked by selecting read only A field can be allowed to contain information in multiple languages by selecting m
37. wner to make the content publicly available on YouTube and that It otherwise complies wi YouTube Terms of Service located at http www youtube com t terms Cancel Add files button Import files guide Select vault based on the target audience for the files by using the vault selection list Press the Add files button and select files from your local computer or network Several files can be selected at once by shift clicking the files in the normal operating system file browser The files are added to the file selection area This area will display the file status where 0 represents that the file has not been uploaded yet and 100 represents that the file is uploaded to the server The minus sign can be used to cancel the file upload for each the selected file Meriworks AB 24 4 imagevault ImageVault Editor Manual Filename Size Status IMG_0181 JPG 721 KB 0 O Add files 4 Start upload 721 KB 0 Start upload button Upload status Cancel upload File upload Press the Start upload button once all files are selected to initiate the file upload A progress bar will show the file upload status during upload All files status counters should change to 100 once the file upload is complete Tip Browsers supporting HTML 5 allow you to drag and drop files as a complemt to the Add files button 7 2 Organizing files Press the Organize your uploads button to tag the files with the proper category and metadata Ca
38. works AB 13 4 m imagevault ImageVault Editor Manual 4 2 Media list property The Medialist property is an EpiServer page object that can be added to a page and can be used to select single or multiple images The Medialist object is typically used for an image gallery or a list of files Press the plus sign or Insert new files to add a single or multiple image files Locate the image in ImageVault and press Insert to add the media file 8 imagevault Search any metadata p amp import files gt insert O Download sg Organize LIBRARY All items Insert button 2 Selected image Insert file Remove all files Media list property Meriworks AB 14 4 iImagevault 4 2 1 4 2 2 ImageVault Editor Manual Batch insert images into a Medialist It is possible to insert multiple images into a Medialist by using the batch function in ImageVault Press the plus sign to open ImageVault Select multiple images by checking the tick box on each image imagevault Search any metadata p a Import files gt Insert Download s Organize LIBRARY All items Batch area Sort Newly added first amp 3 a insert s Organize 4 Daewelssd Batch insert Batch insert The selected images are collected in the batch area Press the batch insert button All selected images are added to the Medialist page property Rearrange Medialist images The images in the Medialist can be rearranged by simple drag a
Download Pdf Manuals
Related Search