/ Desenvolvimento na Web com Software Livre

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

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

Em 1900 e volts: “eu queria um sisteminha para administrar minha bodega...”

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?

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

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?

ARPANET (US DoD)

RNP (Rede Nacional de Pesquisa) – 1991

Globalização

Comércio eletrônico

Web 2.0 – a Internet como plataforma

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?

Servidor Web

SGBD

Linguagem para desenvolvimento

Arquitetura resumida Servidor Web Clientes Banco de Dados

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

Linux, Windows ou Mac?

Software Livre ou Software Proprietário?

IDE ou um simples editor?

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”

Distribuições Linux

IDE

Editor de texto

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

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.

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

Desenvolvimento Client-side (camadas) Javascript CSS XHTML

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

Extensible Hypertext Markup Language

Linguagem de marcação (tags)

Expressar o conteúdo da página web

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

Cascading Style Sheets

Linguagem de estilos

Separação entre o formato e o conteúdo

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

Criada pela Netscape em 1995

Validação de formulários, capturar ações do usuário (eventos)

AJAX ( Asynchronous Javascript and XML)

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

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.

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

Criada por Rasmus Lerdof em 1994

Linguagem interpretada e livre

Multiplataforma

Suporta inúmeros bancos de dados

Desenvolvimento Server-side – PHP

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

Wikipedia (MediaWiki)

Joomla

Drupal

WordPress

Moodle

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

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

Quanta plus

Quanta plus

Quanta plus

GEdit

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

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

Netbeans

Netbeans

Netbeans

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

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

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