Autor: parufito

He estrenat un nou projecte a Internet, es diu Tot Terrassa. És un projecte experimental, però en el que m’ha fet molta gràcia treballar i he après molt. Us animo a visitar-lo i a comentar i animar a afegir qualsevol cosa. A continuació us explico de què va:

El projecte

Tot Terrassa és un projecte realitzat per intentar aglutinar en una sola pàgina, el contingut de les xarxes socials relacionat per temàtiques.

La idea va sorgir gràcies a un article que va escriure Marc Roca per al diari la Torre, parlant de l’us de twitter i els hashtags relacionats amb Terrassa.

Com que de moment els hashtags de la seva proposta no són actius, s’ha optat per fer o utilitzar llistes presonalitzades o timelines de gent o entitats escollits específicament per la ocasió

El projecte és tot just un esbós, que s’inicia, perquè entre tots puguem acabar de perfeccionar-lo i fer-ne una eina útil per a tothom.

Com ja es va informant al llarg de la pàgina, és molt possible que falti afegir perfils i continguts o categories. No tingueu cap problema en contactar amb mi, per a qualsevol proposta de canvi, millora o per afegir perfils.

Per què?

Bàsicament perquè em venia de gust experimentar amb les següents tecnologies:

• Bootstrap – Framework per a desenvolupament web amb HTML5 i CSS3.
• Responsive Design – Gràcies a bootstrap es pot adaptar el contingut a diferents resolucions i dispositius (ordinadors, tablets i mòbils).
• Twitter Api – De moment no s’ha treballat gaire profundament amb la API de twitter, doncs a partir de la versió 1.1, han decidit restringir l’ús de l’extracció de contingut.
• Htaccess – Configuració de l’Apache mitjançant aquests arxius, per adaptar les URL a les nostres necessitats.
• SEO – Gràcies a les URL adaptades i a la especificació de headders i meta.

Eines utilitzades

Bootstrap

• http://getbootstrap.com

Flickr Api

• http://www.flickr.com/services/api/flickr.photos.search.html
• http://www.flickr.com/services/api/misc.urls.html
• http://www.web-development-blog.com/archives/search-for-photos-using-php-and-the-flickr-api/

Instagram

• http://wiki.dreamhost.com/CURL_PHP_tutorial – encara no va, he d’investigar què passa amb el cURL
• http://www.hongkiat.com/blog/instagram-photo-search/ – Manual amb jQuery, agafem les consultes de la API
• http://instagram.com/developer/endpoints/tags/

Know array keys returned by flickr

• http://us2.php.net/manual/es/function.array-keys.php

Htaccess

• http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html
• http://httpd.apache.org/docs/2.2/mod/mod_rewrite.html#rewritecond
• http://wiki.dreamhost.com/Htaccess
• http://wiki.dreamhost.com/Htaccess_tricks