Documentatie Your Academic Tasks

Click here to load reader

  • date post

    26-Jun-2015
  • Category

    Education

  • view

    158
  • download

    3

Embed Size (px)

description

Proiectului la materia "Tehnologii Web" – http://tinyurl.com/tehnologii-web

Transcript of Documentatie Your Academic Tasks

  • 1. Yacks Your Academic Tasks (B)Alice - Georgiana [email protected] Andreea [email protected] de Informatic, Universitatea Alexandru Ioan Cuza, IaiAbstract. Aplicaie Web care ofer un raport privind activitile pe care un student de la Facul-tatea de Informatic din Iai trebuie sa le realizeze ntr-o sptmn, acestia putnd s se logheze prin in-termediul unui user si a unei parole. Prin intermediul acestei aplicatii, studenii pot vizualiza materiile lacare sunt nscrii, de a consulta o arhiv a rapoartelor saptmnale pentru un semestru si totodat vor puteapartaja coninutul raportului via o aplicaie Web social de exemplu Facebook, Twitter.Cuvinte-cheie: Yacks, Web, html5, css3, php5.

2. 1 IntroducereAplicaia Your Academic Tasks (Yacks) este o modalitate prin care ne putem organizatimpul ct mai eficient i plcut, aceasta datorndu-se realizarii de catre aplicatii a unui raportal activitatilor tuturor sptmnilor curente si vizualizarea lui direct din aplicatie. O alt mo-dalitate de vizualizare este i prin partajarea raportului pe site-urile de socializare cele maifrecvente, de exemplu Facebook sau Twitter. Cu uurin se pot alege materiile opionale, iarinformaiile despre acestea i profesorul respectiv vor fi ntr-un singur loc.2 Tehnologii utilizate2.1 Partea de server a aplicaiei2.2.1.1 PHPPHP (PHP: Hypertext Preprocessor) este un limbaj de programare de tip script, ce estefolosit pe o scar larg n dezvoltarea paginilor i a aplicaiilor Web i care poate fi nglobat ncadrul documentelor HTML. Cu ajutorul PHP-ul se pot cu uurin colecta date form, generadate si coninutul paginilor dinamic sau s trimii si primi cookie-uri. Scripturile PHP suntfolosite n trei domenii principale: script pe partea de server, script la linia de comand iscrierea de aplicaii Desktop.2.2.1.2 AjaxAjax-ul este o tehnic de programare pentru crearea de aplicaii web interactive. Inteniaeste s fac paginile Web s devin mai rapide. Este o modalitate de a transfera date ntre cli-eni si server Web.Ajax-ul nu este o tehnologie n sine, termenul este folosit pentru definirea aplicaiilor Webce folosesc un ansamblu de tehnologii: HTML sau XHTML pentru structura semantic a in- 3. formaiilor, CSS pentru prezentarea informaiilor, Javascript pentru interactivitate,XMLHttpRequest i XML.2.1.2 Surse de date2.1.2.1. MySQLMySQL este o arhitectur open-source foarte rapid i un sistem de gestiune a bazelor dedate relaional. Dei este folosit foarte des mpreun cu limbajul de programare PHP, cuMySQL se pot construi aplicaii n orice limbaj major.2.1.2.2. XMLXML(Extensible Markup Language) este un limbaj de marcare pentru crearea de altelimbaje de marcare cum ar fi: XHTML, RSS, SVG. XML-ul este i un model de stocare adatelor nestructurate i semi-structurate n cadrul bazelor de date native XML. Avantaje: ex-tensibilitate, validitate, XML este simplu i accesibil.2.2 Partea de client a aplicatiei2.2.1. HTMLHTML(HyperText Markup Language) este un limbaj de marcare utilizat pentru creareapaginilor web ce pot fi afiate ntr-un browser. HTML-ul este folosit pentru prezentarea in-formaiilor paragrafe, fonturi, tabele etc. Limbajul de marcare este un set de taguri de mar-care care descrie coninutul unui document.Ultima versiune a HTML-ului si a XHTML-ului este HTML5. Acesta este o cooperare din-tre W3C(World Wide Web Consortium) i WHATWG(Web Hypertext Application Technol-ogy Working Group). Cteva din regulile care s-au stabilit pentru HTML5 sunt: noile proprie-ti ar trebui s fie bazate pe HTML, CSS, DOM i JavaScript, o mai bun metoda de tratare aerorilor, HTML5 trebuie s fie independent.Noile proprieti folosite in HTML5 sunt: elementul pentru desenarea 2D, i elemente pentru playback media, suport pentru stocarea local. 4. HTML5 nu este nc un standard oficial i nu toate browserele au un ntreg HTML suport.2.2.2. CSSCSS(Cascading Style Sheets) este un limbaj de stil folosit pentru a descrie prezentarea unuidocument scris ntr-un limbaj de marcare. Este cea mai comun metod de a stiliza paginileweb scrise n HTML i XHTML, dar limbajul poate fi aplicat oricrui tip de document XML.CSS-ul reduce din timp, acesta definete cum anume s se afieze elementele HTML.CSS-ul prezint o sintaxa simpl, iar foaia de stiluri conine o list de reguli. Fiecare regulconine una sau mai muli selectori. n CSS, selectorii sunt folosii pentru a declara ce partedin stilul marcat este aplicat.2.2.3. JavaScriptJavaScript este un limbaj de programare de tip script care este folosit mai ales pentru intro-ducerea unor funcionaliti n paginile web, codul javascript din aceste pagini fiind rulat dectre browser. Cea mai des ntlnit utilizare a JavaScript-ului este n scriptarea paginilorweb. Se poate ngloba n paginile HTML script-uri pentru diverse activiti, cum ar fi verifi-carea datelor introduse de utilizatori sau crearea de meniuri si alte efecte animate.3 Arhitectura aplicatieiYacks este o aplicatie Web care, prin intermediul unei interfete intuitive, permite studen-tilor de la Facultatea de Informatica Iasi sa-si creeze un cont de utilizator cu care se pot auten-tifica ulterior la aplicatia principala. Dupa autentificare aplicatia va oferi prin intermediul unorpagini web un raport privind activitatile pe care trebuie sa le realizeze studentul intr-o sapta-mana conform orarului corespunator grupei specificate la crearea contului. Aplicatia este asa-dar realizata din mai multe module fiecare reprezentat prin cate o pagina web independenta. Modulul de autentificare Modulul de intregistrare a unui cont utilizator Modulul de afisare a raportului saptamanal 5. Modulul de editare a contului utilizatorului Modulul de share a raportului Modulul de descarcarea unei arhive a raportului3.1 Modulul de autentificarePrin intermediul acestui modul utilizatorul are primul contact cu aplicatia prin inter-mediul unei pagini in care ii este furnizat un formular pe care e nevoit sa il completeze cudatele specifice contului sau pentru a putea accesa aplicatia. (Fig.1) In cazul in care dateleintroduse nu se potrivesc cu cele de la inregistrare utilizatorul este notificat despre aceastaprintr-un mesaj de tip alerta.Fig. 13.2 Modulul de inregistrare a unui cont utilizatorLa prima accesare a aplicaiei utilizatorul este nevoit s-i creeze prin inter-mediulpaginii de Register un cont de utilizator format dintr-un username i o parol pe care le vafolosi la autentificrile ulterioare. Numele de utilizator trebuie s fie un username valid nreg-istrat pe fenrir (de obicei de forma: prenume.nume). Toate campurile din formularul de nreg-istrare sunt obligatorii (exeptie facand campul pentru materiile optionale). Pe lng datelenecesarii autentificarii utilizatorul va specific nc de la crearea contului i materiileopionale pe care le urmeaz i numrul grupei unde este nregistrat sau n funcie de caredorete s-i fie furnizat raportul de activiti. (Fig.2) 6. Fig.23.3. Modulul de afisare a raportului saptamanalDupa cum ii spune si numele acest modul furnizeaza un raport saptamanal al activitati-lor pe care utilizatorul logat trebuie sa le desfasoare conform orarului specific grupei cu cares-a inregistrat la crearea contului si a informatiilor de pe siteurile disciplinelor aferenteorarului. Pe aceasta pagina utilizatorul are posibilitatea de a selecta saptamana pentru caredoreste sa-i fie afisat raportul si de a vizualiza intr-un tabel informatiile aferente saptamaniirespective. (Fig. 3)Dup cum i spune i numele acest modul furnizeaz un raport sptmnal al activi-tilor pe care utilizatorul logat trebuie s le desfoare conform orarului specific grupei cucare s-a nregistrat la crearea contului i a informaiilor de pe siteurile disciplinelor aferenteorarului. Pe aceast pagin utilizatorul are posibilitatea de a selecta sptmna pentru caredorete s-i fie afiat raportul i de a vizualiza ntr-un tabel informaiile aferente sptmniirespective.Informaiile ce pot fi vizualizate conin detalii privind: numele disciplinei i tipul ac-tivitii (C curs, L laborator, S-seminar), ziua din sptmna, intervalul orar i numrul slin care se desfoar i numele profesorului care preda disciplin respectiv. Pe lng acesteinformaii globale care vor fi aceleai pentru fiecare sptmna dintr-un semestru, utilizatorulva putea vizualiza n fiecare sptmna un document n format pdf, pentru cursurile la careacestea sunt disponibile pe pagin profesorului corespunztor prin accesarea unui link dis-ponibil n dreptul numelui materiei. 7. Totodat coloana corespunztoare numelui profesorului va furniza i o legatur sprepagin web a profesorului n cazul n care acesta are o astfel de pagin.Fig. 33.4 Modulul de editare a contului utilizatoruluiAcest modul permite utilizatorului s-i schimbe oricare din datele de nregistrare in-troduse la crearea contului, mai puin username-ul. (Fig. 4)Prin aceast pagin de editare a datelor personale utilizatorul i poate schimb mate-riile opionale sau i le poate terge din planificarea activitilor prin introducerea unui spaiun cmpul asociat materiilor opionale din formul. De asemenea va fi capabil s-i schimbegrupa (care conine i anul de studiu) astfel nct n anul urmtor s aib acces la raportulsptmnal specific anului de studiu. 8. Fig. 43.5 Modulul de share a raportuluiAcest modul ofera posibilitatea de a vizualiza raportul intr-o pagina separata si de ada share paginii respective pe diferite retele de socializare cum ar fi : Facebook, Twitter, Red-dit, Wordpress, Google+. Serviciul web folosit fiind sharethis.com.3.6 Modulul de descarcarea unei arhive a raportuluiPrin accesarea meniului Download archive pe calculatorul utilizatorului se vadescarca o arhiva ce va contine cate un raport saptamanal pentru fiecare saptamana pentrucare a vizualizat raportul in aplicatie. 9. 4 Detalii de implementarePentru implementarea acestei aplicatii am folosit cele mai recente tehnologii si limbaje deprogramare (HTML5, CSS3, PHP5, JavaScript sau Ajax). Ca support pentru baza de dateaplicatia foloseste MySQL, un sistem de gestiune a bazelor de date rel