# Web Projects Gallery
## ➔ Geomatics
+ Mistletoe-infested trees. Inventory within an urban polygon.
+ ESRI ArcGIS & ArcGIS StoryMaps.


| Guadalajara City Metropolitan Area  <br />  Each color represents an Administrative area. | Zapopan Downtown <br />  View of Study Area: Inventory of 2,500 trees.|
| ----------- | ----------- |
| ![Urban Heritage Protection Area](img/thn_georeferenced_inventory_trees_A.png )  <br /> [&#8594; Available at ArcGIS StoryMaps](https://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=e02b45f5efb74b10a24bc7ad9f962b7f " ESRI ArcGis Story Maps").    | ![Urban Heritage Protection Area](img/thn_georeferenced_inventory_trees_B.png )   [&#8594; Available at ArcGIS StoryMaps](https://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=e02b45f5efb74b10a24bc7ad9f962b7f " ESRI ArcGis Story Maps").   |
| **Urban Heritage Protection Area**  <br /> Represented by the blue dotted line.   | **Study Area Zoom In**  <br /> Red trees are Mistletoe-infested.|
| ![Urban Heritage Protection Area](img/thn_georeferenced_inventory_trees_C.png ) [&#8594; Available at ArcGIS StoryMaps](https://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=e02b45f5efb74b10a24bc7ad9f962b7f " ESRI ArcGis Story Maps"). | ![Urban Heritage Protection Area](img/thn_georeferenced_inventory_trees_D.png )    [&#8594; Available at ArcGIS StoryMaps](https://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=e02b45f5efb74b10a24bc7ad9f962b7f " ESRI ArcGis Story Maps").     |

---

## &#10132; GUI & UX design

### University Historical Photograph Collection
+ Open Access Initiative, OAI.

| ITESO University Academic Repository      | Universities Entrusted to the Society of Jesus In Latin America Repository |
| ----------- | ----------- |
| ![Urban Heritage Protection Area](img/thn_front_archivo_iteso_1.png )      | ![Urban Heritage Protection Area](img/thn_front_archivo_iteso_2.png )      |
| [&#8594; More images on Adobe Portfolio [here]](https://leobardooscar.myportfolio.com/university-historic-photograph-collection "Behance portfolio ").   | [&#8594; More images on Adobe Portfolio [here]](https://leobardooscar.myportfolio.com/university-historic-photograph-collection "Behance portfolio ").        |


### Library Web portal
+ ITESO University Library Web portal
+ Drupal

| Front A      | Front B |
| ----------- | ----------- |
| ![Urban Heritage Protection Area](img/thn_front_portal_biblioteca.png )      | ![Urban Heritage Protection Area](img/thn_front_portal_biblioteca_IEEE.png )      |
| [&#8594; CV Boostrap version & Project Gallery [here] ](https://leobardooscar.github.io/portfolio/gui_ux.html "GUI & UX design works").   | [&#8594; CV Boostrap version & Project Gallery [here] ](https://leobardooscar.github.io/portfolio/gui_ux.html "GUI & UX design works").        |

---

## &#10132; GUI Customization
### Discovery Search
+ Online Public Access Catalog Discovery Search
+ Vufind 

| Home      | Browse |
| ----------- | ----------- |
| ![Urban Heritage Protection Area](img/thn_front_vufind.png )      | ![Urban Heritage Protection Area](img/thn_browse_vufind.png )      |
| [&#8594; Available online [here]](https://opac.biblio.iteso.mx/vufind/ "Front page").   | [&#8594; Available online [here] ](https://opac.biblio.iteso.mx/vufind/browse/ "Browse").        |

### Academic repositories 
+ DSpace repositories branding

| Home      | Browse |
| ----------- | ----------- |
| ![REI Repository](img/thn_front_rei.png )      | ![Ausjal Repository](img/thn_front_ausjal.png )      |
| [More images on Adobe Portfolio [here]](https://leobardooscar.myportfolio.com/academic-institutional-repository-v2 "Behance portfolio ").   | [More images on Adobe Portfolio [here]](https://leobardooscar.myportfolio.com/repository-of-the-association-of-universities-entrusted "GUI & UX design works").        |


### Thesauri
+ Online Library's Thesauri 

| Home      | Browse |
| ----------- | ----------- |
| ![REI Repository](img/thn_online_thesaurus.png )      | ![Ausjal Repository](img/thn_online_thesaurus_search_results.png )      |
| [Boostrap version CV & Project Gallery [here]](https://leobardooscar.github.io/portfolio/gui_ux.html "Behance portfolio ").   | [Boostrap version CV & Project Gallery [here]](https://leobardooscar.github.io/portfolio/gui_ux.html "GUI & UX design works").        |



## &#10132; SVG GUI design.

+ Library building floors.  
+ Scalable Vector Graphics (SVG) Interactive Map. ITESO University.

| Floor one     | Floor two |
| ----------- | ----------- |
| ![Planta baja](img/thn_planta_baja_biblioteca.png )      | ![Planta alta](img/thn_planta_alta_biblioteca.png )      |
| [SVG online version [here]](https://leobardooscar.github.io/portfolio/svg.html "SVG").   | [SVG online version [here]](https://leobardooscar.github.io/portfolio/svg.html "SVG").        |

---

[More images on Behance Portfolio [here]](https://leobardooscar.myportfolio.com/ " ").

[Boostrap version CV & Project Gallery [here] ](https://leobardooscar.github.io/portfolio/geomatics.html "Geomatics").