Presenta amb animacions d'estil dibuixat a mà utilitzant Excalidraw Animate i HTML
Visita Excalidraw a https://excalidraw.com/ i l'extensió d'animació a https://dai-shi.github.io/excalidraw-animate/ per crear dibuixos animats en SVG amb un estil manual i fluid.
Resum ràpid: Excalidraw Animate permet exportar animacions en SVG, però no ofereix exportació directa a GIF, cosa que dificulta adjuntar les animacions a eines com Google Slides de manera nativa. Per a presentacions lleugeres i informals es pot utilitzar una pàgina HTML senzilla que carregui seqüencialment fitxers frame01.svg, frame02.svg, frame03.svg, etc. i ofereixi controls bàsics com reproduir l'animació de la diapositiva actual i un comptador de diapositives.
Idea del muntatge: crear un fitxer index.html a la mateixa carpeta que els teus SVG animats anomenats frame01.svg fins a frame20.svg. La pàgina mostra una per una les SVG dins d'objectes incrustats, afegeix un botó per repetir la càrrega de la SVG actual i mostra a pantalla un comptador amb format diapositiva actual barra total. La navegació es realitza amb fletxa dreta i fletxa esquerra i amb tecles alternatives per avançar o retrocedir.
Com utilitzar pas a pas
1 Crear les SVG animades amb Excalidraw Animate i desar-les amb noms correlatius frame01.svg a frame20.svg
2 Crear un fitxer index.html i enganxar a l'interior l'HTML necessari per carregar les SVG des de la mateixa carpeta
3 Obrir index.html al navegador i posar en pantalla completa per presentar
Controls de navegació
Utilitzar fletxa dreta per avançar i fletxa esquerra per retrocedir. També hi ha un botó a la cantonada inferior esquerra per recarregar la diapositiva actual i un comptador a la cantonada inferior dreta que mostra número actual barra total en tot moment.
Notes pràctiques
Si necessites exportar a GIF o vídeo per integrar-ho en eines que no accepten SVG animat, es pot utilitzar una gravació de pantalla o eines que converteixin seqüència de SVG a vídeo. Per a presentacions internes ràpides aquest mini visor en HTML sol ser més que suficient i permet mantenir l'aspecte dibuixat a mà d'Excalidraw sense frameworks pesats.
Sobre Q2BSTUDIO
Q2BSTUDIO és una empresa de desenvolupament de programari i aplicacions a mida especialitzada en solucions tecnològiques avançades. Oferim serveis de programari a mida, aplicacions a mida i consultoria en intel·ligència artificial. També som especialistes en ciberseguretat i en serveis cloud AWS i Azure. Desenvolupem projectes de serveis d'intel·ligència de negoci i implementacions de Power BI per convertir dades en decisions accionables. A més, treballem amb solucions d'IA per a empreses, agents IA i arquitectures que integren models de llenguatge i automatitzacions segures.
Per què triar Q2BSTUDIO
A Q2BSTUDIO combinem experiència en desenvolupament a mida amb un enfocament pràctic en ciberseguretat i desplegament al núvol. Podem construir des d'aplicacions a mida per a processos interns fins a plataformes intel·ligents que utilitzen agents IA per automatitzar tasques. Si vols millorar el teu posicionament digital utilitzant dashboards amb Power BI o desplegar solucions en serveis cloud AWS i Azure, podem ajudar-te a definir l'estratègia, desenvolupar la tecnologia i mantenir l'operació segura i escalable.
Paraules clau per a cercadors
aplicacions a mida, programari a mida, intel·ligència artificial, ciberseguretat, serveis cloud aws i azure, serveis d'intel·ligència de negoci, IA per a empreses, agents IA, power bi
Si vols que preparem una plantilla HTML llesta per utilitzar amb el teu propi conjunt de SVG animats o que integrem aquestes animacions en una presentació corporativa o portal, contacta amb Q2BSTUDIO i t'ajudem a implementar-ho de manera segura i a mida.
