Ferramentas Livres para Desenvolvimento Web

  • 1,740 views
Uploaded on

Apresentação feita durante o projeto Pense Livre, realizado pelo CASIQ - UFC Quixadá.

Apresentação feita durante o projeto Pense Livre, realizado pelo CASIQ - UFC Quixadá.

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,740
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
41
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.
  • 2.
  • 3. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 4. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 5. Como tudo começou...
    A Web foi criado em 1989, por Tim Berners-Lee, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.
    Localizador Uniforme de Recursos (URL)
    Linguagem de Marcação de Hipertexto (HTML)
    Protocolo de Transferência de Hipertexto (HTTP)
    Navegador Web (Browser)
  • 6. A Web
    Também conhecida como World-Wide Web (WWW) é a parte multimídia da Internet, portanto possibilita a exibição de páginas de hipertexto, ou seja, texto em formato digital, documentos que podem conter todo o tipo de informação: textos, fotos, animações, trechos de vídeo e sons e programas e que permite conexões entre documentos (os links).
  • 7. O que é W3C?
    W3C (World Wide Web Consortium) é um consórcio de empresas de tecnologia. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo.
    Desenvolve Recomendações abertas,
    até agora mais de 80 padrões...
    www.w3.org
  • 8. Os Padrões Web
    Padrões Web ou Web Standards são um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.
    XHTML – HTML – CSS – DOM – XML – SVG – SOAP – ...
  • 9. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 10.
  • 11. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 12. Mapa do Site
    Éumarepresentaçãohierárquicadaestrutura de um site, compostaporpáginas web.
    O "mapa do site" é feito com os tópicos mais importantes e seus sub-tópicos, se tiver. Ele é um índice para um fácil entendimento da navegação do projeto.
  • 13.
  • 14. http://writemaps.com
  • 15. Wireframe
    Wireframe seria um esqueleto do site, quedeve ser feito antes de iniciar a montagem do layout com cores eimagens.
  • 16.
  • 17. https://gomockingbird.com/
  • 18. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 19.
  • 20. http://www.gimp.org/
  • 21.
  • 22.
  • 23. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 24. HTML
    HTML é a abreviação para HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação para Hipertexto.
    Compõe a estrutura de uma página Web através de etiquetas (tags) e atributos.
  • 25.
  • 26. CSS
    Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML.
    Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
    Pode-se definir apresentações especificas para diferentes dispositivos (Tvs, Celulares e PDAs, Impressoras, etc) apenas criando
    folhas de estilo alternativas.
  • 27. JavaScript
    JavaScript é uma linguagem de programação criada por Brendan Eich em 1995.
    A linguagem foi criada para atender, principalmente, às seguintes necessidades:
    * Validação de formulários no lado cliente;
    * Interação com a página (Comportamento).
  • 28. JQuery
    Jquery que é uma biblioteca JavaScript criada por John Resig que tem por finalidade facilitar o desenvolvimento de scripts.
    A biblioteca jQuery é disponibilizada como software livre( pode ser usada, copiada, estudada, modificada e redistribuída sem restrição), ou seja, você pode usar a biblioteca gratuitamente tanto para desenvolver seus projetos pessoais e comerciais.
    http://www.jquery.com
  • 29. PHP
    É umalinguagemquepermitecriar sites dinâmicos, possibilitandoumainteração com ousuárioatravés de formulários, parâmetrosda URL e links. A diferença de PHP com relação a linguagenssemelhantes a Javascriptéqueocódigo PHP éexecutado no servidor, sendoenviadoparaoclienteapenas html puro. Destamaneiraépossívelinteragir com bancos de dados eaplicaçõesexistentes no servidor.
    http://www.php.net
  • 30. MYSQL
    O MySQL é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Linguagem de Consulta Estruturada, do inglês StructuredQueryLanguage) como interface. É atualmente um dos bancos de dados mais populares, com mais de 10 milhões de instalações pelo mundo.
    http://www.mysql.com
  • 31. PhpMyAdmin
    http://www.phpmyadmin.net
  • 32. XAMPP
    Com o XAMPP é fácil instalar a distribuição Apache contendo PHP, MySQL e Perl. O XAMPP é realmente muito fácil instalar e usar – é necessário apenas baixar, extrair e inicializar.
    http://www.apachefriends.org/pt_br/xampp.html
  • 33. Aptana
    AptanaouAptana Studio é um software open source para IDE (Integrated Development Environment) desenvolvidoem Java quesuporta as linguagens CSS, HTML e JavaScript, emboratambémsejapossívelconfigurá-lo parasuportar PHP, Ruby on Rails, Adobe® AIR eBibliotecas AJAX. É baseado no Eclipse.
  • 34. http://www.aptana.com/
  • 35. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 36. http://br.mozdev.org/download/
    http://www.google.com.br/chrome
  • 37. FTP: O que é?
    FTP significa File TransferProtocol (Protocolo de Transferência de Arquivos), e é uma forma bastante rápida e versátil de transferir arquivos, sendo uma das mais usadas na internet.
  • 38. http://filezilla-project.org/
  • 39. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 40. CMS: WordPress
    Criado por Matt Mullenweg, roda em PHP e MySQL sob a licença GPL
    Tem como foco padrões de usabilidade e facilidades para o usuário final
    É largamente utilizado como um CMS apesar de ainda não ser um
    Como todo software livre tem uma comunidade grande e ativa
    Plataforma utilizada em grandes projetos nacionais e internacionais
  • 41. CMS: WordPress
    http://br.wordpress.org
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. CMS: WordPress
    Fazer o download do pacote em:
    http://br.wordpress.org
    Conseguir um servidor PHP!
    Conseguir um banco de dados MYSQL!
    Mandar os arquivos pro servidor PHP!
    Criar o banco de dados!
    Acessar o endereço para iniciar a instalação.
  • 47. Programa
    Um pouco de História
    Etapas do Desenvolvimento
    Coleta de Informações
    Planejamento
    Design
    Desenvolvimento
    Testes e Publicação
    Manutenção
    Considerações finais
  • 48. Por onde continuar?
    http://tools.mozilla.com/
  • 49.
  • 50. Obrigado! ;)