por Luciano LazzarottoDIGITAL
por Luciano LazzarottoDIGITAL
HISTÓRIA LINGUAGENS
CMS METODOLOGIA FUTURO
INTRODUÇÃO
HISTÓRIA LINGUAGENS
CMS METODOLOGIA FUTUROINTRODUÇÃO
INTRODUÇÃO
• História;
• Linguagens;
• Gerenciador de conteúdo (CMS);
• Metodologia;
• Futuro…
LINGUAGENS
CMS METODOLOGIA FUTURO
INTRODUÇÃO HISTÓRIA
LINGUAGENS
CMS METODOLOGIA FUTURO
INTRODUÇÃO
HISTÓRIA
HISTÓRIA
1990
• Mosaic
– Primeiro navegador “visual”;
– Ele impulsionou o boom da Internet nos anos 90.
HISTÓRIA
Mosaic (1991) Safari (2015)
HISTÓRIA
Google

Chrome
Mozilla

Firefox
Opera
Internet

Explorer
Principais
navegadores
HISTÓRIA
CMS METODOLOGIA FUTURO
INTRODUÇÃO LINGUAGENS
HISTÓRIA
CMS METODOLOGIA FUTURO
INTRODUÇÃO
LINGUAGENS
LINGUAGENS
HTML
XML
PHP RUBY 

ON 

RAILS
JAVASCRIPT
AJAX CSS
Linguagem

de marcação
Linguagem

de programação
Linguagem

...
HISTÓRIA
METODOLOGIA FUTURO
INTRODUÇÃO LINGUAGENS
CMS
HISTÓRIA
METODOLOGIA FUTURO
INTRODUÇÃO LINGUAGENS
CMS
CMS
C
Content
M
Management
S
System
+ +
=
Sistema de
Gerenciamento
de Conteúdo
CMS
Exemplos
CMS
Exemplos
HISTÓRIA
FUTURO
INTRODUÇÃO LINGUAGENS
CMS METODOLOGIA
HISTÓRIA
CMS FUTURO
INTRODUÇÃO LINGUAGENS
METODOLOGIA
METODOLOGIA
Arquitetura Estrutura Visual Programação Resultado
ENTREGALayoutWireframeAi Desenvolvimento
D E S I G N D E S ...
METODOLOGIA
Ai
AI
CONTEXTOUSUÁRIO
CONTEÚDO
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
METODOLOGIA
Universidade Positivo
Contato
SIM, QUERO ME INSCREVER DÚVIDASJá decidiu qual curso você deseja fazer?
Phasellu...
METODOLOGIA
Universidade Positivo
Contato
SIM, QUERO ME INSCREVER DÚVIDASJá decidiu qual curso você deseja fazer?
Phasellu...
METODOLOGIA
Layout
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
Layout
METODOLOGIA
Layout
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
METODOLOGIA
Layout
Responsivo
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
D E S K T O P M O B I L ETA B L E T
METODOLOGIA
Desenvolvimento
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
HTML
CSS
CMS Teste
METODOLOGIA
Desenvolvimento
Ai
Wireframe
Layout
Desenvolvimento
ENTREGA
Publicação Pacoteou
Getz
Hospedagem
Banco de dados...
HISTÓRIA
METODOLOGIA
INTRODUÇÃO LINGUAGENS
CMS FUTURO
HISTÓRIA
METODOLOGIA
INTRODUÇÃO LINGUAGENS
CMS FUTURO
PERGUNTAS ?
Próximos SlideShares
Carregando em…5
×

DIGITAL – Web and beyond

104 visualizações

Publicada em

Digital – Web and beyond.
Material desenvolvido para apresentação interna na Getz, com objetivo de esclarecer ao time de atendimento o processo, as entregas e o futuro do mundo digital, focando em design e desenvolvimento para web.

Publicada em: Design
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

DIGITAL – Web and beyond

  1. 1. por Luciano LazzarottoDIGITAL
  2. 2. por Luciano LazzarottoDIGITAL
  3. 3. HISTÓRIA LINGUAGENS CMS METODOLOGIA FUTURO INTRODUÇÃO
  4. 4. HISTÓRIA LINGUAGENS CMS METODOLOGIA FUTUROINTRODUÇÃO
  5. 5. INTRODUÇÃO • História; • Linguagens; • Gerenciador de conteúdo (CMS); • Metodologia; • Futuro…
  6. 6. LINGUAGENS CMS METODOLOGIA FUTURO INTRODUÇÃO HISTÓRIA
  7. 7. LINGUAGENS CMS METODOLOGIA FUTURO INTRODUÇÃO HISTÓRIA
  8. 8. HISTÓRIA 1990 • Mosaic – Primeiro navegador “visual”; – Ele impulsionou o boom da Internet nos anos 90.
  9. 9. HISTÓRIA Mosaic (1991) Safari (2015)
  10. 10. HISTÓRIA Google
 Chrome Mozilla
 Firefox Opera Internet
 Explorer Principais navegadores
  11. 11. HISTÓRIA CMS METODOLOGIA FUTURO INTRODUÇÃO LINGUAGENS
  12. 12. HISTÓRIA CMS METODOLOGIA FUTURO INTRODUÇÃO LINGUAGENS
  13. 13. LINGUAGENS HTML XML PHP RUBY 
 ON 
 RAILS JAVASCRIPT AJAX CSS Linguagem
 de marcação Linguagem
 de programação Linguagem
 de folha de estilo
  14. 14. HISTÓRIA METODOLOGIA FUTURO INTRODUÇÃO LINGUAGENS CMS
  15. 15. HISTÓRIA METODOLOGIA FUTURO INTRODUÇÃO LINGUAGENS CMS
  16. 16. CMS C Content M Management S System + + = Sistema de Gerenciamento de Conteúdo
  17. 17. CMS Exemplos
  18. 18. CMS Exemplos
  19. 19. HISTÓRIA FUTURO INTRODUÇÃO LINGUAGENS CMS METODOLOGIA
  20. 20. HISTÓRIA CMS FUTURO INTRODUÇÃO LINGUAGENS METODOLOGIA
  21. 21. METODOLOGIA Arquitetura Estrutura Visual Programação Resultado ENTREGALayoutWireframeAi Desenvolvimento D E S I G N D E S E N V O LV I M E N T O
  22. 22. METODOLOGIA Ai AI CONTEXTOUSUÁRIO CONTEÚDO Ai Wireframe Layout Desenvolvimento ENTREGA
  23. 23. METODOLOGIA Universidade Positivo Contato SIM, QUERO ME INSCREVER DÚVIDASJá decidiu qual curso você deseja fazer? Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Vantagens 2 CURITIBAGUARAPUAVA LONDRINA Londrina Guarapuava Curitiba 2 Existem 4 Polos neste Estado Paraná Polos GRADUAÇÃO PÓS-GRADUAÇÃO CURSOS CURTOS CURSOS GRATUITOS Gestão Infantil Gestão Infantil MBA em Gestão Empresarial Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec purus id sem faucibus consectetur. Vestibulum commodo adipiscing nisi non auctor. Donec nec purus id sem faucibus consectetur. Vestibulum commodo. Saiba mais sobre os cursos à distância da Univesidade Positivo QUERO ME INSCREVERCURSOS DISPONÍVEIS PROCESSO SELETIVO INVERNO 2013 Google+ 5 Share 19 Share 0Tweet 12Home Cursos Polos Diferenciais do Positivo Por que fazer um curso EAD Como funciona Quem somos Inscrição Wireframe Ai Wireframe Layout Desenvolvimento ENTREGA
  24. 24. METODOLOGIA Universidade Positivo Contato SIM, QUERO ME INSCREVER DÚVIDASJá decidiu qual curso você deseja fazer? Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Phasellus interdum, neque congue tempor lacinia, felis turpis ultrices ante Vantagens 2 CURITIBAGUARAPUAVA LONDRINA Londrina Guarapuava Curitiba 2 Existem 4 Polos neste Estado Paraná Polos GRADUAÇÃO PÓS-GRADUAÇÃO CURSOS CURTOS CURSOS GRATUITOS Gestão Infantil Gestão Infantil MBA em Gestão Empresarial Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec purus id sem faucibus consectetur. Vestibulum commodo adipiscing nisi non auctor. Donec nec purus id sem faucibus consectetur. Vestibulum commodo. Saiba mais sobre os cursos à distância da Univesidade Positivo QUERO ME INSCREVERCURSOS DISPONÍVEIS PROCESSO SELETIVO INVERNO 2013 Google+ 5 Share 19 Share 0Tweet 12Home Cursos Polos Diferenciais do Positivo Por que fazer um curso EAD Como funciona Quem somos Inscrição Wireframe Layout Ai Wireframe Layout Desenvolvimento ENTREGA
  25. 25. METODOLOGIA Layout Ai Wireframe Layout Desenvolvimento ENTREGA
  26. 26. Ai Wireframe Layout Desenvolvimento ENTREGA Layout METODOLOGIA Layout
  27. 27. Ai Wireframe Layout Desenvolvimento ENTREGA METODOLOGIA Layout Responsivo
  28. 28. Ai Wireframe Layout Desenvolvimento ENTREGA D E S K T O P M O B I L ETA B L E T
  29. 29. METODOLOGIA Desenvolvimento Ai Wireframe Layout Desenvolvimento ENTREGA HTML CSS CMS Teste
  30. 30. METODOLOGIA Desenvolvimento Ai Wireframe Layout Desenvolvimento ENTREGA Publicação Pacoteou Getz Hospedagem Banco de dados Cliente Dados Guia
  31. 31. HISTÓRIA METODOLOGIA INTRODUÇÃO LINGUAGENS CMS FUTURO
  32. 32. HISTÓRIA METODOLOGIA INTRODUÇÃO LINGUAGENS CMS FUTURO
  33. 33. PERGUNTAS ?

×