O documento discute o desenvolvimento de aplicações web usando software livre. Explica como a web evoluiu para permitir sistemas corporativos e comércio eletrônico e apresenta ferramentas como servidores web, bancos de dados, linguagens de programação e editores que podem ser usados para desenvolvimento web com software livre.

1. / Desenvolvimento na Web com Software Livre

2. Quem sou eu... Givanaldo Rocha Professor de Sistemas de Informação do CEFET-RN Unidade de Ensino da Zona Norte de Natal Membro do Projeto Software Livre do Rio Grande do Norte (PSL-RN) desde sua criação (2004) Professor Orientador da Célula Acadêmica ZNet do CEFET Zona Norte

3. Em 1900 e volts: “eu queria um sisteminha para administrar minha bodega...” Por que desenvolver para a Web?

4. Atualmente: “eu quero um sistema corporativo para gerenciar minhas doze filiais e que os dados sejam centralizados em um servidor na matriz...” Por que desenvolver para a Web?

5. ARPANET (US DoD) RNP (Rede Nacional de Pesquisa) – 1991 Globalização Comércio eletrônico Web 2.0 – a Internet como plataforma Sim, certo. E daí? Mas onde entra a Web?

6. Servidor Web Apache HTTP Server, IBM HTTP Server, Oracle HTTP Server, Internet Information Services (IIS), Sun Java System Web Server, … SGBD MySQL, PostgreSQL, Firebird, Oracle, SQL Server, ... Linguagem para desenvolvimento Server-side: PHP, JSP, ASP.NET, Ruby, Python, … Client-side: XHTML, CSS, Javascript, ... Como programar para a Web?

7. Arquitetura resumida Servidor Web Clientes Banco de Dados

8. Linux, Windows ou Mac? Software Livre ou Software Proprietário? IDE ou um simples editor? As ferramentas

9. Distribuições Linux Ubuntu, Debian, Slackware, Red Hat, ... IDE Quanta plus, Eclipse, Geany, Netbeans, ... Editor de texto GEdit, Kate, vi, vim, ... Seguindo a linha “Software Livre”

10. Chamado de simplesmente “Apache”. Criado em 1995 por Rob McCool (National Center for Supercomputing Applications – NCSA). Dezembro de 2007: 47,20% dos servidores ativos do mundo. Servidor Web – Apache HTTP Server

11. Desenvolvimento Client-side (camadas) Comportamento Apresentação Conteúdo

12. Desenvolvimento Client-side (camadas) Javascript CSS XHTML

13. Extensible Hypertext Markup Language Linguagem de marcação (tags) Expressar o conteúdo da página web XHTML

14. Cascading Style Sheets Linguagem de estilos Separação entre o formato e o conteúdo CSS

15. Criada pela Netscape em 1995 Validação de formulários, capturar ações do usuário (eventos) AJAX ( Asynchronous Javascript and XML) Javascript

16. Ações executadas no servidor e renderizadas para o cliente. O cliente não vê o código, a não ser que tenha acesso ao servidor. Desenvolvimento Server-side

17. Criada por Rasmus Lerdof em 1994 Linguagem interpretada e livre Multiplataforma Suporta inúmeros bancos de dados Desenvolvimento Server-side – PHP

18. Desenvolvimento Server-side – PHP

19. Wikipedia (MediaWiki) Joomla Drupal WordPress Moodle Desenvolvimento Server-side – PHP

20. Criado por Eric Laffoon para rodar em Linux Editor WYSIWYG e autopreenchimento Destaque na sintaxe para diversas linguagens Mecanismo interno de FTP, barras de ferramentas, templates. Quanta plus

21. Quanta plus

22. Quanta plus

23. Quanta plus

24. Quanta plus

25. GEdit

26. Desenvolvido pela Sun Microsystems (seu nome antigo era Forte for Java) Multiplataforma (Windows, Linux, Solaris e Mac) Desenvolvimento de aplicativos Desktop, Web e Móveis Java, JSP, C, C++, Ruby, PHP, XML, ... Netbeans

27. Netbeans

28. Netbeans

29. Netbeans

30. Netbeans

31. O Linux possui ferramentas profissionais de trabalho para você que é Designer ou trabalha com Multimídia... e a tendência é melhorar!!! Design e Multimídia GIMP Blender Inkscape

32. Obrigado!!! [email_address] http://www.cefetrn.br/~givanaldo