# Web Projects Gallery

---

## ➔ GUI Design
### Library Web portal
+ ITESO University Library Web portal
+ **Platform: Drupal**

| Front A      | Front B |
| ----------- | ----------- |
| ![TESO University Library Web portal. Front ](img/thn_front_portal_biblioteca.png )      | ![TESO University Library Web portal. Front with IEEE academic information service promotion](img/thn_front_portal_biblioteca_IEEE.png )      |
| [→ Project Image Gallery](https://leobardooscar.github.io/portfolio/gui_ux.html "GUI & UX design works").   | [→ Project Image Gallery](https://leobardooscar.github.io/portfolio/gui_ux.html "GUI & UX design works").        |
| [→ Available on Internet Archive](https://web.archive.org/web/20190422142612/https://biblio.iteso.mx/ "Front").  |  |


---

## ➔ GUI Customization
### Discovery Search
+ Online Public Access Catalog Discovery Search
+ **Platform: Vufind** 

| Home      | Browse |
| ----------- | ----------- |
| ![Online Public Access Catalog Discovery Search. Front](img/thn_front_vufind.png )   | ![Online Public Access Catalog Discovery Search. Browse](img/thn_browse_vufind.png )      |
| [→ Available on Internet Archive](https://web.archive.org/web/20210223235932/https://opac.biblio.iteso.mx/vufind/ "Front page").   | [→ More images on Adobe Portfolio](https://leobardooscar.myportfolio.com/online-public-access-catalog-discovery-interface "Browse").        |

###Academic repositories 
+ Pepositories Branding & Personalization
+ **Platform: DSpace**

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


###Thesauri
+ Online Library's Thesauri 
+ **Platform: EXLIBRIS ALEPH OPAC**

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

## ➔ Geomatics
+ Mistletoe-infested trees. Inventory within an urban polygon.
+ **Platform: 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.|
| ----------- | ----------- |
| ![Guadalajara City Metropolitan 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").    | ![Zapopan Downtown 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"). | ![Study Area Zoom In](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; SVG GUI design.

+ Library building floors.  
+ Scalable Vector Graphics (SVG) Interactive Map. ITESO University.
+ **Platform: Drupal**

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


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

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