Caiet de Sarcini

1

Caiet de sarcini

privind elaborarea portalului web egali.md

2

Cuprins

1. Terminologie ............................................................................................................................................. 4

2. Introducere ............................................................................................................................................... 4

3. Scopul proiectului ................................................................................................................................... 5

4. Descrierea proiectului ............................................................................................................................ 5

5. Vizitatorii site-ului .................................................................................................................................... 5

5.1. Persoanele LGBT ............................................................................................................................. 6

5.2. Rudele şi prietenii persoanelor LGBT ........................................................................................ 6

5.3. Mass-media şi alţii........................................................................................................................... 6

6. Structura site-ului .................................................................................................................................... 6

6.1. Interfaţa publică .............................................................................................................................. 6

6.2. Site map ............................................................................................................................................ 7

6.3. Tipuri de conţinut............................................................................................................................ 8

6.3.1. Pagina statică ........................................................................................................................... 8

6.3.2. Ştire ............................................................................................................................................ 8

6.3.3. Citate ......................................................................................................................................... 8

6.3.4. Story (relatare) ......................................................................................................................... 8

6.3.5. Video .......................................................................................................................................... 9

6.4. Taxonomy ......................................................................................................................................... 9

6.5. Descrierea paginilor interne ....................................................................................................... 10

6.5.1. Pagina “Te ajutăm” ................................................................................................................ 10

6.5.2. Video (lista) ............................................................................................................................. 10

6.5.3. Relatări (lista) ......................................................................................................................... 13

6.5.4. Pagina „Implică-te” ................................................................................................................ 14

6.5.5. Pagina “Donaţie” .................................................................................................................... 15

6.5.6. Pagina “Înregistrează video” ............................................................................................... 15

6.5.7. Pagina “ Relatează-ne viaţa ta” ........................................................................................... 15

6.5.8. Pagina “ Angajament” ........................................................................................................... 16

6.5.9. Pagina “ Distribuie” ............................................................................................................... 16

6.5.10. Pagina “Abonează-te” ........................................................................................................... 18

6.5.11. Pagina “Ştiri” ........................................................................................................................... 18

3

6.5.12. Pagina “Despre proiect” ...................................................................................................... 18

6.5.13. Pagina “Contactează-ne” ..................................................................................................... 18

6.5.14. Pagina “Parteneri” ................................................................................................................. 18

6.5.15. Pagina “Termeni de utilizare” ............................................................................................. 18

6.6. Rolurile utilizatorilor ..................................................................................................................... 19

7. Design ...................................................................................................................................................... 19

7.1. Stilul corporativ.............................................................................................................................. 19

7.1.1. Brandbook: elemente .......................................................................................................... 19

7.1.2. Brandbook: Documente corporative ............................................................................... 20

7.1.3. Brandbook: Materiale de prezentare şi promovare ..................................................... 20

7.1.4. Exemple a stilurilor corporative din tematica similară................................................. 20

7.2. Web design ..................................................................................................................................... 21

7.3. Pagina Principală ........................................................................................................................... 21

7.4. Pagini interne ................................................................................................................................. 22

7.4.1. Pagina internă tipică ............................................................................................................ 22

7.4.2. Pagini interne custom .......................................................................................................... 22

7.5. Bannere ........................................................................................................................................... 22

8. Machetarea ............................................................................................................................................. 23

9. Optimizare pentru motoare de căutare (SEO) ............................................................................... 23

10. Serverul, platforma ........................................................................................................................... 23

11. Documentaţia şi training ................................................................................................................. 24

12. Versiunea mobilă .............................................................................................................................. 24

13. Managementul proiectului .............................................................................................................. 24

13.1. Manager de proiect .................................................................................................................. 24

13.2. Sistemul Bug Tracking .............................................................................................................. 25

14. Outputuri livrate ................................................................................................................................ 25

4

1. Terminologie

În acest document termenii de mai jos vor avea următoarele sensuri.

Executor – Compania IT angajată prin contract, care va elabora site-ul.

Beneficiar – Centrul de Informaţii GENDERDOC-M.

Finanţator – Fundaţia Soros Moldova

CMS – (Content Management System), sistem de administrare a conținutului, dar şi gestionarea

site-ului fără intervenţia programatorilor

2. Introducere

Prezentul document (în continuare Caiet de sarcini) conţine Concepţia destinată proiectării şi

elaborării paginii web egali.md

Având în vedere că cerinţele funcţionale şi nefuncţionale ale sistemului dat pot fi implementate

luându-se ca bază diferite platforme HARD şi SOFT (ceea ce implică costuri de elaborare şi

întreţinere diferite) se consideră oportună pentru realizarea proiectului alegerea exclusiv a

soluţiilor software gratuite open source şi open code cel mai frecvent utilizate de companiile

ce oferă servicii de găzduire WEB (LAMP): PHP, MySQL, Apache (care corespund întru totul

termenilor de referinţă înaintaţi soluţiei informatice).

Soluţia elaborată va trebui să ofere instrumentare dinamice şi accesibile care vor permite

gestiunea totală a paginii – web a proiectului: de la structură până la conţinut, într-o manieră

exclusiv vizuală şi dinamică. În acest sens trebuie proiectat şi realizat un Sistem de Gestiune al

Conţinutului accesibil spre utilizare utilizatorilor cu cunoştinţe de operator la calculator

(Microsoft Windows, Microsoft Office, Microsoft Internet Explorer, Mozilla FireFox, etc.).

De asemenea, interfaţa utilizator şi cea CMS trebuie realizată în 3 versiuni lingvistice:

română, rusă şi engleză. Trecerea dintr-o versiune în alta se va face sinhron, fără a părăsi

pagina deja accesată.

Se va ţine cont şi de unele recomandări de nivel internaţional în domeniul realizării aplicaţiilor

WEB, cum ar fi:

— recomandările World Wide Web Consortium (W3C) (http://www.w3c.org) privind

calitatea conţinutului paginilor – web oficiale, posibilităţile vizualizării corecte a

informaţiilor, folosind navigatoare Internet larg utilizate, şi compatibilitatea cu diferite

platforme informatice;

— recomandările WAI (Web Accessibility Initiative) (http://www.w3c.org/WAI) privind

asigurarea posibilităţii utilizării resurselor paginilor – web oficiale de către persoanele

cu dizabilităţi;

— recomandările WCAG (Web Content Accessibility Guidelines) http://w3.org/TR/WCAG20

5

— recomandările W3C (http://validator.w3c.org) privind testarea paginilor – web oficiale.

Pagina – web a site-ului se va testa în conformitate cu aceste recomandări.

Caietul de sarcini dat nu impune Executorul să elaboreze portalul web Ad litteram, ci mai mult

este un ghid pentru a percepe volumul de lucru solicitat şi direcţia în care se doreşte a se

îndrepta. Însă toate cerinţele din acesta sunt obligatorii.

La sarcinile curente se pot adăuga până la 10% alte sarcini care ar putea să intre în proiect în

perioada elaborării designului şi a programării.

3. Scopul proiectului

Scopul principal al proiectului este de a face auzită vocea celor care condamnă homofobia şi

acceptă persoanele LGBT (lesbi, gay, bisexuali, transgender). Numărul mare de susţinători,

inclusiv a persoanelor publice ar putea distruge stereotipurile societăţii.

Deasemeni, proiectul vrea să încurajeze adolescenţii gay care sunt supuşi riscului de suicid.

4. Descrierea proiectului

În cadrul proiectului, Compania IT va elabora un web-portal (website), în care vor fi plasate

materiale video cu persoanele din Moldova care vorbesc despre toleranţă şi acceptarea

persoanelor LGBT.

Site-uri de referinţă:

— http://www.itgetsbetter.org

— http://www.igba.org.au

— http://www.todomejora.org

Persoanele date vor fi profesori, medici, oameni de ştiinţă, psihologi, sociologi, politicieni,

oameni din showbiz, precum şi membrii de familie şi prietenii a persoanelor homosexuale,

similar cu organizaţia PFLAG (Parents, Families and Friends of Lesbians and Gays) din SUA.

Platforma va permite ca orice utilizator să poată încărca propriul film despre toleranţă şi

susţinere. Filmele vor fi grupate după taguri şi categorii. Filmele vor fi premoderate, dar trebui

să existe în CMS posibilitatea trecerii spre postmoderare.

5. Vizitatorii site-ului

Vizitatorii site-ului dat vor fi persoanele LGBT, rudele şi prietenii acestora, jurnaliştii, precum şi

alte persoane cointeresate.

Vârsta vizitatorilor 14 – 50 ani, limba vorbită: româna şi/sau rusa de pe teritoriul Republicii

Moldova.

http://www.itgetsbetter.org/

http://www.igba.org.au/

6

5.1. Persoanele LGBT

Persoanele LGBT (lesbi, gay, bisexuali, transgender) fac parte dintr-un grup ascuns, care are

frică să se intereseze de propria sexualitate. Informaţia de pe internet rămâne a fi cea mai

importantă sursă de informaţie. Acest site va avea un impact pozitiv asupra acestui grup, atât

pentru ridicarea nivelului de autoacceptare şi respectul de sine, cât şi pentru încurjarea lor de

a fi deschişi cu rudele şi prietenii lor, de a discuta probleme de care se ciocnesc, de a cere

respectarea propriilor drepturi şi libertăţi, ceea ce va avea un efect pozitiv asupra stării

psihologice şi calităţii vieţii lor. Persoanele LGBT, care sunt deschise vor putea face coming-out

în reţeau Internet, ceea ce îi va încuraja şi pe alţii să o facă. Persoane din diverse domenii care

acceptă diversitatea sexualităţii umane vor susţine această comunitate prin cuvinte de

încurajare. Vor fi îndemnaţi prietenii/familia sau alte persoane din cercul apropiat ai

persoanelor LGBT de a înscrie video în susţinerea persoanelor LGBT.

5.2. Rudele şi prietenii persoanelor LGBT

Al doilea grup care va vizita acest site sunt rudele şi prietenii persoanelor LGBT. Aceste

persoane trec şi ele prin momente complicate când află despre orientarea sexuală a celui

apropiat. Rudele vor putea afla informaţia de la specialiştii în diverse domenii despre

normalitatea orientării sexuale a copiilor săi. Declaraţiile celor care au depăşit această situaţie îi

va încuraja şi le va da de înţeles că problema lor nu este atât de gravă. Aceste persoane la

rândul lor vor putea posta mărturiile lor despre ceea ce simt şi despre situaţiile prin care au

avut de trecut. Ei vor putea să-şi exprime public acceptarea persoanelor LGBT şi să condamne

homofobia.

5.3. Mass-media şi alţii

A treilea grup ţintă sunt jurnaliştii (mass-media) şi alţi vizitatori ai portalulu web care vor primi

informaţie clară şi veridică despre persoanele LGBT şi susţinătorii acestora. Aceste video-uri

vor putea fi folosite în reportajele la tema dată, se vor iniţia discuţii cu răspunsuri.

6. Structura site-ului

6.1. Interfaţa publică

Interfaţa Publică este interfaţa pentru acces la partea publică a paginii – web. Aceasta este

partea paginii – web accesibilă tuturor utilizatorilor Internet şi poate fi accesată, de exemplu,

începând cu pagina Principală. Prin intermediul acestei interfeţe, vizitatorii Internet vor avea

posibilitate de a naviga prin conţinut, descărca fişiere, vizualiza video, efectua căutări, plasa

video filmat de ei, trimite relatările sale, etc.

La baza Interfeţei Publice va sta un sistem comod de navigare, astfel încât vizitatorii să poată

găsi facil şi rapid informaţia necesară. Sistemul flexibil de configurare a paginii Principale le va

permite administratorilor să atragă atenţia vizitatorilor asupra celor mai interesante informaţii

ale paginii – web a proiectului egali.md.

7

Interfaţa Publică trebuie realizată în baza unui design original şi agreabil, optimizat pentru

toate categoriile de vizitatori (rezoluţie minimă 1024x768, încărcare rapidă, elemente

multimedia echilibrate şi optimizate, etc.), ţinându-se cont de cerinţele deja formulate.

Conţinutul paginii – web a site-ului va fi introdus şi afişat în format Unicod (UTF-8) – lucru care

va permite afişarea concomitentă a textelor în caractere latine şi chirilice.

Sistemul de Gestiune a Conţinutului va permite redactarea metadatelor paginilor, astfel că

fiecare pagină a Interfeţei Publice va avea completată balizele:

<meta name="Title (valoarea va fi extrasă din titlul documentului)”

<meta name="Description"

<meta name="KeyWords".

La elaborarea Interfeţei Publice, se va ţine cont de compatibilitatea perfectă a aspectului

paginii – web a site-ului cu navigatoarele Internet: Microsoft Internet Explorer, Mozilla FireFox,

Safari, Google Chrome şi Opera.

Accesul la orice pagină Web va putea fi efectuat direct prin specificarea adresei URL respective

sau în rezultatul deplasării prin arborele de pagini. Ca şi pagina Principală, orişicare altă pagină,

în scopul actualizării facile, inclusiv structurale, va fi configurabilă. Administratorii vor putea

defini dinamic blocuri de informaţie (creare, suprimare, indicare elemente de stil), specifica

informaţia ce trebuie plasată în bloc, defini informaţia de identificare a blocurilor şi ordinea de

apariţie a lor pentru orişicare categorie sau compartiment al paginii – web a proiectului

egali.md.

Fiecare pagină, pe lângă componentele specifice, impuse de tematica acesteia, va conţine şi

componente, comune pentru toate paginile şi anume: antetul, meniurile şi subsolul.

6.2. Site map

Meniul principal Tip pagină URL

1 Te ajutăm Static page get_help

2 Video Video page video

3 Relatări view page story

4 Implică-te menu page involve

5 Donaţie static page donate

6 Înregistrează video Upload form record

7 Relatează-ne viaţa ta Applications form share_story

8 Angajament static page pledge

9 Distribuie Share form connect

10 Abonează-te Newsletter newsletter

11 Ştiri View news

Meniul informativ Tip pagină Design template

12 Despre proiect Static page about

8

13 Contactează-ne Feedback feedback

14 Parteneri Static page partners

15 Termeni de utilizare Static page terms

6.3. Tipuri de conţinut

6.3.1. Pagina statică

Pagina statică va fi creată la necesitate şi adăugată în meniu. Pagina va avea un template

implicit. Acest timp de conţinut va putea fi gestionat doar de administrator.

Câmpul Caracteristici

Titlu text

Limba select

Corp text cu redactor html

Cale url (alias) implicit va fi titlul paginii (fără semne diacritice)

sau va fi scris manual

6.3.2. Ştire

Toate ştirile adăugate vor avea următoarele câmpuri


Titlu text

Limba select


Cale url (alias) implicit va fi titlul paginii (fără semne diacritice)

sau va fi scris manual

Data publicării text sau calendar

Acest tip de conţinut va putea fi gestionat de către administrator şi moderator

6.3.3. Citate

Citatele vor apărea într-o anumită zonă (coloană) într-un mod aleatoriu.


Titlu text (autorul citatului)

Limba select


Foto upload image file

6.3.4. Story (relatare)

Relatarea este textul pe care scrie utilizatorul neautentificat al site-ului utilizând formularul

story.


Adresa de e-mail* text

9

Numele Prenumele (sau preudonim) * text (limită 40 simboluri)

Localitatea (raionul sau oraşul) * text (limita 40 simboluri)

Istoria* text (limită 30 000 simboluri)

Foto (opţional) upload form

fişiere acceptate jpeg, jpg, gif, png

Categorie selectare din taxonomy categorie

Tag text cu autocompletarea câmpului din tag-

urile existente

Captcha

După crearea unui conţinut de tip story, pagina rămâne nepublicată până la moderarea

acesteia. Câmpurile Categorie şi Tag vor fi completate de moderator la publicarea conţinutului.

6.3.5. Video

Acesta este tipul de conţinut care va putea fi încărcat de către utilizatorii neautentificaţi.


Titlul text

Adresa de e-mail* text



Video* sau

Link de pe Youtube

upload form

text

Scurt despre autor (profesia) text (limita 400 simboluri)

Categorie selectare din taxonomy categorie

Tag text cu autocompletarea câmpului din tag-

urile existente

Captcha

După crearea conţinutului acesta nu va fi publicat până va fi moderat. Câmpurile Categorie, Titlu

şi Tag vor fi completate de moderator la publicarea conţinutului.

6.4. Taxonomy

Clasificatorul Termeni

Categorie coming-out

susţinere

Organizaţii

Politicieni

Oameni de ştiinţă

Showbiz

Părinţi/rude

Tag termenii se vor completa în mod automat

10

6.5. Descrierea paginilor interne

6.5.1. Pagina “Te ajutăm”

Pagina va fi de tipul static page. În pagină dată va fi informaţie utilă despre:

— Linia nediscriminare

— Servicii medicale

— Consultaţia psihologului

— Consultaţie juridică/avocat

— Biblioteca/Videotecă

— Mesaj către Centrul de Informaţii Genderdoc-m

Pagina va avea un design special. Acesta va fi făcut în aşa fel, încât să existe posibilitatea

adăugării informaţiei necesare fără alterarea machetării.

6.5.2. Video (lista)

Pagina dată va conţine fişiere video. Referinţă http://www.itgetsbetter.org/video

http://www.itgetsbetter.org/video

11

Fiecare video va avea imagine cu link spre pagina acestui video, titlu, scurtă descriere şi link

spre video.

12

Trebuie să existe posibilitatea de a gestiona în CMS numărul video preview pe pagină. După

depăşirea acestui număr, va fi paginarea.

Pagina va avea câmp pentru căutare cu autocompletare a rezultatelor. Implicit vor fi indexate

titlurile, descrierile, categoriile, tagurile. În CMS trebuie să fie posibilitatea de a gestiona

numărul rezultatelor care apar pe pagină.

Într-un anumit bloc vor fi categoriile pentru a filtra fişierele video după un anumit criteriu.

Vizitatorul va putea vedea toate fişierele video din categoria “coming-out” sau “politicieni”.

6.5.2.1. Pagina video

Accesând orice video, se va deschide o nouă pagină. În această pagină va fi posibil de a viziona

însăşi video prin playerul intern al site-ului.

Sub video va fi descrierea succintă, tagurile şi categoriile din care face parte. Tagurile şi

categoriile vor fi link-uri.

Utilizatorul va avea posibilitatea de a:

— Descarca fişierul video

— Vizualiza link direct permanent

— Genera codul HTML / iframe

— Distribui prin Like, Tweet, +1, Vkontakte (Мне нравится), +1 (Google), Класс!

(Odnoklassniki.ru) , Mail

Mai jos este prezentată imaginea paginii de pe un site similar.

13

6.5.3. Relatări (lista)

În această pagină vor fi istorii personale scrise de persoanele LGBT sau de către alte persoane.

Iniţial pagina va conţine teasere.

Fiecare teaser va conţine: Titlu, fotografie, dată, autor, teaser şi link spre citirea întregii pagini.

În cazul în care utilizatorul nu a încărcat fotografia, automat se va afişa o imagine predefinită

din CMS, care va putea fi modificată de către administrator.

În CMS trebuie sa fie posibilitatea de a gestiona numărul teaserelor pe pagină.

6.5.3.1. Pagina relatării

În pagina dată va fi textul întreg al istoriei personale. Pagina va conţine: Titlu, fotografie, dată,

autor, textul întreg şi săgeţi precedenta şi următoarea.

Sub text vor fi iconiţele pentru sharing: Like, Tweet, Vkontakte (Мне нравится), +1 (Google),

Класс! (Odnoklassniki.ru), Mail

Va exista text cu invitaţie de a relata istoria sa cu link spre /sharestory

14

6.5.4. Pagina „Implică-te”

Pagina va conţine text şi punctele submeniului său, acestea vor fi sub forma unor

iconiţe/bannere sau alte prezentări în dependenţă de designul paginii. Mai jos este prezentată

imaginea a unui site similar

15

6.5.5. Pagina “Donaţie”

Acestă pagina va conţine informaţie despre modul de a ajuta financiar proiectul. Nu vor fi

efectuate integrari cu sisteme de plăţi online.

6.5.6. Pagina “Înregistrează video”

Acestă pagină va conţine o formă pentru încărcarea fişierului video. Precum şi un text cu

indicaţii sau sfaturi. Trebuie să existe posibilitatea în CMS de a schimba textul dat.

Câmpurile ce vor fi completate de către vizitator neautentificat


Adresa de e-mail* Nu va fi publicat pe site.

Necesar pentru a lua legătura în cazul unor probleme

tehnice de vizualizare a fişierului video

text. Să existe verificarea dacă acest text are

forma unui e-mail



Video* sau

Link de pe Youtube

upload form

text

Scurt despre autor (profesia) * text (limita 400 simboluri)

Captcha*

În cazul în care informaţia nu va fi deplină sau va conţine erori, vizitatorul va vedea erorile, însă

datele introduse NU se vor pierde, ca să nu introducă din nou datele corecte.

După completarea tuturor câmpurilor şi apăsării pe “Expediază”, vizitatorul va vedea mesajul

despre expedierea cu succes a fişierului, iar pe e-mail va primi o confirmare de recepţionare.

Textul mesajului va putea fi modificat în CMS.

Tot atunci moderatorii vor primi mesaj pe mail despre apariţia unui nou fişier spre moderare.

Mesajul va conţine link direct către pagina cu fişierul dat.

6.5.7. Pagina “ Relatează-ne viaţa ta”

În această pagină va fi o formă de completare şi text redactabil în CMS.

Forma va conţine


Adresa de e-mail* text. Să existe verificarea dacă acest text are

forma unui e-mail



Istoria* text (limită 30 000 simboluri)

Foto (opţional) upload form

fişiere acceptate jpeg, jpg, gif, png

Captcha*

16

În cazul în care informaţia nu va fi deplină sau va conţine erori, vizitatorul va vedea erorile, însă

datele introduse NU se vor pierde, ca să nu introducă din nou datele corecte.

După completarea tuturor câmpurilor şi apăsării pe “Expediază”, vizitatorul va vedea mesajul

despre expedierea cu succes a fişierului, iar pe e-mail va primi o confirmare de recepţionare.

Textul mesajului va putea fi modificat în CMS.

Tot atunci moderatorii vor primi mesaj pe mail despre apariţia unei noi istorii personale spre

moderare. Mesajul va conţine link direct către pagina cu istoria dată.

În cazul în care vreun utilizator va dori să copie textul întreg sau fragment al istoriei/relatării

prin selectare şi Ctrl+C, atunci în bufer forţat va fi inserat un text de tipul:

“Mai multe istorii şi relatări găseşti pe www.egali.md”.

Acest text trebuie să fie redactabil în CMS. Astfel atunci când utilizatorul va lipi textul în altă

parte, la finalul fragmentului lipi va apărea textul “Mai multe istorii şi relatări găseşti pe

www.egali.md”. Limba textului inserat forţat va fi în dependenţă de versiunea lingvistică în care

se află utilizatorul.

6.5.8. Pagina “ Angajament”

Pagina dată va conţine textul scurt unui angajamet sub forma unui jurământ pe care

utilizatorul va putea citi şi publica utilizând reţelele de socializare cu contor:

Like, Tweet, Vkontakte (Мне нравится), +1 (Google), Класс! (Odnoklassniki.ru)

În CMS trebuie să existe posibilitatea modificării codului reţelelor de socializare pentru a

introduce oricând modificări în cod.

6.5.9. Pagina “ Distribuie”

În această pagină va fi o formă de expediere a mesajului despre acest proiect către mai multe

adrese de e-mail.


Adresele de e-mail a destinatarilor* divizate prin virgulă

text. Să existe verificarea dacă acest text are

forma unor adrese de e-mail


adresa ta de e-mail* text (limita 40 simboluri)

Subiect* text (limită 150 simboluri)

implicit va fi un text redactabil din CMS

Mesajul * text (limită 10 000 simboluri)

implicit va fi un text redactabil din CMS

Captcha*

De asemeni trebuie să existe butoanele de socializare pentru distribuţie

Share Facebook, Tweet, Vkontakte (Мне нравится), +1 (Google), Класс! (Odnoklassniki.ru)

17

Pagină similară este în imaginea de mai jos

Lângă câmpul pentru mesaj vor fi 3 butoane (vezi pe imagine sunt nemerotate). Iniţial va fi

activat primul buton, iar în câmpul mesajului va fi inserat automat un text predefinit, pe care

utilizatorul il poate modifica. Apăsând pe alte butoane, textul se va modifica din textele

predefinite în CMS.

În cazul în care utilizatorul a scris un text, dar l-a modificat şi apoi doreşte să schimbe textul

predefinit pe altul (prin apăsarea butonului), atunci va primi o notificare, ca să nu piarda textul

redactat.

În CMS trebuie să existe posibilitatea redactării textelor predefinite.

18

6.5.10. Pagina “Abonează-te”

În această pagină vizitatorul a putea să se aboneze la Newsletter. Pentru abonare va fi necesar

doar de adresa de e-mail. Utilizatorul va putea să se aboneze la:

— Video noi

— Istorii personale noi

— Ştiri

Procedura de abonare se va face prin confirmarea abonării, conform practicii globale.

Moderatorii vor putea introduce în mod manual adresele de e-mail în baza newsletter.

6.5.11. Pagina “Ştiri”

În această pagină vor fi amplasate ştirile sub forma unor teasere.

Fiecare teaser va conţine: Titlu, fotografie, dată, teaser şi link spre citirea întregii noutăţi. În

CMS trebuie sa fie posibilitatea de a gestiona numărul ştirilor pe o pagină.

6.5.11.1. Pagina noutăţii

În pagina dată va fi textul întreg al ştirii. Pagina va conţine: Titlu, fotografie, dată, textul întreg şi

săgeţi precedenta şi următoarea.

Sub text vor fi iconiţele pentru sharing: Like, Tweet, Vkontakte (Мне нравится), +1 (Google),

Класс! (Odnoklassniki.ru) , Mail

6.5.12. Pagina “Despre proiect”

Pagina va conţine text, imagini, tabele şi altă informaţiei statică.

6.5.13. Pagina “Contactează-ne”

Pagina va avea un text redactabil în CMS şi un formular pentru expedierea mesajelor către

administraţia site-ului.



Adresele de e-mail * text. Să existe verificarea adresei de e-mail

Subiect* text (limită 150 simboluri)

Mesajul * text (limită 50 000 simboluri)

Captcha*

În CMS trebuie să existe posibilitatea gestionării destinatarilor acestor mesaje.

6.5.14. Pagina “Parteneri”

Pagina va conţine text şi imagini despre finanţatorii şi partenerii proiectului.

6.5.15. Pagina “Termeni de utilizare”

Pagina va conţine text despre condiţiile de utilizare şi confidenţialitate.

19

6.6. Rolurile utilizatorilor

CMS va trebui să ofere posiblitatea de a crea roluri cu permisiuni selectate din panoul de

administrare. Astfel, la crearea unui rol, va fi posibil de a alege (prin bifare) permisiunile de a

— vizualiza

— crea

— modifica

— şterge

conţinutul de pe site conform tipurilor de conţinut şi a gestionarea modulelor funcţionabile.

Fiecărui rol trebuie să exite posibilitatea de a atribui utilizatori noi creaţi, care vor obţine

permisiunile acelui rol. La predarea proiectului vor fi create următoarele roluri:

Utilizatorul (neautentificat) este utilizatorul Internet, care are acces nelimitat fără vreo

autentificare la interfaţa publica a paginii – web a proiectului egali.md, dar nu are acces la

Sistemul de Gestiune a Conţinutului. De asemeni, Vizitatorul nu poate vizualiza conţinutul

nepublicat.

Moderatorul este un utilizator autentificat prin login şi parolă, care în urma autentificării are

acces, prin intermediul Interfeţei Administrator, la Sistemul de gestiune a conţinutului care

deţin drepturi de modificare a conţinutului paginilor Web, dar nu la structura paginii – web în

întregime. Drepturile şi funcţiile de acces la Sistemul de Gestiune a Conţinutului este definit de

către Administratori pentru fiecare operator în parte, precum şi pentru fiecare tip de conţinut

în parte.

Administratorul este un utilizator autentificat prin login şi parolă, care în urma autentificării

are acces nelimitat prin intermediul Interfeţei Administrator, la Sistemul de Gestiune a

Conţinutului.

Cu alte cuvinte, toţi utilizatorii, inclusiv Utilizatorii neautentificaţi, vor avea acces, prin

intermediul Interfeţei Publice, la conţinutul paginii – web a proiectului egali.md, iar

Administratorii şi Moderatorii au acces, prin intermediul Interfeţei Administrator, şi la Sistemul

de Gestiune a Conţinutului paginii – web.

7. Design

7.1. Stilul corporativ

În cadrul proiectului este necesar a elabora stilul corporativ al proiectului. În silul corporativ vor

fi incluse urmatoarele lucrări:

7.1.1. Brandbook: elemente

Logo

— Standard

— definire monocromă

20

— Spaţiere

— Plasări pe diverse fonuri

— Plasări greşite

Culori

— Paleta CMYK

— Paleta RGB

Fontul descrierea fontului de bază, fonturi alternative, reguli de utilizare pentru stiluri în parte

(light, demi-light, oblique, bold)

7.1.2. Brandbook: Documente corporative

Coli cu antet

— Poziţionarea verticală

— Machetarea textului în pagină

— Formă pentru fax

Cărţi de vizită

— Corporativă

— Personalizată

Plicuri

— Formatul С-65 (euro)

— Formatul А4

7.1.3. Brandbook: Materiale de prezentare şi promovare

— Sticker

— Chipiu (şapcă)

— Tricou (faţă şi verso);

— Basma (bandana) pentru cap şi faţă

— Steag pentru masă

— Steag mare

— Cană

— Pix

— Screen saver care apare după reproducerea video

— Poziţionarea logoului în video

7.1.4. Exemple a stilurilor corporative din tematica similară

IT GETS BETTER

Site şi logo http://www.itgetsbetter.org

Banner http://jmyerswritingblog.blogspot.com/2012/02/february-8th-writing-wednesday-madonna.html

Tricouri http://store.itgetsbetter.org

NOH8

http://www.itgetsbetter.org/

http://jmyerswritingblog.blogspot.com/2012/02/february-8th-writing-wednesday-madonna.html

http://store.itgetsbetter.org/

21

Site şi logo www.noh8campaign.com

Suvenire http://www.noh8campaign.com/store-items

Human Rights Campaign

Site şi logo http://www.hrc.org

Suvenire http://shop.hrc.org http://shop.hrc.org/accessories.html

7.2. Web design

Designul va fi creat reieşind din faptul că însăşi site-l va fi elaborat utilizând metoda web 2.0

Designul trebuie să fie bazat pe stilul corporativ elaborat în Stilul corporativ

Va fi elaborat designul pentru următoarele pagini.

Design Template Numele paginii Comentarii

1 Home Page index Pagina Principală a site-ului

2 Te ajutăm get help conform p. 6.5.1

3 Video lista videos conform p. 6.5.2

4 Video video conform cu p. 6.5.2 Pagina

video

5 Relatări stories conform cu p. 6.5.3

6 Relatare story conform cu p. 6.5.3 Pagina

relatării

7 Implică-te involve conform cu p. 6.5.4

8 Donaţie

Termeni de utilizare

Parteneri

standart Pagină internă tipică

conform p. 7.4.1

9 Înregistrează video record conform cu p.6.5.6

10 Relatează-ne viaţa ta share story conform cu p.6.5.7

11 Angajament pledge conform cu p.6.5.8

12 Distribuie connect conform cu p.6.5.9

13 Abonează-te newsletter conform cu p.6.5.10

14 Ştiri news list conform cu p.6.5.11

15 Ştirea News conform cu p.6.5.11Pagina

noutăţii

16 Despre proiect about conform cu p.6.5.12

17 Contactează-ne Feedback conform cu p.6.5.13

Pe lângă versiunea desktop, va fi elaborat designul versiunii mobile (conform p.12)

7.3. Pagina Principală

Un loc aparte în conţinutul paginii – a proiectului o are Pagina principală. Pagina Principală este

pagina de start a locaţiei (Home page). Aceasta constituie componenta cheie a întregii pagini –

web a proiectului. Prin intermediul paginii Principale, utilizatorul trebuie să poată găsi rapid

http://www.noh8campaign.com/

http://www.noh8campaign.com/store-items

http://www.hrc.org/

http://shop.hrc.org/

http://shop.hrc.org/accessories.html

22

informaţia de maxim interes, folosind facilităţile paginii – web. De aceea, în Pagina Principală

vor fi prezente următoarele elemente:

— Logo-ul, sloganul

— Schimbătorul versiunilor lingvistice (ro/ru/en)

— Blocul cu video (playerul + preview de la ultimele video încărcate)

— Câmpul de căutare video

— Meniul principal

— Meniul informativ

— Iconiţele de la reţelele de socializare, rss*

— Bannere cu câteva rubrici importante din site, spre care se doreşte de a pune accent.

— Subsol cu informaţie suplimentară, reţele de socializare, versiunea mobilă

*în RSS utilizatorul să poată alege (multiple select): ştiri, video, relatări

7.4. Pagini interne

7.4.1. Pagina internă tipică

Pagina obişnuită cu conţinut static. Designul va prezenta

— aranjarea corectă în pagină a textului

— 3 nivele a titlurilor (H1, H2, H3)

— Stilul tabelului

— Lista numerotată şi cu marchere

— Stilul linkurilor

— Paginarea (numerotarea paginilor)

7.4.2. Pagini interne custom

O parte a paginilor interne vor avea o structura identică, doar că se vor adăuga unele elemente

specifice. Se va pune accent în plasarea corectă a textului în pagină.

7.5. Bannere

Pentru a promova site-ul pe alte site-uri, vor fi create bannere statice cu următoarele

dimensiuni:

Pătrate:

— 100 x 100 px

— 180 x 180 px

— 200 x 200 px

— 240 x 240 px

Dreptunghiulare:

— 240 x 80 px

23

— 185 x 60 px

— 680 × 100 px

8. Machetarea

Site-ul trebuie să fie corect vizualizat în următorii browseri:

— Internet Explorer 7 şi mai noi

— FireFox 3 şi mai noi

— Opera 9 şi mai noi

— Safari 4 şi mai noi

— Chrome 17 şi mai noi

Site-ul trebuie să treacă cu succes validarea pe http://validator.w3.org

Site-ul trebuie să fie vizualizat la un monitor cu o rezoluţie minimă de 1024 x 768 px fără scroll

orizontal. Cu toate acestea, design-ul va fi conceput automat dimensionabil pentru rezoluţiile

superioare celei standard.

Elementele click’abile trebuie să fie dinamice, adică să reacţioneze (prin mişcare sau culoare) la

hover, click

9. Optimizare pentru motoare de căutare (SEO)

Site-ul va fi elaborat şi optimizat pentru a fi corect indexat de către motoarele de căutare.

Unele din cerinţe sunt:

— Paginile site-ului trebuie să deţină adrese statice (URL), clare pentru utilizatori, ca de

exemplu: http://egali.md/partners/soros sau http://egali.md/story/48, unde “48” este

numerotarea relatărilor

— Trebuie să existe posibilitatea redactării META tag-urilor prin Panoul de Administrare.

META tag-urile vor fi generale pentru tot site-ul, însă trebuie să existe posibilitatea de a

indica alte META tag-uri pentru alte pagini.

— Crearea Sitemap XML

— Stilurile site-ului trebuie să se păstreze într-un fişier aparte

10. Serverul, platforma

Site-ul va fi elaborat pe platforma CMS Open Source.

Sistem de gestionare a bazelor de date: MySQL

Limbaj de programare: PHP. În site nu va fi utilizat flash. Toate elementele active vor fi

elaborate pe CSS, javascript şi analogice

Web Server: Apache

http://validator.w3.org/

http://egali.md/partners/soros

http://egali.md/story/48

24

La etapa de elaborare, site-ul va fi plasat pe serverul Executorului, la care va avea acces şi

Beneficiarul pentru a testa şi a încărca conţinutul.

După finisarea lucrărilor, Executorul va transfera site-ul şi baza de date pe serverul ales de

către Beneficiar.

În cadrul paginii – web a proiectului egali.md informaţia va fi prezentată şi stocată în format

Unicod (UTF-8), lucru care va permite stocarea în baza de date a informaţiei în orice versiune

lingvistică. Conţinutul paginii – web şi, de asemenea, facilităţile de administrare vor fi realizate

în limbile română, engleză şi rusă cu folosirea caracterelor latine, chirilice şi diacriticele

româneşti (ş, ţ, ă, î. â)

11. Documentaţia şi training

Portalul web va fi livrat cu următoarea documentaţie obligatorie:

— Proiectul tehnic, în care va fi descris modul în care a fost elaborat portalul web

— Manualul Administratorului, în care va fi detaliat descris modul de gestionare a site-

ului

— Cerinţele faţă de hosting

După predarea documentaţiei Compania IT va organiza o instruire a personalului

Beneficiarului care va gestiona site-ul.

12. Versiunea mobilă

Va fi elaborată versiunea mobilă a site-ului. Aceasta va fi elaborată pentru rezoluţia

telefoanelor iPhone 4 şi Samsung Galaxy S II (800 x 480 px)

Machetarea va fi făcută astfel ca să nu apară scroll orizontal, literele să fie citibile fără a mări

manual pagina.

Sistemul trebuie singur să depisteze că se accesează site-ul de pe un dispozitiv mobil şi să i se

deschide automat versiunea necesară. Utilizator va putea să acceseze şi versiunea deplină a

site-ului accesând un link din subsolul paginii.

Versiunea mobilă va avea aceiaşi structură, doar fără încărcarea video pe site de către

utilizatori.

13. Managementul proiectului

13.1. Manager de proiect

Executorul va numi persoana responsabilă din partea sa pentru managementul întregului

proiect. Persoana responsabilă – Managerul de proiect, după încheierea contractului va avea

următoarele obligaţii:

25

— Elaborează Regulamentul Proiectului

— Defineşte grupul de lucru

— Elaborează graficul de lucru, indicând termenii de finisare a fiecărei sarcini şi subsarcini

— Raportează Beneficiarului cel puţin de 2 ori pe săptămână statutul lucrărilor, conform

graficului de lucru elaborat

— Remite Beneficiarului spre aprobare Regulamentul Proiectului, Designul, precum şi

soluţiile care vor fi implementate în proiect

13.2. Sistemul Bug Tracking

Beneficiarul va avea acces la sistemul bug tracking al Executorului pentru a urmări executarea

lucrărilor şi a introduce erorile sau obiecţiile sale.

Executorul va preda Beneficiarului un Ghid de utilizare (în română sau rusă) a sistemului său

de bug tracking.

14. Outputuri livrate

Ca urmare a activităţilor de proiect sunt aşteptate următoarele livrări:

— Soluţie software care cuprinde sistem de gestiune a conţinutului şi interfaţă publică a

paginii – web a proiectului (www.egali.md) inclusiv şi pentru versiunea mobilă

— Codurile sursă a tuturor componentelor paginii – web elaborate de executor (cu

excepţia celor care dispun de certificat de securitate sau sunt de uz internaţional (ex.

SGBD, SO, Apache, limbajul PHP))

— Fişierele sursă a designului grafic. Sursele program a interfeţei publice a paginii – web.

— Instalarea şi configurarea paginii – web pe server.

— Documentaţie de proiect.

— Training pentru responsabilii de conţinut al paginii – web.

Documentele vor fi livrate în format electronic prin intermediul serviciul email, copiate

nemijlocit pe calculatorul beneficiarului sau livrate pe suport optic (CD).

http://www.egali.md/

Caiet de Sarcini

Documents

Transcript of Caiet de Sarcini