SlideShare una empresa de Scribd logo
1 de 21
Hotglue & Cadáver Esquisito
Oficina de criação colaborativa na web
Michel Montandon de Oliveira
www.michelmontandon.com
Março de 2013
Cadáver Esquisito
Criação Coletiva
A partir de um simples ideia, os surrealistas criam os Cadavre
Exquis - desenhos construídos coletivamente a partir de um
papel dobrado, onde cada parte continua o desenho a partir dos
resquícios do outro, mas ao mesmo tempo não sabe o que o
outro fez. Essa idéia parte dessa mesma técnica aplicada à
palavras, que escritas sem saber o que o outro escreveu antes
formam frases absurdas, que segundo os surrealistas
representam o pensamento inconsciente coletivo. Surge, então, a
ideia de um trabalho artístico construído coletivamente, onde a
autoria é dividida igualmente.
Fonte:
http://coletivos.pbworks.com/w/page/16080965/Hist%C3%B3ria%20dos%20Coletivos
“O QUE SÃO CADAVRE-EXQUIS?
• No início do século XX, o movimento surrealista francês
inaugurou o método "cadavre exquis" (cadáver esquisito) que
subvertia o discurso literário convencional. O cadáver
esquisito tinha como propósito colocar na mesma frase
palavras inusitadas e utiliza-se da seguinte estrutura frásica:
artigo, substantivo, adjetivo e verbo. Outra curiosidade a
respeito do método é que agrega mais de um autor. Cada um
deles intervém da maneira que deseja, porém, dobrando o
papel para que os demais colaboradores não tenham
conhecimento do que foi escrito.
• O título do jogo provém do primeiro dos cadáveres esquisitos
conhecidos "O cadáver esquisito beberá / o vinho novo".
Criação Colaborativa
• Em Portugal
• Os surrealistas portugueses recuperaram o cadáver esquisito,
assim como outros jogos sujeitos às regras do automatismo e
da atividade coletiva, diretamente do movimento francês, e
praticaram ativamente, tanto em expressões plásticas como
literárias, indo do desenho a quadros de grandes proporções,
e da simples frase ao poema extenso. Chegaram a alcançar
uma riqueza e variedade maiores do que as que se podem
encontrar entre os surrealistas franceses,como o demonstra,
em parte, a antologia publicada por Mário Cesariny .
Fonte:
http://pt.wikipedia.org/wiki/Cad%C3%A1ver_esquisito
Criação Colaborativa
Fonte: http://www.monalyz.fr/5.html
• Criação coletiva
• A surpresa, o imprevisível, o acidental
• Comunicação pela obra
• Fragmentação e perda de unidade
• Padrão Coletivo: a mística das coincidências
Características importantes no processo criativo do Cadavre Exquis
Hotglue
www.hotglue.me
www.hotglue.org
O que é HOTGLUE?
• O HOTGLUE é uma ferramenta visual para criação de sites
diretamente no navegador (web-browser). Se você quer fazer
uma página pessoal, galeria on-line ou um site para sua banda
- HOTGLUE é uma alternativa interessante para o excesso de
complicados sistemas de CMS, como Wordpress, Drupal, etc...
• A interface do usuário e bem simples e de rápida
aprendizagem - fazer um site com HOTGLUE é tão fácil como
fazer uma colagem de papel!
Mas o que é um CMS?
• Um Sistema de Gerenciamento de Conteúdo (do inglês
Content Management System – CMS) é um aplicativo usado
para criar, editar, gerenciar e publicar conteúdo de forma
consistentemente organizada permitindo que o mesmo seja
modificado, removido e adicionado com facilidade. O
conteúdo pode incluir arquivos de computador, imagens,
áudios, vídeos, documentos eletrônicos e conteúdo Web.
• Exemplos de outros CMS’s: Wordpress, Joomla, Drupal
Fonte: http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo
Do que é feito o HOTGLUE?
• HOTGLUE é escrito em PHP e Javascript (jQuery), duas
importantes linguagens de programação.
• O Hotglue utiliza arquivos para armazenamento em banco de
dados e é compatível com o servidor Apache2.
Alguns casos de uso de HOTGLUE
Site pessoal de um artista
http://esoc.hotglue.me
Alguns casos de uso de HOTGLUE
Galeria de imagens
http://oncommand.hotglue.me
Alguns casos de uso de HOTGLUE
Pequena empresas
http://meubelmakerremcofakkel.hotglue.me
Alguns casos de uso de HOTGLUE
Site de crianças
http://abnerpreis.hotglue.me
Uma pequena introdução antes de começar:
1. Agora você está em modo de edição. Você pode usar “um
clique simples” e “dois cliques” para acessar os menus - eles
aparecerão ao lado do ponteiro do mouse.
2.Clique na tela (fundo branco da página) para abrir um menu
que lhe permitirá criar novos objetos, fazer “upload” de arquivos
de vídeo “embed” do YouTube e Vimeo! Uma vez que você fez
um objeto clique sobre ela para ativar o menu contextual.
Uma pequena introdução antes de começar:
Uma pequena introdução antes de começar:
3.”Clique duplo” na tela vai lhe dar um menu de opções para
alterar as preferências, mostrar uma grade de tela, fazer novas
páginas, inserir uma imagem de fundo entre outras funções.
Fonte:
http://www.hotglue.org
Uma pequena introdução antes de começar:
Uma pequena introdução antes de começar:
4. Retire "edit" no endereço da página (URL) para ver a "versão
final” de seu site. É assim que sua página vai ser vista para todos
os visitantes.
5. Para voltar ao modo de edição, adicione "edit" na a URL da
página. (Por exemplo: http://hotglue.me/demo/edit)
Recomendamos que você use o software de navegação Mozilla
Firefox, quando trabalhar com o HOTGLUE. O Firefox é um
confiável e moderno navegador web, é nosso favorito!
Você pode encontrar mais informações sobre como trabalhar
com HOTGLUE no nosso web-site: http://hotglue.me
Comece a brincadeira e divirta-se!

Más contenido relacionado

Similar a Oficina de criação colaborativa na web

Aventura em busca de imagens jamais vistas
Aventura em busca de imagens jamais vistasAventura em busca de imagens jamais vistas
Aventura em busca de imagens jamais vistasMarlus Araujo
 
Inovando o mundo apresentacao
Inovando o mundo apresentacaoInovando o mundo apresentacao
Inovando o mundo apresentacaoSagui Lab
 
Presentacionyecto revista culrutal.pptx
Presentacionyecto revista culrutal.pptxPresentacionyecto revista culrutal.pptx
Presentacionyecto revista culrutal.pptxkendiaTineo1
 

Similar a Oficina de criação colaborativa na web (8)

Surrealismo
SurrealismoSurrealismo
Surrealismo
 
Aventura em busca de imagens jamais vistas
Aventura em busca de imagens jamais vistasAventura em busca de imagens jamais vistas
Aventura em busca de imagens jamais vistas
 
A arte da vida andré lemos
A arte da vida   andré lemosA arte da vida   andré lemos
A arte da vida andré lemos
 
René magritte
René magritteRené magritte
René magritte
 
Inovando o mundo apresentacao
Inovando o mundo apresentacaoInovando o mundo apresentacao
Inovando o mundo apresentacao
 
Presentacionyecto revista culrutal.pptx
Presentacionyecto revista culrutal.pptxPresentacionyecto revista culrutal.pptx
Presentacionyecto revista culrutal.pptx
 
Transcinemas
TranscinemasTranscinemas
Transcinemas
 
Surrealismo
SurrealismoSurrealismo
Surrealismo
 

Último

About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéisines09cachapa
 
Ficha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdfFicha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdfFtimaMoreira35
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfWagnerCamposCEA
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfHELENO FAVACHO
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividadeMary Alvarenga
 
ATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇ
ATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇ
ATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇJaineCarolaineLima
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....LuizHenriquedeAlmeid6
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfmaurocesarpaesalmeid
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médiorosenilrucks
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxferreirapriscilla84
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfEmanuel Pio
 
Slides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptxSlides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptxMauricioOliveira258223
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamentalAntônia marta Silvestre da Silva
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números Mary Alvarenga
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...licinioBorges
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 
INTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de ProfessorINTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de ProfessorEdvanirCosta
 

Último (20)

About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
Bullying, sai pra lá
Bullying,  sai pra láBullying,  sai pra lá
Bullying, sai pra lá
 
Ficha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdfFicha de trabalho com palavras- simples e complexas.pdf
Ficha de trabalho com palavras- simples e complexas.pdf
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividade
 
ATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇ
ATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇ
ATIVIDADE - CHARGE.pptxDFGHJKLÇ~ÇLJHUFTDRSEDFGJHKLÇ
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médio
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptx
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdf
 
Slides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptxSlides sobre as Funções da Linguagem.pptx
Slides sobre as Funções da Linguagem.pptx
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
 
CRUZADINHA - Leitura e escrita dos números
CRUZADINHA   -   Leitura e escrita dos números CRUZADINHA   -   Leitura e escrita dos números
CRUZADINHA - Leitura e escrita dos números
 
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
11oC_-_Mural_de_Portugues_4m35.pptxTrabalho do Ensino Profissional turma do 1...
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 
INTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de ProfessorINTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de Professor
 

Oficina de criação colaborativa na web

  • 1. Hotglue & Cadáver Esquisito Oficina de criação colaborativa na web Michel Montandon de Oliveira www.michelmontandon.com Março de 2013
  • 3. A partir de um simples ideia, os surrealistas criam os Cadavre Exquis - desenhos construídos coletivamente a partir de um papel dobrado, onde cada parte continua o desenho a partir dos resquícios do outro, mas ao mesmo tempo não sabe o que o outro fez. Essa idéia parte dessa mesma técnica aplicada à palavras, que escritas sem saber o que o outro escreveu antes formam frases absurdas, que segundo os surrealistas representam o pensamento inconsciente coletivo. Surge, então, a ideia de um trabalho artístico construído coletivamente, onde a autoria é dividida igualmente. Fonte: http://coletivos.pbworks.com/w/page/16080965/Hist%C3%B3ria%20dos%20Coletivos “O QUE SÃO CADAVRE-EXQUIS?
  • 4. • No início do século XX, o movimento surrealista francês inaugurou o método "cadavre exquis" (cadáver esquisito) que subvertia o discurso literário convencional. O cadáver esquisito tinha como propósito colocar na mesma frase palavras inusitadas e utiliza-se da seguinte estrutura frásica: artigo, substantivo, adjetivo e verbo. Outra curiosidade a respeito do método é que agrega mais de um autor. Cada um deles intervém da maneira que deseja, porém, dobrando o papel para que os demais colaboradores não tenham conhecimento do que foi escrito. • O título do jogo provém do primeiro dos cadáveres esquisitos conhecidos "O cadáver esquisito beberá / o vinho novo". Criação Colaborativa
  • 5. • Em Portugal • Os surrealistas portugueses recuperaram o cadáver esquisito, assim como outros jogos sujeitos às regras do automatismo e da atividade coletiva, diretamente do movimento francês, e praticaram ativamente, tanto em expressões plásticas como literárias, indo do desenho a quadros de grandes proporções, e da simples frase ao poema extenso. Chegaram a alcançar uma riqueza e variedade maiores do que as que se podem encontrar entre os surrealistas franceses,como o demonstra, em parte, a antologia publicada por Mário Cesariny . Fonte: http://pt.wikipedia.org/wiki/Cad%C3%A1ver_esquisito Criação Colaborativa
  • 7. • Criação coletiva • A surpresa, o imprevisível, o acidental • Comunicação pela obra • Fragmentação e perda de unidade • Padrão Coletivo: a mística das coincidências Características importantes no processo criativo do Cadavre Exquis
  • 9. O que é HOTGLUE? • O HOTGLUE é uma ferramenta visual para criação de sites diretamente no navegador (web-browser). Se você quer fazer uma página pessoal, galeria on-line ou um site para sua banda - HOTGLUE é uma alternativa interessante para o excesso de complicados sistemas de CMS, como Wordpress, Drupal, etc... • A interface do usuário e bem simples e de rápida aprendizagem - fazer um site com HOTGLUE é tão fácil como fazer uma colagem de papel!
  • 10. Mas o que é um CMS? • Um Sistema de Gerenciamento de Conteúdo (do inglês Content Management System – CMS) é um aplicativo usado para criar, editar, gerenciar e publicar conteúdo de forma consistentemente organizada permitindo que o mesmo seja modificado, removido e adicionado com facilidade. O conteúdo pode incluir arquivos de computador, imagens, áudios, vídeos, documentos eletrônicos e conteúdo Web. • Exemplos de outros CMS’s: Wordpress, Joomla, Drupal Fonte: http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo
  • 11. Do que é feito o HOTGLUE? • HOTGLUE é escrito em PHP e Javascript (jQuery), duas importantes linguagens de programação. • O Hotglue utiliza arquivos para armazenamento em banco de dados e é compatível com o servidor Apache2.
  • 12. Alguns casos de uso de HOTGLUE Site pessoal de um artista http://esoc.hotglue.me
  • 13. Alguns casos de uso de HOTGLUE Galeria de imagens http://oncommand.hotglue.me
  • 14. Alguns casos de uso de HOTGLUE Pequena empresas http://meubelmakerremcofakkel.hotglue.me
  • 15. Alguns casos de uso de HOTGLUE Site de crianças http://abnerpreis.hotglue.me
  • 16. Uma pequena introdução antes de começar: 1. Agora você está em modo de edição. Você pode usar “um clique simples” e “dois cliques” para acessar os menus - eles aparecerão ao lado do ponteiro do mouse. 2.Clique na tela (fundo branco da página) para abrir um menu que lhe permitirá criar novos objetos, fazer “upload” de arquivos de vídeo “embed” do YouTube e Vimeo! Uma vez que você fez um objeto clique sobre ela para ativar o menu contextual.
  • 17. Uma pequena introdução antes de começar:
  • 18. Uma pequena introdução antes de começar: 3.”Clique duplo” na tela vai lhe dar um menu de opções para alterar as preferências, mostrar uma grade de tela, fazer novas páginas, inserir uma imagem de fundo entre outras funções. Fonte: http://www.hotglue.org
  • 19. Uma pequena introdução antes de começar:
  • 20.
  • 21. Uma pequena introdução antes de começar: 4. Retire "edit" no endereço da página (URL) para ver a "versão final” de seu site. É assim que sua página vai ser vista para todos os visitantes. 5. Para voltar ao modo de edição, adicione "edit" na a URL da página. (Por exemplo: http://hotglue.me/demo/edit) Recomendamos que você use o software de navegação Mozilla Firefox, quando trabalhar com o HOTGLUE. O Firefox é um confiável e moderno navegador web, é nosso favorito! Você pode encontrar mais informações sobre como trabalhar com HOTGLUE no nosso web-site: http://hotglue.me Comece a brincadeira e divirta-se!