Què és UABMèdia
UABMèdia és un projecte de vital importància per a la TV i la Ràdio de la Universitat Autònoma de Barcelona (UAB).
Consisteix en un servei web per consultar qualsevol producte mediàtic realitzat allà. Tots els pòdcasts, notícies, programes de vídeo i qualsevol mena d’esdeveniment cultural s’emmagatzemen aquí com una biblioteca digital del departament de comunicació de la universitat.
Fins i tot pots escoltar la ràdio de la Universitat des del lloc web sense descarregar cap aplicació.
Stack tecnològic
Les eines principals per fer realitat UABMèdia són el llenguatge de programació PHP i JavaScript per a la interacció. Funciona amb serveis de WebTV i una base de dades AWS per emmagatzemar els fitxers multimèdia.
Al lloc web, utilitzem diferents APIs per consultar aquests resultats i mostrar-los a l’usuari.
Utilitzem JavaScript de diferents maneres, com ara funcions de frontend (per exemple, reproduir o pausar la música, posar un temporitzador a la ràdio…) o per mostrar contingut de manera condicional: Per exemple, si les notícies estan en antena, es mostraran automàticament.
Disseny adaptatiu
El disseny adaptatiu és clau per al servei; durant el 2021, el 78% de les visites es van fer des de dispositius mòbils, per la qual cosa l’experiència mòbil ha de ser tan bona o fins i tot millor que en dispositius de pantalla gran.
En aquest exemple podem veure com s’ubica el contingut en dispositius mòbils:
- La navegació es mou a la part inferior, seguint els patrons d’interfície moderns.
- La pestanya seleccionada actualment és més fosca per saber sempre on ets.
- La secció de ràdio té un altre color per marcar les seves parts; el botó de reproducció té un contrast fort per mostrar com n’és d’important per al lloc web.
- Totes les caixes (com la del temps) tenen una amplada limitada i marges petits en sentit horitzontal per no tocar mai els costats de la pantalla (és part de la interfície, la principal diferència respecte a la secció de ràdio o navegació).
El meu paper
Vaig estar involucrat durant una mica menys d’un any com a becari de desenvolupament frontend. De vegades érem més, però normalment només érem 2 o 3 persones treballant en el projecte perquè tenia un pressupost reduït i era el seu primer any de vida. Avui dia és una mica més gran i hi ha més gent treballant-hi.
Jo estava a càrrec de la part frontend del projecte, així que havia de fer que el lloc web es veies bé i funcionés com s’esperava. Vaig haver de fer el disseny adaptatiu i les animacions.
També vaig tenir tasques interessants com el reproductor de ràdio, el widget del temps o la secció de notícies, on calien algunes funcions de JavaScript per fer-les funcionar.
En els meus últims dies, també vaig ensenyar als nous becaris com treballar amb el projecte i com mantenir el lloc web.
Què vaig aprendre
-
JavaScript és una eina poderosa; vaig haver d’aprendre’l per fer funcionar el reproductor de ràdio i va ser una gran experiència assolir aquest objectiu tal com esperaven els dissenyadors.
-
El disseny adaptatiu és imprescindible avui dia; vaig haver de fer que el lloc web es veies bé en tots els dispositius i va ser un repte fer-lo funcionar en totes les mides de pantalla.
-
Les animacions són una gran manera de millorar el lloc web; vaig haver de fer algunes animacions per fer que el lloc web semblés més viu i va ser una gran experiència aprendre a fer-ho.
-
El treball en equip és una gran manera de fer que un projecte funcioni; vaig haver de treballar amb altres persones i va ser una gran experiència aprendre a col·laborar amb ells.
-
GitHub és una eina molt potent per treballar en equip; vaig haver d’aprendre a utilitzar-la, vaig fer alguns cursos sobre branques (branching), fusions (merging) i pull requests i va ser una gran experiència aprendre a utilitzar-lo correctament.
Conclusió
UABMèdia va ser una gran oportunitat per créixer com a desenvolupador i com a persona; vaig haver d’aprendre moltes coses i va ser una gran experiència aprendre a treballar en un equip petit de desenvolupadors.
Enllaços
