Jump to content

Wikimedia Italia/Web app Wiki Loves Monuments/Frontend

From Meta, a Wikimedia project coordination wiki

Overview

[edit]

The Wiki Loves Monuments app starts with a "tutorial" interface. This series of slides explains, through textual and visual descriptions, how users can use the app, focusing on the most important interfaces.

After completing the tutorial, a country selection interface will appear.

Once this selection is made, the user will be directed to the map.

At the top, the navigation bar is always present:

  • Login
  • Legend
  • Country selection
  • Burger Menu

In the menu, users can:

  • Select a country
  • Select the language
  • Make a donation
  • Review the app's tutorial
  • Learn more about WLM
  • Login or Logout

Legend

[edit]

The legend is always present at the top right, providing users with quick access to any part of the app.

In the first part, the symbols representing the types of monuments that can be found on the map or in the list are identified.

In the second part, the colors of the marker are explained, which indicate the number of photos associated with a monument, as well as the colors of the icon inside the marker.

Country Selection

[edit]

The country selection is requested upon the first access to the platform, right after the app tutorial.

Once inside the main interface, the country selection can be modified either from the menu or from the flag icon in the navigation bar, next to the legend.

From the country selection interface, various information about the selectable countries is displayed:

  • number of monuments available
  • upcoming photo contest
  • currently active contest (if any)

Login and Profile

[edit]

The app can also be used without logging in, but only to view various monuments.

To fully utilize the app and unlock the loading of monument images, it is necessary to log in.

To log in to the app, you will be redirected to the Wikimedia Commons login page. Here, you can either log in if you already have an account or create a new Wikimedia Commons account.

Once logged in, it is important to provide consent in order to proceed and use the app, including uploading images or editing pages.

After logging in, you will be redirected to the wiki loves monuments app, where your account's Username will appear in the top left corner.

To logout, simply access the menu, where you will find the "logout" option at the bottom, or go to your user profile, where there will be a dedicated button.

User Profile

[edit]

In the profile, you can:

  • view your Username
  • log out
  • view the photos uploaded to the app with this account
  • go to the page collecting the images uploaded to Wikimedia Commons

Map and List

[edit]

The map and list are synchronized: what you see on the map corresponds to what you see on the list, except for specific monuments (only present in the list) that do not have a geolocation reference.

The filters on the left allow you to refine the search for monuments by:

  • municipalities
  • monument categories
  • out-of-competition monuments (showing all the monuments on the map)
  • monuments without photos (to promote discovery and highlight monuments without any uploaded photos)
  • monuments without coordinates (only in the list)

The switch between map and list, located in the top left corner of the map/list panel, allows for quick change of view.

This feature is very useful when viewing the details of a monument, which will appear in a third quadrant on the right, leaving the map or list view to its left.

 

This way, you can both see where the selected monument is located, and it is extremely easy to move slightly and select other monuments in the area.

The list becomes very useful if you want to directly search for the monument of interest by name: once found and selected, its card will always appear on the right.

Map

[edit]

In the top right corner of the map, there are commands to move with zoom.

In the bottom right corner, there is the cluster, which is a function that allows you to "explode" the numbered blue dots and display all the markers present in the framed area. This feature can only be used when zoomed in to a certain level.

Here's an example below:

 

In some cases, there are small clusters that do not split. By clicking on them, the two monuments that correspond to those exact coordinates will be shown together (which is why they overlap on the map).

Below the cluster, there is a button that allows you to view the area where you are on the map through geolocation. By clicking on it, if you haven't already given consent to use geolocation, a message requesting access will appear from the browser.

When you identify a monument that you want to explore, simply click on it and a larger marker with the monument's name will appear on the map, and to the right of the map, its detail page will appear.

List

[edit]

If you access the list for the first time and have not yet had the opportunity to consent to the use of geolocation, the browser will definitely ask for consent to access certain app functions.

The convenience of the list is that you can directly search for a monument by name, or combine filters and sorting options to analyze the list in more detail.

In fact, in addition to the filters on the left seen previously, the list presents sorting options on its right:

  • Distance from the user's current location (geolocation required)
  • Least photographed
  • Alphabetical order

Unlike the map, the list can display additional information about the monuments:

  • Municipality of belonging
  • Fraction
  • Exact number of photographs
  • Distance in kilometers from the user
  • Monuments without coordinates

Image Upload

[edit]

To upload images to the details of a monument, it is necessary to log in with your Wikimedia Commons profile. (here for more information on login)

By clicking on the upload photo button, the system interface for selecting the desired image(s) will open.

After selecting the images, an interface will open where the following data can be edited:

  • Image title
  • Image description
  • Date the photo was taken

Of course, there is always the option to delete a photo or make a new selection.

Once the photos are uploaded, they will be sent to Wikimedia, which will perform a review of the image criteria and entered data.

If the upload is successful, a confirmation message of successful upload will appear.

Wizard Upload

[edit]

This function is designed for more experienced users: Upload Wizard allows you to upload one or multiple photos to Wikimedia, carrying all the data of the monument from which you started from the app. The user is then free to modify the various information, but the data entry work is greatly facilitated.

At the bottom of the detail page of a monument in the WLM app, you can find a series of links. Among these, there is the option.

The information collected from the monument pages varies depending on its participation in the WLM photo contest.

If the monument is in the contest:

  • active contest
  • categories
  • WLM number
  • description

If the monument is not in the contest:

  • categories
  • description

Once you click on Wizard Upload, you will be redirected to the photo upload interface.

Select the media you want to upload, always referring to the monument you started from, and set the parameters for the Creative Commons License. Once the images are uploaded, fill in the missing data or add additional information to enrich the form.

After uploading the images, you will receive a successful upload feedback (along with useful links) and you will only have to wait for the various checks performed by Wikimedia.

LimeSurvey

[edit]

In order to give users the ability to report errors about monuments in the database, a survey feature is available directly in the web application. Please note that this feature might be not available for a specific country, if the related survey has not been configured. The reporting forms are based on the Limesurvey platform.

There are two reporting options:

  • Specific reporting about an existing monument
  • General reporting, that allows to indicate a missing monument or other general issues (based on the form configured for each country)

In both cases informations about the current user and its location are automatically transferred to the reporting forms.

Specific reporting (existing monument)

[edit]

On the detail section of a selected monument there is a button that opens the reporting form in a new browser tab. The related monument is automatically referenced via its Q number.

General reporting

[edit]

From the hamburger menu of the web application, select the "Limesurvey" option. A Limesurvey form will open in a new browser tab.

[edit]

Other projects

[edit]