Prezentare Etapa 4

Prezentare finala

Situatie cuvinte cheie

Situatia curenta a frazelor cheie alese este:

-> locul 3 in cautarea Google

-> locul 6 in cautarea Google

-> Nu se afla in top 20.

Dupa cum se observa 2 din cele 3 fraze si-au atins tinta, urmeaza promovarea celei de-a treia astfel incat site-ul sa ajunga in top 20.

Cuvinte cheie alsese

Pentru site-ul nostru am ales urmatoarele cuvinte cheie impreuna cu tintele dorite:

• “sfaturi pentru studenti upb”
  • situatia curenta(click pentru marire):
  • tinta pentru fraza: top 20
• “tutoriale studenti upb”
  • situatia curenta(click pentru marire):
  • tinta pentru fraza: top 20
• “tutoriale cursuri upb”
  • situatia curenta(click pentru marire):

• • tinta pentru fraza: top 20

Prezentare etapa 3

Discutie despre solutii tehnice

In aceasta seara am avut, impreuna cu cate un reprezentant a 4 echipe diferite, o discutie destul de lunga despre diferitele solutii tehnice pe care le putem folosi in realizarea site-ului nostru.

Fiecare din cei 5 participanti a prezentat cate o tehnologie pe care ei o considerau utila, dupa fiecare prezentare urmand o discutie privind acea tehnologie. Cele 5 tehnologii discutate au fost:

• Andrei a vorbit despre JavaScript;
• Catalin a vorbit despre PHP;
• Mircea a vorbit despre JavaFx;
• Tibi a vorbit despre AJAX;
• Eu am vorbit despre CMS-uri.

Transcript-ul conversatiei care a durat aproape 2 ore il puteti gasi aici.

Suntem online!

Vizitati-ne la http://cstips.info

Prezentare Etape 1 si 2

Prezentare Etapa 1 2

 

View more documents from guest79d00e.

Pe link-ul urmator gasiti prezentarea pentru etapele 1 si 2:

Prezentare etape 1 si 2

Unde ne gasiti

Dupa cum am mai spus si in alte post-uri noi vom crea un loc unde, cu putin noroc, problemele tale din zona IT, in special daca esti student la Calculatoare, isi vor gasi solutii. Va trebui doar sa intri pe site-ul Computer Science Tips ce va putea fi gasit la adresa http://www.cstips.info

URL-ul este scurt, usor de retinut si, foarte important, este intuitiv. CS sunt doua litere omniprezente in url-urile facultatii de Automatica si Calculatoare, si chiar daca nu esti student la Calculatoare nu-ti va fi greu sa retii CS deoarece sunt initialele denumirii Computer Science. TIPS sugereaza ideea ca aici sunt “raspunsurile”. Acum nu trebuie decat sa inchei prin “.info”. Doar cauti informatii, nu?

Am ales o denumire oarecum generica, asadar putem aborda o gama larga de subiecte din universul informatic.

Am fi putut merge si pe o varianta de adresa in genul computersciencetips.info sau computersciencetutorials.info, dar aceste url-uri ar fi fost cam lungi, si in general ne e lene sa tastam. Si cum cstips.info satisface nevoile de simplitate, intuitivitate si memorabilitate (dupa cum am spus si mai sus CS e o prescurtare populara a Computer Science), acesta a fost castigatorul. A mai participat la “concurs” si ittips.info, dar arata si suna urat.

Intre COM ORG NET etc., noi am ales INFO deoarece intareste ideea unui site de unde pleci informat.

HTML 5

Istoric si standarde concurente

Inca de la inventia calculatoarelor a existat o tendinta naturala catre implemetarea unor standarde, cel mai important motiv fiind nevoia de interoperabilitate. De multe ori, insa, exista mai multe entitati care vor sa isi promoveze propiul standard din diferite motive (cel mai adesea comerciale, dar nu numai). Cel mai adesea invingatorul este decis de entitatile care decid sa il suporte. Exemple sunt destule, de la cele mai vechi (TCP/IP vs OSI), la unele mai recente (Blu-Ray vs HD-DVD), primul fiind invingator in ambele cazuri.

Cam la fel s-au intamplat lucrurile si cand a fost vorba de urmatorul standard derivat din HTML. Dupa ce HTML 4.01 si XHTML au ajuns recomandari W3C in 1999-2001 (HTML 4.01 in decembire 1999, XHTML 1.0 in 2000 si XHTML 1.1) si suportul pentru acestea a ajuns la un nivel acceptabil in aproape toate browserele moderne, dezvoltatorii lor au inceput sa se gandeasca la urmatorul standard.

W3C si-a continuat viziunea, iar intre 2002 si 2006 a scos 8 draft-uri pentru urmatorul lor standard, XHTML 2.0. Totusi producatorii de browsere nu au apreciat aceste draft-uri, considerand ca progresul este mult prea incet si ca XHTML 2.0 se axeaza prea mult pe documente si nu ar fi potrivit pentru aplicatiile web moderne. Astfel ei au infiintat Web Hypertext Application Technology Working Group (WHATWG), format din membrii de la Apple, Mozilla Foundation, Opera Software si au inceput sa lucreze la HTML5 (a fost invitat si un membru Microsoft dar acesta a refuzat).

Astfel lumea s-a trezit cu 2 standarde concurente, si, ca si in trecut, cuvantul cel mai greu l-au avut vendorii (producatorii de browsere). Prin urmare in iulie 2009 W3C a decis sa nu continue functionarea comitetului pentru XHTML 2.0 si a infiintat un comitet pentru HTML5. HTML5 va exista si in forma text/html, si in forma XML (XHTML5).

Lucrul la HTML 5 a inceput in cadrul WHATWG in 2004 si in cadrul W3C in 2008, insa ca de obicei va mai dura cativa ani pana cand browserele vor suporta o mare parte din tag-urile specificate.

Tag-uri importante

In continuare vom discuta tag-urile care au atras cea mai mare atentie pana acum si care, in acelasi timp, sunt dintre putinele care au reusit sa fie implementate in unele browsere:

<canvas>

<canvas> este un tag introdus in HTML5 care, dupa cum spune si numele, genereaza o suprafata de desenare in pagina curenta. Pe aceasta suprafata se pot desena diferite linii, forme, obiecte, etc. prin JavaScript sau prin intermediul unui API, lucru important deoarece astfel este posibila realizarea tuturor operatiilor specifice API-urilor grafice fara necesitatea unui plugin dedicat. Introducerea lui a fost oarecum controversata, existand unele probleme referitoare la patente din partea Apple si persoane care contestau folosirea <canvas> in locul SVG. Totusi problemele cu patentele s-au rezolvat si se pare ca acest tag va fi din ce in ce mai folosit in viitor.

Docamdata elementul <canvas> este suportat, uneori cu anumite limitari in Firefox 1.5+, Opera 9.0+, ultimile versiuni de Safari. Internet Explorer nu suporta elementul in momentul actual insa se cauta solutii care sa nu aiba nevoie de plugin-uri.

Link-uri si demo-uri:

• Tutorial <canvas>
• Director cu demo-uri folosind <canvas>
• Draft-ul pentru canvas de la WHATWG

<video> si <audio>

Redarea de filme si fisiere audio a fost mult timp o problema pentru browsere din cauza codec-urilor. De obicei trebuia sa ai o serie de codec-uri instalate pe calculator, si daca nu le aveai nu puteai sa redai fisierul respectiv. Problema aceasta a fost rezolvata partial de Flash, insa si aceasta solutie este dependenta de calitatea implementarii plugin-ului de Flash.

Astfel, incepand cu HTML 5 au aparut tag-urile <video> si <audio> care vor sa rezolve problema permitand introducerea de fisiere video si audio direct in browser, fara a fi nevoie de plugin-uri. In momentul actual ultimile versiuni ale Gecko (motorul Firefox) suporta OGG Vorbis (pentru audio) si Theora (pentru video), 2 codec-uri open standard impreuna cu mijloacele necesare controlului redarii acestor fisiere iar ultimile versiuni de Webkit suporta H.264 si alte codec-uri.

Mozilla a implementat OGG dintr-un motiv bine intemeiat, OGG fiind o serie de codecuri libere care nu ar trebui sa fie afectate de patente.

Link-uri:

• Cum se folosesc tag-urile <video> si <audio> in Firefox
• Pagina de demo a YouTube folosind HTML5
• Dailymotion folosind tag-uri <video>

Bibliografie

• http://en.wikipedia.org/wiki/Html5
• http://en.wikipedia.org/wiki/XHTML
• http://www.whatwg.org/specs/web-apps/current-work/multipage/
• http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29

paiacum sunt disponibil sa vb daca e nevoie