Quick Start Guide: Web Publishing
This guide will show you how to quickly upload your images to your newly installed FSI Server and publish them using the FSI Server web interface. You can hover over the images to see an enlarged version.
Uploading images
Once you have started the FSI Server service, start your browser and enter the following URL in the address bar: http://your_domain/fsi/interface/
- 1: Log In
- 2: The Web Interface
- 3: Create A Folder
- 4: Upload
- 5: Upload Options
- 6: Importing
Please log in to your server and select your language.
The default username and password is "admin" but it is strongly recommended
that you change the password before using FSI Server.
If the login was successful, you will now see the FSI Server web interface.
The interface consists of 3 main areas: Tree View, File View and
Workspace.
The Tree View contains tabs for browsing the folder structure and searching,
the File View contains tabs for browsing the folder structure and searching.
The Workspace displays various tasks and information about the selected
items.
To upload images, you will need to select or create a folder for your images.
To do this, go to the tree view on the left side of the interface, select the folder you want to use or select the appropriate source connector (Storage), open the context menu, select "Create New Folder" and enter the name of your folder.
After selecting your folder, please select the Upload Tab located at the
Working Area.
Click the Choose Files button to add files to the upload list. You can
also drag & drop the files to the file view below or the tree view on the left.
The upload starts as soon as you add files. You can add multiple downloads at once and have the option to cancel each one: During the upload, the Upload tab will display some progress information and an option to pause the upload.
When the upload is complete, the file view will update and the images will appear as small thumbnails. The cogwheel icons indicate that the image is being imported. Depending on the speed of the server, the conversion may take some time.
Publishing images
Once you have uploaded your images to the web interface, you have several options for publishing your image. This part of the Quick Start Guide will show you how to publish your images using the zoom and pan viewer, the FSI Viewer, as an example.
- 1: Choose your preset
- 2: Adjust width & height
- 3: Parameters (optional)
- 4: Paste The HTML Code
Select an image from the folder. In order to publish it, select the Publish To Web tab located in the Working Area.
On the right you will see several presets
(1) for publishing static images, responsive images, zoom & pan viewers, showcases, etc.
You can click through them and immediately see the preview on the left (4) with the corresponding source code (2) and required JavaScripts (3) :
Above you can see an explanation of each preset (5) as you click on it.
In the Your Source Code section you can adjust the width & height of the viewer to your liking with the Output Dimension section. You can see the changes immediately in the Preview section. You can also adjust the dimensions directly in the source code.
When you click on a preset, you can choose Parameter on right tab in order to switch to the parameter section where you can further customize the viewer.
Clicking on a parameter will show a short explanation in the help section.
Double-clicking on the parameter adds it to the source code. In the example
below we have selected the parameter language.
Once you have adjusted the width & height and optionally the parameters to
your liking, you can simply copy the source code and the necessary scripts
into your website where you want the viewer to appear.
The scripts are usually implemented in the head section of a HTML 5 document.
You can either use the button in order to copy the source code as a
complete HTML 5 document or use the context menu which can be opened
via the burger menu to the right of the source code section: