... | ... | @@ -41,13 +41,13 @@ A video tutorial can be found by following this link: [https://youtu.be/EOdxc0i8 |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_9fa882ef768e0c79.png)
|
|
|
![image](uploads/ed8391ad25c81af1de108134657ecd3c/image.png)
|
|
|
|
|
|
## 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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_916a315211e912d9.png)
|
|
|
![image](uploads/b35d2e3da38db4440f124b0055a6ddc6/image.png)
|
|
|
|
|
|
## Connection to the database
|
|
|
|
... | ... | @@ -59,37 +59,37 @@ Make sure you are connected to the internet and a database. If you lose connecti |
|
|
|
|
|
When opening application as shown in the installation manual, you will see this "Log in" screen:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_4576a30a4c0bccca.png)
|
|
|
![image](uploads/e00148b74cc34f461a36cb1de3f477f0/image.png)
|
|
|
|
|
|
## 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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_980b9a734cfa098f.png)
|
|
|
![image](uploads/1628e59e6273d7db9fb57d70732d89eb/image.png)
|
|
|
|
|
|
To return to the "Log in" screen, press the "Log in" button at the bottom or press the home icon at the top right of the screen. When creating a user, start writing in your username and password. The password must contain at least 8 characters. When you start typing in your password, a password strength bar will appear. To achieve the maximum strength, include a capital letter, a number and at least 12 characters. Thereafter, you must confirm your password. Do it by reentering your password in the field underneath "Confirm password:". Be sure to remember the password, as it currently cannot be changed, or retrieved if lost. Press the "Sign up" button to create a user.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_d958791b3444df6.png)
|
|
|
![image](uploads/0b1e6d887bf89d5be720b3f7079d8eeb/image.png)
|
|
|
|
|
|
In some cases, you may get a message saying that your username is taken. If this happens, choose another username, and try again.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_7a95aab58fe70136.png)
|
|
|
![image](uploads/63c649d0e9a584f6c34ed0e2a8e617d5/image.png)
|
|
|
|
|
|
In some other cases, a message saying: "Error: Could not connect to database" might appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_80ff67cfb53792bc.png)
|
|
|
![image](uploads/70cd3744e698fac2a365014ffd6eff36/image.png)
|
|
|
|
|
|
In this case, make sure you are connected to the internet, and have the correct username, password, and URL to the database in the config.properties file. Restart the program thereafter.
|
|
|
|
|
|
If your password and the confirmation of the password does not match, then you will see this message:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_69c754915b57f169.png)
|
|
|
![image](uploads/0a96980bf4954eafcbc44b02aad7362e/image.png)
|
|
|
|
|
|
When the sign-up attempt is successful, you will be redirected to the "Log in" screen.
|
|
|
|
|
|
## Log in
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_ede02c84aea4a673.png)
|
|
|
![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.
|
|
|
|
... | ... | @@ -97,7 +97,7 @@ To log in, enter your username and password, and press the "Log in" bu |
|
|
|
|
|
When you have logged in you will see the main menu:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_46ba4d9bb411f7cf.png)
|
|
|
![image](uploads/080bc0064be4a89197420c262ecadc30/image.png)
|
|
|
|
|
|
## Navigating the main menu
|
|
|
|
... | ... | @@ -117,7 +117,7 @@ To start deleting your user account, press the "Delete user" button. |
|
|
|
|
|
You can locate the home button at the top right of the application. It looks like this:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_5e661af4b712a6f7.png)
|
|
|
![image](uploads/c26e1d351011f33f63a934aadfd35b42/image.png)
|
|
|
|
|
|
When logged out and pressing the home button, the program will take you to the "Log in" screen.
|
|
|
|
... | ... | @@ -129,31 +129,31 @@ The home button looks like this: |
|
|
|
|
|
Press the button saying "Upload" from the main menu. You will now see this screen:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_1bb47c1555a706ee.png)
|
|
|
![image](uploads/1e3e12bd998582847abdfee9a5c980ae/image.png)
|
|
|
|
|
|
To upload a photo, enter the title of the photo were it says "Title here…". Now you can choose between uploading an image from the internet or from your computer. To upload from the internet, enter an image URL address in this format: _https://example.com/image.jpg_
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_48ec30d6e4ad102b.png)
|
|
|
![image](uploads/b184a41e5713eb55f0625804ceb084d0/image.png)
|
|
|
|
|
|
Then press the button saying, "Upload image".
|
|
|
|
|
|
To upload from your computer, press the button saying, "Select local image". A file explorer will now pop up. Choose a photo, and press "Open":
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_d9416d3e519b90b.png)
|
|
|
![image](uploads/9c5e67b207fe97e73203fe567741bc43/image.png)
|
|
|
|
|
|
The URL field will now be filled with the files position:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_1747f045ca824bb6.png)
|
|
|
![image](uploads/e18e570c01ee375e7163f19a1df7cdd3/image.png)
|
|
|
|
|
|
Now press the button saying, "Upload image".
|
|
|
|
|
|
If the upload was successful, a message like this should show up: _"\<Title\> was stored"_
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_b386a319462f0825.png)
|
|
|
![image](uploads/28168c50566574171573c361da458427/image.png)
|
|
|
|
|
|
If the upload fails, you will receive a message _"Something went wrong when retrieving the image from the url."._ See the screenshot bellow:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_10679b2821162349.gif)
|
|
|
![image](uploads/469f63f71995a08350cd09320c6e446a/image.png)
|
|
|
|
|
|
This is because the program could not read the image URL. Make sure the image URL address is correct and try again.
|
|
|
|
... | ... | @@ -161,13 +161,13 @@ This is because the program could not read the image URL. Make sure the image UR |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_57168af282d15b38.png)
|
|
|
![image](uploads/fa00ac12fcb0d33169973606a0ebb6ee/image.png)
|
|
|
|
|
|
Notice that the button saying "Delete selected albums" is disabled, since there are no albums to be deleted.
|
|
|
|
|
|
When you have created albums, it will look something like this:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_24a3d2233193537b.png)
|
|
|
![image](uploads/8cd8dff9810421ee88d8203f16bbe3aa/image.png)
|
|
|
|
|
|
Notice that the button saying "Delete selected albums" is now enabled, since there are albums that can be deleted.
|
|
|
|
... | ... | @@ -175,43 +175,43 @@ Notice that the button saying "Delete selected albums" is now enabled, |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_a65644bd06f230b8.png)
|
|
|
![image](uploads/3982cc7b86a72014da93c0eab1aea4ea/image.png)
|
|
|
|
|
|
Write in the name of the album in the text field and press the "Add album" button.
|
|
|
|
|
|
You will now see a new album in the albums section:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_ffba32bd68f2cfb3.png)
|
|
|
![image](uploads/3f0bcff6bf86f10cd539bccce8b57ada/image.png)
|
|
|
|
|
|
Make sure to not give the album a very long name, since there will be to little space to display the name properly:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_7b662fe1b9869ffb.png)
|
|
|
![image](uploads/4f6b6ac3fb63b917d9efc15b1115af42/image.png)
|
|
|
|
|
|
## Adding pictures to albums
|
|
|
|
|
|
Go to your photos by pressing the button saying "Photos" in the main menu. You will now see this screen:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_a8f9d37c0df57189.png)
|
|
|
![image](uploads/21874ba8be0889592c507abe7056a561/image.png)
|
|
|
|
|
|
You can now select the pictures you want to add by using the checkboxes on the side of each picture:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_99954365d110e50.png)
|
|
|
![image](uploads/7f7bbd55293a2dd2d8331c3172917369/image.png)
|
|
|
|
|
|
Or you can use the "Select all:" checkbox on the right underneath the home button, if you want to select all photos:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_b723bf260ac77f5f.png)
|
|
|
![image](uploads/9f508fc2b85c9ad41cc2db5754c984b5/image.png)
|
|
|
|
|
|
When you have selected photos that you wish to add to an album, press the "Add to album" button. A small window pops up.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_714de8e799c9a5d1.png)
|
|
|
![image](uploads/ff1e621840f4c068c8b57cf62703b0ed/image.png)
|
|
|
|
|
|
Extend the dropdown list by clicking on the empty space with a downwards arrow on the right.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_e965c23f1dccdf03.png)
|
|
|
![image](uploads/d612085c77335591a9307b0703951564/image.png)
|
|
|
|
|
|
Select an album you wish to add the photos to from the dropdown list. Afterwards, click "Add to album" button. If the dropdown list is blank, it means you have no albums.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_3156e8f1a24ba2ea.png)
|
|
|
![image](uploads/05ba7551d389b6f699e40b2cfaf7a186/image.png)
|
|
|
|
|
|
## Viewing an album:
|
|
|
|
... | ... | @@ -219,17 +219,17 @@ Make sure you have created an album. If not, see "Creating an album" s |
|
|
|
|
|
Start by pressing the "Albums" button from the main menu and this page will appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_ffba32bd68f2cfb3.png)
|
|
|
![image](uploads/61ad9339e9ae3cae838d45dae7c2c2db/image.png)
|
|
|
|
|
|
To view an album, simply press on the title of the album. All pictures inside the album will then be displayed. If no pictures have been added to the album, an empty album with a message will be displayed (see picture below). In this example we use an empty album named "Summer2018":
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_365da91d380a6244.png)
|
|
|
![image](uploads/92da1a05adcb00c02fe5a511b67638e8/image.png)
|
|
|
|
|
|
Notice that the "Generate PDF from album" and "Remove selected photos" buttons have been disabled, since the album does not contain any pictures.
|
|
|
|
|
|
If the album does contain pictures, it will appear like this:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_acbe6507f8a4478f.png)
|
|
|
![image](uploads/3b80a5ee9337b687725312684c0d4c03/image.png)
|
|
|
|
|
|
Notice how the "Generate PDF from album" and "Remove selected photos" buttons are now enabled, since the album contains pictures.
|
|
|
|
... | ... | @@ -237,21 +237,21 @@ Notice how the "Generate PDF from album" and "Remove selected pho |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_1925dba6e1834952.png)
|
|
|
![image](uploads/21eb595f701ef6eecea0bca540bc8ac2/image.png)
|
|
|
|
|
|
Press the "Browse" button to open the file explorer, and it will look something like this:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_d9416d3e519b90b.png)
|
|
|
![image](uploads/2258d439f13e410af11f474235cd6a1d/image.png)
|
|
|
|
|
|
Choose a directory for the PDF file to be saved to, and press "Open". You will be taken back to the previous window, where the file location will now be filled in the text field. Press the button saying "Download", and the PDF file will be saved in the chosen directory. It will also be automatically opened for you to see:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_584a2c8358105b40.png)
|
|
|
![image](uploads/7f288b9776e56fad41d503f407b97665/image.png)
|
|
|
|
|
|
## 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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_19cd647ba83ac05e.png)
|
|
|
![image](uploads/0d50d1341fd301ce67f97f098b66fc0b/image.png)
|
|
|
|
|
|
After selecting the wished images, press the "Remove selected photos" button.
|
|
|
|
... | ... | @@ -259,31 +259,31 @@ After selecting the wished images, press the "Remove selected photos" |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_ac51e8e5d6ee0c2d.png)
|
|
|
![image](uploads/ac588a7d5887f0efe87423afeb4c180f/image.png)
|
|
|
|
|
|
The other option is to click on the name of your album to access it. Once viewing the album, press the "Delete album":
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_3b7a359f211174b6.png)
|
|
|
![image](uploads/e23260106776125c6f8b54c0fd05d98b/image.png)
|
|
|
|
|
|
## Search through pictures
|
|
|
|
|
|
Press the "Photos" button from the main menu. This screen will now appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_dd9a9b60f636bf5b.png)
|
|
|
![image](uploads/94f3feac4516cd4b8fd127f37b673aa6/image.png)
|
|
|
|
|
|
If there are no photos here, you can press the "Add photo" button, to be redirected to the "Upload" screen, where you can upload photos. For more information about this read "Upload photo" section on page 9.
|
|
|
|
|
|
By using the field that says "Search for image…" you can either type in the title of the picture or the tags assigned to it, but not both at the same time! When searching by using the title it will look like this:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_ebc53e39f3dcca6a.png)
|
|
|
![image](uploads/07518f7370e7e6dfc9c81ead1f41662c/image.png)
|
|
|
|
|
|
When searching using multiple tags, it is important to remember to use comma as separation between each tag. The picture will also not show up if you have not completed the name of each tag.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_4ab67b2bc84cc38e.png)
|
|
|
![image](uploads/6b907b37814af4b33bfef7bd38792452/image.png)
|
|
|
|
|
|
If the tags are entered correctly it will look like this:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_989af10320038663.png)
|
|
|
![image](uploads/7dd3777c2e7ee123d9ebf240caa4d6c1/image.png)
|
|
|
|
|
|
##
|
|
|
|
... | ... | @@ -291,19 +291,17 @@ If the tags are entered correctly it will look like this: |
|
|
|
|
|
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.
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_b42ddd0d8ef092ee.png)
|
|
|
|
|
|
##
|
|
|
![image](uploads/5be4b2c2bed52769e404e7c13c5f3ae3/image.png)
|
|
|
|
|
|
## View map
|
|
|
|
|
|
To view the map, press the "Map" button from the main menu. This screen will now appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_bd39dfc64c1d7ca6.png)
|
|
|
![image](uploads/097754559a8775dfc19c25893fb9105a/image.png)
|
|
|
|
|
|
The "Kart" button in Norwegian or "Map" in English, shows the map as seen on the picture above. Pressing the "Hybrid" button displays the hybrid map of the world:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_fa791cac23691b1f.png)
|
|
|
![image](uploads/c97800edce0f19789a92cf50a52b5d9b/image.png)
|
|
|
|
|
|
Press the button with the plus sign to zoom in on the map, and the one with the minus sign to zoom out of the map. Navigate through the map by holding the main button on your cursor and dragging on the map.
|
|
|
|
... | ... | @@ -313,7 +311,7 @@ If you are unable to use a mouse, you can tab through the window, and use functi |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_8da4a0cc0da32726.png)
|
|
|
![image](uploads/9d0a166ad15841f241148e5881a452b9/image.png)
|
|
|
|
|
|
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.
|
|
|
|
... | ... | @@ -321,7 +319,7 @@ Here lies all the registered metadata and tags of the image. To close the pop-up |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_20b95da5a3b2ea7c.png)
|
|
|
![image](uploads/97a8e0dd8ccf5d0cc8999f7b144d44f1/image.png)
|
|
|
|
|
|
# Ending the session
|
|
|
|
... | ... | @@ -333,7 +331,7 @@ To log out of the application press the "Log out" button from the main |
|
|
|
|
|
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:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_37d894fe5a327875.png)
|
|
|
![image](uploads/026e0f7ce4aa9f90355f960bde5220d8/image.png)
|
|
|
|
|
|
Press the button saying "Yes" to exit the application or press "No" if you want to continue your session.
|
|
|
|
... | ... | @@ -341,16 +339,16 @@ Press the button saying "Yes" to exit the application or press "N |
|
|
|
|
|
To delete a user account, press the button saying "Delete user" from the main menu. This screen will now appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_bffdf0fe0b6c0430.png)
|
|
|
![image](uploads/6e5f5820759b0bbe620d9e16db12301f/image.png)
|
|
|
|
|
|
Enter the password to the user account. If wrong password is entered, this message will pop up: _"Password does not match your current password"._
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_25d6174810bac888.png)
|
|
|
![image](uploads/a2ca2ac931428f21eb81c52c7fce98ab/image.png)
|
|
|
|
|
|
Otherwise this confirmation box will appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_aa44fc54fd0899fd.png)
|
|
|
![image](uploads/5d8ae169d6caa5a39d3bad3bad40ea2f/image.png)
|
|
|
|
|
|
Select "Yes", and the user account will be deleted, at the same time you will be redirected to the "Log in" screen. A message confirming the deletion of the account will appear:
|
|
|
|
|
|
![](RackMultipart20200423-4-1318n33_html_1cf28dae7c915ce0.png) |
|
|
\ No newline at end of file |
|
|
![image](uploads/8209d5fc4231c14d9b8a43c42b50d9be/image.png) |
|
|
\ No newline at end of file |