Infraestructura Tècnica i Flux de Treball: Configuració de l’entorn: S’ha establert un entorn de desenvolupament local (stack WAMP/LAMP) per permetre l’execució de scripts PHP i la gestió de bases de dades MySQL. Aquest entorn serveix de base per al desenvolupament tècnic del prototip. Implementació del CMS: S’utilitzarà WordPress com a sistema de gestió de continguts. … Read more
FASE 4 PRESENTACIÓ Configuració de l’entorn / CMS i domini temporal Style Guide Digital Desenvolupament de plantilles base Maquetatge de Header (menu navegació) i Footer (dades de contacte)
Disseny i prototipat Disseny i Experiència d’Usuari (UX/UI): Figma Necessitat que cobreix: Dissenyar la interfície Mobile First abans de començar la instal·lació tècnica. Justificació: Figma ens permet crear un prototip clicable on podem provar si un pare o alumne troba el “Barem” en menys de 3 clics des del mòbil, evitant errors de disseny posteriors. … Read more
Navegació poc clara La web té molta informació distribuïda en diferents apartats i menús, fet que pot dificultar trobar ràpidament el que necessita cada usuari. Disseny visual poc modern La web segueix un estil molt estàndard de la plataforma XTEC i transmet poca identitat visual pròpia del centre. Informació important poc destacada Informacions com matrícules, … Read more
Tipus d’usuaris habituals Alumnes actuals Què busquen Horaris de classes Calendari escolar Notícies i avisos Accés a l’aula virtual Materials i recursos Informació sobre exàmens Activitats extraescolars Necessitats Navegació ràpida Accés des del mòbil Informació actualitzada Futurs alumnes Què busquen Quins estudis ofereix l’institut Instal·lacions Fotografies i vídeos Procés de matrícula Opinió i ambient del … Read more
FASE 3 Iterar cada producte Documentació desenvolupament de cada producte Millorar “apariencia” de cada diseny Documentació errors / solucións al procés …
FASE 2 DISENY DE CADA PROTOTIP X INCIDENCIA Dissenyar un sw hw o support fisic per gestionar cada incidéncia Posar nom i instruccións al procés per gestionar cada tipus d’incidéncia “README” / Informe per cada solució aportada
Filtratge d’opcions amb eines digitals i criteri propi Per arribar a la proposta final de redisseny de la web de l’INS Castellbisbal, s’ha dut a terme un procés d’ideació i filtratge. Hem avaluat diferents alternatives tècniques utilitzant el nostre criteri com a tècnics en Sistemes Microinformàtics i Xarxes (SMX) i posant el focus en l’experiència … Read more
Part 1: Definició de la Idea Per què s’ha escollit aquesta idea? S’ha triat perquè la web actual és la carta de presentació del centre i presenta dificultats de navegació evidents i també perquè ha sigut un tema escollit per els professors És una idea potent perquè té un impacte directe en tota la comunitat … Read more
FASE 1: PLUJA D’IDEES I FILTRE Recopilació d’Idees per cada incidéncia Filtratge d’ideas i perque escollim la que escollim Documentar com seguiria cada idea Documentació amb Ideas finals que farem