web todo
TRANSCRIPT
WebToDo(C)
Chelariu Madalina-Georgiana
Melinte Madalina-Ionela
An II Grupa 5B
Facultatea de Informatică, Universitatea Alexandru Ioan Cuza, Iaș i
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 sarcin ile "de facut", insa utilizarea unui program soft 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 cazu l in care lucrezi la
proiecte ce presupun lucrul in echipa.
Datorita ritmului alert al mediulu i de business, exista probabilitatea sa uitam anu-
mite evenimente sau sarcini de indeplinit. Pentru a fi multumiti de ziua ce tocmai a
trecut, cel mai b ine 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, cum ar fi intaln irile 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 n ici un eveniment, dar
veti sti si care are o importanta mai mare pentru afacerea dumneavoastra.
WebToDo ajuta utilizatorii sa-si administreze t implul si sarcinile eficent oferind
posibilitatea de de a-si organiza activitatile. Exista in momentul actual o mult ime de
aplicatii Web care ajuta utilizatorul sa-si organizeze t impul intre-un mod cat mai
eficent si placut. Aplicatia poate fi accesata oricand atat timp cat exista o conexiune
la internet.
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-t i 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 fo lositoare 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 activitat ilor. Creezi usor liste to-do si salvezi notite si idei.
To-Do List. Îţi poţi organiza t impul mult mai eficient atât pe tabletă cât şi pe
smartphone. Aplicaţia te anunţă când ai o întâln ire 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âln irilor ş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 în registrezi 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 d in timp cu priv ire 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ă
rezo luţie.
HTML5 (HyperText Markup Language)- pentru structurarea ș i pre-zentarea conț inutului paginilor
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.
2.2 CSS
Cascading Style Sheets (CSS) este un limbaj pentru st iluri 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.
3 Arhitectura aplicatiei
Aplicatia ofera o maniera usoara si simpla de vizualizare a task-urilo r 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 priorit iza acele task-uri. De asemenea poate adauga noi categorii de task-uri pen-
tru o origanizare mai buna.Atunci cand a indeplin it un task, utilizatorul il poate marca
ca fiind indeplin it sau il poate sterge. Pentru un anumit task, se poate seta data la care
trebuie indeplin it 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
utilizatoru l confirmă paro la, severul verifică dacă parolele co incid. În cazu l in care
utilizatoru l nu introduce date valide, serverul notifică clientul iar acesta nu este lăsat
să trimită formularul către server.
//functia care verifica daca email-u lui 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();
$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-ulu i cu acel cont, iar
dupa logare, utilizatoru l 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 b ine folosind WebToDo.
Bibliografie
http://twitter.github.io/bootstrap/scaffolding.html#responsive
Buraga, D. S.-C. (2001). "Web Technologies". Bucharest: MATRIX ROM Publis h-
ing.
Buraga, D. S.-C. (2002). "Web Site Design". Iasi: Po lirom Publishing 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/
6 Cuprins
1 Introducere ................................................................................................................... 1
2 Tehnologhii utilizate .................................................................................................. 2
3 Arhitectura aplicatiei .................................................................................................. 5
4 Detalii de implementare ............................................................................................. 5
5 Concluzii ...................................................................................................................... 6
6 Bibliografie .................................................................................................................. 6
7 Cuprins.......................................................................................................................... 7