El di se ñ o web es u na acti v ida d q ue c on si ste en la p la ni fi ca ci ó n, di se ño e im ple me nta ci ó n de sit io s web y pági na s web. N o es si mpl em ente u na apli ca ci ó n de l dise ñ o c o nv en c io nal , ya q ue re qu iere te ne r en c ue nta c ue sti o n es ta les c om o nav ega bil idad , i nt era cti v ida d , usa bi lida d, ar qu ite ct ur a de la in f or mac ió n .
La un ió n de u n bu en dis eñ o co n u na j erar q uía bie n el ab orada de co nt en id os a um en ta l a efi c ie nc ia d e la w eb co mo ca nal de c om u n ica ci ó n e in ter cam bi o de dat o s, qu e br i nd a po sib ili dad es c om o el co nta ct o di re ct o ent re el prod u ct or y el c o ns um ido r de c o nte ni do s, cara ct erí sti ca de sta ca ble del me di o.
Para el O bs er vat ori o dis eña mo s u na e st ru ct ura se nc il la per o q ue diera a c ce so d ire ct o a toda s las par tes q ue l a c om po ne n . Pa ra e ll o se si g ui ó e l e sq uema de la s ig ui en te fi g ura :
En e lla se p ue de n d ist i ng ui r cla rame nt e 5 par tes :
• Cabe cer a
• Me nú s up eri or
• Me nú lat eral
• Co nte ni do de la pág i n a
De las 4 pa rte s la ú ni c a par te q ue var ía serí a es el c o nte ni do de la pági na , e l r est o so n siem pre i gua le s d ur an t e la na ve ga ci ón e n la web.
Panta lla zo de la web p ara ap re cia r s u di se ñ o f in al.
La ca be cera es la ima gen de l O bs er vat ori o , co mp ue sta po r e l l og o de la or gan iza ci ó n y u n m o nta je rep res en ta tiv o de la so ci eda d b ol iv ian a. Po r e l p ue bl o y para el p ueb lo . El me nú su per io r es e l acc es o di re cto a t oda s la pág i nas d e la web , ex ce pto l a cam pa ña de se nsi bi liza c ió n . A u nq ue tie ne una pa rte q ue se ca rga di nám i came nt e q ue s o n las
pági na s s ob re la o rga ni zac ió n . És tas dep en den de l s iste ma y vie n en car gada s d e la bas e de da to s.
El me nú l atera l tam bié n pr ete nde ser u n ac c eso d ire ct o pe ro a l os su b ni vel es de n oti cia s y a ct i vida de s da n do a c ces o dir ec to a la s n o tic ias y a cti v ida des s i ng ula rme nt e. Es de ci r , prete n de resa ltar l os e leme nt os i nd iv id ual es más n o ved os os e n la web.
Com o v emo s e n la i mage n apar ec en la s últi mas no ti cia s y a ct iv id ades p u bli ca das por e l Obse r vat ori o.
Dad o q ue n o ha y pu bl ica c io ne s de masia do peri ód ic as se de ci di ó que a pare ci era n la s últ ima s in ci de n cia s, i nd epe n die nte me nte , so bre t od o las acti v ida des , de si est a n cad u ca das o n o.
Por otr o la do , te ne mo s la i mage n d e la C am paña de Se ns ibi li zac ió n , q ue es en rea lida d u n l i nk al po p-up co n i n fo rma ci ó n s ob re ella .
Se de c idi ó p o ner e l b an ner e n el me nú late ral da do su cará cte r rela ti v amen te temp or al y a que pro mo ci o na n la s Cam paña s de Se ns ib ili za c ió n q ue por de f in i ci ón s o n t e mpo rale s. Tam bié n p orq ue s e que ría de ja r la image n v is ual de u n ban ne r que n o ten ía cab ida e n e l me n ú s uper io r.
En rea lida d f ué el m oti v o pri n ci pal p or el que se dec id ió crea r el me nú lateral . Se q ue ría un ban ner co n sta nte e n to das l as pági na s, siem pre pres e nte du ran te la na vega c ió n en la w eb .
Por ú ltim o , vem os a l f on do el li n k al bl og . El bl og se dec id ió sit ua rlo e n el me n ú lat eral y n o e n el su per io r ya q ue e s u n e n lac e e xte r no a la web , a pesa r d e e star al o jad o en el mi sm o ser v id or.
Al ser u n ele me nto e xter n o qu e no s ig ue f ielme n te los e sti lo s de la we b se de ci dó a ni ve l d e di se ñ o deja rl o de al gu na fo r ma f uera d e la est ru c tura d el siti o , per o c om o el b an ner , q ue f ue ra u n eleme nt o siem pre p rese nt e d u ra nte la na ve ga ci ón e n l a web . El Co nte ni do de la we b es el elem en to q ue cambi a du ran te la na veg ac ió n. E s la parte pr in c i pal q ue of re ce a l u s uar io la i n fo rma ci ó n q ue bu s ca en t od o mome nt o .
Se b us c ó a ntet od o da r un a d ime n si ón i mp o rtan te per o q ue n o q u itara im po rta nc ia a l o s men u s de na vega c ió n y s obr eto do qu e n o qui tara vi si bil ida d al ban ner y al res to d e eleme nt os de l m e nú la teral .
Cre o s e co n sig ui ó dar u na imp ort an c ia re la tiv a, ya q ue po r de fe ct o e ste a parta do ya co n sig ue l a j ust a aten ci ó n del u s uar io y ade más e n co n j u nto a por t a un d ise ñ o atra cti v o y amen o , ya q ue tamb i én se q uer ía n e v itar en orme s es pac io s lle n os de i n fo rma ci ó n q u e acaba n ca n sa nd o a l le ct or .
El pie de pág i na es ta mbié n u n el eme nt o qu e no ca mbia. De he c h o este el eme nt o es el ú ni co q ue n o de ber ía cam biar n u n ca y po r ell o no está di sp o ni bl e s u m od i fi ca ci ón e n el pane l de a dmi n ist ra ci ó n de la we b.
Es s imp lem en te u n s t anda rd q ue r ec lama l os dere c h os de a ut or del Ob ser vat or io en toda s la p ubl i cac io ne s que se pu ede n e n c on trar e n la web . U n s im ple p ro to c ol o web q ue sal vag ua rda s u co n te n ido a pesa r de ser d e cará ct er p úb li co y q ue la fi na lid ad de tod o s y cada u n o d e l os c o n ten id os es ser l o má s di vu lga do po si ble , so b reto do e n la s oc ieda d bol i via na.
Mo stra rem os la s pa nta llas d e cada u na de la s pági na s, pe ro m os tr and o s ólo e l c uer po d e la pá gi na q ue in cl u ye el co nt en id o d e é sta .
Estas so n la s tr es pá gi nas d o nde se de s cr ibe el Obse r vat ori o de De re c ho s. Co n i mage n o si n el la, se p ued e apr ec iar q ue t oda s si g ue n la mis ma estr u ct ura p ues to qu e so n crea das c om o el mis mo tip o d e ob jet o.
En e l apar tad o not i ci as p ode mo s o bse r var co mo po r un lad o mue str a u n lis tad o d e no ti cia s c on u na pe q u eña par te d e cada not i cia a m od o ex po si ci ó n.
Si se d esea ve r la n ot ic ia e nter a de bem os e ntra r e n el la y s e n os abre na pá gi na c omo ésta .
La a ge nda de ac ti vi d ades f u n ci o na e xa cta men te i g ual . P or u n lad o e l sis tema n o s mue str a u na pa ntal la co n un l is tad o de ac ti vi dade s c o n u na br ev e des cri p ció n q ue no e s más q ue p arte de l p ri mer párr af o de ca da u na de e lla s.
Y al s ele c ci o nar u na de el las , s e n os ab re la a ct ivida d c o n t oda su de sc rip c ió n a l co mpl eto :
La pa nta lla d e d oc um e nt os p od emo s o bs er va r se co mp on e pr in c ipal men te de 4 el eme nt os para s u na vega c ió n .
Pres en tam os u n e jem plo do nd e p odem o s o bser va r to do s l os ele men to s p osi ble s e n e s ta pant alla .
Por u n lad o te nem os el b us cad or , d on de es cr ibi en do u na pala bra s cl av es q ue p u die ran des cr ibi r el d oc um en t o qu e se b us ca , o la na vega c ió n e ntre d ire ct ori os a tra vé s de la s di fere nt es ca teg orí as , lo s d o c ume nt os l os c uale s po dem os abr ir t al cua l ha cie n do c li c k so bre su n om bre y co n el bo to n vo l ver qu e perm ite l a na ve ga ci ó n asc en de nte e n e l ár b ol de cate go ría s.
En e ste a parta do se prete n de s ob ret od o q ue l a b ús qu eda sea l o má s s imp le y clara po sib le ; y so bre to do l o má s rápi da po sb ile .
El ban ne r está s it uad o en el m en ú lat eral a la izq ui erda c om o he mos po di do ob ser var ante ri orm en te. És te abre u n p op -u p c on la sig ui en te e st ru ct u ra:
Com o vem o s se c om p on e de l b lo qu e p ri n ci pal que e s la ima ge n, el tít ul o y el tex to de la parte pri n ci pal de la cam pañ a, d o nde ex pli ca pri n ci palm en te e n q ue co n si ste y q ue se def ie nde .
Por otr o la do ob ser vam os lo s pár ra fo s. Si rec or dam os , l os párr af os co nt en ía n u n t ít ul o, per o só lo a m od o ide nti f ic ati v o. E n real ida d lo vi si ble de l ob je to es la pequ e ña imag en y el text o qu e co nt ie ne el mis mo .
El n ú mer o de pár ra f os n o es tá l imi tad o en abs ol ut o. Se p uede n aña dir ta nto s pá rr af os co mo se q uie ra. S i n e mbar go , e l cu e rpo pri n ci pal de la cam pa ñ a, só lo p uede habe r u no .
El li n k de co nt ac to , c o mo ya se di jo a nt eri or men te, e s ta n s ol o u n mailt o a la c ue nta de l Obse r vat ori o.
Éste a bre el cli en te de c orr eo ele ct ró n ic o pre deter mi nad o en el eq u ipo de l us ua ri o.
Por o tr o lad o ten emo s el pane l de admi n ist r aci ó n, q ue a un q ue si g ue la mi sma e str u ct ur a, es di fer en te.
La pág ina de i ni ci o del pa nel es d o nde el u s u ario de be ide nt i fi car se y au te nti f ica rse .
Com o ve mo s d ebe fa c i litar el n om bre de u s u ario y la c o ntra se ña , ésta úl tima o c ul ta p or moti v os de s eg uri dad .
U n vez i de nti f ic ad o, a c cede a l pa ne l c om o a dmi ni stra do r o c ola bor ador . E n am bo s ca s os , ent ran a u na pág ica idé nti ca e x cept o e n el me nú su per io r do n de se e n cu en tra n las f un c io nal ida des e xc l us iva s de a dmi n ist rad or .
Pane l de C ol ab orad or
Com o vem os e n la s i m ági nes , cu an do e l u s u ario e n tra co mo co lab orad or sim ple me nte n o tie ne di sp o nib le la s o pc io ne s ex cl u si va s de admi ni stra do res . Ad e más tam bié n p ode mo s apre cia r c om o se re sp etan l os e leme nt o s y la estr u ct ura de la we b sig u ie nd o el mi sm o esq uem a: Ca be cera , m en ú s uper io r, me n ú lat eral , co nt en id o del pa nel y p ie de pág ina . Dad o qu e ta nt o la ca bec era , co mo el pie d e pág i na y e l á rea de c o nte ni do s on ig ua le s que e n la web no l os come nt arem o s aqu í, per o si l o har emo s c on am bo s me n ús par a co me ntar s u s op ci o nes .
Com o ya hem o s co men tad o, en el me n ú s u peri or e nc o ntr amo s la s o p ci on es de admi ni str ad or.
De sde aq uí a cc ede mo s al gr up o de f u n ci ona l idade s de ca da a parta do q ue c ome nta rem os a co nt i nua c ió n . De t od as f or mas , es to s gr u p os ya l os hem o s de fi ni do a nter io rme nt e en l a espe ci f i cac ió n e n e l d i agrama de es tad os . L o s re c or dam os :
Campa ña
• Camb iar Cam pañ a
• Mo di fi car Ca mpa ña
• Camb iar Ba n ner
• Elim ina r parte de Ca m paña Categ or ías
• Aña dir c ateg or ía
• Elim ina r cate go ría
Orga ni za ci ón
• Aña dir nu eva pá gi na
• Elim ina r pági na
• Esc o nde r o vo l ver a pub li car pági na
• R eor de nar pág in as U sua ri os
• Aña dir Us uar io
Por ot ro la do , t en emo s el me n ú late ral .
Com o po dem os o bse r var , e n es te m en ú s i te nem os ac ces o dir ec to a tod as las f u n ci ona li dade s dire cta me nte e n c ualq uie ra de lo s g r up os .
Ésto e s p os ibl e deb i do a q ue la s o pc io ne s so n limi tada s y n o o cu pa n dema sia do es pa ci o, de ja nd o u n di se ño atra ct iv o y cas i exa ct o al ta mañ o de l co nt en ed or pri n ci pal d e c o nte ni do .
Esta di v is ió n de los m en ú s de ja tambié n per fe ctam en te s epara das la s f un c io nal ida d es se g ún los per mis o s de u s uar io s in a ltera r la es tr u ct ura d e la pá gi na .
Pres en tam os las pant alla s d e to d as la s f un c io nal ida des d el pa nel d e admi n ist rac ió n . En ella s pod rem os ob se rva r la se nc il lez de s u s fo r mu lari os que he mo s p ro c ura do red u cir al má xi mo , y a qu e se espe ra q ue ha ya n t ant os c ola bor ad ore s co mo mí ni mo com o mi emb ro s ti en e e l Obse r vat ori o ; q ue a ct ual me nte so n u na s 3 1 aso cia c io ne s.
T oda s e sta s a so ci ac i on es de ber ían te ne r u na c ue nta de u s uar io o más pa ra po der in sert ar co nte n id os s i n de pe nde r de la O N G R ea lida de s, p ro mot ora de la web y q ue act ual me nte ost en ta la pre si de n cia d el Obse r vat ori o. La ide a es q ue n o sea t al orga n iza ci ó n la q ue s op orte el tr aba jo de tod o l o q ue l as d ema s as oc ia ci on es qu iera n pu bli ca r, si n o qu e cad a u na p ueda p ub li car i nde pe ndie ntem en te de R eali dad es .
In s e r ta r N o t ic i a : C om o p od e m o s o b se r va r e s m u y se n cil lo e i nt uit i vo . C o nst a d e u n tít ul o, un a imag en op c io nal y el te xt o de u n a not i cia . L os cam po s id _n ot ic ia y fe c ha s o n crea do s dir ec tame nte por la BB D D
El im i na r N o ti c ia : E n e st a f un c io na lid a d s im p l e m e nt e d e b e m os ha ce r c li c k e n e l b o t ó n bor rar d e la no ti cia q ue q ue rem os e li mi nar y és ta q ue dará co mpl etame nte e lim i nada d el sis tema .
In s e r ta r A c ti vi da d : E n e st e ca so t a m b ié n ob se r va m o s la se n cil l e z d e l p a ne l . Ha y q ue in sert ar u n t ít ul o pa ra la a cti v idad , la fe c ha para la q ue está c o n v oca da, y la de sc rip c ió n del ev en to . E l at rib ut o id _a cti v ida d vie ne cre ado di re ctame nt e p or l a BB D D .
El im i na r A c ti vi da d : E n e st a fu n ci o na l id a d sim p le m e nt e d e b e m os ha ce r cl ic k e n e l bot ó n b orr ar de la a cti v idad q ue qu ere mo s el imi na r y é sta q u edará c omp leta me nte elim in ada del s ist ema .
In s e r ta r D oc u m e n t o : C o n st a d e u n t ít ul o , u na ca t e g o r ía d o nd e cla si fi ca r e l do c ume nt o, e l do c um ent o q ue q ue rem os s ub ir al ser vi do r y u n text o de sc rip ti v o. El cam po id _ do c ume nt o es a sig na do d ire ctam e nte p or la BB D D
El im i na r D o c u m e nt o : E n e st a f u n ci ona li d a d s im p le m e n t e d e b e m os ha ce r c li c k e n la image n bo rrar q ue ha y j un to a l tí tu lo del do c ume nt o q ue qu ere mos eli mi nar . P ero e n este cas o e n c o nc ret o , el s ist ema no p res en ta u n li stad o s i no q ue al ig ual q ue a l ha ce r u na b ús q ueda se d ebe lo cal izar el ar c hi v o q ue b u s cam os na vega n do e n la s cate go ría s o usa n do el b us ca dor s it uad o e n la par te su per ior .
Por otr o la do , te nem o s las f u n cio na li dade s ex cl us i vas pa ra l os a d mi nis trad or es . C omo s e co me nt ó ante ri orm en t e, ca da u na de esta s opc io ne s tie ne u n m en ú q ue pre se nta la s di fere nt es o pc io ne s qu e te nem os pa ra cada a parta do y q ue ex pli ca r emo s al de tall e.
Ca m pa ña d e S e ns i b i liz a c i ó n
Ca m bi a r Ca m pa ñ a : E st a op ci ó n s u b st i t u ye la ca m p a ñ a q u e se e st á m ost r a nd o act ual me nte p or la n u eva camp aña qu e se c reará un a ve z se i n diq ue n c or re ctame nt e las parte s de la n ue va. L a cam pa ña c o ns ta de u n tít u lo , una ima ge n op ci o nal y e l te xto d e di cha campa ña . A pe s ar de q ue la p arte pr i n cipa l de la campa ña es ú ni ca c o ntie ne u n id _ca mpa ña y un a tri but o q ue in di ca e l tip o de cam pañ a q ue es para d if ere n cia rla d e l