SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
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

Más contenido relacionado

Similar a 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
 

Similar a 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
 

Más de Felipe Fonseca

Más de 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
 

Último

Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
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
 
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
azulassessoria9
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
rfmbrandao
 
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
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 

Último (20)

GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.docGUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
 
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...
 
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
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...
 
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...
 
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...
 
Missa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdfMissa catequese para o dia da mãe 2025.pdf
Missa catequese para o dia da mãe 2025.pdf
 
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
 
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...
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
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
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano  1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...apostila filosofia 1 ano  1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
 

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