SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
Ferramentas de
publicação na web


  Felipe Fonseca
  Labjor/Unicamp
      09/2012
O que é a internet?
●   http://internet-map.net/
●   hardware / software / conexões (pessoas)
●   “rede neural”
●   http://www.peer1.com/map-of-the-internet
●   http://www.cheswick.com/ches/map/gallery/index.html
O que é a internet?

●   Hardware interconectado
●   TCP/IP transmission control / internet
WWW/HTTP
●   1989/1990
●   Protocolo aberto
●   W3C - http://www.w3.org/Consortium/mission
●   Servidor web / browser
    –   Vservers/co-location
HTML
●   Linguagem de marcação de hipertexto
●   Tags HTML
●   XHTML/CSS/RDF
    –   Demo: http://localhost/labjor/
    –   Processo “manual”
Sistemas dinâmicos
●   Banco de dados + linguagem de interpretação
    –   PHPNuke
    –   Postnuke
    –   Movabletype
    –   Nucleus CMS
    –   Mambo
    –   B2
    –   Xoops
    –   Wordpress
    –   Drupal
Sistemas dinâmicos
●   Separação funcional
    –   Layout / temas / templates
    –   Recursos / plugins / addons
    –   Conteúdo / comentários / interação
Wordpress
●   http://wordpress.org
●   Sites simples, interface intuitiva
    –   Blogs
    –   publicações pessoais
●   Fácil administração e publicação
●   http://wordpress.org/showcase/
●   http://welovewp.com/
●   Hosted: http://wordpress.com
    –   Demo: http://localhost/wordpress/
Drupal
●   http://drupal.org
●   Sites mais complexos, maior flexibilidade
    –   Comunidades
    –   Dados estruturados
●   https://drupal.org/case-studies
●   http://www.drupalmuseum.com/
    –   Demo: http://localhost/drupal/?q=admin/build/modules
Outras ferramentas
●   Wikis
    –   Mediawiki – http://mediawiki.org (http://wikipedia.org)
    –   Wikka - http://wikkawiki.org/
        ●   http://redelabs.org
●   Protótipos / hotsites
    –   Hotglue – http://hotglue.org
        ●   http://desvio.cc/sites/desvio.cc/files/hacknet/
        ●   Demo: http://localhost/hotglue/?labjor
Mais Links
●   http://www.yale.edu/pclt/COMM/TCPIP.HTM
●   https://en.wikipedia.org/wiki/Tim_Berners-Lee
●   http://www.w3.org/standards/techs/html
●   http://www.w3.org/standards/techs/css
●   http://ada.shoreline.edu/~eh/w1/demo/demo_html.htm
Obrigado!




   Felipe Fonseca
        @efeefe
http://efeefe.no-ip.org

Weitere ähnliche Inhalte

Ähnlich wie Ferramentas de publicação na web

Drupal workshop ist 2014
Drupal workshop ist 2014Drupal workshop ist 2014
Drupal workshop ist 2014
Ricardo Amaro
 
Drupal workshop fcul_2014
Drupal workshop fcul_2014Drupal workshop fcul_2014
Drupal workshop fcul_2014
Ricardo Amaro
 
Workshop: Drupal para Bioinformática
Workshop: Drupal para BioinformáticaWorkshop: Drupal para Bioinformática
Workshop: Drupal para Bioinformática
introfini
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript
Carlos Santos
 

Ähnlich wie Ferramentas de publicação na web (20)

Internet, Wikis, blogues e redes sociais
Internet, Wikis, blogues e redes sociaisInternet, Wikis, blogues e redes sociais
Internet, Wikis, blogues e redes sociais
 
Drupal workshop ist 2014
Drupal workshop ist 2014Drupal workshop ist 2014
Drupal workshop ist 2014
 
Drupal workshop fcul_2014
Drupal workshop fcul_2014Drupal workshop fcul_2014
Drupal workshop fcul_2014
 
NOSQLBA 2018 - ArangoDB com python
NOSQLBA 2018 - ArangoDB com pythonNOSQLBA 2018 - ArangoDB com python
NOSQLBA 2018 - ArangoDB com python
 
PHP Turbinado com CodeIgniter - Conisli 2011
PHP Turbinado com CodeIgniter - Conisli 2011PHP Turbinado com CodeIgniter - Conisli 2011
PHP Turbinado com CodeIgniter - Conisli 2011
 
Workshop: Drupal para Bioinformática
Workshop: Drupal para BioinformáticaWorkshop: Drupal para Bioinformática
Workshop: Drupal para Bioinformática
 
Minicurso Web. Front-end e HTML5 (parte 2)
Minicurso Web. Front-end e HTML5 (parte 2)Minicurso Web. Front-end e HTML5 (parte 2)
Minicurso Web. Front-end e HTML5 (parte 2)
 
Drupal muito alem de um CMS
Drupal muito alem de um CMSDrupal muito alem de um CMS
Drupal muito alem de um CMS
 
Intro linux
Intro linuxIntro linux
Intro linux
 
Web tools pt-br
Web tools pt-brWeb tools pt-br
Web tools pt-br
 
Drupal - WEG
Drupal - WEGDrupal - WEG
Drupal - WEG
 
Oficina de PHP - Software Freedom Day Luziânia 2013
Oficina de PHP - Software Freedom Day Luziânia 2013Oficina de PHP - Software Freedom Day Luziânia 2013
Oficina de PHP - Software Freedom Day Luziânia 2013
 
Drupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal e o seu ecossistema
Drupal e o seu ecossistema
 
Isla workshop 2015-03-08
Isla workshop 2015-03-08Isla workshop 2015-03-08
Isla workshop 2015-03-08
 
Web Tools Pt Br
Web Tools Pt BrWeb Tools Pt Br
Web Tools Pt Br
 
Colóquio Drupal na Universidade do Minho
Colóquio Drupal na Universidade do MinhoColóquio Drupal na Universidade do Minho
Colóquio Drupal na Universidade do Minho
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript
 
Distribuições Drupal: de e-Gov a e-Learning
Distribuições Drupal: de e-Gov a e-LearningDistribuições Drupal: de e-Gov a e-Learning
Distribuições Drupal: de e-Gov a e-Learning
 
Manual PHP
Manual PHPManual PHP
Manual PHP
 
Web open source
Web open sourceWeb open source
Web open source
 

Mehr von Felipe Fonseca

Mehr von Felipe Fonseca (16)

Itinerários - rascunho
Itinerários - rascunhoItinerários - rascunho
Itinerários - rascunho
 
sei.eco - apresentação
sei.eco - apresentaçãosei.eco - apresentação
sei.eco - apresentação
 
Cultura do conserto
Cultura do consertoCultura do conserto
Cultura do conserto
 
Ciência Aberta Ubatuba - SBPC 2015
Ciência Aberta Ubatuba - SBPC 2015Ciência Aberta Ubatuba - SBPC 2015
Ciência Aberta Ubatuba - SBPC 2015
 
Projeto ForestWatchers (por Álvaro Fazenda)
Projeto ForestWatchers (por Álvaro Fazenda)Projeto ForestWatchers (por Álvaro Fazenda)
Projeto ForestWatchers (por Álvaro Fazenda)
 
Da rádio comunitária ao smartphone: a diversidade comunicacional da Bocaina ...
Da rádio comunitária ao smartphone:  a diversidade comunicacional da Bocaina ...Da rádio comunitária ao smartphone:  a diversidade comunicacional da Bocaina ...
Da rádio comunitária ao smartphone: a diversidade comunicacional da Bocaina ...
 
Observatório Litoral Sustentável (por Diogo Soares)
Observatório Litoral Sustentável (por Diogo Soares)Observatório Litoral Sustentável (por Diogo Soares)
Observatório Litoral Sustentável (por Diogo Soares)
 
Ong's - fóruns de conhecimento - questões socioambientais (por Juliana Bussol...
Ong's - fóruns de conhecimento - questões socioambientais (por Juliana Bussol...Ong's - fóruns de conhecimento - questões socioambientais (por Juliana Bussol...
Ong's - fóruns de conhecimento - questões socioambientais (por Juliana Bussol...
 
Ubatuba SAT - por Cândido Moura
Ubatuba SAT - por Cândido MouraUbatuba SAT - por Cândido Moura
Ubatuba SAT - por Cândido Moura
 
O uso de mapas como instrumento para o manejo colaborativo de Sistemas Socioe...
O uso de mapas como instrumento para o manejo colaborativo de Sistemas Socioe...O uso de mapas como instrumento para o manejo colaborativo de Sistemas Socioe...
O uso de mapas como instrumento para o manejo colaborativo de Sistemas Socioe...
 
Territórios em Disputa: jogo compartilhado entre técnicos e residentes (por E...
Territórios em Disputa: jogo compartilhado entre técnicos e residentes (por E...Territórios em Disputa: jogo compartilhado entre técnicos e residentes (por E...
Territórios em Disputa: jogo compartilhado entre técnicos e residentes (por E...
 
Ubatuba Criativa
Ubatuba CriativaUbatuba Criativa
Ubatuba Criativa
 
Labs experimentais - Jornadas Kreanta
Labs experimentais - Jornadas KreantaLabs experimentais - Jornadas Kreanta
Labs experimentais - Jornadas Kreanta
 
Experimental mapping
Experimental mappingExperimental mapping
Experimental mapping
 
Rede//Labs - Laboratórios de Cultura Digital Experimental
Rede//Labs - Laboratórios de Cultura Digital ExperimentalRede//Labs - Laboratórios de Cultura Digital Experimental
Rede//Labs - Laboratórios de Cultura Digital Experimental
 
Labs Enredados - Ciclo Hack
Labs Enredados - Ciclo HackLabs Enredados - Ciclo Hack
Labs Enredados - Ciclo Hack
 

Kürzlich hochgeladen

19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
Expansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XVExpansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XV
lenapinto
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
 

Kürzlich hochgeladen (20)

19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Expansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XVExpansão Marítima- Descobrimentos Portugueses século XV
Expansão Marítima- Descobrimentos Portugueses século XV
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Slides 9º ano 2024.pptx- Geografia - exercicios
Slides 9º ano 2024.pptx- Geografia - exerciciosSlides 9º ano 2024.pptx- Geografia - exercicios
Slides 9º ano 2024.pptx- Geografia - exercicios
 
AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
Pesquisa Ação René Barbier Livro acadêmico
Pesquisa Ação René Barbier Livro  acadêmicoPesquisa Ação René Barbier Livro  acadêmico
Pesquisa Ação René Barbier Livro acadêmico
 
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfCaderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
 

Ferramentas de publicação na web

  • 1. Ferramentas de publicação na web Felipe Fonseca Labjor/Unicamp 09/2012
  • 2. O que é a internet? ● http://internet-map.net/ ● hardware / software / conexões (pessoas) ● “rede neural” ● http://www.peer1.com/map-of-the-internet ● http://www.cheswick.com/ches/map/gallery/index.html
  • 3. O que é a internet? ● Hardware interconectado ● TCP/IP transmission control / internet
  • 4. WWW/HTTP ● 1989/1990 ● Protocolo aberto ● W3C - http://www.w3.org/Consortium/mission ● Servidor web / browser – Vservers/co-location
  • 5. HTML ● Linguagem de marcação de hipertexto ● Tags HTML ● XHTML/CSS/RDF – Demo: http://localhost/labjor/ – Processo “manual”
  • 6. Sistemas dinâmicos ● Banco de dados + linguagem de interpretação – PHPNuke – Postnuke – Movabletype – Nucleus CMS – Mambo – B2 – Xoops – Wordpress – Drupal
  • 7. Sistemas dinâmicos ● Separação funcional – Layout / temas / templates – Recursos / plugins / addons – Conteúdo / comentários / interação
  • 8. Wordpress ● http://wordpress.org ● Sites simples, interface intuitiva – Blogs – publicações pessoais ● Fácil administração e publicação ● http://wordpress.org/showcase/ ● http://welovewp.com/ ● Hosted: http://wordpress.com – Demo: http://localhost/wordpress/
  • 9. Drupal ● http://drupal.org ● Sites mais complexos, maior flexibilidade – Comunidades – Dados estruturados ● https://drupal.org/case-studies ● http://www.drupalmuseum.com/ – Demo: http://localhost/drupal/?q=admin/build/modules
  • 10. Outras ferramentas ● Wikis – Mediawiki – http://mediawiki.org (http://wikipedia.org) – Wikka - http://wikkawiki.org/ ● http://redelabs.org ● Protótipos / hotsites – Hotglue – http://hotglue.org ● http://desvio.cc/sites/desvio.cc/files/hacknet/ ● Demo: http://localhost/hotglue/?labjor
  • 11. Mais Links ● http://www.yale.edu/pclt/COMM/TCPIP.HTM ● https://en.wikipedia.org/wiki/Tim_Berners-Lee ● http://www.w3.org/standards/techs/html ● http://www.w3.org/standards/techs/css ● http://ada.shoreline.edu/~eh/w1/demo/demo_html.htm
  • 12. Obrigado! Felipe Fonseca @efeefe http://efeefe.no-ip.org