Desenvolvimento Web com Software Livre

Desenvolvimento WebDesenvolvimento Web
com Software Livrecom Software Livre
Givanaldo RochaGivanaldo Rocha
Semana de Ciência e Tecnologia – IFRN Zona Norte

Quem sou eu...Quem sou eu...
Givanaldo RochaGivanaldo Rocha
Professor e Coordenador dos Cursos da Área deProfessor e Coordenador dos Cursos da Área de
Informática do IFRN / Campus Natal - Zona Norte.Informática do IFRN / Campus Natal - Zona Norte.
Membro do Projeto Software Livre do Rio Grande doMembro do Projeto Software Livre do Rio Grande do
Norte (PSL-RN) desde sua criação (2004).Norte (PSL-RN) desde sua criação (2004).

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

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

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

Sim, certo. E daí? Mas onde entra a Web?Sim, certo. E daí? Mas onde entra a Web?
A área de Desenvolvimento Web estáA área de Desenvolvimento Web está
definindo o futuro dadefinindo o futuro da computaçãocomputação e dae da
comunicação humanacomunicação humana..

➢ Servidor WebServidor Web
Apache HTTP Server, IBM HTTP Server, Oracle HTTPApache HTTP Server, IBM HTTP Server, Oracle HTTP
Server, Internet Information Services (IIS), Sun JavaServer, Internet Information Services (IIS), Sun Java
System Web Server, …System Web Server, …
➢ SGBDSGBD
MySQL, PostgreSQL, Firebird, Oracle, SQL Server,MySQL, PostgreSQL, Firebird, Oracle, SQL Server,
HSQLDB, DB2 ...HSQLDB, DB2 ...
➢ Linguagem de ProgramaçãoLinguagem de Programação
Server-side:Server-side: PHP, JSP, ASP.NET, Ruby, Python, …PHP, JSP, ASP.NET, Ruby, Python, …
Client-side:Client-side: XHTML, CSS, Javascript, ...XHTML, CSS, Javascript, ...
Como programar para a Web?Como programar para a Web?

Arquitetura resumidaArquitetura resumida
Servidor Web
Clientes
BancoBanco
dede
DadosDados

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

As ferramentasAs ferramentas
Por que usar
Software Livre?

Por que usar Software Livre?Por que usar Software Livre?
• Estudar como é feito
• Alterar, adaptar, reconstruir
• Usar para inúmeros fins
• Redistribuir
• Combater a pirataria

• Banco do Brasil
– 65 mil computadores com Linux, BrOffice e Firefox.
– 35 mil computadores com BrOffice e Firefox.
– 100% no uso do padrão ODF.
– Caixas eletrônicos migrando de OS/2 (IBM) para Linux.
– Economia estimada de 89 milhões até 2010.

• Banco do Brasil

• Caixa Econômica Federal
– Terminais da lotérica com Linux (23 milhões de
transações por dia).
– 20 mil terminais de auto-atendimento com Linux e Java
(35 milhões de saques, 15 milhões de saldos e 14
milhões de extratos).

• Petrobrás
– Migrando de Office para BrOffice.
– Migrando de IE para Firefox (com a extensão IE Tab).
– Padrão efetivo para normatizar a contratação,
manutenção e suporte de aplicações em software livre.

➢ Distribuições LinuxDistribuições Linux
Ubuntu, Debian, Slackware, Red Hat, ...Ubuntu, Debian, Slackware, Red Hat, ...
➢ Linguagens de programaçãoLinguagens de programação
PHP, Java, Ruby, Python, ...PHP, Java, Ruby, Python, ...
➢ IDEIDE
Aptana Studio, Eclipse, Geany, Netbeans, ...Aptana Studio, Eclipse, Geany, Netbeans, ...
➢ Editor de textoEditor de texto
GEdit, Kate, vi, vim, ...GEdit, Kate, vi, vim, ...
Seguindo a linha “Software Livre”Seguindo a linha “Software Livre”

➢ Chamado simplesmente de “Apache”.Chamado simplesmente de “Apache”.
➢ Criado em 1995 por Rob McCool (NCSA).Criado em 1995 por Rob McCool (NCSA).
➢ Dezembro de 2007:Dezembro de 2007:
➔
Apache: 47,20% dos servidores.Apache: 47,20% dos servidores.
➔
Microsoft: 36,99% dos servidores.Microsoft: 36,99% dos servidores.
➢ Julho de 2009:Julho de 2009:
➔
Apache: 47,17% dos servidores.Apache: 47,17% dos servidores.
➔
Microsoft: 23,34% dos servidores.Microsoft: 23,34% dos servidores.
Servidor Web – Apache HTTP ServerServidor Web – Apache HTTP Server

Servidor Web – Apache HTTP ServerServidor Web – Apache HTTP Server
http://greatstatistics.com

Linguagens de ProgramaçãoLinguagens de Programação
http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html

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

Javascript
CSS
XHTML
Desenvolvimento Client-side (camadas)Desenvolvimento Client-side (camadas)
* Recomendações do W3C

➢ Fundado por Tim Berners-Lee em 1994 paraFundado por Tim Berners-Lee em 1994 para
levar a Web ao seu potencial máximo.levar a Web ao seu potencial máximo.
➢ Consórcio internacional com cerca de 300Consórcio internacional com cerca de 300
membros, que agrega empresas, órgãosmembros, que agrega empresas, órgãos
governamentais e organizações independentes.governamentais e organizações independentes.
➢ Visa desenvolver padrões para a criação e aVisa desenvolver padrões para a criação e a
interpretação de conteúdos para a Web.interpretação de conteúdos para a Web.
W3C ?!?!?!?!?W3C ?!?!?!?!?
http://www.w3.org

http://www.w3.orghttp://www.w3.org

➢ Extensible Hypertext Markup LanguageExtensible Hypertext Markup Language
➢ Linguagem de marcação (tags)Linguagem de marcação (tags)
➢ Expressar oExpressar o conteúdoconteúdo da página webda página web
XHTMLXHTML

➢ Cascading Style SheetsCascading Style Sheets
➢ Linguagem de estilosLinguagem de estilos
➢ Separação entre o formato e o conteúdoSeparação entre o formato e o conteúdo
CSSCSS

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

Exemplo (XHTML)Exemplo (XHTML)

Exemplo (XHTML + CSS)Exemplo (XHTML + CSS)

➢ Ações executadas no servidor e renderizadasAções executadas no servidor e renderizadas
para o cliente.para o cliente.
➢ O cliente não vê o código, a não ser que tenhaO cliente não vê o código, a não ser que tenha
acesso ao servidor.acesso ao servidor.
““Qualquer um que chegue a você e diga ter aQualquer um que chegue a você e diga ter a
linguagem perfeita é um ingênuo, ou é um vendedor.”linguagem perfeita é um ingênuo, ou é um vendedor.”
(Bjarne Stroustrup)(Bjarne Stroustrup)
Desenvolvimento Server-sideDesenvolvimento Server-side

➢ Criada por Rasmus Lerdof em 1994Criada por Rasmus Lerdof em 1994
➢ Linguagem interpretada e livreLinguagem interpretada e livre
➢ MultiplataformaMultiplataforma
➢ Suporta inúmeros bancos de dadosSuporta inúmeros bancos de dados
Desenvolvimento Server-side – PHPDesenvolvimento Server-side – PHP

➢ Wikipedia (MediaWiki)Wikipedia (MediaWiki)
➢ JoomlaJoomla
➢ DrupalDrupal
➢ WordPressWordPress
➢ MoodleMoodle
Desenvolvimento Server-side – PHPDesenvolvimento Server-side – PHP

➢ PythonPython
➢ RubyRuby
➢ JSP (Java Server Pages)JSP (Java Server Pages)
Outras linguagens Server-sideOutras linguagens Server-side

➢ Ambiente de desenvolvimento open source paraAmbiente de desenvolvimento open source para
a construção de programas de computador.a construção de programas de computador.
➢ Criado pela IBM e posteriormente doado para aCriado pela IBM e posteriormente doado para a
comunidade (Eclipse Foundation).comunidade (Eclipse Foundation).
➢ Multiplataforma: Linux, Mac OS e Windows.Multiplataforma: Linux, Mac OS e Windows.
➢ Extensível através de plugins.Extensível através de plugins.
EclipseEclipse

➢ Software open source baseado no Eclipse queSoftware open source baseado no Eclipse que
suporta CSS, XHTML, Javascript e XML.suporta CSS, XHTML, Javascript e XML.
➢ Suporta PHP, Ruby on Rails, Adobe AIR e AJAX.Suporta PHP, Ruby on Rails, Adobe AIR e AJAX.
➢ Multiplataforma: Linux, Mac OS e Windows.Multiplataforma: Linux, Mac OS e Windows.
➢ Pode-se fazer upload e download usando FTP.Pode-se fazer upload e download usando FTP.
Aptana StudioAptana Studio

Aptana StudioAptana Studio
Recurso auto-completar do assistente de códigos.

➢ Desenvolvido pela Sun Microsystems (compradaDesenvolvido pela Sun Microsystems (comprada
recentemente pela Oracle).recentemente pela Oracle).
➢ Multiplataforma: Windows, Linux, Solaris eMultiplataforma: Windows, Linux, Solaris e
MacOSMacOS
➢ Desenvolvimento de aplicativos Desktop, Web eDesenvolvimento de aplicativos Desktop, Web e
MóveisMóveis
➢ Java, JSP, C, C++, Ruby, PHP, XML, JavaFX, ...Java, JSP, C, C++, Ruby, PHP, XML, JavaFX, ...
NetbeansNetbeans

➢ Toda grande aplicação precisará de um banco deToda grande aplicação precisará de um banco de
dados.dados.
Não se pode esquecer dos Bancos de DadosNão se pode esquecer dos Bancos de Dados

LAMP = Linux + Apache + MySQL + PHPLAMP = Linux + Apache + MySQL + PHP

➢ Software projetado para simplificar a publicação deSoftware projetado para simplificar a publicação de
conteúdos em sites.conteúdos em sites.
➢ Permitem que os usuários criem seus conteúdosPermitem que os usuários criem seus conteúdos
sem a necessidade de saber XHTML, ou fazersem a necessidade de saber XHTML, ou fazer
uploads.uploads.
Gerenciadores de Conteúdo (CMS)Gerenciadores de Conteúdo (CMS)

Gerenciadores de Conteúdo (CMS)Gerenciadores de Conteúdo (CMS)

FrameworksFrameworks
➢ Conjuntos de classes que colaboram para realizarConjuntos de classes que colaboram para realizar
as funcionalidades das diversas, e mais comuns,as funcionalidades das diversas, e mais comuns,
partes da aplicação.partes da aplicação.
➢ Trazem códigos prontos e testados para seremTrazem códigos prontos e testados para serem
usados em uma aplicação, diminuindo o tempo deusados em uma aplicação, diminuindo o tempo de
desenvolvimento.desenvolvimento.

➢ Existem ferramentas open source profissionais paraExistem ferramentas open source profissionais para
trabalhar com design e multimídia... e a tendência étrabalhar com design e multimídia... e a tendência é
melhorar!!!melhorar!!!
Design e MultimídiaDesign e Multimídia
GIMP
Blender Inkscape

Organização
Patrocinadores
Apoio
Parceiro
Agencia Oficial

Obrigado!!!Obrigado!!!
Contatos:Contatos:
@givanaldo@givanaldo
givanaldo@gmail.comgivanaldo@gmail.com
Palestra disponível em:Palestra disponível em:
http://www.slideshare.net/givanaldohttp://www.slideshare.net/givanaldo

Desenvolvimento Web com Software Livre

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Desenvolvimento Web com Software Livre

Desenvolvimento Web com Software Livre