Desenvolvimento Web com Software Livre
2 gostaram•684 visualizações
O documento resume os principais pontos sobre desenvolvimento web com software livre. Em particular, discute como a web está definindo o futuro da computação e da comunicação humana, apresenta as principais ferramentas de software livre para desenvolvimento web como servidores, bancos de dados e linguagens de programação, e explica porque as organizações estão migrando para o uso de software livre.
Desenvolvimento Web com Software Livre
- 1. Desenvolvimento WebDesenvolvimento Web com Software Livrecom Software Livre Givanaldo RochaGivanaldo Rocha Semana de Ciência e Tecnologia – IFRN Zona Norte
- 2. 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).
- 3. ➢ 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?
- 4. ➢ 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?
- 5. ➢ 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?
- 6. 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..
- 7. ➢ 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?
- 8. Arquitetura resumidaArquitetura resumida Servidor Web Clientes BancoBanco dede DadosDados
- 9. ➢ 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
- 10. As ferramentasAs ferramentas Por que usar Software Livre?
- 11. 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
- 12. Por que usar Software Livre?Por que usar Software Livre? • 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.
- 13. Por que usar Software Livre?Por que usar Software Livre? • Banco do Brasil
- 14. Por que usar Software Livre?Por que usar Software Livre? • 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).
- 15. Por que usar Software Livre?Por que usar Software Livre? • 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.
- 16. ➢ 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”
- 17. ➢ 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
- 18. Servidor Web – Apache HTTP ServerServidor Web – Apache HTTP Server http://greatstatistics.com
- 19. Linguagens de ProgramaçãoLinguagens de Programação http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html
- 20. Linguagens de ProgramaçãoLinguagens de Programação http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html
- 21. Desenvolvimento Client-side (camadas)Desenvolvimento Client-side (camadas) Comportamento Apresentação Conteúdo
- 22. Javascript CSS XHTML Desenvolvimento Client-side (camadas)Desenvolvimento Client-side (camadas) * Recomendações do W3C
- 23. ➢ 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
- 25. ➢ 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
- 26. ➢ 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
- 27. ➢ 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
- 29. Exemplo (XHTML + CSS)Exemplo (XHTML + CSS)
- 30. Exemplo (XHTML + CSS)Exemplo (XHTML + CSS)
- 31. ➢ 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
- 32. ➢ 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
- 33. ➢ Wikipedia (MediaWiki)Wikipedia (MediaWiki) ➢ JoomlaJoomla ➢ DrupalDrupal ➢ WordPressWordPress ➢ MoodleMoodle Desenvolvimento Server-side – PHPDesenvolvimento Server-side – PHP
- 34. ➢ PythonPython ➢ RubyRuby ➢ JSP (Java Server Pages)JSP (Java Server Pages) Outras linguagens Server-sideOutras linguagens Server-side
- 35. ➢ 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
- 36. EclipseEclipse
- 37. EclipseEclipse
- 38. EclipseEclipse
- 39. ➢ 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
- 41. Aptana StudioAptana Studio Recurso auto-completar do assistente de códigos.
- 47. GEditGEdit
- 48. ➢ 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
- 49. NetbeansNetbeans
- 50. NetbeansNetbeans
- 51. NetbeansNetbeans
- 52. NetbeansNetbeans
- 53. NetbeansNetbeans
- 54. ➢ 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
- 55. LAMP = Linux + Apache + MySQL + PHPLAMP = Linux + Apache + MySQL + PHP
- 56. ➢ 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)
- 57. Gerenciadores de Conteúdo (CMS)Gerenciadores de Conteúdo (CMS)
- 58. Gerenciadores de Conteúdo (CMS)Gerenciadores de Conteúdo (CMS)
- 59. 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.
- 63. ➢ 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
- 65. Obrigado!!!Obrigado!!! Contatos:Contatos: @givanaldo@givanaldo [email protected]@gmail.com Palestra disponível em:Palestra disponível em: http://www.slideshare.net/givanaldohttp://www.slideshare.net/givanaldo