Workshop-concurs organizat de Adobe Romania - Prezentari 2007 Nationala

Descriere

Un mini-concurs cu o tema surpriza, la care se vor putea inscrie echipe cu 2-3 membri. Abilitati necesare? In plus fata de cele demonstrate prin lucrarile ajunse la InfoEducatie va asteptam inarmati cu dorinta de a invata lucruri noi si de a castiga!

Autori

  • Irina Dumitrașcu

  • Bogdan Ghervan

Clasamentul concursului Adobe a fost urmatorul:



Locul 1 - echipa Mino - 80 de puncte

    Dinu Razvan-Ionut
  • Oprea David - Emanuel
  • Georgescu Gabriel
  • Bora Valentin

Locul 2 - echipa CSNET - 79 de puncte
    Gartu Stefana
  • Chitic Stefan
  • Poama-Neagra Gabriel

Locul 3 - echipa Cocostarcul - 64 de puncte
    Gâza Bogdan
  • Neculai Stefan
  • Carp Andrei

Locul 4 - echipa T23
    Carbune Victor
  • Florea Stefan
  • Draghicescu Bogdan

Locul 5 - echipa Orastie
    Dolca Robert
  • Hasna Daniel
  • Zota Patricia

Locul 6 - echipa Scandura
    Moldovean Radu-Cristian
  • Buceceanu Cristian-Martin
  • Militaru Teodora-Alexandra

Locul 7 - echipa Experiments
    Ogleja Daniel
  • Dumitrescu Darius
  • Ion Florin

Echipa .NET - a abandonat
    Mazarovici Marian
  • Matei Stefan
  • Iurea Constantin


Criteriile au fost urmatoarele:
    - functionalitate de baza - pondere 45%
  • - design: 20%
  • - utilizabilitate: 10%
  • - redimensionarea (pentru imaginile foarte mari/lungi/late): 5%
  • - filtrarea fisierelor (pentru a arata numai cele care sunt imagini): 5%
  • - comportamentul aplicatiei cand folderul contine multe imagini: 5%
  • - comportamentul aplicaitiei cand folderul nu contine nici o imagine: 5%
  • - impachetare AIR: 5%.

Cateva observatii:
    - functionalitate de baza: o echipa nu a citit pozele din fisier ci le-a hardcodat, o alta echipa avea afisarea thumbnail-urilor dar fara afisarea pozei mari - restul s-au descurcat foarte bine
  • - la utilizabilitate o echipa a avut probleme mari - in momentul in care erau mai multe imagini, poza curenta mare se afisa peste randurile 2…n
  • - toate echipele care au facut redimensionarea pozelor au facut-o catre niste dimensiuni fixe; o singura echipa avea o redimensionare mai flexibila, la thumbnailuri: au setat latimea, lasand lungimea sa se ajusteze proportional (pozele lungi aratau haios)
  • - toate echipele care au filtrat fisierele acceptau numai .jpg - nu .gif, nu .png - probabil prin adaptarea unui filtru din exemple, care avea numai un tip de fisiere
  • - nici o echipa nu s-a gandit sa afiseze ceva (un mesaj) atunci cand folderul nu contine nici o poza.




Multumim tuturor participantilor si felicitari inca o data celor de pe primele pozitii!

Pacat ca prezentau doi dintre coechipierii mei… poate ne mobilizam mai mult.

A fost fun si destul de interesant. M-a convins sa citesc mai multe despre AIR.

Cei care s-au mobilizat :wink: pot sa-si descarce diplomele de mai jos:



Locul 1 - echipa Mino

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Dinu%20Razvan-Ionut.pdf:2n0kxc08]Dinu Razvan-Ionut.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Oprea%20David%20-%20Emanuel.pdf:2n0kxc08]Oprea David - Emanuel.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Georgescu%20Gabriel.pdf:2n0kxc08]Georgescu Gabriel.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Bora%20Valentin.pdf:2n0kxc08]Bora Valentin.pdf[/url:2n0kxc08]



Locul 2 - echipa CSNET

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Gartu%20Stefana.pdf:2n0kxc08]Gartu Stefana.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Chitic%20Stefan.pdf:2n0kxc08]Chitic Stefan.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Poama-Neagra%20Gabriel.pdf:2n0kxc08]Poama-Neagra Gabriel.pdf[/url:2n0kxc08]



Locul 3 - echipa Cocostarcul

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/G%E2za%20Bogdan.pdf:2n0kxc08]Gâza Bogdan.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Neculai%20Stefan.pdf:2n0kxc08]Neculai Stefan.pdf[/url:2n0kxc08]

<a href=“http://myadobe.ro/wp-content/uploads/2007/08/Carp%20Andrei.pdf:2n0kxc08]Carp Andrei.pdf[/url:2n0kxc08]



Locul 4 - echipa T23

Florea Stefan.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Draghicescu%20Bogdan.pdf”>Draghicescu Bogdan.pdf



Locul 5 - echipa Orastie

[url=http://myadobe.ro/wp-content/uploads/2007/08/Dolca%20Robert.pdf”>Dolca Robert.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Hasna%20Daniel.pdf”>Hasna Daniel.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Zota%20Patricia.pdf”>Zota Patricia.pdf



Locul 6 - echipa Scandura

[url=http://myadobe.ro/wp-content/uploads/2007/08/Moldovean%20Radu-Cristian.pdf”>Moldovean Radu-Cristian.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Buceceanu%20Cristian-Martin.pdf”>Buceceanu Cristian-Martin.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Militaru%20Teodora-Alexandra.pdf”>Militaru Teodora-Alexandra.pdf



Locul 7 - echipa Experiments

[url=http://myadobe.ro/wp-content/uploads/2007/08/Ogleja%20Daniel.pdf”>Ogleja Daniel.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Dumitrescu%20Darius.pdf”>Dumitrescu Darius.pdf

[url=http://myadobe.ro/wp-content/uploads/2007/08/Ion%20Florin.pdf”>Ion Florin.pdf

ok …sunt de acord cu castigatorii , dar premiile , de ex echipa mea (locul 2 ) nu am primit nimic, si am fost acolo si am verificat de n ori , si mi-ati tot spus sa revin bla bla :exclamation: e corect asa ? :wink:

Salut,



stiu ca ne-am intins cu corectatul mai mult decat era in plan, insa premierea a avut loc si au fost prezente toate echipele in afara de cei de pe 2 :exclamation: e corect asa ? :wink:



Premiile au ramas la dnul Onea (care a pus si anunt in tabara sa veniti sa le luati, dar se pare ca nu l-ati vazut). Dansul vi le va trimite cat de curand posibil - pentru asta va rog sa ne scrieti, fiecare din cei de la CSNET, numele si adresa liceului si clasa la care sunteti (prin PM sau direct in thread-ul asta).

quote=“Kh30pS”]ok …sunt de acord cu castigatorii , dar premiile , de ex echipa mea (locul 2 ) nu am primit nimic, si am fost acolo si am verificat de n ori , si mi-ati tot spus sa revin bla bla :exclamation: e corect asa ? :wink:[/quote]



Premiile sunt la mine!

Probabil ca au fost disfunctii de comunicare, eu lasaem anunt, am spus si profilor. In fine, totul se rezolva!

Am nevoie de date postale ca sa trimit, la Scoala(Liceu)

Pentru cei care sunt interesati de cum a fost concursul, dar nu au putut participa:



Tema: Împreună cu echipa, veţi construi o aplicaţie desktop pentru afişarea unui set de fotografii. Pe langă funcţionalitate, se punctează pozitiv designul plăcut şi utilizabilitatea aplicaţiei.



Workflow

Aplicaţia trebuie să încarce toate imaginile dintr-un folder (locaţia folderului este la alegerea voastră).

Acestea vor fi afişate ca şi thumbnails, iar utilizatorul poate selecta orice poză pentru a o vedea la o dimensiune superioară.

Layout-ul aplicaţiei şi modul în care afişaţi pozele este la alegerea voastră – vă recomandam să vă valorificaţi aptitudinile de design pentru a crea o aplicaţie cool.



Cerinţe

- se va folosi Adobe® AIR™ şi orice editor vă este la îndemână*

- aplicaţia trebuie livrată ca fişier .exe, acompaniată de fişierele sursă

- documentaţia există pe fiecare calculator; veţi primi şi o descriere a capabilităţilor oferite de Adobe® AIR™.





Documentatia pusa la dispozitia concurentilor, pe fiecare calculator in format electronic, a fost:

- <a href=“http://livedocs.adobe.com/labs/air/1/jslr/:2cbb08je]JavaScript Language Reference for the Adobe® Integrated Runtime (AIR™)[/url:2cbb08je]

- Developing AIR Applications with HTML

- [url=http&#58;//livedocs&#46;adobe&#46;com/labs/air/1/quickstartshtml/”>AIR Quick Starts for HTML</a>. <br> <br>Fiecare echipa a primit si o descriere mai generala a AIR, printata: <br><i>Introducere</i> <br>AIR (Adobe Integrated Runtime) este o platform&#259; Adobe ce permite dezvoltatorilor web s&#259; creeze aplica&#355;ii pentru desktop, folosind tehnologiile &#351;i uneltele cu care au fost obi&#351;nui&#355;i: <br>- HTML / CSS / JavaScript (&#351;i tehnici asociate - DOM, AJAX) - dezvoltare web „pura” <br>- Flash / Flex / ActionScript – pentru dezvoltatori Flash. <br>Un lucru pe care l-au avut în minte oamenii din spatele AIR, este portabilitatea - o aplica&#355;ie AIR scris&#259; se comport&#259; identic &#351;i arat&#259; la fel în Windows &#351;i pe Mac (tare, nu?). <br> <br><i>Structura unei aplica&#355;ii</i> <br>Orice aplica&#355;ie AIR trebuie s&#259; aib&#259; cel pu&#355;in dou&#259; fi&#351;iere: <br>- pagina de start, afi&#351;at&#259; la rularea aplica&#355;iei - un fi&#351;ier .html sau un .swf, în func&#355;ie de direc&#355;ia aleas&#259;. M&#259; voi referi pe mai departe la varianta de lucru HTML / JavaScript. <br>- descriptorul programului, un fi&#351;ier XML ce define&#351;te diverse propriet&#259;&#355;i ale programului <br>o numele aplica&#355;iei, unic (dac&#259; se instaleaz&#259; dou&#259; aplica&#355;ii cu acela&#351;i nume, ultima o înlocuie&#351;te pe prima care devine inaccesibil&#259; - de aceea se recomand&#259; utilizarea unor nota&#355;ii/reguli care s&#259; identifice aplica&#355;ia în mod unic), <br>o fi&#351;ierul de start <br>o versiunea programului <br>o titlu, descriere <br>o propriet&#259;&#355;i ale ferestrei (chiar transparen&#355;&#259;) <br>o icons <br>o tipuri de fi&#351;ier asociate cu aplica&#355;ia. <br> <br>Fi&#351;ierul AIRAliases.js este recomand s&#259; fie inclus în fiecare proiect. Define&#351;te namespace-ul air în care sunt înc&#259;rcate prescurt&#259;ri pentru ierarhii de obiecte. <br>De exemplu, este mai scurt s&#259; folose&#351;ti air.navigateToURL decât window.runtime.flash.net.navigateToURL. <br> <br><i>Testarea &#351;i împachetarea unei aplica&#355;ii AIR</i> <br>AIR SDK vine cu dou&#259; unelte, foarte folositoare: <br>- adt.exe, pentru împachetarea aplica&#355;iei* (cu installer). Pachetul creat are extensia .air. <br>O po&#355;i distribui, dar cel care vrea s&#259; o instaleze, respectiv utilizeze trebuie s&#259; instaleze în prealabil runtime-ul. (La fel ca pentru rularea de aplica&#355;ii Java - trebuie s&#259; fie instalat JRE). <br> Acela&#351;i installer poate actualiza aplica&#355;ia (po&#355;i scrie singur rutina de update, dac&#259; este ceva mai special) sau o poate dezinstala. Prin installer po&#355;i porni &#351;i aplica&#355;ia, dac&#259; aceasta este deja instalat&#259;. <br>Forma general&#259; a comenzii este adt -package numele_pachetului descriptorul_aplicatiei.xml pagina_de_start.html [, fisier1, …, fisiern, …], unde fisieri reprezintă celelalte fişiere ale aplicaţiei - fişiere .html, .css, .js, .ico etc…

- adl.exe, pentru testarea rapidă a aplicaţiei (fără a o împacheta, instala şi apoi rula). Se apelează din linia de comandă şi se transmite ca parametru numele descriptorului.

Forma generală este adl descriptorul_aplicatiei.xml.



* Mai târziu, în acest tutorial, vei afla despre metode automatizate de a testa sau împacheta o aplicaţie AIR, decât a scrie în linia de comandă de fiecare dată.



Features ale AIR şi capabilităţi în plus faţă de JavaScript în browser

AIR integrează un engine de HTML (WebKit, proiect open-source, non-Adobe, oferit în licenţă LGPL sau BSD), folosit şi de Safari.



Ceea ce este important pentru o aplicaţie desktop este accesul la fişiere, un lucru ce nu este posibil în browser. Mai multe despre accesul la fişiere poţi citi în documentaţia oficială pe care o ai la dispoziţie.



Ceea ce probabil vei remarca în documentaţie, sunt funcţii şi obiecte specifice ActionScript cu care vei lucra din JavaScript. Fenomenul se cheamă „script bridging”. Acest lucru este posibil datorită integrării low-level dintre WebKit şi Flash Player (deasupra cărora se află AIR).



AIR oferă suport integrat pentru SQLite, suport pentru AJAX - se pot face call-uri către orice serviciu/site - în mod obişnuit, o aplicaţie în browser ce foloseşte AJAX poate comunica doar cu servicii din acelaşi domeniu.



Extensia pentru Adobe Dreamweaver

După cum anunţasem mai devreme, voi prezenta un mod automatizat (deci rapid) de testare şi împachetare a unei aplicaţii AIR. Pentru a putea beneficia de facilităţile pe care ţi le ofera extensia, trebuie să creezi mai întâi un „Site” (Site / New Site). Dacă ai mai multe proiecte AIR create, trebuie să faci „switch” între „Site”-urile corespunzătoare (intri la Site – Manage Sites, alegi ce trebuie, apoi click pe Done).



Din acelaşi meniu de unde puteai să lansezi un preview un browser, poţi acum alege Preview in Adobe AIR.



Pentru a face un pachet, alegi opţiunea Package as Adobe AIR Application… Trebuie să adaugi fişierele auxiliare ale proiectului (celelalte în afară de fişierul de start). Restul opţiunilor sunt denumite ca să facă legătura cu sintaxa fişierului (XML) descriptor de aplicaţie.