![div-ul „nav” cu ajutorul caruia am creat cele trei butoane cu nume sugestive pentru fiecare dintre cele trei site-uri de pe care trebuie sa preluam stirile si anume InfoIasi, Twitter FII si Blog FII Students. Acestea sunt realizate sub forma unei liste, pentru fiecare verificam daca este setat $_GET[„from”], astfel pentru primul buton InfoIasi verificam daca nu aveam in url „from”, atunci vom sti ca trebuie sa preluam stiri de pe site-ul facultatii si vom ramane in aceeasi pagina index.php](https://image.slidesharecdn.com/11-110127153803-phpapp01/85/Proiect-Cliw-3-320.jpg)
![<a href="index.php">...</a>. Pentru urmatorul buton Twitter FII verificam daca este setat $_GET[„From”] si valoaare avetuia este ‚twitter’ vom sti ca trebuie sa preluam stiri puse la dispoziti de @fiistudent pe Twitter. Vom ramane pe aceeasi pagina index.php doar ca vom avea “from” egal cu twitter in url -- <a href="index.php?from=twitter">…</a>. Acelasi lucru l-am realizat si pentru a treilea buton Blog FII Student in care verificam daca $_GET[“from”] este egal cu wordpress, atunci stim ca trebuie sa preluam sitiri puse la dispozitie de blogul Fii Student, vom ramane in aceeasi pagina index.php, doar ca from va fi de data aceasta egal cu wordpress <a href="index.php?from=wordpress">…</a>.](https://image.slidesharecdn.com/11-110127153803-phpapp01/85/Proiect-Cliw-4-320.jpg)
Proiect Cliw
- 1. Dezvoltarea aplicaţiilor Web la nivel de client<br />Proiect-FII News<br />Tip C <br />Să se realizeze un mash-up Web oferind acces la informatiile de interes pentru studentii facultatii pe baza fluxurilor de stiri puse la dispozitie de situl facultatii, de blog-ul FII Student si de @fiistudent pe Twitter. Utilizatorul va putea filtra stirile pe baza unor cuvinte-cheie introduse.<br />Realizat de studentii: Doroftei Cosmin-Alexandru, Scripcariu Petru- Adrian <br />An 3 , Grupa 4<br />Pentru a realiza proiectul, am construit doua fisiere .php si un fisier .css si anume index.php, allnews.php si style.css. Fisierul allnews.php este o copie a fisierului index.php, doar cu anumite diferente pe care le vom explica pe parcurs.<br />Astfel, fisierul index.php a fost impartit intr-un div principal „wrapper” ce le va cuprinde pe restul:<br />div-ul „header” regasim poza facultatii „Alexandru Ioan Cuza din Iasi”,
- 2. div-ul „left” cuprinde un logo la site-ului =>”InfoIasi News”, dupa care urmeaza un div mai important si anume
- 3. div-ul „nav” cu ajutorul caruia am creat cele trei butoane cu nume sugestive pentru fiecare dintre cele trei site-uri de pe care trebuie sa preluam stirile si anume InfoIasi, Twitter FII si Blog FII Students. Acestea sunt realizate sub forma unei liste, pentru fiecare verificam daca este setat $_GET[„from”], astfel pentru primul buton InfoIasi verificam daca nu aveam in url „from”, atunci vom sti ca trebuie sa preluam stiri de pe site-ul facultatii si vom ramane in aceeasi pagina index.php
- 4. <a href="index.php">...</a>. Pentru urmatorul buton Twitter FII verificam daca este setat $_GET[„From”] si valoaare avetuia este ‚twitter’ vom sti ca trebuie sa preluam stiri puse la dispoziti de @fiistudent pe Twitter. Vom ramane pe aceeasi pagina index.php doar ca vom avea “from” egal cu twitter in url -- <a href="index.php?from=twitter">…</a>. Acelasi lucru l-am realizat si pentru a treilea buton Blog FII Student in care verificam daca $_GET[“from”] este egal cu wordpress, atunci stim ca trebuie sa preluam sitiri puse la dispozitie de blogul Fii Student, vom ramane in aceeasi pagina index.php, doar ca from va fi de data aceasta egal cu wordpress <a href="index.php?from=wordpress">…</a>.
- 5. div-ul „news” cuprinde informatii despre realizatorii acestui proiect si obiectivul nostru principal, dupa care am precizat sursa stirilor noastre. Ultimul div,
- 6. div-ul „suport” este numarul de telefon la care vizitarorii pot apela pentru detalii.
- 7. div-ul „right” ajuta utilizatorul pentru a putea filtra stirile pe baza unor cuvinte-cheie introduse. Vom fi redirectati in pagina “allnews.php” in care vom avea rezultatele pentru cerearea noastra daca au fost gasite. Daca nu, vom fi redirectati, insa nu se va afisa nimic.Urmatoarele informatii, afisari de stiri si cautari vor fi realizate in acest div-„right”.<br />In continuare vom afisa stirile. Verificam daca primul buton este selectat prin interogarea if(!isset($_GET[\" from\" ])) atunci rezlizam un titlu in acest div-„right” pentru index.php , iar dupa aceasta avem zona de start pentru zona de stiri InfoIasi.<br />In primul rand am utilizat fluxul de stiri pentru a prelua stiri de pe cele trei site-uri prezente in enunt. Informatiile care se gasesc in aceasta zona de stiri InfoIasi se gasesc in toate cele trei zone pentru a prelua stiri din ele, diferind doar unele variabile.<br />RSS „Rich Site Summary sau Really Simple SyndicationRSS va permite sa vedeti titlurile ultimelor stiri, sub forma de linkuri, iar apoi sa accesati direct, prin acestea, articolele pe care doriti sa le cititi. Practic, sunteti anuntati la fiecare update de pe site, fiind scutiti de timpul consumat pentru accesarea repetata a site-ului si incarcarea contextului grafic al stirilor.”<br />Astfel, in ambele fisiere .php, secventa de cod care realizeaza acest lucru este:<br />$feed_url = \" http://www.info.uaic.ro/bin/Main/NewsRss?xpage=rss\" ; pentru stirile de pe situl facultatii,<br />$url_wordpress = \" http://fiistudent.wordpress.com/feed/\" ; pentru stirile de pe blogul FII Student si <br />$url_twitter = \" http://twitter.com/statuses/user_timeline/70329310.rss\" ; pentru stirile de pe @fiistudent pe Twitter. <br />In continuare, petru ficeare astfel de link pentru a prelua stirile de pe fiecare site in parte ne-am folosit de cURL. Acesta este un utilitar ce se ruleaza in linie de comanda, folosit pentru a transfera fisiere cu protocolul URL. Pentru a initia o sesiune cURL vom folosi functia curl_init(). Optiunile pentru sesiunea cURL sunt stabilite prin intermediul funcţiei curl_setopt(). Odată ce ti-ai stabilit optiunile, executi cererea folosind functia curl_exec(). Preluam datele din XML FILE intr-o variabila $xmlData, dupca care intr-o variabila $xml realizam un apel de forma simplexml_load_string(), aceasta functie avad rolul de a incarca un XML intr-un obiect. Avem o verificare “limit” pentru a vedea cate stiri sa afisam in pagina. Am setat un numar de minim 3 stiri intr-o pagina sau restul stirilor avand o optiune la sfarsitul paginii de afisare sau revenire la forma initiala. Dupa aceasta pentru ficeare item daca nu am ajuns la limita data de noi (3 sau mai multe) preluam pentru fiecare stire tagul de titlu si descrierea pentru a le afisa. Pentru fiecare stire am formatat titlul, continutul si data la care fiecare stire a fost publicata. Astfel, preluam stiri puse la dispozitie pe sit-ul facultatii, acelasi lucru reazlizandu-ul si pentru urmatoarele doua zone pentru preluare de stiri de pe blog si de pe wordpress.<br />In cele din urma dupa ce am realizat preluarea de stiri de pe fiacre site pus la dispozitie am incheiat cu un div “footer” in care regasim div-ul pentru Copyright pentru acest site si in cele din urma tot ceea ce se realizeaza in fisierul “index.php” din cadrul proiectului.<br />In cadrul celui de-al doilea fisier, “allnews.php”, am realizat aceleasi lucruri ca si in cadrul primului fisier, singura diferenta intervine la filtrarea stirilor pe baza unor cuvinte-cheie introduse de catre utilizator.<br />Asfel, in toate cele trei zone de stiri avem acelasi lucru la cautare. Daca nu am introdus nimic si suntem pe index.php vom fi redirectati catre allnews.php insa nu vom avea nici o stire, iar daca suntem deja in fisierul allnews.php si vrem sa cautam o alta stire, vom ramane tot pe aceasata pagina. Filtrarea se realizeaza dupa aceasata verificare, daca avem un cuvant de cautat, cautam daca acesta sau o parte din acesta se gaseste in cadrul tiluilui din tag din XML, sau in cadrul stringului din tagul description din XML. Daca avem rezultate le afisam filtrate, le adugam proprietati la titlu, descriere si ora la care au fost publicate, alaturi de numarul de stiri care sa apara in pagina. Acest lucru este realizat in toate cele trei zone.<br />