Sk8parks.info, creant un experiment d'agregador social d'skateparks

Mapa de Skateparks - Skateparks Map - Sk8parks

En aquest article t'explique un experiment de web social que he anat pensant i construint durant l'estiu i que li donaré un any per a treure conclusions.

Normalment quan fas skateboarding (o qualsevol passió que tingues) i viatges sempre vols saber si hi haurà algun skatepark a prop de la localització on et trobes o simplement tens curiositat de veuere altres skateparks d'altres ciutats. Doncs bé, per això està sk8parks.info. Un mapa similar el va començar l'amic Berni, del blog d'skate Sex and Skate and Rock´n´Roll en la url http://sexandskateandrocknroll.com/skateparks/ però va quedar desfasat. I la idea seria continuar i ampliar eixe mapa, però de manera col·lectiva.

Skateparks GPS Mapa Sk8parks

Però a més a més, enlloc de ser una web que nomès jo puc mantindre i on nomès jo puc publicar, vaig pensar fer-ho més social per a que altres persones d'altres localitzats puguen també publicar el seu skatepark local o els skateparks que vagen trobant en els seus viatges.

La teoria és bonica, i jo la veig fàcil: entres a una web, et registres i publiques. Ara veurem si la pràctica també :) vull dir, ja veurem si hi ha usuaris que vullguen publicar fotos de skatepark o simplement m'enviaran a mi les fotos per a que jo les publique. Ja veurem com va.

Skateparks GPS Mapa Sk8parksSkateparks GPS Mapa Sk8parks

FUNCIONALITATS D'UNA COMUNITAT SOCIAL EN LÍNIA
De moment poques. Evidentment podria afegir etiquetes, estreles per a valorar skateparks, comentaris baix de les fitxes dels skateparks i moltíssimes més utilitats, però com de moment no hi ha cap comunitat d'usuaris i nomès s'han registrat uns pocs amics meus, no vull adelantar-me i anar fent coses que probablement no farà servir ningú.

Vull adaptar-me a la situació de la web i no perdre temps innecesari, per tant de moment es tracta d'una web senzilleta i avant.

La web está desenvolupada amb Drupal, la tinc instal·lada a una Raspberry Pi 24x7, i és mobile first total perquè en realitat la majoria de persones que conec naveguen la major part del seu temps amb el seu smartphone, aleshores fer-ho així i no orientat a un ordinador personal és la manera d'intentar captar a aquesta gent.

L'objectiu d'aquest agregador socal d'skateparks també és que siga molt senzilla d'usar i el més minimalista possible. Aquest és el formulari de publicació, on he ficat els camps mínims i els he estructurat d'una manera fàcil d'entendre:
Skateparks GPS Mapa Sk8parks

MÒDULS INSTAL·LATS
He instal·lat els mòduls:

- Admin_toolbar: la barra d'administració. No es veu al frontend de la web, però és molt útil per als usuaris administradors d'un projecte Drupal per moltes raons. Prova aqeust mòdul i ho veuràs.
- Menu_item_role_access: amaguem algunes opcions del menú a certs rols per a tenir un menú més dinàmic aleshores no veurà les mateixes opcions un usuari anònim que un usuari registrat a la web.
- Hide_revision_field: amaguem als usuaris el camp de les revisions en els tipus de contingut, perquè no vull afegir tantes opcions en la fitxa dels continguts dels skateparks.
- Field_group: aquest mòduls és per a gestionar millor els camps en els tipus de contingut. Permet agrupar camps de diverses formes.
- Bootstrap_layout_builder: per a personalitzar el layout i que siga responsive en bootstrap fàcilment.
- Bootstrap_styles: amb l'anterior, ofereix millores en el layout.
- Easy_breadcrumb: per a controlar el fil d'ariadna si ho necessite.
- Pathauto: mòduls clàssic de Drupal per a urls elegants i parametritzables amb el nom dels nodes i així millorar el SEO.
- Twig_tweak: per a fer hacks en el codi de twig si vull fer coses "rares" amb blocks i vistes dins de pàgines.
- Forum: està instal·lat el mòdul perquè ja no existeix a Drupal 10 com a part del core. De moment l'he deshabilitat però si es crea una comunitat d'usuaris, activaria uns foros de debat i tal.
- Leaflet: aquest mòdul és una implementació moderna amb javascript de mapes. La url del mòdul és https://www.drupal.org/project/leaflet.
- Leaflet_more_maps: amplia el mòdul leaflet.
- Leaflet_more_markers: permet personalitzar els marcadors. Finalment no l'he fet servir i simplement he ficat el marcador taronja en la ruta on estava l'anterior (que per defecte era el marcador blau).
- Openstreetmap: per al mapa del leaflet.
- Geofield: per afegir-ho al tipus de contingut "skatepark" i que puga geolocalitzar aquestos congintugs.
- Addtoany: per la funcionalitat d'enviar la fitxa de l'skatepark a diverses xarxes socials i/o canals i captar més audiència.
- Captcha i recaptcha: per a l'autenticació d'usuaris. Aquest tema dels usuaris bot és imprenscindible controlar-ho.
- Colorbox: per a engrandir les imatges quan fem un clic damunt d'elles.
- Cookies: clàusules de la Llei de cookies, obligatòria a totes les webs on els usuaris s'autentiquen.

UN OPENDATA EN MILLORA CONTÍNUA
Com que la idea seria que hi haja una tendència a aparèixer més skateparks cada setmana al mapa, la base de dades anirà creixent i es pot anar creant un llistat xulo en algun format d'intercanvi (csv, json, etc) i servir-li a algú més que vullga importar aquestes dades.

A mesura que es publiquen més continguts, ja es podrà "jugar" un poc més amb la informació com, per exemple, fer llistats d'skateparks per taxonomia, mostrar els skateparks més visitats, i un llarguíssim etcétera de possibilitats:
Skateparks GPS Mapa Sk8parks

Però de moment a veure si més gent s'anima a anar publicant. Al final, no ens enganyem, els projectes web socials crèixen depenent de si hi ha una comunitat d'usuaris que aporta continguts. Per a més informació, entra a sk8parks.info i tafaneja els skateparks que tingues a prop de tu.

Doncs bé això és tot, espere que trobes útil aquest article i que et motive a compartir els teus trucs, els teus coneixements i els teus experiments amb el Programari Lliure. Pensa-ho, va, que la Comunitat del Programari Lliure va creixent gràcies a la documentació, el disseny, la formació o la programació, sigues part de la Comunitat :-)

La cultura i la lliure circulació de les idees és l'arma més efectiva contra les dictadures del pensament i contra la ignorància.

Utilitats

NAVEGACIÓ SENSE RATOLÍ

- Tab següent enllaç.
- Shift+Tab anterior enllaç.
- Enter activa l'enllaç.
- Alt+esquerra anar arrere.

CONTRAST DE COLORS

Accessibilitat - Color Negre
Accessibilitat - Color Groc
Accessibilitat - Color Verd

Accessibilitat - Color Blau
Accessibilitat - Color Crema
Accessibilitat - Color Blanc

 

PORTADES ALTERNATIVES