Un bon desenvolupament web és la clau de l'èxit

Primer pas: Definició del projecte És un dels punts més importants, cal tenir el més clar possible l'abast del projecte, els requisits que es volen complir des de l'inici, quines coses agradaria que apareguessin més endavant. La definició consisteix en molts punts, però principalment cal fer un estudi del projecte, descriure els diferents apartats o seccions i què s'espera de cada una. Per a això és necessari fer una sèrie de mockups, o esquemes que mostrin el funcionament bàsic i els components de cada secció. D'aquesta manera, sense necessitat de saber com es dissenyarà, quines imatges apareixeran o els colors finals, es pot tenir una idea clara dels elements que contindrà cada apartat de la nostra web. Segon pas: Disseny i maquetació El disseny del lloc web és tan important com el desenvolupament, ja que definim l'aspecte que tindrà, el que el nostre públic veurà, els colors que decidim que acompanyaran la nostra marca durant el seu inici. Una vegada dissenyades totes les parts es procedeix a fer una maqueta. Amb aquesta maqueta tindríem definit el codi de marcat que el navegador llegirà, amb informació estàtica, totes les dades que es posin ara estaran posades a mà, són de prova, per veure el resultat del disseny amb elements realistes. Aquesta part és la que se sol anomenar Frontend, tot el codi que fa que la web es vegi d'una forma o d'una altra en el navegador, que aconsegueix que l'experiència d'usuari sigui bona o desastrosa. Tercer pas: Desenvolupament de la lògica de la web Normalment aquest tercer pas és el que més llarg sol ser de tots, ja que sol consistir a escriure una gran quantitat de codi perquè la web sigui capaç d'interactuar amb l'usuari obtenint les seves dades d'entrada, o mostrar-li dades que tenim emmagatzemades en alguna base de dades. Definir correctament aquesta part és fonamental per al bon procés de desenvolupament, ja que serà l'esquelet del nostre projecte, el que fa que es mantingui dret, com més robust i alhora lleuger sigui, millor funcionarà la nostra web. És molt important en aquest pas usar un llenguatge de programació amb el qual ens sentim còmodes i siguem capaços de desenvolupar la majoria de les funcionalitats requerides per la nostra aplicació. I és fonamental, almenys per realitzar un projecte que pugui créixer amb el temps – ¿existeix algun projecte web que no creixi? – usar una estructura de dades i de codi mantenible i escalable. Aquestes paraules poden fer una mica de por al principi, però gairebé sempre estan resoltes fent ús d'algun Framework de desenvolupament web, ja que ens ajuden a organitzar el codi de forma correcta on separem la lògica d'accés a dades de la forma de mostrar aquesta informació a l'usuari. Un framework de desenvolupament a més té molts altres avantatges, com una gran quantitat de funcionalitats que ens ajudaran a estalviar temps (o el que és el mateix, diners) realitzant tasques d'una manera senzilla, protegint la nostra web de gran quantitat d'atacs i fallades de seguretat que si programem tot a mà probablement oblidem comprovar. Quart pas: Proves Provar la nostra aplicació, comprovar cada detall, cada punt, formulari d'entrada de dades, imatges, diferents navegadors, opcions que puguin ser inversemblants però que gairebé amb total seguretat es produiran – ¿qui en el seu bon judici triarà l'opció blabla juntament amb l'opció nosequé? – provar els emails que s'envien a l'usuari, faltes d'ortografia… tot és important. Cinquè pas: Publicació És el moment crucial del nostre projecte, anem a tenir la web disponible en línia, la gent la podrà veure i probablement criticar-la… Per donar aquest pas, hem d'estar segurs que hem fet bastantes proves, que tot està en ordre i llançar la web. Probablement, per més que fem proves abans de publicar, sorgiran problemes després. Per això és comú sortir primer amb una fase beta, on els usuaris van accedint poc a poc a l'aplicació, normalment per invitació. D'aquesta manera podem anar fent servir les seves reaccions i els seus comentaris per millorar la web o canviar coses abans de sortir de forma pública. Doncs més o menys això seria un procés correcte de desenvolupament d'un projecte web, cadascun dels passos es poden descompondre en molts passos intermedis, que en propers articles es desenvoluparan. A més, aquesta aproximació és una mica simple i es basa sobretot en el procés iteratiu de desenvolupament. Actualment s'està posant molt de moda, cosa que m'alegra, l'aproximació àgil per al desenvolupament web, on es va iterant sobre el procés i aconseguint tenir diferents versions de la web, des d'una molt bàsica, fins a la definitiva. En propers articles explicaré en què consisteixen aquests mètodes de desenvolupament. Contacta amb nosaltres!