Control i monitorització de drons
Aplicació web per controlar i monitoritzar drons en temps real, vinculada a la participació de Barcelona Drone Center a l’XPRIZE Wildfire.
- React
- JavaScript
- Supabase
- APIs
Llegir el cas
AdriàAutonell
Estudio Administració de Sistemes Informàtics en Xarxa (ASIX) a l’Escorial Vic i treballo desenvolupant amb Flutter i Java a Sivicom Engineering. A Barcelona Drone Center vaig desenvolupar una aplicació per controlar i monitoritzar drons en temps real, vinculada a l’XPRIZE Wildfire.
“Aprenc fent: primer vull entendre com funciona una cosa, després la munto.”
La persona darrere el codi
Soc l’Adrià, visc a Castellterçol i estudio el Cicle Formatiu de Grau Superior en Administració de Sistemes Informàtics en Xarxa (ASIX) a l’Escorial Vic. Abans vaig fer el Grau Mitjà en Sistemes Microinformàtics i Xarxes (SMX) a l’Institut Lliçà d’Amunt.
De petit no entenia com funcionava tot el que m’envoltava, i volia aprendre com funcionava el sistema sencer.
Vaig començar amb les pràctiques del Grau Mitjà com a tècnic informàtic a l’Institut Escola Castellterçol: manteniment d’ordinadors, xarxa i programari. Després vaig treballar per compte meu a Gestión Integrada, implantant Microsoft Dynamics NAV amb informes automatitzats i formularis web.
A Barcelona Drone Center, de juny de 2025 a gener de 2026, vaig desenvolupar pel meu compte una aplicació per controlar i monitoritzar drons en temps real, dins d’un projecte vinculat a l’XPRIZE Wildfire. Teníem menys de quatre mesos per tenir-ho a punt.
Des del gener de 2026 treballo a Sivicom Engineering: frontend amb Flutter, backend amb Java, bases de dades SQL i sistemes Linux.
El que més m’agrada és el desenvolupament de programari i l’administració de servidors. M’agrada aprendre fent i entendre com funcionen les tecnologies per dins.
Quan m’encallo, m’aturo a pensar alternatives i busco fonts fiables. Si no n’hi ha prou, demano ajuda als meus superiors: l’objectiu és trobar la millor solució i aprendre’n.
En els pròxims mesos em vull preparar per estudiar Enginyeria Informàtica, sense deixar l’administració de sistemes ni les infraestructures.
D’on vinc
CFGM Sistemes Microinformàtics i Xarxes (SMX)
Institut Lliçà d’Amunt · Edifici Sant Baldiri
La base: sistemes informàtics, xarxes i suport tècnic.
Programa d’acompanyament
Fundació ImpulsaUn programa que m’ha acompanyat durant els estudis, amb formació en presentació professional i, sobretot, confiança per fer el pas següent.
Tècnic informàtic · pràctiques del CFGM SMX
Institut Escola Castellterçol
Manteniment dels ordinadors i de la xarxa, actualització de tot el programari i elaboració de documents ofimàtics.
Implantació de Microsoft Dynamics NAV
Gestión Integrada
Implementació i configuració de Microsoft Dynamics NAV (Navision) per optimitzar processos empresarials, amb informes automatitzats i formularis web per a la plataforma.
- Microsoft Dynamics NAV
Control i monitorització de drons · XPRIZE Wildfire
Barcelona Drone CenterPràctiques duals i feina a temps parcial. Vaig desenvolupar una aplicació per controlar i monitoritzar drons en temps real, integrant serveis externs mitjançant APIs, en un projecte vinculat a l’XPRIZE Wildfire. També dades amb MySQL i serveis amb Docker sobre Linux.
- React
- JavaScript
- Supabase
- MySQL
- Docker
- Linux
CFGS Administració de Sistemes Informàtics en Xarxa (ASIX)
Escorial Vic
Administració, configuració i manteniment de sistemes informàtics i xarxes.
Desenvolupament frontend i backend
Sivicom Engineering, SL
Frontend amb Flutter, backend amb Java, bases de dades SQL i treball sobre sistemes Linux.
- Flutter
- Java
- SQL
- Linux
Concursos de programació
Durant el Grau Mitjà vaig participar en concursos de programació amb l’Institut Lliçà d’Amunt.
Olimpíada Informàtica de Catalunya
Competició individual de problemes d’algorísmia per a estudiants preuniversitaris.
2024: classificat per a la final, celebrada a la Universitat de Vic.
- 2024
- 2025
HP CodeWars Barcelona
Competició anual de programació per equips que organitza HP a Sant Cugat del Vallès.
- 2024
- 2025
- 2024
- 2025
Demostrar, no presumir
Aquesta web
La meva web personal: qui soc, què he fet i com treballo. En tres idiomes, sense galetes i amb la infraestructura a la vista.
- React 19
- TypeScript
- Vite
- Tailwind CSS 4
- React Router
- Cloudflare Workers
- Playwright
Llegir el cas
On soc amb cada cosa
Sense percentatges inventats. Cada cosa és on és: el que ja he fet, el que faig servir, el que practico i on vull arribar.
- Ho he fet en un entorn real
- Flutter
- Java
- React
- JavaScript
- SQL
- MySQL
- Supabase
- Docker
- Linux
- Microsoft Dynamics NAV
- Manteniment d’equips i xarxa
- Gestió d’usuaris
- Suport tècnic
- Informes automatitzats
- Ho faig servir en projectes
- TypeScript
- Vite
- Tailwind CSS
- Cloudflare Workers
- Estic practicant
- Administració de sistemes d’empresa
- Xarxes
- Servidors
- Escalabilitat
- Rendiment i disponibilitat
- Vull aprofundir-hi
- Arquitectura de projectes grans
- Sistemes escalables
- Viabilitat tècnica
- Infraestructures informàtiques
- Enginyeria Informàtica
Com treballo
No només escric codi: intento entendre el problema i millorar el resultat. Així ha anat amb aquesta web.
Idea
Entendre què ha d’aconseguir el projecte i per a qui és.
Que qualsevol persona pugui veure en pocs minuts qui soc, què he fet i com treballo.
Recerca
Reunir informació real abans de decidir res.
Comprovar cada dada abans de publicar-la: dates, concursos i el nom oficial de l’XPRIZE Wildfire.
Disseny
Comparar opcions abans de triar-ne una.
Tres direccions visuals; vaig triar la del quadern d’obra.
Desenvolupament
Construir amb peces reutilitzables i dades separades del disseny.
React + TypeScript, contingut a src/data, HTML prerenderitzat.
Proves
Comprovar-ho en un navegador real, no només al meu.
Playwright a 375, 768 i 1440 px: enllaços, teclat, consola i Lighthouse.
Millores
Mesurar, corregir i deixar-ne constància.
Cada canvi queda al registre de canvis d’aquesta mateixa pàgina.
En obres
Aquesta web no està acabada, i no ho amago. Aquí apunto què canvia i per què.
Registre de canvis
v1.0.0
- Primera versió pública a adria-autonell.com, en català, castellà i anglès.
- Trajectòria, concursos de programació i el projecte de control de drons de Barcelona Drone Center.
- Índex que marca la secció on ets i mode «Veure la infraestructura».
Errors que em van ensenyar alguna cosa
El primer desplegament automàtic va fallar
Vaig vincular Cloudflare amb GitHub donant per fet que el desplegament automàtic funcionaria sol. No va ser així: el projecte no tenia configuració pròpia, l’eina va intentar endevinar-la i el build fallava. Em va ensenyar a entendre què passa entre un push i la web publicada, i que la configuració del desplegament ha de viure al repositori, no dependre del que suposi l’eina.