• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
iFilm Chrome Extension (CLIW Project Documentation)
 

iFilm Chrome Extension (CLIW Project Documentation)

on

  • 250 views

A Client Web App Development Project, iFilm is a Google Chrome Extension whose purpose is to retrieve information about movies (ratings, cast, photos, trailers and reviews). ...

A Client Web App Development Project, iFilm is a Google Chrome Extension whose purpose is to retrieve information about movies (ratings, cast, photos, trailers and reviews).

It uses web resources from YouTube, IMDb, Google+, Facebook, RottenTomatoes, Twitter and Google Maps.

Authentication is made using OAuth 2.0 protocol. This means that the user can authenticate with his Facebook, Twitter, Google or other account that supports OAuth 2.0.

Enjoy!

Statistics

Views

Total Views
250
Views on SlideShare
250
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    iFilm Chrome Extension (CLIW Project Documentation) iFilm Chrome Extension (CLIW Project Documentation) Document Transcript

    • iFilm Documentație proiect CLIW Ionuț Dănilă, Student în anul III al Facultății de Informatică Iași ionut.danila@info.uaic.roConsultați și demo-ul video asociat documentației, disponibil la adresa: vimeo.com/35849583
    • Titlul proiectului: iFilmPerioadă realizare: noiembrie 2011 – februarie 2012Cerințele proiectului:Să se implementeze o extensie pentru browser-ul web GoogleChrome, care să acceseze un serviciu pentru prezentareacomparativă a topurilor de filme (de diverse genuri). Utilizatorii vorputea vota producțiile cinematografice preferate, reactualizareaefectuându-se în mod dinamic. Se va prevede și posibilitatea de apropune noi intrări în top. Utilizatorul va avea posibilitatea de a vedea detalii despreproducțiile cinematografice, oferite de anumite situri specializate. Vafi oferită posibilitatea de a vizualiza clipuri video și fotografii care aulegătură cu un anumit film, precum și opțiunea de a împărtășipreferințele cinematografice pe rețelele sociale (Facebook, Twitter,Google+). Autentificarea în cadrul extensiei se va realiza folosindprotocolul OAuth, prin conectarea unui cont deținut de utilizator,capabil să ofere informații despre utilizator într-un mod securizat.Ionuț Dănilă iFilm | 2
    • Descrierea proiectuluiMediul de programare:Server-side: Microsoft ASP.net 4.5Client-side: HTML, CSS, jQuery, AJAX și JavaScriptBază de date: Microsoft SQL Server 2012Proiectul se dorește a fi un instrument web de informare a utilizatorilor, fiindaccesat prin intermediul unei extensii în browser-ul Google Chrome. Aplicațiaare o interfață simplă și prietenoasă, fiind ușor de folosit. Dimensiunile maximepermise pentru conținutul unei extensii sunt 800x600 px. Prima accesare a extensiei trimite utilizatorul pe pagina de conectare aunui cont personal, care are implementat protocolul OAuth 2.0, în acest cazcontul de Facebook (Fig. 1). Aplicația necesită numele și prenumeleutilizatorului, locația acestuia și id-ul contului utilizat. Fig. 13|iFilm Ionuț Dănilă
    • După finalizarea autentificării, utilizatorul poate folosi toatefuncționalitățile aplicației, printre care se numără: căutarea unui film dupănumele său original, sau după id-ul de pe IMDb, votarea producțiilorcinematografice preferate, sau vizualizarea de trailer-e și fotografii. În continuare va fi explicată fiecare funcționalitate.Vizualizare profil personal Utilizatorul poate accesa profilul personal prin folosirea butonului Your Profile (Fig. 2). Sunt afișate informații despre filmele adăugate în baza de date și filmele votate, precum și locația utilizatorului, generată folosind Google Maps. Aceleași detalii sunt vizibile și în profilele celorlalți utilizatori, prin accesarea ferestrei de Chat. Fig. 2Căutare producții cinematograficeUtilizatorul poate căuta orice film după nume sau după id-ul corespunzătorfilmului pe IMDb prin accesarea butonului Search/ Add Movie (Fig. 3). Aplicațiava căuta filmul dorit chiar și atunci când numele introdus este parțial eronat. Fig. 3Ionuț Dănilă iFilm | 4
    • Pentru exemplificare va fi căutat filmul The Pursuit of Happyness. Dupăfinalizarea căutării rezultatul va fi afișat în fereastră (Fig. 4). După cum seobservă, informațiile afișate cuprind, printre altele, genurile în care seîncadrează producția cinematografică, numărul de voturi (IMDb), scorul obținutîn urma votării, regizorul și scriitorii. Fig. 4 În partea de jos sunt afișate (în file separate) informații despre actori(actorii principali fiind evidențiați prin fotografie și afșarea numeluipersonajului interpretat), clipuri video preluate de pe YouTube (Fig. 5), careprezintă posibile interviuri sau trailer-e, o galerie foto care prezintă fotografiidin timpul filmărilor, scene din film sau din timpul premierelor (Fig. 6) și criticioferite de RottenTomatoes, preluate din cele mai importante publicațiiinternaționale (Fig. 7).5|iFilm Ionuț Dănilă
    • Fig. 5 Fig. 6 Fig. 7Ionuț Dănilă iFilm | 6
    • Adăugare de filme în baza de date iFilmDupă căutarea filmului, utilizatorul are posibilitatea de a-l adăuga în baza dedate iFilm folosind butonul Add Movie into iFilm Database (Fig. 8), încategoriile genurilor cinematografice existente în descrierea filmului. Fig. 8Votare producție cinematografică preferatăÎn urma adăugării efectuate, filmul The Pursuit of Happyness se va afla întopurile genurilor Biography și Drama (Fig. 9), pe ultima poziție. Utilizatorul areposibilitatea de a vota (o singură dată) orice producție cinematografică careexistă în baza de date iFilm folosind butonul Vote this Movie. Fig. 97|iFilm Ionuț Dănilă
    • Share pe platforme socialeButonul de vot se află poziționat lângă butoanele de “share” pe platformelesociale a producției cinematografice curente: Facebook, Twitter și Google+. Înurma accesării unuia dintre aceste butoane, pe contul aferent butonului vaapare o descriere și posterul filmului (Fig. 10). Fig. 10Utilizarea chat-ului intern Aplicația poate fi folosită și pentru a comunica cu alți utilizatori iFilm. Există opțiunea de a vizualiza profilul altui utilizator (Fig. 11), sau de a transmite mesaje (Fig. 12). Fig. 11 Fig. 12Ionuț Dănilă iFilm | 8