Les webs i jo
En aquesta pàgina trobareu informació de les tasques principals realitzades en les pàgines webs que he creat i/o actualitzat.
La meva primera web
Deigenitrix
Web dedicada a l'anàlisi i estudi de la representació escultòrica de la verge Maria, a la península, durant l'edat mitjana.
Com el meu "portafoli", vaig crear-la des de zero, sense CMS, i encara m'encarrego de l'actualització del codi i el disseny.
És un reflex de l'evolució i actualització dels meus coneixements i recursos en programació web:
Va nèixer com una web d'HTML4 i CSS2 i una simple línia de codi PHP(include) per unir els documents amb contingut estàtic (head, foot) als variables de cada pàgina.
Gràcies a l'experiència adquirida a l'editorial Vicens Vives vaig poder realitzar canvis destacats en el backend de la web i modernitzar-la: generant el codi HTML mitjançant PHP i incloent MySQL, per emmagatzemar continguts de la web i l'extensa galeria fotogràfica de verges.
Si parlem de frontend, l'evolució va ser similar: el codi s'anava polint i simplificant per fer-lo mes optimitzable, i per descomptat, "responsive". Els canvis més recents en el frontend han estat per actualitzar el codi HTML a HTML5.
Com ja he indicat línies a dalt, segueixo treballant en aquesta web i ara tinc previst millorar la programació en PHP perquè estigui orientada a objectes.
Podeu visitar la web clicant aquí: deigenitrix.net
Vicens Vives
Al llarg de quatre anys, com a responsable de les webs de l'editorial Vicens Vives, vaig realitzar diverses tasques, tant de disseny gràfic com programació web. Estava al càrrec del manteniment i actualització de la web principal (llibres per a Espanya), així com cinc més: "Black cat", per a l'aprenentatge d'idiomes, i les d'Argentina, Colòmbia, Perú i Xile, per a la comercialització i venda dels productes de l'editorial en aquests països.
La meva tasca principal era actualitzar els continguts d'aquestes webs, sobretot la principal:
- maquetació dels textos i grafisme de les pàgines, amb HTML i CSS3;
- creació de banners i imatges publicitaries dels productes de l'editorial;
- manipulació i actualització de pdfs i altres arxius que s'oferien per descarregar;
- Introduir código de jquery per donar més dinamisme i fer més atractiva l'aparença de les pàgines.
Al principi em vaig centrar en l'actualització dels continguts, el codi HTML i les fulles CSS de les pàgines; reduir i optimitzar el codi, crear noves etiquetes, etc.
El 2012 es refà la web principal i es gestiona, en part, mitjançant un CMS de l'editorial; això em va permetre començar a treballar amb PHP.
Queviures Múrria
Com havia fet amb la web de Vicens Vives, vaig actualitzar el codi d'aquesta web, a HTML5, CSS3, fent-la "responsive" i vaig incloure PHP; això em va permetre reduir els nombrosos documents ".html" a un sol ".php", mostrant un contingut o altre, a partir de la variable superglobal "$_GET" i els paràmetres de les URLs, i gestionar el canvi d'idioma mitjançant la variable superglobal "$_SESSION".
De tant en tant actualitzo algunes dades de la web, i tinc previst fer millores i incloure una galeria similar a la que podeu veure en aquesta web.
Podeu visitar la web clicant aquí: www.murria.cat
Sin vergüenza
Si parlem de la meva col·laboració en l'associació Sin vergüenza com a dissenyador web no tinc tant a escriure com en les anteriors webs. No per falta d'interès: aquesta web es gestiona amb el CMS "wordpress"; per ara, m'encarrega d'actualitzar els continguts i pujar-hi banners i altres imatges decoratives i publicitaries. El mateix puc dir respecte a les pàgines de Facebook de l'associació.
Si visiteu la galeria d'aquesta web hi veure-ho uns quants cartells realitzats per a l'associació, ja que la meva contribució és major com a dissenyador gràfic.
Portafoli
Com en el cas de la web deigenitrix.net he creat aquesta web de zero (i "responsive"), amb HTML5, CSS3, Javascript, AJAX, PHP i MySQL. Com a novetat, respecte a les anteriors:
- he creat un petit CMS per gestionar els continguts de la web (textos, imatges, menus, blog).
- per a facilitar la programació en PHP he creat diverses classes.
- per a filtrar les imatges de la galeria sense renovar tota la pàgina he introduït la tecnologia AJAX.