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

Ferramentas de publicação na web

  • 1.
    Ferramentas de publicação naweb 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