QR Code management: Difference between revisions

From Biolovision Help
Jump to navigation Jump to search
 
(30 intermediate revisions by the same user not shown)
Line 19: Line 19:


<center>
<center>
<div class="toc" style="border-radius: 5px; padding: 25px; text-align: left; font-family: sans-serif; color: black; width: 750px; background-color: #ffffdb">
<div class="toc" style="border-radius: 5px; padding: 25px; text-align: left; font-family: sans-serif; color: black; width: 750px; background-color: hsl(157, 74%, 80%);">
<!-- GREEN BOX (Tips): hsl(157, 74%, 80%)  
<!-- GREEN BOX (Tips): hsl(157, 74%, 80%)  
YELLOW BOX (Summaries): #ffffdb"
YELLOW BOX (Summaries): #ffffdb"
Line 30: Line 30:
<span style="color: #000000; margin-left: 25px;"><b>· </b>Control its visibility: avoid reflection, create and print large enough, leave empty space around it, control the contrast... <br/>
<span style="color: #000000; margin-left: 25px;"><b>· </b>Control its visibility: avoid reflection, create and print large enough, leave empty space around it, control the contrast... <br/>
<span style="color: #000000; margin-left: 25px;"><b>· </b>Say what the QR code is for. <br/>
<span style="color: #000000; margin-left: 25px;"><b>· </b>Say what the QR code is for. <br/>
<span style="color: #000000; margin-left: 25px;"><b>· </b>Download The naturaList logo to print it next to the QR code. <br/>
<span style="color: #000000; margin-left: 25px;"><b>· </b>Download the NaturaList logo to print it next to the QR code. <br/>
</p>
</p>


Line 36: Line 36:
</center>
</center>
<br />
<br />
<br/>
__NOTOC__
<div class="toc" style="width:350px;"> <!-- La llargada s'ha de canviar aquí -->
<div class="mw-collapsible mw-collapsed" data-expandtext="Show" data-collapsetext="Hide"  style="width:300px;margin-bottom:0px;margin-top:0px;background-color:#f7f7f7;">
&nbsp; '''Contents'''
<div class="mw-collapsible-content" style="width:350px;background-color:#f7f7f7;"> <!-- I també cal canviar la llargada aquí -->
<ol>                                             
1. [[QR Code management#Places and QR code creation|Places and QR code creation]] <br /> 
<ol>1.1 [[QR Code management#Create code|Create a QR code for this site]]<br/>
1.2 [[QR Code management#Export views 1|Export views]]<br/></ol></ol>
<ol> 2. [[QR Code management#QR code group|QR code group]]<br/>
3. [[QR Code management#Advertising|Advertising]]<br/>
4. [[QR Code management#Add advertising to places|Add advertising to places]]<br/>
5. [[QR Code management#Partner|Partner]]<br/>
6. [[QR Code management#Add partners to places|Add partners to places]]<br/>
</ol>
</div>
</div>
</div>
<br/>
<br/>


Line 130: Line 151:
<br/>
<br/>


To generate a QR code: <br/>
<center>
<div class="toc" style="border-radius: 5px; padding: 25px; text-align: left; font-family: sans-serif; color: black; width: 90%;background-color:white;">
<span id="Create code"></span>
<b>Create a QR code for this place</b><br/>
<br/>
 
<center>
<div class="toc" style="border-radius: 5px; padding: 25px; text-align: left; font-family: sans-serif; color: black; width: 400px; background-color: #ffffdb">
<!-- GREEN BOX (Tips): hsl(157, 74%, 80%)
YELLOW BOX (Summaries): #ffffdb"
BLUE BOX (Information): hsl(201, 100%, 89%)
RED BOX (Warnings):  hsl(0, 77%, 78%) -->
 
<p>
<b>To generate a QR code: </b><br/>
<span style="color: #000000; margin-left: 25px;"><b>1. </b>Select size of QR code from the expandable menu. <br/>
<span style="color: #000000; margin-left: 25px;"><b>1. </b>Select size of QR code from the expandable menu. <br/>
<span style="color: #000000; margin-left: 25px;"><b>2. </b>Check the cell <b>Transparent background?</b> if interested. <br/>
<span style="color: #000000; margin-left: 25px;"><b>2. </b>Check the cell <b>Transparent background?</b> if interested. <br/>
Line 136: Line 171:
<span style="color: #000000; margin-left: 25px;"><b>4. </b>Generate the code. <br/>
<span style="color: #000000; margin-left: 25px;"><b>4. </b>Generate the code. <br/>
<span style="color: #000000; margin-left: 25px;"><b>5. </b>Download NaturaList code to place it next to your QR. <br/>
<span style="color: #000000; margin-left: 25px;"><b>5. </b>Download NaturaList code to place it next to your QR. <br/>
</p>
</div>
</center>
<br />
To generate a QR code: <br/>
<span style="color: #000000; margin-left: 25px;"><b>1. </b>Select size of QR code from the expandable menu. <br/>
<span style="color: #000000; margin-left: 25px;"><b>2. </b>Check the cell <b>Transparent background?</b> if interested. <br/>
<br/>
<center>
{| style="text-align:left; border:0px solid black; vertical-align:top;"|
|-
|style="padding: 10px"|
<div class="toc" style="border-radius:5px;background-color:lightyellow;width:250px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
[[File:QR_Code_non_transparent.png|250px|link=]]
<div class="toc" style="border-radius:5px;width:225px;padding-left:15px;text-align:left; font-size:12px">
'''Normal QR code (unchecked cell). Example.'''
</div>
</div>
|style="padding: 10px"|
<div class="toc" style="border-radius:5px;background-color:lightyellow;width:250px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
[[File:QR_Code_transparent.png|250px|link=]]
<div class="toc" style="border-radius:5px;width:225px;padding-left:15px;text-align:left; font-size:12px">
'''Transparent QR code (Checked cell). Example.'''
</div>
</div>
|}
</center>
<br/>
<br/>
<span style="color: #000000; margin-left: 25px;"><b>3. </b>Check guidelines if necessary. <br/>
<span style="color: #000000; margin-left: 45px;"><b>· </b>Make sure there is internet where you intend to post the QR code. Ie. 3G/4G... <br/>
<span style="color: #000000; margin-left: 45px;"><b>· </b>Control its visibility: avoid reflection, create and print large enough, leave empty space around it, control the contrast... <br/>
<span style="color: #000000; margin-left: 45px;"><b>· </b>Say what the QR code is for. <br/>
<br/>
<span style="color: #000000; margin-left: 25px;"><b>4. </b>Click on the QR to see final result. <br/>
<br/>
<center>
<div class="toc" style="border-radius:5px;background-color:#ffffff;padding-left:8px;padding-right:8px;padding-bottom:8px;width:300px;">
[[File:QR click example.png|300px|link=https://help.biolovision.net/images/4/4e/QR_click_example.png]]
<div class="toc" style="border-radius:5px;padding-left:15px;text-align:left; font-size:12px;width:275px;">
'''Final result. Example.'''
</div>
</div>
</center>
<br/>
<br/>
<span style="color: #000000; margin-left: 25px;"><b>5. </b>Generate the code. <br/>
<span style="color: #000000; margin-left: 25px;"><b>6. </b>Download NaturaList code to place it next to your QR. <br/>
<br/>
<br/>
<br/>
<br/>
Line 156: Line 247:
<br/>
<br/>
<br/>
<br/>
</div>
</center>
<br/>
<br/>


<span id="Edit 1"></span>
<span id="Edit 1"></span>
Line 242: Line 339:


<span id="Export views 1"></span>
<span id="Export views 1"></span>
<center>
<div class="toc" style="border-radius: 5px; padding: 25px; text-align: left; font-family: sans-serif; color: black; width: 95%; background-color: white">
<b>8. Export views</b><br/>
<b>8. Export views</b><br/>
Export a /txt file summarising number of visits each QR code in the local portal had. <br/>
Export a .txt file summarising number of visits each QR code in the local portal had. <br/>
Downloading the .txt requires identification. <br/>
Downloading the .txt requires identification. <br/>
It can later be displayed on an excel sheet. See [[Media:export views excel.png|here an example]]. <br/>
<br/>


<span style="color: #000000; margin-left: 25px;">1. Select the year to download visits from the expandable menu. <br/>
<span style="color: #000000; margin-left: 25px;">1. Select the year to download visits from the expandable menu. <br/>
Line 261: Line 362:
'''2.''' Start download. <br/>
'''2.''' Start download. <br/>
</p>
</p>
</div>
</center>
<br/>
</div>
</div>
</center>
</center>
Line 392: Line 497:
<br/>
<br/>


[[QR Code management#QR code group|[Top to QR code group}}}<br/>
[[QR Code management#QR code group|[Top to QR code group]]]<br/>
[[#top|[Back to QR Code management]]]<br/>
[[#top|[Back to QR Code management]]]<br/>
<br/>
<br/>
Line 418: Line 523:
'''Insertion date:''' Date and time the logo was uploaded. <br/>
'''Insertion date:''' Date and time the logo was uploaded. <br/>
</p>
</p>
</div>
</center>
<br/>
<br/>
Advertisers' logos are displayed on the main screen when scanning the QR code. <br/>
<br/>
<center>
<div class="toc" style="border-radius:5px;background-color:#ffffff;padding-left:8px;padding-right:8px;padding-bottom:8px;width:300px;">
[[File:example advertising.png|300px|link=https://help.biolovision.net/images/a/af/Example_advertising.png]]
<div class="toc" style="border-radius:5px;padding-left:15px;text-align:left; font-size:12px;width:275px;">
'''Example advertising.'''
</div>
</div>
</div>
</center>
</center>
Line 520: Line 639:
</center>
</center>
<br/>
<br/>
<br/>
[[QR Code management#Advertising|[Top to Advertising]]]<br/>
[[#top|[Back to QR Code management]]]<br/>
<br/>
<br/>


Line 649: Line 772:
</center>
</center>
<br/>
<br/>
<br/>
[[QR Code management#Add advertising to places|[Top to Add advertising to places]]]<br/>
[[#top|[Back to QR Code management]]]<br/>
<br/>
<br/>


Line 674: Line 801:
'''Insertion date:''' Date and time the partner is uploaded. <br/>
'''Insertion date:''' Date and time the partner is uploaded. <br/>
</p>
</p>
</div>
</center>
<br/>
<br/>
Partners' logos are displayed at the bottom of the screen when consulting the list of observations. <br/>
<br/>
<center>
<div class="toc" style="border-radius:5px;background-color:#ffffff;padding-left:8px;padding-right:8px;padding-bottom:8px;width:300px;">
[[File:Partner example.png|300px|link=https://help.biolovision.net/images/f/f4/Partner_example.png]]
<div class="toc" style="border-radius:5px;padding-left:15px;text-align:left; font-size:12px;width:275px;">
'''Partner logo. Example.'''
</div>
</div>
</div>
</center>
</center>
Line 786: Line 927:
</center>
</center>
<br/>
<br/>
<br/>
[[QR Code management#Partner|[Top to Partner]]]<br/>
[[#top|[Back to QR Code management]]]<br/>
<br/>
<br/>


Line 919: Line 1,064:
<br/>
<br/>


[[QR Code management#Add partners to places|[Top to Add partners to places]]]<br/>
[[#top|[Back to QR Code management]]]<br/>
<br/>
<br/>

Latest revision as of 16:01, 10 September 2025


Administration > QR code management

2023-04-22 QR Code management.png

QR Code management.



Create a QR code to share observation of an area with other naturalists regardless if they are NaturaList users.

For creating a code, consider:
· Make sure there is internet where you intend to post the QR code. Ie. 3G/4G...
· Control its visibility: avoid reflection, create and print large enough, leave empty space around it, control the contrast...
· Say what the QR code is for.
· Download the NaturaList logo to print it next to the QR code.





Places and QR code creation


See existing QR codes.

QR creation menu.png

QR code creation menu 1.

1. Search
2. Page display
3. Details
4. Edit
5. Delete

ID: Number automatically assigned to this QR entry.
Name: Name given to this QR.
Radius: Distance from a central point whithin which the QR applies.
Number of days: Last number of days the QR shows observations.
Project/partner: Project/partner involved whose logo will be displayed when scanning the QR code, if any

QR creation menu 2.png

QR code creation menu 2.

6. New
7. Export
8. Export views



1. Search
Reduce list by typing the name of a site, user, or part of it, and click SEARCH.
When a filter is applied and you want to deactivate it, click on DISPLAY ALL to see the full list.

2. Page and items
Select page number and/or number of items per page. Count indicate the total of items found for the search.

3. Details
See details of the QR code and generate the code if necessary.

QR details.png

QR Code details.

ID: Automatically assigned number to identify this QR code.
Name: Name given to the QR code.
Coordinates: Coordinates at the center of the area the QR code applies to.
Radius: Radius from coordinates delimiting the area the QR code applies to.
Number of days: Number of last days the QR code covers.
Project / partner: Collaborator's name, if any.
Advertising?: Indicates if there is any publicity involved.
Comment: Comment left by the creator, if any, in the languages chosen when created the QR code.
Update date: Date of last update.
Insertion date:

BACK: Go to previous screen without saving.
EDIT: Modify any of the fields.
DELETE: Delete QR code.



Create a QR code for this place

To generate a QR code:
1. Select size of QR code from the expandable menu.
2. Check the cell Transparent background? if interested.
3. Check guidelines if necessary.
4. Generate the code.
5. Download NaturaList code to place it next to your QR.


To generate a QR code:
1. Select size of QR code from the expandable menu.
2. Check the cell Transparent background? if interested.

QR Code non transparent.png

Normal QR code (unchecked cell). Example.

QR Code transparent.png

Transparent QR code (Checked cell). Example.




3. Check guidelines if necessary.
· Make sure there is internet where you intend to post the QR code. Ie. 3G/4G...
· Control its visibility: avoid reflection, create and print large enough, leave empty space around it, control the contrast...
· Say what the QR code is for.

4. Click on the QR to see final result.

QR click example.png

Final result. Example.



5. Generate the code.
6. Download NaturaList code to place it next to your QR.


Generate code.png

Generate QR code.

1. Choose size.
2. Choose transparency.
3. Check guidelines.
4. Generate the code.
5. Add NaturaList code.






4. Edit
Modify information of a QR code.

1. Modify if necessary site's basic details: Name and coordinates.
· Type new coordinates or select from the map below. See wiki section Web interface > Local portal > Navigating the map to know how to navigate the map if necessary.
2. Modify QR parameters for the site:
· Radius: Select from the expandable menu the radius from given coordinates delimiting the area the QR code applies to.
· Number of days: Select from the expandable menu the number of days the QR will be valid.
· Project / partner: Type the name, or part of the name, of the project or partner whose icon will be displayed when scanning the QR code on the left hand field, and select the project/partner name from the expandable menu on the right.
· Advertising?: Check if the QR code contains any publicity.
· Comment: Leave a comment if appropriate. Select the name of the language from the taps and type a comment in the language selected (see image as an example).
3. When done, press ADD.

New 1.png New 2.png

Create a new QR code.




5. Delete
Use Bin yellow.png to delete the selected QR code.

See a summary of QR details and
· Press YES to definitely delete the QR code, or
· Press NO to cancel delete and keep the QR code.

Delete QR.png

Delete QR code.




6. New
Create a new QR code.

1. Provide site's basic details: Name and coordinates.
· Type coordinates or select from the map below. See to know how to navigate the map if necessary.
2. Set QR parameters for the site:
· Radius: Select from the expandable menu the radius from given coordinates delimiting the area the QR code applies to..
· Number of days: Select from the expandable menu the number of days the QR will be valid.
· Project / partner: Type the name, or part of the name, of the project or partner whose icon will be displayed when scanning the QR code on the left hand field, and select the project/partner name from the expandable menu on the right.
· Advertising?: Check if there is any advertising or partner.
· Comment: Leave a comment if appropriate. Select the name of the language from the taps and type a comment in the language selected (see image as an example).
3. When done, press ADD.

New 1.png New 2.png

Create a new QR code.



7. Export
Export details of existing QR codes on the local portal as a .txt file.

8. Export views
Export a .txt file summarising number of visits each QR code in the local portal had.
Downloading the .txt requires identification.
It can later be displayed on an excel sheet. See here an example.

1. Select the year to download visits from the expandable menu.
2. Press EXPORT VIEWS
3. Enter the username and password you use to register in any ornitho portal or NaturaList application.

Export views 2.png

Export views of QR codes.

1. Select the year to visualise the data.
2. Start download.




[Top to Places and QR code creation]
[Back to QR Code management]

QR code group


List or partners and projects participating in QR codes in this local portal.

QR code group.png

QR Code group.

1. Details
2. Edit
3. Delete
4. New

ID: Automatically assign number to identify the entry.
Project / partner: Name of the project / partner.



1. Details
See details of the selected QR partner.

Details QR group.png

QR Code group. Details.

ID: Automatically assigned number to the entry.
Project/Partner: Name of the project or partner selected.

BACK: Go back to previous screen.
EDIT: Modify any detail of the selected project/partner.
DELETE: Delete partner/project selected.



2. Edit
Modify name of partner or project.

Edit QR group.png

QR Code group. Edit.

Project/Partner: Name of the project or partner selected.

BACK: Go back to previous screen without saving.
MODIFY: Save changes.



3. Delete
Press Bin yellow.png to delete the selected partner or project.

· Press YES to definitely delete the project/partner, or
· Press NO to cancel delete and keep the project/partner.

Delete QR group.png

QR Code group. Delete.



4. New
Create a new Partner or project.

1. Type the name of partner or project involved.
2. Press ADD to save the new partner/project.

New QR group.png

QR Code group. Delete.

Project/Partner: Type the name of the project or partner participating on the QR code.

BACK: Go to previous screen without saving.
ADD: Save new project/partner.



[Top to QR code group]
[Back to QR Code management]

Advertising


List of logos of advertising parties.

Advertising.png

Advertising.

1. Details
2. Edit
3. Delete
4. New

File: Advertising logo. Note it should be 420px long.
Insertion date: Date and time the logo was uploaded.



Advertisers' logos are displayed on the main screen when scanning the QR code.

Example advertising.png

Example advertising.



1. Details
See logo and insertion date of advertiser.

Advertising details.png

Advertising. Details.

File: See advertiser's logo.
Insertion date: Date and time the logo was uploaded.

BACK: Go to previous screen.
EDIT: Change advertiser's logo.
DELETE: Delete advertiser's logo.



2. Edit
Modify advertiser logo.

1. Press Choose from and
2. Select the logo to upload from your computer.
3. Press MODIFY to change logo.

The new logo will appear directly on the main list.

Edit advertising.png

Advertising. Edit.

BACK: Go to previous screen without saving.
MODIFY: Save changes.



3. Delete
Use Bin yellow.png to delete the selected logo.

See a summary of QR details and
· Press YES to definitely delete the logo, or
· Press NO to cancel delete and keep the logo.

Delete advertising.png

Advertising. Delete.





4. New
Upload a new advertising logo.

1. Press Choose from and
2. Select the logo to upload from your computer.
The file name will be shown next to the button (see image below).
3. Press ADD to upload the new logo.

The new logo will appear directly on the main list.

New advertising.png

Advertising. New.



[Top to Advertising]
[Back to QR Code management]

Add advertising to places


Associate an advertising logo to a place.

Add advertising.png

Add advertising to place.

1. Details
2. Edit
3. Delete
4. New

Place linked to an advertisement: Name of a place the advertisement is associated to.
Advertising: File name and extension of advertiser's logo.



1. Details
See details of selected entry.

Add advertising details.png

Add advertising to place. Details.

Place linked to an advertisement: Name of a place the advertisement is associated to.
Advertising: File name and extension of advertiser's logo.

BACK: Go to previous screen.
EDIT: Modify place name and/or logo.
DELETE: Delete selected entry.



2. Edit
Modify place name and/or advertiser's logo, if necessary.

1. Change place name by typing name, or part of it, on the left hand field and selecting from the expandable menu on the right.
2. Change advertiser's logo by typing the logo's file name, or part of it, on the left hand field and selecting from the expandable menu on the right.

Add advertising edit.png

Add advertising to place. Edit.

1. Change place name.
2. Change advertiser's logo.

BACK: Go to previous screen without saving.
MODIFY: Save new place name and/or logo.



3. Delete
Use Bin yellow.png to delete the selected entry.

See name and advertiser's logo file and
· Press YES to definitely delete the entry, or
· Press NO to cancel delete and keep the entry.

Add advertising delete.png

Add advertising. Delete.



4. New
Associate a place to an advertiser's logo.

1. Select place name by typing name, or part of it, on the left hand field and selecting from the expandable menu on the right.
2. Select advertiser's logo by typing the logo's file name, or part of it, on the left hand field and selecting from the expandable menu on the right.

Add advertising new.png

Add advertising. New.

1. Select place name.
2. Select advertiser's logo.

BACK: Go to previous screen without saving.
ADD: Save new place name - logo.



[Top to Add advertising to places]
[Back to QR Code management]

Partner


List of collaborating parties (partners) with their logos and websites.

Partner.png

QR code partner.

1. Details
2. Edit
3. Delete
4. New

File: Partner's logo.
URL Source: Partner's website.
Insertion date: Date and time the partner is uploaded.



Partners' logos are displayed at the bottom of the screen when consulting the list of observations.

Partner example.png

Partner logo. Example.



1. Details
See details of selected partner.

Partner details.png

Partner. Details.

File: Partner's logo.
URL Source: Partner's website.
Insertion date: Date and time the partner is uploaded.

BACK: Go to previous screen.
EDIT: Modify place name and/or logo.
DELETE: Delete selected entry.



2. Edit
Edit details of selected partner.

1. Change partner's logo by typing the logo's file name, or part of it, on the left hand field and selecting from the expandable menu on the right.
1. Change partner's name by typing name, or part of it, on the left hand field and selecting from the expandable menu on the right.

Partner edit.png

Partner. Edit.

1. Change partner's logo.
2. Change partner's name.

BACK: Go to previous screen without saving.
MODIFY: Save new partner's name and/or logo.



3. Delete
Use Bin yellow.png to delete the selected entry.

See a summary partner's details and
· Press YES to definitely delete the entry, or
· Press NO to cancel delete and keep the entry.

Partner delete.png

Partner. Delete.




4. New
Create a new entry for a partner.

1. Upload partner's logo:
· Press Choose from and
· Select the logo to upload from your computer.
The file name will be shown next to the button (see image below).
· Press ADD to upload the new logo.
The new logo will appear directly on the main list.
2. Type the partner's website address.

Partner new.png

Partner. New.

1. Select advertiser's logo.
2. Type partner's website address.

BACK: Go to previous screen without saving.
ADD: Save new place name - logo.



[Top to Partner]
[Back to QR Code management]

Add partners to places


List of partner's and the places they are associated to.

Add partners.png

Add partners to places.

1. Details
2. Edit
3. Delete
4. New

1. Place linked to a partner: Places the partners are associated to.
2. Partner: File containing partner's logo and extension.



Details
See details of partners's logo files and the places they are associated to.

Add partner details.png

Add partners to places. Details.

Place linked to a partner: Name of a place the partner is associated to.
partner: File name and extension of partner's logo.

BACK: Go to previous screen.
EDIT: Modify place name and/or logo.
DELETE: Delete selected entry.



Edit
Modify the partner's logo and/or name, if necessary.

1. Change place name by typing name, or part of it, on the left hand field and selecting from the expandable menu on the right.
2. Change partner's logo by typing the file name, or part of it, on the left hand field and selecting from the expandable menu on the right.

Add partner edit.png

Add partners to places. Edit.

1. Change place name.
2. Change partner's logo.

BACK: Go to previous screen without saving.
MODIFY: Save new place name and/or logo.




Delete
Use Bin yellow.png to delete the selected entry.

See partner's name and logo file and
· Press YES to definitely delete the entry, or
· Press NO to cancel delete and keep the entry.

Add partner delete.png

Add partners to places. Delete.



New
Associate a place to a partner's logo.

1. Select place name by typing name, or part of it, on the left hand field and selecting from the expandable menu on the right.
2. Select partner's logo by typing the logo's file name, or part of it, on the left hand field and selecting from the expandable menu on the right.

Add partner new.png

Add partners to places. New.

1. Select place name.
2. Select partner's logo.

BACK: Go to previous screen without saving.
ADD: Save new place name - logo.



[Top to Add partners to places]
[Back to QR Code management]