1. WebToDo(C)
Chelariu Madalina-Georgiana
Melinte Madalina-Ionela
An II Grupa 5B
Facultatea de Informatică, Universitatea Alexandru Ioan Cuza, Iaș i
madalina.chelariu@info.uaic.ro
ionela.melinte@info.uaic.ro
Abstract. O aplicatie Web ce ofera utilizatorilor posibilitatea de a-
si organiza sarcinile si proiectele. Utilizatorii vor putea adauga o
lista de task-uri organizate pe categorii. Fiecarui task se poate
adauga o data limita si o prioritate. Daca data indepliniri task-
ului se apropie, utilizatorul respective va fi automat instiintat
prin email.
Keywords: task, aplicatie Web
1 Introducere
O lista de prioritati scrisa pe o foaie de hartie este o cale facila de a avea la inde-
mana sarcinile "de facut", insa utilizarea unui programsoft poate fi o masura mai
eficienta, chiar daca esti nevoit intai sa inveti sa utilizezi programul respectiv. Aceste
programe se updateaza cu usurinta, iti pot aminti termenele limita, se pot sincroniza
cu telefonul tau si pot fi utilizate de mai multe persoane, in cazul in care lucrezi la
proiecte ce presupun lucrul in echipa.
Datorita ritmului alert al mediului de business, exista probabilitatea sa uitamanu-
mite evenimente sau sarcini de indeplinit. Pentru a fi multumiti de ziua ce tocmai a
trecut, cel mai bine e sa intocmiti o lista la inceput de zi, iar la finalul ei sa bifati ce si
ce nu ati reusit sa realizati. Pentru lucrurile importante, cumar fi intalnirile de aface-
ri, evenimentele de business sau altele asemanatoare, aveti posibilitatea de a le acorda
o anumita prioritate. In acest fel, nu numai ca nu veti pierde nici un eveniment, dar
veti sti si care are o importanta mai mare pentru afacerea dumneavoastra.
WebToDo ajuta utilizatorii sa-si administreze timplul si sarcinile eficent oferind
posibilitatea de de a-si organiza activitatile. Exista in momentul actual o multime de
aplicatii Web care ajuta utilizatorul sa-si organizeze timpul intre-un mod cat mai
eficent si placut. Aplicatia poate fi accesata oricand atat timp cat exista o conexiune
la internet.
2. Exista tipuri diferite de posesori de smartphone. Sunt cei care l-au cumparat pentru ca
este in trend, si sunt cei care l-au cumparat pentru ca au cu adevarat nevoie de el.
Pentru cea de-a doua categorie de persoane, a fi eficient inseamna a-ti mari
productivitatea in lucru printr-un sistem de organizare a task-urilor bine pus la punct
si a avea acces rapid la date. Printre sutele de aplicatii care exista, unele se pot dovedi
a fi folositoare si pentru cei care nu-si lasa munca deoparte nici atunci cand pleaca de
la birou. Todoist si Evernote sunt doua aplicatii mai vechi dar sunt bune pentru
managementul activitatilor. Creezi usor liste to-do si salvezi notite si idei.
To-Do List. Îţi poţi organiza timpul mult mai eficient atât pe tabletă cât şi pe
smartphone. Aplicaţia te anunţă când ai o întâlnire importantă, când e ziua cuiva şi
diverse alte lucruri. Poţi seta nivelul de prioritate şi te ajută să suni sau să trimiţi un
mesaj către un contact din agenda ta.
Any.Do. E o aplicaţie cu ajutorul căreia îţi poţi gestiona majoritatea întâlnirilor şi
lucrurile pe care trebuie să le faci. Fiind foarte uşor de folosit şi fără setări complicate,
este una dintre cele mai populare atât pe gadgeturile Apple, cât şi pe cele cu sistem de
operare Android.
Evernote. Se sincronizează şi cu alte gadgeturi pe care ai instalată această aplicaţie.
Poţi inclusiv să-ţi înregistrezi mesaje audio. Te anunţă când ai programat aplicaţia că
ai ceva important de făcut. Unele întâlniri le poţi împărătăşi cu prietenii de pe
Facebook sau Twitter.
Daily Agenda. Vei fi informat din timp cu privire la evenimentele pe care le ai
programate şi când trebuie să te pregăteşti pentru o întâlnire.
2 Tehnologhii utilizate
Formidabilul framework numit mai pe scurt Bootstrap permite să realizăm
webaplicaţii responsive, adică din acelea care îşi adaptează designul automat după
rezoluţie.
HTML5 (HyperText Markup Language)- pentru structurarea ș i pre-
zentarea conț inutului paginilor
3. CSS3 (Cascading Style Sheets) - pentru formatarea elementelor unui-
document HTML
JavaScript – limbaj pentru introducerea unor funcț ionalităț i în pagi-
nile web, codul Javascript din fiind rulat de către browser.
AJAX poate fi utilizat in mai multe tipuri de aplicatii care pot fi incluse
intr-o pagina web, dar cel mai folosit este pentru navigare de la un continut la
altul al site-ului. Aceasta navigare se face de obicei prin link-uri, acestea con-
tin o adresa URL catre pagina/continutul respectiv. Metoda standard de
transmitere a datelor asresei URL din link-uri la server este GET.
PHP (Php: Hypertext Preprocessor) - limbaj de programare pe partea
de server folosit la dezvoltarea aplicatiilor Web
SESSION- reprezinta o modalitate prin care PHP retine informatii de la o
pagina la alta. Odata cu initializarea unei sesiuni, utilizatorul poate pastra
anumite variabile chiar daca in continuare viziteaza si alte pagini ale siteului.
In principiu informatia se pastreaza pana la inchiderea browser-ului, sau pana
cand utilizatorul distruge in mod intentionat sesiunea curenta.
Baza de date SQL pe serverul fenrir al facultatii ,care va memora toate
datele necesare autentificarii utilizatorilor.
2.1 HTML
Acronimul de la HyperText Markup Language şi reprezintă un limbaj pentru
crearea şi marcarea (formatare, aranjare) unui document astfel încât să poată fi
publicat pe World Wide Web şi vizualizat cu ajutorul unui browser.
Termenul de hypertext desemnează un material sub formă de text şi imagine,
interconectat într-o manieră complexă, nesecvenţială, în care utilizatorul poate
naviga, căuta informaţii referitoare la un obiect. Hypertext-ul trebuie interpre-
tat ca un text care semnalează o legătură la o altă informaţie web, de obicei un
alt document web, şi este identificat prin subliniere sau culoare, pentru a-l
deosebi de textul simplu.Hypermedia este un termen aproape sinonim celui de
hypertext, singura deosebire fiind faptul că subliniază prezenţa şi a unor ele-
mente care nu sunt de tip text, cum ar fi animaţii, secvenţe sonore sau
secvenţe video. HTML se utilizează din 1990, cunoscând câteva versiuni de
dezvoltare, fiecare dintre acestea îmbunătăţind performanţele limbajului. Ul-
tima variantă (la data elaborării acestui ghid) este HTML 5 ce include
facilităţile versiunilor anterioare (tag-uri de marcare, tag-uri pentru
hiperlegături, antete, paragrafe, liste, elemente de meniu, formatare caractere,
imagini in-line şi tag-uri pentru schimbul de date dinamic între utilizatori),
adăugând facilităţi şi extensii pentru numere, tabele şi elemente de control.
4. 2.2 CSS
Cascading Style Sheets (CSS) este un limbaj pentru stiluri folosit pentru a
descrie prezentarea (aspectul si formatarea) unui document scris într-un lim-
baj de marcare. Aplicatia sa cea mai cunoscuta este realizarea stilului pagini-
lor web scrise în HTML si XHTML, dar limbajul poate fi aplicat oricarui tip
de document XML.CSS specifica o schema prioritara pentru a determina care
reguli de stil se aplica daca doua sau mai multe reguli se suprapun pentru un
element particular. În acest asanumit cascade, prioritatile sau greutatea sunt
determinate si atribuite regulilor, astfel încât rezultatele sunt predictibile.
2.3 JavaScript
Javascript este un limbaj de programare care face posibil ca paginile web sa
fie mai interactive. Scripturile Javascript sunt introduse in pagina HTML si
sunt interpretate si executate de browser. Javascript poate fi considerat o un-
ealta foarte buna daca doriti sa controlati continutul paginilor in functie de
data, ora, sistemul de operare sau browserul utilizatorilor, sa faceti site-uri
interactive, care sa comunice cu vizitatorii, site-uri dinamice, sa validati datele
primite din formulare, dar nu numai atat, acestea fiind doar cateva din posibi-
litatile pe care le ofera acest limbaj.
2.4 PHP
PHP este limbajul ideal pentru construirea de pagini web dinamice. Este usor
de invatat, open-source, poate fi rulat pe mai multe platforme si se poate con-
ecta la mai multe tipuri de baze de date. Cel mai important aspect al limbaju-
lui este insa posibilitatea de a fi imbricat cu cod HTML. Putem astfel crea
pagini HTML statice si din loc in loc, acolo unde este nevoie, sa introducem
dinamism cu ajutorul PHP.In acest modul am stocat toate fisierele de tip .html
si .php folosite la constuirea acestui sit Web.
5. 3 Arhitectura aplicatiei
Aplicatia ofera o maniera usoara si simpla de vizualizare a task-urilor unui anumit
utilizator doar daca este logat. Pentru vizitatorii interesati de aplicatia anoastra,exista
un modul de inregistrare,in care trebuie sa introduca cateva date de interes,precum
username ,parola si email, dupa care exista un modul de login, in care se pot loga cu
contul nou creat.Utilizatorul poate adauga noi task-uri,sterge din cele existente,updata
sau prioritiza acele task-uri. De asemenea poate adauga noi categorii de task-uri pen-
tru o origanizare mai buna.Atunci cand a indeplinit un task, utilizatorul il poate marca
ca fiind indeplinit sau il poate sterge. Pentru un anumit task, se poate seta data la care
trebuie indeplinit si prioritatea acestuia in lista. Utilizatorul va fi notificat prin email.
4 Detalii de implementare
Atunci când un utilizator îș i creează un nou cont de utilizator, serverul validează
datele. Adresa de email este verificată folosind o expresie regulată. atunci când
utilizatorul confirmă parola, severul verifică dacă parolele coincid. În cazul in care
utilizatorul nu introduce date valide, serverul notifică clientul iar acesta nu este lăsat
să trimită formularul către server.
//functia care verifica daca email-ului dat de utilizator la inregistrare are un format
corect
function verificaExistaEmail($unEmail) {
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$unEmail)) {
return 1;
}else{
return 0;
}
}
//functia care verifica daca un username exista deja in bd
function verificaExistaNume ($unNume) {
$bd = new DataBase_MySQL ('fenrir.info.uaic.ro', 'WebToDoDB',
'WebToDoDB', 'HGHbySdRR4');
$bd->connect();
6. $username=mysql_real_escape_string($unNume);
$bd->query("SELECT username as "number" FROM users WHERE
username='$username';");
if($bd->next_record()== 0){
return 0;
}else{
return 1;
}
}
Dupa ce s-a creat un cont, exista posibilitatea accesarii site-ului cu acel cont, iar
dupa logare, utilizatorul poate accesa task-urile sale,introduce, sterge,updata noi
task-uri sau noi categorii.Logarea se poate realiza si cu Facebook.
5 Concluzii
Indiferent cat de organizat esti, cu siguranta exista unele srcini pe care le poti ges-
tiona mai bine folosind WebToDo.
Bibliografie
http://twitter.github.io/bootstrap/scaffolding.html#responsive
Buraga, D. S.-C. (2001). "Web Technologies". Bucharest: MATRIX ROM Publish-
ing.
Buraga, D. S.-C. (2002). "Web Site Design". Iasi: PoliromPublishing House.
Buraga, D. S.-C. (2006). "XML Technolgies"(in Romanian). Iasi: Polirom Publishing
House.
http://www.codecademy.com/en/tracks/jquery
http://www.w3schools.com/css/