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

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

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.

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.

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

20. http://www.gimp.org/

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.

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

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/

50. Obrigado! ;)