Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • SM Seminario HTML5

    Enviado por

    Jean Turet
    40 visualizações29 páginas

    Título original

    Sm Seminario HTML5

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PPT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    40 visualizações29 páginas

    SM Seminario HTML5

    Enviado por

    Jean Turet

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 29

    Sistemas Multimdia

    Seminrio de HTML 5
    Jean Turet Lillan Karine Polyana Maria Mayana Duarte

    Sistemas Multimdia Seminrio de HTML5

    Resumo
    Objetivo: Apresentar estado da arte de HTML 5. Apresentar proposta de projeto Contedo:
    Definies Estudo das tecnologias Softwares de autoria Proposta de projeto

    Sistemas Multimdia Seminrio de HTML5

    Definies - HTML
    Em 1980 Tim Berners-Lee props um projeto baseado no conceito de hipertexto denominado ENQUIRE.

    Em 1989 Tim Berners-Lee com a ajuda de um estudante do CERN chamado Robert Cailliau conseguiu implementar a primeira comunicao bem sucedida entre um cliente HTTP e um servidor atravs da internet.

    Sistemas Multimdia Seminrio de HTM5

    Definies - HTML
    A primeira verso do HTML foi baseada na linguagem SGML.
    O SGML era utilizado para a estruturao de documentos e foi dele que o HTML herdou diversas tags tais como: ttulo <h1> ao <h6>, cabealho <head> e pargrafo <p>. O HTML surgiu em 1990 e at o seu quinto ano de vida sofreu vrias revises e alteraes na sua especificao.

    Sistemas Multimdia Seminrio de HTML5

    Definies - HTML
    A sigla HTML significa HyperText Markup Language em portugus, linguagem de marcao de hipertexto.
    Fornece um meio para descrever a estrutura do texto com base em informaes de um documento-texto, denotando algumas ligaes, cabealhos, pargrafos, listas, etc.

    HTML escrito na forma de tags que so cercados por colchetes angulares.

    Sistemas Multimdia Seminrio de HTML5

    Definies HTML5
    HTML5 uma linguagem de marcao de hipertexto para apresentar e estruturar o contedo na web.
    O HTML 5 traz novas funes como, por exemplo as tags <video>, <audio> e elemento <canvas> e ser o novo padro para HTML, XHTML e HTML DOM.

    Com o HTML5, por exemplo, possvel ver vdeos do YouTube sem o Flash.

    Sistemas Multimdia Seminrio de HTML5

    Definies HTML5
    O avano na programao de vdeos o principal destaque do HTML 5.
    A nova verso da linguagem contempla uma srie de tags para objetos multimdia como vdeos, arquivos de udio e grficos vetoriais.

    Para servios de vdeos como o YouTube, do Google, o HTML 5 quebra barreiras de compatibilidade com os programas que exibem vdeos em diferentes navegadores.

    Sistemas Multimdia Seminrio de HTML5

    Definies HTML5
    Exemplo

    <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> Your browser does not support the video tag. </video>

    Sistemas Multimdia Seminrio de XXX

    Definies HTML5
    Exemplo

    <audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio>

    Sistemas Multimdia Seminrio de HTML5

    Definies HTML5
    HTML5, ele est contribuindo para uma nova era no que diz respeito ao desenvolvimento de pginas para a internet.
    Com essa inovao, os usurios tero aplicaes na web mais ricas e com maior integrao entre contedo on-line e off-line.

    Sistemas Multimdia Seminrio de HTML5

    Aplicaes HTML5
    Com o HTML5 sendo cada vez mais bem suportado pelos navegadores, um leque de novas aplicaes vem surgindo utilizando a potencialidade dessa nova verso da linguagem.
    JOGOS

    Sistemas Multimdia Seminrio de HTML5

    Aplicaes HTML5
    ANIMAES

    Sistemas Multimdia Seminrio de HTML5

    Aplicaes HTML5
    SITES EM HTML5

    Sistemas Multimdia Seminrio de XXX

    Estudo das tecnologias


    Quais as tcnicas existentes para desenvolvimento de HTML5.
    CANVAS Com ele possvel gerar linhas, crculos, quadrados e uma infinidade de formas geomtricas, combinados com Javascript.

    Sistemas Multimdia Seminrio de XXX

    Estudo das tecnologias


    CSS O Cascading Style Sheets (CSS) uma "folha de estilo" composta por "camadas e utilizada para definir a apresentao (aparncia) em pginas a internet.

    Sistemas Multimdia Seminrio de HTML5

    Estudo das tecnologias


    JAVASCRIPT uma linguagem interpretada, que pode ser usada junto com o HTML e permite inserir vios efeitos, permitindo que o site fique mais dinmico, e uma maior interao com o leitor.

    Sistemas Multimdia Seminrio de HTML5

    Softwares de autoria
    Quais os softwares auxiliam o desenvolvimento de HTML5.
    Sencha Animator. Adobe EDGE Adobe Flash(nova verso, compatibilidade com HTML5)

    Sistemas Multimdia Seminrio de XXX

    Proposta de projeto
    Definio do problema
    J que o HTML5 possui vrias possibilidades de criao, decidimos elaborar uma animao em HTML 5, do qual vem o seguinte problema:
    O uso da tecnologia capaz de melhorar o ensino bsico no nosso pas?

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Objetivos Objetivo do projeto parte de uma educao de qualidade para vrias crianas a partir da 1 4 srie (1 ao 5 ano) do ensino fundamental.
    Utilizar de recursos tecnolgicos para garantir entretenimento com educao.

    O HTML5 uma ferramenta poderosa, no s na realizao de animaes, como na criao de sites, jogos, ento o objetivo criar uma animao que envolva grandes tecnologias.

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Definio detalhada do produto
    ANIMTICA

    O produto consta de uma animao que pretende ajudar no aprendizado de crianas com relao a matemtica, o produto ir conter formas didticas de estudo, garantindo uma boa aprendizagem.

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Definio detalhada do produto

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Tcnicas que pretende usar
    Primeiro, faremos toda a parte de modelagem, usaremos o recurso <canvas> da qual poderemos geral vrios recursos geomtricos, o uso de ferramentas como flash vem pra facilitar a criao da animao, com bonecos interativos, recursos de udio, j disponvel em HTML5 e a insero de vdeos.

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Softwares que pretende usar:
    Adobe EDGE.

    Adobe FLASH.
    Sencha Animator.

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Diviso da equipe:
    Gerente Jean Turet.

    Programadores Jean Turet e Mayana Duarte.


    Designers Lllian Karine e Polyana Maria.

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Resultados esperados:
    Garantir maior aprendizado por parte da equipe nessa nova tecnologia, que s tende com o tempo a melhorar e unir entretenimento com educao, tudo tecnolgico , pra tentar responder a pergunta feita anteriormente.

    Sistemas Multimdia Seminrio de HTML5

    Proposta de projeto
    Cronograma:

    Sistemas Multimdia Seminrio de HTML5

    Referncias
    Definies
    Bozza, Cludia. O que HTML5?. Disponvel em: http://www.techtudo.com.br/artigos/noticia/2011/12/o-que-e-html5.html. Acesso : 28/04/2012 Braun, Daniela. HTML5: conhea a linguagem que vai revolucinar sua navegao web. Disponivel em: http://idgnow.uol.com.br/internet/2009/06/16/html-5-conheca-a-linguagem-que-vairevolucionar-sua-navegacao-na-web/#&panel2-1 Acesso: 01/05/2012 Brandt, Berg. O que HTML5 afinal?. Disponivel em: http://blog.bergbrandt.com/2010/06/06/oque-e-html5-afinal/. Acesso:01/05/12

    Sistemas Multimdia Seminrio de HTML5

    Referncias
    Estudo das tecnologias:
    vila, Bruno. O que Canvas? Conhea essa fantstica novidade do HTML5. Disponvel em: http://www.brunoavila.com.br/avante/html-5/o-que-e-canvas-conheca-essa-fantasticanovidade-do-html-5.html. Acesso : 01/05/2012 Java Script. Disponivel em: http://www.ufpa.br/dicas/htm/htm-scrip.htm>. Acesso: 01/05/2012 Paula Pereira, Ana .O que CSS? . Disponivel em: http://www.tecmundo.com.br/programacao/2705-o-que-e-css-.htm>. Acesso: 01/05/2012

    Sistemas Multimdia Seminrio de HTML5

    Referncias
    Softwares de Autorias:
    Sencha Animator . Disponivel em: <www.sencha.com>. Acesso: 01/05/2012 Adobe Edge. Disponivel em: http://labs.adobe.com/technologies/edge/ . Acesso: 01/05/2012

    Você também pode gostar