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.
<ul><li>Em 1900 e volts: “eu queria um sisteminha para administrar minha bodega...” </li></ul>Por que desenvolver para a Web?

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

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

6.
<ul><li>Servidor Web </li></ul>Apache HTTP Server, IBM HTTP Server, Oracle HTTP Server, Internet Information Services (IIS), Sun Java System Web Server, … <ul><li>SGBD </li></ul>MySQL, PostgreSQL, Firebird, Oracle, SQL Server, ... <ul><li>Linguagem para desenvolvimento </li></ul>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.
<ul><li>Linux, Windows ou Mac? </li></ul><ul><li>Software Livre ou Software Proprietário? </li></ul><ul><li>IDE ou um simples editor? </li></ul>As ferramentas

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

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

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

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

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

14.
<ul><li>Cascading Style Sheets </li></ul><ul><li>Linguagem de estilos </li></ul><ul><li>Separação entre o formato e o conteúdo </li></ul>CSS

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

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

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

18.
Desenvolvimento Server-side – PHP

19.
<ul><li>Wikipedia (MediaWiki) </li></ul><ul><li>Joomla </li></ul><ul><li>Drupal </li></ul><ul><li>WordPress </li></ul><ul><li>Moodle </li></ul>Desenvolvimento Server-side – PHP

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

21.
Quanta plus

22.
Quanta plus

23.
Quanta plus

24.
Quanta plus

25.
GEdit

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

27.
Netbeans

28.
Netbeans

29.
Netbeans

30.
Netbeans

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

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