SlideShare uma empresa Scribd logo
Desenvolvimento de
  um site interativo
  Necessidades específicas e
                tecnológica.




   Profº. Fábio Antonio Ferreira
        Cachoeira Paulista, 2011
Tópicos
➢   O que é interatividade.
➢   O que é um site interativo.
➢   O que é Mashup.
➢   Arquitetura de um Mashup
➢   Exemplo e Mashup
➢   Mashup.cancaonova.com
O que é Interatividade?
●   Interatividade é a capacidade que um
    site tem de poder ter seu conteúdo
    atualizado em tempo real.
●   Assim, um site interativo é muito útil
    para divulgar catálogos de produtos,
    últimos lançamentos, press-releases
    e outros casos que demandem
    agilidade.
Site Interativo

É um site cujo o conteúdo é administrado
diretamente pelos proprietários, e, estes
 alteram conteúdos de páginas, áreas de
   interesse, documentação e etc.. Aqui
  chamamos este modelo de sites e/ou
           websites interativos.
Site Interativo
O que é Mashup?


“Mashup é um novo género de aplicações
   Web interactivas que tiram partido de
 conteúdos recolhidos de fontes de dados
 externos para criar serviços inteiramente
           novos e inovadores.”
O que é Mashup?


   Coloquialmente chamadas de
 mashups, a sua popularidade nasce
   da ênfase na participação dos
  utilizadores e na forma grotesca
como agregam e reúnem os dados de
              terceiros.
O que é Mashup?
O que é Mashup?
Arquitetura de um protótipo
          Mashup.
Mashup.cancaonova.com

A criação da aplicação web que usa
conteúdo de mais de uma fonte para criar
um novo serviço completo.
O conteúdo usado em mashups é
tipicamente código de terceiros através de
uma interface pública ou de uma API.
Mashup.cancaonova.com


  Outros métodos de codificação de
conteúdo para mashups incluem Web
   feeds (exemplo: RSS ou Atom),
 Javascript e widgets que podem ser
entendidas como mini aplicações web.
Ferramentas para criação
mashup.cancaonova.com

●   Apache2
●   Ruby on Rails
●   Memcache
●   API's
Conclusão

A contribuição se torna uma regra
para que o negócio funcione.
Desenvolver não é a parte mais difícil
 mas sim a colaboração e geração de
conteúdo.
Referências
●   http://www.mow.com.br/
●   http://www.tecmundo.com.br
●   http://www.masternewmedia.com.br/
●   http://pt.wikipedia.org/wiki/Mashup
●   http://www.elocus.com.br
Contatos



   fantonios@gmail.com




              fantonios

Mais conteúdo relacionado

Mais procurados

Desafios e Produtividade com Containers
Desafios e Produtividade com ContainersDesafios e Produtividade com Containers
Desafios e Produtividade com Containers
Talita Bernardes Pereira
 
Software Livre, Open Source e Linux!
Software Livre, Open Source e Linux!Software Livre, Open Source e Linux!
Software Livre, Open Source e Linux!
Lucas Vieira May
 
Open Source Projects - Indo além da colaboração
Open Source Projects - Indo além da colaboraçãoOpen Source Projects - Indo além da colaboração
Open Source Projects - Indo além da colaboração
Jonathan Lamim
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
Paula Lopes
 
Pecha Kucha- Quando apareceu o computador magalhães- Andreia Roupeta
Pecha Kucha- Quando apareceu o computador magalhães- Andreia RoupetaPecha Kucha- Quando apareceu o computador magalhães- Andreia Roupeta
Pecha Kucha- Quando apareceu o computador magalhães- Andreia Roupeta
andreiaroupeta
 
Browsers
BrowsersBrowsers
Browsers
Sandra Duarte
 
Além do mundo acadêmico - O que fazer após a graduação?
Além do mundo acadêmico - O que fazer após a graduação? Além do mundo acadêmico - O que fazer após a graduação?
Além do mundo acadêmico - O que fazer após a graduação?
Suellyn Specie
 
Capitulo 1
Capitulo 1Capitulo 1
Capitulo 1
Thiago Ferreira
 
Uso de Software Livre e alternativas open source
Uso de Software Livre e alternativas open sourceUso de Software Livre e alternativas open source
Uso de Software Livre e alternativas open source
Vinícius Hax
 
7 masters - Containers o novo in do momento
7 masters - Containers o novo in do momento7 masters - Containers o novo in do momento
7 masters - Containers o novo in do momento
Talita Bernardes Pereira
 
Palestra Software Livre [UPDATE]
Palestra Software Livre [UPDATE]Palestra Software Livre [UPDATE]
Palestra Software Livre [UPDATE]
Edson Silva
 
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
Mauro Duarte
 
Estudo de caso do site Vida de Programador
Estudo de caso do site Vida de ProgramadorEstudo de caso do site Vida de Programador
Estudo de caso do site Vida de Programador
Andre Noel
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
projetosTic
 
Gimp Power Point.
Gimp Power Point.Gimp Power Point.
Gimp Power Point.
sissimatos
 
gimp
gimpgimp
1 si introdução ao desenvolvimento web - estrutura básica
1   si introdução ao desenvolvimento web - estrutura básica1   si introdução ao desenvolvimento web - estrutura básica
1 si introdução ao desenvolvimento web - estrutura básica
lucianoteixeirasgmail
 
Tecnologias web 2.0
Tecnologias web 2.0Tecnologias web 2.0
Tecnologias web 2.0
João Sá
 
TCOS e Educação: Um estudo de caso.
TCOS e Educação: Um estudo de caso.TCOS e Educação: Um estudo de caso.
TCOS e Educação: Um estudo de caso.
Aécio Pires
 
aula de internet
aula de internetaula de internet
aula de internet
Andrey Sales
 

Mais procurados (20)

Desafios e Produtividade com Containers
Desafios e Produtividade com ContainersDesafios e Produtividade com Containers
Desafios e Produtividade com Containers
 
Software Livre, Open Source e Linux!
Software Livre, Open Source e Linux!Software Livre, Open Source e Linux!
Software Livre, Open Source e Linux!
 
Open Source Projects - Indo além da colaboração
Open Source Projects - Indo além da colaboraçãoOpen Source Projects - Indo além da colaboração
Open Source Projects - Indo além da colaboração
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Pecha Kucha- Quando apareceu o computador magalhães- Andreia Roupeta
Pecha Kucha- Quando apareceu o computador magalhães- Andreia RoupetaPecha Kucha- Quando apareceu o computador magalhães- Andreia Roupeta
Pecha Kucha- Quando apareceu o computador magalhães- Andreia Roupeta
 
Browsers
BrowsersBrowsers
Browsers
 
Além do mundo acadêmico - O que fazer após a graduação?
Além do mundo acadêmico - O que fazer após a graduação? Além do mundo acadêmico - O que fazer após a graduação?
Além do mundo acadêmico - O que fazer após a graduação?
 
Capitulo 1
Capitulo 1Capitulo 1
Capitulo 1
 
Uso de Software Livre e alternativas open source
Uso de Software Livre e alternativas open sourceUso de Software Livre e alternativas open source
Uso de Software Livre e alternativas open source
 
7 masters - Containers o novo in do momento
7 masters - Containers o novo in do momento7 masters - Containers o novo in do momento
7 masters - Containers o novo in do momento
 
Palestra Software Livre [UPDATE]
Palestra Software Livre [UPDATE]Palestra Software Livre [UPDATE]
Palestra Software Livre [UPDATE]
 
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
1 - Introdução Ao Desenvolvimento Web - Estrutura Básica
 
Estudo de caso do site Vida de Programador
Estudo de caso do site Vida de ProgramadorEstudo de caso do site Vida de Programador
Estudo de caso do site Vida de Programador
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Gimp Power Point.
Gimp Power Point.Gimp Power Point.
Gimp Power Point.
 
gimp
gimpgimp
gimp
 
1 si introdução ao desenvolvimento web - estrutura básica
1   si introdução ao desenvolvimento web - estrutura básica1   si introdução ao desenvolvimento web - estrutura básica
1 si introdução ao desenvolvimento web - estrutura básica
 
Tecnologias web 2.0
Tecnologias web 2.0Tecnologias web 2.0
Tecnologias web 2.0
 
TCOS e Educação: Um estudo de caso.
TCOS e Educação: Um estudo de caso.TCOS e Educação: Um estudo de caso.
TCOS e Educação: Um estudo de caso.
 
aula de internet
aula de internetaula de internet
aula de internet
 

Destaque

Influencia_midias_sociais
Influencia_midias_sociaisInfluencia_midias_sociais
Influencia_midias_sociais
Fábio Ferreira
 
animacao
animacaoanimacao
animacao
Fábio Ferreira
 
Hardware, sistemas de computação corporativos e de usuário final
Hardware, sistemas de computação corporativos e de usuário finalHardware, sistemas de computação corporativos e de usuário final
Hardware, sistemas de computação corporativos e de usuário final
Fábio Ferreira
 
Segurança da Informação
Segurança da InformaçãoSegurança da Informação
Segurança da Informação
Fábio Ferreira
 
Aplicação de inteligência artificial utilizando agentes inteligentes – anál...
Aplicação de inteligência artificial   utilizando agentes inteligentes – anál...Aplicação de inteligência artificial   utilizando agentes inteligentes – anál...
Aplicação de inteligência artificial utilizando agentes inteligentes – anál...
Fábio Ferreira
 
Modelagem de dados
Modelagem de dados Modelagem de dados
Modelagem de dados
Fábio Ferreira
 

Destaque (6)

Influencia_midias_sociais
Influencia_midias_sociaisInfluencia_midias_sociais
Influencia_midias_sociais
 
animacao
animacaoanimacao
animacao
 
Hardware, sistemas de computação corporativos e de usuário final
Hardware, sistemas de computação corporativos e de usuário finalHardware, sistemas de computação corporativos e de usuário final
Hardware, sistemas de computação corporativos e de usuário final
 
Segurança da Informação
Segurança da InformaçãoSegurança da Informação
Segurança da Informação
 
Aplicação de inteligência artificial utilizando agentes inteligentes – anál...
Aplicação de inteligência artificial   utilizando agentes inteligentes – anál...Aplicação de inteligência artificial   utilizando agentes inteligentes – anál...
Aplicação de inteligência artificial utilizando agentes inteligentes – anál...
 
Modelagem de dados
Modelagem de dados Modelagem de dados
Modelagem de dados
 

Semelhante a interativo

Mashup (grupo verde)
Mashup (grupo verde)Mashup (grupo verde)
Mashup (grupo verde)
CECOM UFMG
 
Mashups
MashupsMashups
Mashups
pedhenrique
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
Felipe Fernandes
 
Mashup
MashupMashup
Mashup
asspink
 
Mashup
MashupMashup
Mashup
atoablue
 
Ai1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-aAi1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-a
EduardoCorreia95
 
Projeto iii
Projeto iiiProjeto iii
Projeto iii
EduardoASoSo
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
Patricia Mallmann
 
Process Mashups
Process MashupsProcess Mashups
Mashup
MashupMashup
Mashup
rdfioravante
 
5 técnicas avançadas para divulgar a sua marca | Marketing Digital
5 técnicas avançadas para divulgar a sua marca | Marketing Digital5 técnicas avançadas para divulgar a sua marca | Marketing Digital
5 técnicas avançadas para divulgar a sua marca | Marketing Digital
42 Marketing Digital
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
Jose Claudio Terra
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
Carlos Franco
 
Ai1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-aAi1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-a
brunadiassilva
 
Ai1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-aAi1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-a
catiamarques17
 
Inteligência Coletiva Empresarial
Inteligência Coletiva EmpresarialInteligência Coletiva Empresarial
Inteligência Coletiva Empresarial
Elvis Fusco
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
carbgarcia
 
marketing digital aula 3
marketing digital  aula 3marketing digital  aula 3
marketing digital aula 3
Jhosafá de Kastro
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
Carla Suelen
 
Casos que inspiram - as lições das melhores intranets do Brasil
Casos que inspiram - as lições das melhores intranets do BrasilCasos que inspiram - as lições das melhores intranets do Brasil
Casos que inspiram - as lições das melhores intranets do Brasil
Instituto Intranet Portal
 

Semelhante a interativo (20)

Mashup (grupo verde)
Mashup (grupo verde)Mashup (grupo verde)
Mashup (grupo verde)
 
Mashups
MashupsMashups
Mashups
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
Mashup
MashupMashup
Mashup
 
Mashup
MashupMashup
Mashup
 
Ai1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-aAi1617 ac-tp2-g2-a
Ai1617 ac-tp2-g2-a
 
Projeto iii
Projeto iiiProjeto iii
Projeto iii
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Process Mashups
Process MashupsProcess Mashups
Process Mashups
 
Mashup
MashupMashup
Mashup
 
5 técnicas avançadas para divulgar a sua marca | Marketing Digital
5 técnicas avançadas para divulgar a sua marca | Marketing Digital5 técnicas avançadas para divulgar a sua marca | Marketing Digital
5 técnicas avançadas para divulgar a sua marca | Marketing Digital
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
Ai1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-aAi1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-a
 
Ai1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-aAi1617 ac-tp2-g4-a
Ai1617 ac-tp2-g4-a
 
Inteligência Coletiva Empresarial
Inteligência Coletiva EmpresarialInteligência Coletiva Empresarial
Inteligência Coletiva Empresarial
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
marketing digital aula 3
marketing digital  aula 3marketing digital  aula 3
marketing digital aula 3
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 
Casos que inspiram - as lições das melhores intranets do Brasil
Casos que inspiram - as lições das melhores intranets do BrasilCasos que inspiram - as lições das melhores intranets do Brasil
Casos que inspiram - as lições das melhores intranets do Brasil
 

interativo

  • 1. Desenvolvimento de um site interativo Necessidades específicas e tecnológica. Profº. Fábio Antonio Ferreira Cachoeira Paulista, 2011
  • 2. Tópicos ➢ O que é interatividade. ➢ O que é um site interativo. ➢ O que é Mashup. ➢ Arquitetura de um Mashup ➢ Exemplo e Mashup ➢ Mashup.cancaonova.com
  • 3. O que é Interatividade? ● Interatividade é a capacidade que um site tem de poder ter seu conteúdo atualizado em tempo real. ● Assim, um site interativo é muito útil para divulgar catálogos de produtos, últimos lançamentos, press-releases e outros casos que demandem agilidade.
  • 4.
  • 5. Site Interativo É um site cujo o conteúdo é administrado diretamente pelos proprietários, e, estes alteram conteúdos de páginas, áreas de interesse, documentação e etc.. Aqui chamamos este modelo de sites e/ou websites interativos.
  • 7.
  • 8. O que é Mashup? “Mashup é um novo género de aplicações Web interactivas que tiram partido de conteúdos recolhidos de fontes de dados externos para criar serviços inteiramente novos e inovadores.”
  • 9. O que é Mashup? Coloquialmente chamadas de mashups, a sua popularidade nasce da ênfase na participação dos utilizadores e na forma grotesca como agregam e reúnem os dados de terceiros.
  • 10. O que é Mashup?
  • 11. O que é Mashup?
  • 12. Arquitetura de um protótipo Mashup.
  • 13.
  • 14. Mashup.cancaonova.com A criação da aplicação web que usa conteúdo de mais de uma fonte para criar um novo serviço completo. O conteúdo usado em mashups é tipicamente código de terceiros através de uma interface pública ou de uma API.
  • 15. Mashup.cancaonova.com Outros métodos de codificação de conteúdo para mashups incluem Web feeds (exemplo: RSS ou Atom), Javascript e widgets que podem ser entendidas como mini aplicações web.
  • 16.
  • 17. Ferramentas para criação mashup.cancaonova.com ● Apache2 ● Ruby on Rails ● Memcache ● API's
  • 18. Conclusão A contribuição se torna uma regra para que o negócio funcione. Desenvolver não é a parte mais difícil mas sim a colaboração e geração de conteúdo.
  • 19. Referências ● http://www.mow.com.br/ ● http://www.tecmundo.com.br ● http://www.masternewmedia.com.br/ ● http://pt.wikipedia.org/wiki/Mashup ● http://www.elocus.com.br
  • 20. Contatos fantonios@gmail.com fantonios