REQUIREMENTS
Create a page for a WP website using the plugin WP Data Access. We aim to display rows of images based on a database query.
The database is existing (no data management). Nevertheless, it should be easy to replace the files with updated data.
The task consists into designing the query.
Finally, in Desktop view, the result should be exportable to PDF, possibly using an APP such as https://webtopdf.com/
Deadline: first half of 2022.
DATABASE STRUCTURE
We have two tables linked by the field ‘SPECIES’:
TABLE 1: ‘Species list’: SPECIES / HABITAT / PICTURE (URL image) / COMMON NAME / SCIENTIFIC NAME / STATUS / IDENTIFICATION / RED LIST
TABLE 2: ‘Species frequency’: SPECIES / SITE / MONTH / FREQUENCY / …
We want to display the result of a query in our WP site.
QUERY:
QUERY FIELD 1: ‘SITE’: ‘Doñana’/ …
QUERY FIELD 2: ‘MONTH’: ‘January’/ …
QUERY FIELD 3: Order: ‘Taxonomic order’/’Alphabetic order’/’Habitat’
RESULT – DESKTOP VIEW
BLOCK 1 ‘images’. Display all the species which ‘FREQUENCY’ is ‘Very Common’ or ‘Common’ in rows of 6 modules. For each modules:
- Main image = ‘PICTURE’.
- Background color is based on ‘HABITAT’ (10 types).
- Caption: A bullet which color is based on ‘IDENTIFICATION’ (4 types) followed by ‘COMMON NAME’ (in bold) and ‘SCIENTIFIC NAME‘ (in italic).
- Border is based on ‘RED LIST’ (5 types). If ‘FREQUENCY’ is ‘Common’, add a degree of opacity to the image (but not to the background).
BLOCK 2 ‘text’. For species which ‘FREQUENCY’ is ‘Unlikely’: display a text module with a list of ‘Common name’ (‘Scientific name‘) after the rows.
RESULT – SMARTPHONE VIEW
Similar but simpler. Rows of 3 modules.
- Main image (IDENTICAL)
- Background color (IDENTICAL)
- Caption: ‘COMMON NAME’ (in bold)
- Border (IDENTICAL)
BLOCK 2 ‘text’ (IDENTICAL)
SITE: Doñana
MONTH: January
ORDER: Taxonomic order
🟢 Common Name
Scientific name
🟢 Eagle owl
Bubo bubo
🟠 Bulbul
Scientific name
Warbler
Scientific name
🟠 Starling
Scientific name
Black-eared Wheater
Scientific name
🟢 Common Name
Scientific name
🟢 Eagle owl
Bubo bubo
🟠 Bulbul
Scientific name
Warbler
Scientific name
🟠 Starling
Scientific name
Black-eared Wheater
Scientific name
🟢 Common Name
Scientific name
🟢 Eagle owl
Bubo bubo
🟠 Bulbul
Scientific name
Warbler
Scientific name
🟠 Starling
Scientific name
Black-eared Wheater
Scientific name