Sunteți pe pagina 1din 25

Caiet de sarcini

privind elaborarea portalului web egali.md

Cuprins
1.

Terminologie............................................................................................................................................. 4

2.

Introducere ............................................................................................................................................... 4

3.

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

4.

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

5.

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

6.

5.1.

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

5.2.

Rudele i prietenii persoanelor LGBT ........................................................................................ 6

5.3.

Mass-media i alii........................................................................................................................... 6

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


6.1.

Interfaa public .............................................................................................................................. 6

6.2.

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

6.3.

Tipuri de coninut............................................................................................................................ 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 ajutm ................................................................................................................ 10

6.5.2.

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

6.5.3.

Relatri (lista) ......................................................................................................................... 13

6.5.4.

Pagina Implic-te................................................................................................................ 14

6.5.5.

Pagina Donaie.................................................................................................................... 15

6.5.6.

Pagina nregistreaz video ............................................................................................... 15

6.5.7.

Pagina Relateaz-ne viaa 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

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.
7.

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

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 cutare (SEO) ............................................................................... 23

10.

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

11.

Documentaia 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

1. Terminologie
n acest document termenii de mai jos vor avea urmtoarele sensuri.
Executor Compania IT angajat prin contract, care va elabora site-ul.
Beneficiar Centrul de Informaii GENDERDOC-M.
Finanator Fundaia Soros Moldova
CMS (Content Management System), sistem de administrare a coninutului, dar i gestionarea
site-ului fr intervenia programatorilor

2. Introducere
Prezentul document (n continuare Caiet de sarcini) conine Concepia destinat proiectrii i
elaborrii paginii web egali.md
Avnd n vedere c cerinele funcionale i nefuncionale ale sistemului dat pot fi implementate
lundu-se ca baz diferite platforme HARD i SOFT (ceea ce implic costuri de elaborare i
ntreinere diferite) se consider oportun pentru realizarea proiectului alegerea exclusiv a
soluiilor software gratuite open source i open code cel mai frecvent utilizate de companiile
ce ofer servicii de gzduire WEB (LAMP): PHP, MySQL, Apache (care corespund ntru totul
termenilor de referin naintai soluiei informatice).
Soluia elaborat va trebui s ofere instrumentare dinamice i accesibile care vor permite
gestiunea total a paginii web a proiectului: de la structur pn la coninut, ntr-o manier
exclusiv vizual i dinamic. n acest sens trebuie proiectat i realizat un Sistem de Gestiune al
Coninutului accesibil spre utilizare utilizatorilor cu cunotine de operator la calculator
(Microsoft Windows, Microsoft Office, Microsoft Internet Explorer, Mozilla FireFox, etc.).
De asemenea, interfaa utilizator i cea CMS trebuie realizat n 3 versiuni lingvistice:
romn, rus i englez. Trecerea dintr-o versiune n alta se va face sinhron, fr a prsi
pagina deja accesat.
Se va ine cont i de unele recomandri de nivel internaional n domeniul realizrii aplicaiilor
WEB, cum ar fi:
recomandrile World Wide Web Consortium (W3C) (http://www.w3c.org) privind
calitatea coninutului paginilor web oficiale, posibilitile vizualizrii corecte a
informaiilor, folosind navigatoare Internet larg utilizate, i compatibilitatea cu diferite
platforme informatice;
recomandrile WAI (Web Accessibility Initiative) (http://www.w3c.org/WAI) privind
asigurarea posibilitii utilizrii resurselor paginilor web oficiale de ctre persoanele
cu dizabiliti;
recomandrile WCAG (Web Content Accessibility Guidelines) http://w3.org/TR/WCAG20

recomandrile W3C (http://validator.w3c.org) privind testarea paginilor web oficiale.


Pagina web a site-ului se va testa n conformitate cu aceste recomandri.
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 direcia n care se dorete a se
ndrepta. ns toate cerinele din acesta sunt obligatorii.
La sarcinile curente se pot aduga pn la 10% alte sarcini care ar putea s intre n proiect n
perioada elaborrii designului i a programrii.

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). Numrul mare de susintori,
inclusiv a persoanelor publice ar putea distruge stereotipurile societii.
Deasemeni, proiectul vrea s ncurajeze adolescenii gay care sunt supui 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 organizaia PFLAG (Parents, Families and Friends of Lesbians and Gays) din SUA.
Platforma va permite ca orice utilizator s poat ncrca propriul film despre toleran i
susinere. 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, jurnalitii, precum i
alte persoane cointeresate.
Vrsta vizitatorilor 14 50 ani, limba vorbit: romna i/sau rusa de pe teritoriul Republicii
Moldova.

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. Informaia de pe internet rmne a fi cea mai
important surs de informaie. Acest site va avea un impact pozitiv asupra acestui grup, att
pentru ridicarea nivelului de autoacceptare i respectul de sine, ct i pentru ncurjarea lor de
a fi deschii cu rudele i prietenii lor, de a discuta probleme de care se ciocnesc, de a cere
respectarea propriilor drepturi i liberti, ceea ce va avea un efect pozitiv asupra strii
psihologice i calitii vieii lor. Persoanele LGBT, care sunt deschise vor putea face coming-out
n reeau Internet, ceea ce i va ncuraja i pe alii s o fac. Persoane din diverse domenii care
accept diversitatea sexualitii umane vor susine aceast comunitate prin cuvinte de
ncurajare. Vor fi ndemnai prietenii/familia sau alte persoane din cercul apropiat ai
persoanelor LGBT de a nscrie video n susinerea 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 cnd afl despre orientarea sexual a celui
apropiat. Rudele vor putea afla informaia de la specialitii n diverse domenii despre
normalitatea orientrii sexuale a copiilor si. Declaraiile celor care au depit aceast situaie i
va ncuraja i le va da de neles c problema lor nu este att de grav. Aceste persoane la
rndul lor vor putea posta mrturiile lor despre ceea ce simt i despre situaiile 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 alii

A treilea grup int sunt jurnalitii (mass-media) i ali vizitatori ai portalulu web care vor primi
informaie clar i veridic despre persoanele LGBT i susintorii acestora. Aceste video-uri
vor putea fi folosite n reportajele la tema dat, se vor iniia discuii cu rspunsuri.

6. Structura site-ului
6.1.

Interfaa public

Interfaa Public este interfaa pentru acces la partea public a paginii web. Aceasta este
partea paginii web accesibil tuturor utilizatorilor Internet i poate fi accesat, de exemplu,
ncepnd cu pagina Principal. Prin intermediul acestei interfee, vizitatorii Internet vor avea
posibilitate de a naviga prin coninut, descrca fiiere, vizualiza video, efectua cutri, plasa
video filmat de ei, trimite relatrile sale, etc.
La baza Interfeei Publice va sta un sistem comod de navigare, astfel nct vizitatorii s poat
gsi facil i rapid informaia necesar. Sistemul flexibil de configurare a paginii Principale le va
permite administratorilor s atrag atenia vizitatorilor asupra celor mai interesante informaii
ale paginii web a proiectului egali.md.
6

Interfaa Public trebuie realizat n baza unui design original i agreabil, optimizat pentru
toate categoriile de vizitatori (rezoluie minim 1024x768, ncrcare rapid, elemente
multimedia echilibrate i optimizate, etc.), inndu-se cont de cerinele deja formulate.
Coninutul paginii web a site-ului va fi introdus i afiat n format Unicod (UTF-8) lucru care
va permite afiarea concomitent a textelor n caractere latine i chirilice.
Sistemul de Gestiune a Coninutului va permite redactarea metadatelor paginilor, astfel c
fiecare pagin a Interfeei Publice va avea completat balizele:
<meta name="Title (valoarea va fi extras din titlul documentului)
<meta name="Description"
<meta name="KeyWords".
La elaborarea Interfeei 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 deplasrii prin arborele de pagini. Ca i pagina Principal, oriicare alt pagin,
n scopul actualizrii facile, inclusiv structurale, va fi configurabil. Administratorii vor putea
defini dinamic blocuri de informaie (creare, suprimare, indicare elemente de stil), specifica
informaia ce trebuie plasat n bloc, defini informaia de identificare a blocurilor i ordinea de
apariie a lor pentru oriicare categorie sau compartiment al paginii web a proiectului
egali.md.
Fiecare pagin, pe lng componentele specifice, impuse de tematica acesteia, va conine i
componente, comune pentru toate paginile i anume: antetul, meniurile i subsolul.

6.2.

Site map

Meniul principal
1
Te ajutm
2
Video
3
Relatri
4
Implic-te
5
Donaie
6
nregistreaz video
7
Relateaz-ne viaa ta
8
Angajament
9
Distribuie
10
Aboneaz-te
11
tiri
Meniul informativ
12
Despre proiect

Tip pagin
Static page
Video page
view page
menu page
static page
Upload form
Applications form
static page
Share form
Newsletter
View
Tip pagin
Static page

URL
get_help
video
story
involve
donate
record
share_story
pledge
connect
newsletter
news
Design template
about

13
14
15

Contacteaz-ne
Parteneri
Termeni de utilizare

6.3.

Feedback
Static page
Static page

feedback
partners
terms

Tipuri de coninut

6.3.1. Pagina static


Pagina static va fi creat la necesitate i adugat n meniu. Pagina va avea un template
implicit. Acest timp de coninut va putea fi gestionat doar de administrator.
Cmpul
Titlu
Limba
Corp
Cale url (alias)

Caracteristici
text
select
text cu redactor html
implicit va fi titlul paginii (fr semne diacritice)
sau va fi scris manual

6.3.2. tire
Toate tirile adugate vor avea urmtoarele cmpuri
Cmpul
Titlu
Limba
Corp
Cale url (alias)

Caracteristici
text
select
text cu redactor html
implicit va fi titlul paginii (fr semne diacritice)
sau va fi scris manual
text sau calendar

Data publicrii

Acest tip de coninut va putea fi gestionat de ctre administrator i moderator


6.3.3. Citate
Citatele vor aprea ntr-o anumit zon (coloan) ntr-un mod aleatoriu.
Cmpul
Titlu
Limba
Corp
Foto

Caracteristici
text (autorul citatului)
select
text cu redactor html
upload image file

6.3.4. Story (relatare)


Relatarea este textul pe care scrie utilizatorul neautentificat al site-ului utiliznd formularul
story.
Cmpul
Adresa de e-mail*

Caracteristici
text
8

Numele Prenumele (sau preudonim) *


Localitatea (raionul sau oraul) *
Istoria*
Foto (opional)

text (limit 40 simboluri)


text (limita 40 simboluri)
text (limit 30 000 simboluri)
upload form
fiiere acceptate jpeg, jpg, gif, png
selectare din taxonomy categorie
text cu autocompletarea cmpului din tagurile existente

Categorie
Tag
Captcha

Dup crearea unui coninut de tip story, pagina rmne nepublicat pn la moderarea
acesteia. Cmpurile Categorie i Tag vor fi completate de moderator la publicarea coninutului.
6.3.5. Video
Acesta este tipul de coninut care va putea fi ncrcat de ctre utilizatorii neautentificai.
Cmpul
Titlul
Adresa de e-mail*
Numele Prenumele (sau preudonim) *
Localitatea (raionul sau oraul) *
Video* sau
Link de pe Youtube
Scurt despre autor (profesia)
Categorie
Tag

Caracteristici
text
text
text (limit 40 simboluri)
text (limita 40 simboluri)
upload form
text
text (limita 400 simboluri)
selectare din taxonomy categorie
text cu autocompletarea cmpului din tagurile existente

Captcha

Dup crearea coninutului acesta nu va fi publicat pn va fi moderat. Cmpurile Categorie, Titlu


i Tag vor fi completate de moderator la publicarea coninutului.

6.4.

Taxonomy

Clasificatorul
Categorie

Termeni
coming-out
susinere
Organizaii
Politicieni
Oameni de tiin
Showbiz
Prini/rude
termenii se vor completa n mod automat

Tag

6.5.

Descrierea paginilor interne

6.5.1. Pagina Te ajutm


Pagina va fi de tipul static page. n pagin dat va fi informaie util despre:
Linia nediscriminare
Servicii medicale
Consultaia psihologului
Consultaie juridic/avocat
Biblioteca/Videotec
Mesaj ctre Centrul de Informaii Genderdoc-m
Pagina va avea un design special. Acesta va fi fcut n aa fel, nct s existe posibilitatea
adugrii informaiei necesare fr alterarea machetrii.
6.5.2. Video (lista)
Pagina dat va conine fiiere video. Referin http://www.itgetsbetter.org/video

10

Fiecare video va avea imagine cu link spre pagina acestui video, titlu, scurt descriere i link
spre video.
11

Trebuie s existe posibilitatea de a gestiona n CMS numrul video preview pe pagin. Dup
depirea acestui numr, va fi paginarea.
Pagina va avea cmp pentru cutare cu autocompletare a rezultatelor. Implicit vor fi indexate
titlurile, descrierile, categoriile, tagurile. n CMS trebuie s fie posibilitatea de a gestiona
numrul rezultatelor care apar pe pagin.
ntr-un anumit bloc vor fi categoriile pentru a filtra fiierele video dup un anumit criteriu.
Vizitatorul va putea vedea toate fiierele video din categoria coming-out sau politicieni.
6.5.2.1.

Pagina video

Accesnd orice video, se va deschide o nou pagin. n aceast pagin va fi posibil de a viziona
nsi 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 fiierul 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.

12

6.5.3. Relatri (lista)


n aceast pagin vor fi istorii personale scrise de persoanele LGBT sau de ctre alte persoane.
Iniial pagina va conine teasere.
Fiecare teaser va conine: Titlu, fotografie, dat, autor, teaser i link spre citirea ntregii pagini.
n cazul n care utilizatorul nu a ncrcat fotografia, automat se va afia o imagine predefinit
din CMS, care va putea fi modificat de ctre administrator.
n CMS trebuie sa fie posibilitatea de a gestiona numrul teaserelor pe pagin.
6.5.3.1.

Pagina relatrii

n pagina dat va fi textul ntreg al istoriei personale. Pagina va conine: Titlu, fotografie, dat,
autor, textul ntreg i sgei precedenta i urmtoarea.
Sub text vor fi iconiele pentru sharing: Like, Tweet, Vkontakte ( ), +1 (Google),
! (Odnoklassniki.ru), Mail
Va exista text cu invitaie de a relata istoria sa cu link spre /sharestory

13

6.5.4. Pagina Implic-te


Pagina va conine text i punctele submeniului su, acestea vor fi sub forma unor
iconie/bannere sau alte prezentri n dependen de designul paginii. Mai jos este prezentat
imaginea a unui site similar

14

6.5.5. Pagina Donaie


Acest pagina va conine informaie despre modul de a ajuta financiar proiectul. Nu vor fi
efectuate integrari cu sisteme de pli online.
6.5.6. Pagina nregistreaz video
Acest pagin va conine o form pentru ncrcarea fiierului video. Precum i un text cu
indicaii sau sfaturi. Trebuie s existe posibilitatea n CMS de a schimba textul dat.
Cmpurile ce vor fi completate de ctre vizitator neautentificat
Cmpul
Adresa de e-mail*
Nu va fi publicat pe site.
Necesar pentru a lua legtura n cazul unor probleme
tehnice de vizualizare a fiierului video

Numele Prenumele (sau preudonim) *


Localitatea (raionul sau oraul) *
Video* sau
Link de pe Youtube
Scurt despre autor (profesia) *
Captcha*

Caracteristici
text. S existe verificarea dac acest text are
forma unui e-mail
text (limit 40 simboluri)
text (limita 40 simboluri)
upload form
text
text (limita 400 simboluri)

n cazul n care informaia nu va fi deplin sau va conine erori, vizitatorul va vedea erorile, ns
datele introduse NU se vor pierde, ca s nu introduc din nou datele corecte.
Dup completarea tuturor cmpurilor i apsrii pe Expediaz, vizitatorul va vedea mesajul
despre expedierea cu succes a fiierului, iar pe e-mail va primi o confirmare de recepionare.
Textul mesajului va putea fi modificat n CMS.
Tot atunci moderatorii vor primi mesaj pe mail despre apariia unui nou fiier spre moderare.
Mesajul va conine link direct ctre pagina cu fiierul dat.
6.5.7. Pagina Relateaz-ne viaa ta
n aceast pagin va fi o form de completare i text redactabil n CMS.
Forma va conine
Cmpul
Adresa de e-mail*
Numele Prenumele (sau preudonim) *
Localitatea (raionul sau oraul) *
Istoria*
Foto (opional)

Caracteristici
text. S existe verificarea dac acest text are
forma unui e-mail
text (limit 40 simboluri)
text (limita 40 simboluri)
text (limit 30 000 simboluri)
upload form
fiiere acceptate jpeg, jpg, gif, png

Captcha*

15

n cazul n care informaia nu va fi deplin sau va conine erori, vizitatorul va vedea erorile, ns
datele introduse NU se vor pierde, ca s nu introduc din nou datele corecte.
Dup completarea tuturor cmpurilor i apsrii pe Expediaz, vizitatorul va vedea mesajul
despre expedierea cu succes a fiierului, iar pe e-mail va primi o confirmare de recepionare.
Textul mesajului va putea fi modificat n CMS.
Tot atunci moderatorii vor primi mesaj pe mail despre apariia unei noi istorii personale spre
moderare. Mesajul va conine link direct ctre pagina cu istoria dat.
n cazul n care vreun utilizator va dori s copie textul ntreg sau fragment al istoriei/relatrii
prin selectare i Ctrl+C, atunci n bufer forat va fi inserat un text de tipul:
Mai multe istorii i relatri gseti pe www.egali.md.
Acest text trebuie s fie redactabil n CMS. Astfel atunci cnd utilizatorul va lipi textul n alt
parte, la finalul fragmentului lipi va aprea textul Mai multe istorii i relatri gseti pe
www.egali.md. Limba textului inserat forat va fi n dependen de versiunea lingvistic n care
se afl utilizatorul.
6.5.8. Pagina Angajament
Pagina dat va conine textul scurt unui angajamet sub forma unui jurmnt pe care
utilizatorul va putea citi i publica utiliznd reelele de socializare cu contor:
Like, Tweet, Vkontakte ( ), +1 (Google), ! (Odnoklassniki.ru)
n CMS trebuie s existe posibilitatea modificrii codului reelelor de socializare pentru a
introduce oricnd modificri n cod.
6.5.9. Pagina Distribuie
n aceast pagin va fi o form de expediere a mesajului despre acest proiect ctre mai multe
adrese de e-mail.
Cmpul
Adresele de e-mail a destinatarilor*
divizate prin virgul

Numele Prenumele (sau preudonim) *


adresa ta de e-mail*
Subiect*
Mesajul *

Caracteristici
text. S existe verificarea dac acest text are
forma unor adrese de e-mail
text (limit 40 simboluri)
text (limita 40 simboluri)
text (limit 150 simboluri)
implicit va fi un text redactabil din CMS
text (limit 10 000 simboluri)
implicit va fi un text redactabil din CMS

Captcha*

De asemeni trebuie s existe butoanele de socializare pentru distribuie


Share Facebook, Tweet, Vkontakte ( ), +1 (Google), ! (Odnoklassniki.ru)
16

Pagin similar este n imaginea de mai jos

Lng cmpul pentru mesaj vor fi 3 butoane (vezi pe imagine sunt nemerotate). Iniial va fi
activat primul buton, iar n cmpul mesajului va fi inserat automat un text predefinit, pe care
utilizatorul il poate modifica. Apsnd 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 dorete s schimbe textul
predefinit pe altul (prin apsarea butonului), atunci va primi o notificare, ca s nu piarda textul
redactat.
n CMS trebuie s existe posibilitatea redactrii textelor predefinite.

17

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 abonrii, 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 conine: Titlu, fotografie, dat, teaser i link spre citirea ntregii nouti. n
CMS trebuie sa fie posibilitatea de a gestiona numrul tirilor pe o pagin.
6.5.11.1.

Pagina noutii

n pagina dat va fi textul ntreg al tirii. Pagina va conine: Titlu, fotografie, dat, textul ntreg i
sgei precedenta i urmtoarea.
Sub text vor fi iconiele pentru sharing: Like, Tweet, Vkontakte ( ), +1 (Google),
! (Odnoklassniki.ru) , Mail
6.5.12. Pagina Despre proiect
Pagina va conine text, imagini, tabele i alt informaiei static.
6.5.13. Pagina Contacteaz-ne
Pagina va avea un text redactabil n CMS i un formular pentru expedierea mesajelor ctre
administraia site-ului.
Cmpul
Numele Prenumele (sau preudonim) *
Adresele de e-mail *
Subiect*
Mesajul *
Captcha*

Caracteristici
text (limit 40 simboluri)
text. S existe verificarea adresei de e-mail
text (limit 150 simboluri)
text (limit 50 000 simboluri)

n CMS trebuie s existe posibilitatea gestionrii destinatarilor acestor mesaje.


6.5.14. Pagina Parteneri
Pagina va conine text i imagini despre finanatorii i partenerii proiectului.
6.5.15. Pagina Termeni de utilizare
Pagina va conine text despre condiiile de utilizare i confidenialitate.

18

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
coninutul de pe site conform tipurilor de coninut i a gestionarea modulelor funcionabile.
Fiecrui rol trebuie s exite posibilitatea de a atribui utilizatori noi creai, care vor obine
permisiunile acelui rol. La predarea proiectului vor fi create urmtoarele roluri:
Utilizatorul (neautentificat) este utilizatorul Internet, care are acces nelimitat fr vreo
autentificare la interfaa publica a paginii web a proiectului egali.md, dar nu are acces la
Sistemul de Gestiune a Coninutului. De asemeni, Vizitatorul nu poate vizualiza coninutul
nepublicat.
Moderatorul este un utilizator autentificat prin login i parol, care n urma autentificrii are
acces, prin intermediul Interfeei Administrator, la Sistemul de gestiune a coninutului care
dein drepturi de modificare a coninutului paginilor Web, dar nu la structura paginii web n
ntregime. Drepturile i funciile de acces la Sistemul de Gestiune a Coninutului este definit de
ctre Administratori pentru fiecare operator n parte, precum i pentru fiecare tip de coninut
n parte.
Administratorul este un utilizator autentificat prin login i parol, care n urma autentificrii
are acces nelimitat prin intermediul Interfeei Administrator, la Sistemul de Gestiune a
Coninutului.
Cu alte cuvinte, toi utilizatorii, inclusiv Utilizatorii neautentificai, vor avea acces, prin
intermediul Interfeei Publice, la coninutul paginii web a proiectului egali.md, iar
Administratorii i Moderatorii au acces, prin intermediul Interfeei Administrator, i la Sistemul
de Gestiune a Coninutului 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 lucrri:
7.1.1. Brandbook: elemente
Logo
Standard
definire monocrom
19

Spaiere
Plasri pe diverse fonuri
Plasri greite
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
Poziionarea vertical
Machetarea textului n pagin
Form pentru fax
Cri de vizit

Plicuri

Corporativ
Personalizat

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
Poziionarea 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
20

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 reieind din faptul c nsi site-l va fi elaborat utiliznd metoda web 2.0
Designul trebuie s fie bazat pe stilul corporativ elaborat n Stilul corporativ
Va fi elaborat designul pentru urmtoarele pagini.
Design Template
1
Home Page
2
Te ajutm
3
Video lista
4
Video

Numele paginii
index
get help
videos
video

Comentarii
Pagina Principal a site-ului
conform p. 6.5.1
conform p. 6.5.2
conform cu p. 6.5.2 Pagina
video

5
6

Relatri
Relatare

stories
story

conform cu p. 6.5.3
conform cu p. 6.5.3 Pagina
relatrii

7
8

9
10
11
12
13
14
15

Implic-te
Donaie
Termeni de utilizare
Parteneri
nregistreaz video
Relateaz-ne viaa ta
Angajament
Distribuie
Aboneaz-te
tiri
tirea

involve
standart

conform cu p. 6.5.4
Pagin intern tipic
conform p. 7.4.1

record
share story
pledge
connect
newsletter
news list
News

conform cu p.6.5.6
conform cu p.6.5.7
conform cu p.6.5.8
conform cu p.6.5.9
conform cu p.6.5.10
conform cu p.6.5.11
conform cu p.6.5.11Pagina
noutii

16
17

Despre proiect
Contacteaz-ne

about
Feedback

conform cu p.6.5.12
conform cu p.6.5.13

Pe lng versiunea desktop, va fi elaborat designul versiunii mobile (conform p.12)

7.3.

Pagina Principal

Un loc aparte n coninutul paginii a proiectului o are Pagina principal. Pagina Principal este
pagina de start a locaiei (Home page). Aceasta constituie componenta cheie a ntregii pagini
web a proiectului. Prin intermediul paginii Principale, utilizatorul trebuie s poat gsi rapid
21

informaia de maxim interes, folosind facilitile paginii web. De aceea, n Pagina Principal
vor fi prezente urmtoarele elemente:
Logo-ul, sloganul
Schimbtorul versiunilor lingvistice (ro/ru/en)
Blocul cu video (playerul + preview de la ultimele video ncrcate)
Cmpul de cutare video
Meniul principal
Meniul informativ
Iconiele de la reelele de socializare, rss*
Bannere cu cteva rubrici importante din site, spre care se dorete de a pune accent.
Subsol cu informaie suplimentar, reele de socializare, versiunea mobil
*n RSS utilizatorul s poat alege (multiple select): tiri, video, relatri

7.4.

Pagini interne

7.4.1. Pagina intern tipic


Pagina obinuit cu coninut 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 aduga 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 urmtoarele
dimensiuni:
Ptrate:
100 x 100 px
180 x 180 px
200 x 200 px
240 x 240 px
Dreptunghiulare:
240 x 80 px

22

185 x 60 px
680 100 px

8. Machetarea
Site-ul trebuie s fie corect vizualizat n urmtorii 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 rezoluie minim de 1024 x 768 px fr scroll
orizontal. Cu toate acestea, design-ul va fi conceput automat dimensionabil pentru rezoluiile
superioare celei standard.
Elementele clickabile trebuie s fie dinamice, adic s reacioneze (prin micare sau culoare) la
hover, click

9. Optimizare pentru motoare de cutare (SEO)


Site-ul va fi elaborat i optimizat pentru a fi corect indexat de ctre motoarele de cutare.
Unele din cerine sunt:
Paginile site-ului trebuie s dein adrese statice (URL), clare pentru utilizatori, ca de
exemplu: http://egali.md/partners/soros sau http://egali.md/story/48, unde 48 este
numerotarea relatrilor
Trebuie s existe posibilitatea redactrii 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 pstreze ntr-un fiier 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

23

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


Beneficiarul pentru a testa i a ncrca coninutul.
Dup finisarea lucrrilor, Executorul va transfera site-ul i baza de date pe serverul ales de
ctre Beneficiar.
n cadrul paginii web a proiectului egali.md informaia va fi prezentat i stocat n format
Unicod (UTF-8), lucru care va permite stocarea n baza de date a informaiei n orice versiune
lingvistic. Coninutul paginii web i, de asemenea, facilitile de administrare vor fi realizate
n limbile romn, englez i rus cu folosirea caracterelor latine, chirilice i diacriticele
romneti (, , , . )

11.

Documentaia i training

Portalul web va fi livrat cu urmtoarea documentaie 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 siteului
Cerinele fa de hosting
Dup predarea documentaiei 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 rezoluia

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


Machetarea va fi fcut astfel ca s nu apar scroll orizontal, literele s fie citibile fr a mri
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 accesnd un link din subsolul paginii.
Versiunea mobil va avea aceiai

structur, doar fr ncrcarea video pe site de ctre

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
urmtoarele obligaii:
24

Elaboreaz Regulamentul Proiectului


Definete grupul de lucru
Elaboreaz graficul de lucru, indicnd termenii de finisare a fiecrei sarcini i subsarcini
Raporteaz Beneficiarului cel puin de 2 ori pe sptmn statutul lucrrilor, conform
graficului de lucru elaborat
Remite Beneficiarului spre aprobare Regulamentul Proiectului, Designul, precum i
soluiile care vor fi implementate n proiect

13.2. Sistemul Bug Tracking


Beneficiarul va avea acces la sistemul bug tracking al Executorului pentru a urmri executarea
lucrrilor i a introduce erorile sau obieciile sale.
Executorul va preda Beneficiarului un Ghid de utilizare (n romn sau rus) a sistemului su
de bug tracking.

14.

Outputuri livrate

Ca urmare a activitilor de proiect sunt ateptate urmtoarele livrri:


Soluie software care cuprinde sistem de gestiune a coninutului 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
excepia celor care dispun de certificat de securitate sau sunt de uz internaional (ex.
SGBD, SO, Apache, limbajul PHP))
Fiierele surs a designului grafic. Sursele program a interfeei publice a paginii web.
Instalarea i configurarea paginii web pe server.
Documentaie de proiect.
Training pentru responsabilii de coninut 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).

25