|
|
# Table of content
|
|
|
|
|
|
- [Table of contents](#nr1)
|
|
|
- [Preface](#nr2)
|
|
|
- [General information](#nr3)
|
|
|
- [Alternative use of the application](#nr3-1)
|
... | ... | @@ -31,37 +30,37 @@ |
|
|
- [Exiting the application](#nr6-2)
|
|
|
- [Deleting user account](#nr7)
|
|
|
|
|
|
# Preface
|
|
|
# <a name="nr2"></a>Preface
|
|
|
|
|
|
A video tutorial can be found by following this link: [https://youtu.be/EOdxc0i8Y7g](https://youtu.be/EOdxc0i8Y7g?fbclid=IwAR1LcatfiLtr46-qH5loGF1BhHQihOUE1oS_aSPVd1cmBF_-VniMoPlAuP0)
|
|
|
|
|
|
# General information
|
|
|
# <a name="nr3"></a>General information
|
|
|
|
|
|
## Alternative use of the application
|
|
|
## <a name="nr3-1"></a>Alternative use of the application
|
|
|
|
|
|
If you are unable to use a mouse, use the "tab" key to go through the buttons on the application. You can also use the arrow keys to move through the screen interface. On Windows you can use "Enter" to press a button. On Mac you must use the space bar. A button will appear in a darker color like this when selected:
|
|
|
|
|
|
![image](uploads/ed8391ad25c81af1de108134657ecd3c/image.png)
|
|
|
|
|
|
## Tooltips
|
|
|
## <a name="nr3-2"></a>Tooltips
|
|
|
|
|
|
Throughout the application you can find tooltips at different spots, giving you tips on how to properly use the application. These can be found on some text fields, password fields, and password strength bars. To access the tooltips, hover your cursor over the component for some seconds. Thereafter you will see tooltips like this:
|
|
|
|
|
|
![image](uploads/b35d2e3da38db4440f124b0055a6ddc6/image.png)
|
|
|
|
|
|
## Connection to the database
|
|
|
## <a name="nr3-3"></a>Connection to the database
|
|
|
|
|
|
Make sure you are connected to the internet and a database. If you lose connection to either of these during runtime, it is recommended that you regain your connection and then you restart the application. Letting the application be on standby for longer periods can also disconnect it from the database, in this case restart the application.
|
|
|
|
|
|
# Getting started
|
|
|
# <a name="nr4"></a>Getting started
|
|
|
|
|
|
## Opening the application
|
|
|
## <a name="nr4-1"></a>Opening the application
|
|
|
|
|
|
When opening application as shown in the installation manual, you will see this "Log in" screen:
|
|
|
|
|
|
![image](uploads/e00148b74cc34f461a36cb1de3f477f0/image.png)
|
|
|
|
|
|
## Creating an account
|
|
|
## <a name="nr4-2"></a>Creating an account
|
|
|
|
|
|
To create/register a user, press the button saying "Sign up" in the "Log in" screen. Now you will see this screen:
|
|
|
|
... | ... | @@ -87,19 +86,19 @@ If your password and the confirmation of the password does not match, then you w |
|
|
|
|
|
When the sign-up attempt is successful, you will be redirected to the "Log in" screen.
|
|
|
|
|
|
## Log in
|
|
|
## <a name="nr4-3"></a>Log in
|
|
|
|
|
|
![image](uploads/c4be0e7a5e2f71a1c397a0f6373d76d7/image.png)
|
|
|
|
|
|
To log in, enter your username and password, and press the "Log in" button. If you do not have a user, see the "Creating an account" section on page 4.
|
|
|
|
|
|
# Using the application
|
|
|
# <a name="nr5"></a>Using the application
|
|
|
|
|
|
When you have logged in you will see the main menu:
|
|
|
|
|
|
![image](uploads/080bc0064be4a89197420c262ecadc30/image.png)
|
|
|
|
|
|
## Navigating the main menu
|
|
|
## <a name="nr5-1"></a>Navigating the main menu
|
|
|
|
|
|
To upload a photo, press the "Upload" button.
|
|
|
|
... | ... | @@ -113,7 +112,7 @@ To log out, press the "Log out" button. |
|
|
|
|
|
To start deleting your user account, press the "Delete user" button.
|
|
|
|
|
|
## Home button
|
|
|
## <a name="nr5-2"></a>Home button
|
|
|
|
|
|
You can locate the home button at the top right of the application. It looks like this:
|
|
|
|
... | ... | @@ -125,7 +124,7 @@ When logged in and pressing the home button, the program will take you to the ma |
|
|
|
|
|
The home button looks like this:
|
|
|
|
|
|
## Upload photo
|
|
|
## <a name="nr5-3"></a>Upload photo
|
|
|
|
|
|
Press the button saying "Upload" from the main menu. You will now see this screen:
|
|
|
|
... | ... | @@ -157,7 +156,7 @@ If the upload fails, you will receive a message _"Something went wrong when |
|
|
|
|
|
This is because the program could not read the image URL. Make sure the image URL address is correct and try again.
|
|
|
|
|
|
## View albums
|
|
|
## <a name="nr5-4"></a>View albums
|
|
|
|
|
|
To get to your albums press the button saying "Albums" in the main menu. When running the application for the first time with a newly created user, the section will not contain any albums:
|
|
|
|
... | ... | @@ -171,7 +170,7 @@ When you have created albums, it will look something like this: |
|
|
|
|
|
Notice that the button saying "Delete selected albums" is now enabled, since there are albums that can be deleted.
|
|
|
|
|
|
## Creating an album
|
|
|
## <a name="nr5-5"></a>Creating an album
|
|
|
|
|
|
Go to your albums from the main menu, by pressing the "Albums" button in the main menu. To create a new album, click "New Album". A small window pops up:
|
|
|
|
... | ... | @@ -187,7 +186,7 @@ Make sure to not give the album a very long name, since there will be to little |
|
|
|
|
|
![image](uploads/4f6b6ac3fb63b917d9efc15b1115af42/image.png)
|
|
|
|
|
|
## Adding pictures to albums
|
|
|
## <a name="nr5-6"></a>Adding pictures to albums
|
|
|
|
|
|
Go to your photos by pressing the button saying "Photos" in the main menu. You will now see this screen:
|
|
|
|
... | ... | @@ -213,7 +212,7 @@ Select an album you wish to add the photos to from the dropdown list. Afterwards |
|
|
|
|
|
![image](uploads/05ba7551d389b6f699e40b2cfaf7a186/image.png)
|
|
|
|
|
|
## Viewing an album:
|
|
|
## <a name="nr5-7"></a>Viewing an album:
|
|
|
|
|
|
Make sure you have created an album. If not, see "Creating an album" section on page 12.
|
|
|
|
... | ... | @@ -233,7 +232,7 @@ If the album does contain pictures, it will appear like this: |
|
|
|
|
|
Notice how the "Generate PDF from album" and "Remove selected photos" buttons are now enabled, since the album contains pictures.
|
|
|
|
|
|
## Creating PDF from album
|
|
|
## <a name="nr5-8"></a>Creating PDF from album
|
|
|
|
|
|
Navigate to the albums via the "Albums" button from the main menu. Once viewing the albums, press the name of an album you want to create a PDF from. Now press the "Generate PDF from album" button. This window will now pop up:
|
|
|
|
... | ... | @@ -247,7 +246,7 @@ Choose a directory for the PDF file to be saved to, and press "Open". |
|
|
|
|
|
![image](uploads/7f288b9776e56fad41d503f407b97665/image.png)
|
|
|
|
|
|
## Remove photos from an album
|
|
|
## <a name="nr5-9"></a>Remove photos from an album
|
|
|
|
|
|
Navigate to the albums via the button saying "Albums", from the main menu. Press the name of the album you want to remove photos from. Now select the images to be removed, by clicking the checkboxes:
|
|
|
|
... | ... | @@ -255,7 +254,7 @@ Navigate to the albums via the button saying "Albums", from the main m |
|
|
|
|
|
After selecting the wished images, press the "Remove selected photos" button.
|
|
|
|
|
|
## Delete album
|
|
|
## <a name="nr5-10"></a>Delete album
|
|
|
|
|
|
Navigate to the albums via the "Albums" button from the main menu. There are two ways to delete albums. The first is by pressing the checkboxes belonging to the albums to be removed, then press the "Delete selected albums" button:
|
|
|
|
... | ... | @@ -265,7 +264,7 @@ The other option is to click on the name of your album to access it. Once viewin |
|
|
|
|
|
![image](uploads/e23260106776125c6f8b54c0fd05d98b/image.png)
|
|
|
|
|
|
## Search through pictures
|
|
|
## <a name="nr5-11"></a>Search through pictures
|
|
|
|
|
|
Press the "Photos" button from the main menu. This screen will now appear:
|
|
|
|
... | ... | @@ -285,15 +284,13 @@ If the tags are entered correctly it will look like this: |
|
|
|
|
|
![image](uploads/7dd3777c2e7ee123d9ebf240caa4d6c1/image.png)
|
|
|
|
|
|
##
|
|
|
|
|
|
## Delete photos
|
|
|
## <a name="nr5-12"></a>Delete photos
|
|
|
|
|
|
To delete photos, go to your photos by pressing the "Photo" button from the main menu. Then select the photos you want to delete by clicking on their checkboxes or select all by selecting the "Select all" checkbox. When finished selecting photos, press the "Delete selected photos" button. A message "Deleted successfully" should show up.
|
|
|
|
|
|
![image](uploads/5be4b2c2bed52769e404e7c13c5f3ae3/image.png)
|
|
|
|
|
|
## View map
|
|
|
## <a name="nr5-13"></a>View map
|
|
|
|
|
|
To view the map, press the "Map" button from the main menu. This screen will now appear:
|
|
|
|
... | ... | @@ -307,7 +304,7 @@ Press the button with the plus sign to zoom in on the map, and the one with the |
|
|
|
|
|
If you are unable to use a mouse, you can tab through the window, and use functions such as zooming, and selecting the type of map. When you have tabbed to the map, it is possible to navigate around the map using the arrow keys.
|
|
|
|
|
|
## View image metadata and tags
|
|
|
## <a name="nr5-14"></a>View image metadata and tags
|
|
|
|
|
|
Whenever a thumbnail of a picture appears, it can be pressed to view the picture's metadata and tags. These thumbnails are found in your picture collection, on the map, and in your albums, if they contain pictures. When pressing the thumbnail, a pop up window like this will appear:
|
|
|
|
... | ... | @@ -315,19 +312,19 @@ Whenever a thumbnail of a picture appears, it can be pressed to view the picture |
|
|
|
|
|
Here lies all the registered metadata and tags of the image. To close the pop-up window, use the application exit button, the "Close" button at the bottom, or press outside the window. For people unable to use a mouse, press the escape key ("esc") to exit the application.
|
|
|
|
|
|
## Add and delete tags
|
|
|
## <a name="nr5-15"></a>Add and delete tags
|
|
|
|
|
|
When viewing the metadata and tags of an image, as seen above, it is also possible to add and delete tags. To delete a tag, press the "x" mark on the tag. To add a new tag, write the name of the tag in the text field under "Add a tag to picture", and press the "Add tag" button. The application does not allow duplicate tags. Therefore, an error message will appear if the name of an already existing tag is entered:
|
|
|
|
|
|
![image](uploads/97a8e0dd8ccf5d0cc8999f7b144d44f1/image.png)
|
|
|
|
|
|
# Ending the session
|
|
|
# <a name="nr6"></a>Ending the session
|
|
|
|
|
|
## Logging out
|
|
|
## <a name="nr6-1"></a>Logging out
|
|
|
|
|
|
To log out of the application press the "Log out" button from the main menu, and the application will switch to the "Log in" screen.
|
|
|
|
|
|
## Exiting the application
|
|
|
## <a name="nr6-2"></a>Exiting the application
|
|
|
|
|
|
You can exit the application by directly pressing the exit button for the application. If you exit the application while logged in, the system will automatically log you out. To exit, press the application exit button, or use the escape key. This will bring up this pop-up window:
|
|
|
|
... | ... | @@ -335,7 +332,7 @@ You can exit the application by directly pressing the exit button for the applic |
|
|
|
|
|
Press the button saying "Yes" to exit the application or press "No" if you want to continue your session.
|
|
|
|
|
|
# Deleting user account
|
|
|
# <a name="nr7"></a>Deleting user account
|
|
|
|
|
|
To delete a user account, press the button saying "Delete user" from the main menu. This screen will now appear:
|
|
|
|
... | ... | |