UFSM

CAMPUS DE FREDERICO WESTPHALEN CURSO DE SISTEMAS PARA INTERNET

Programao para Internet I

Aula 1 Conceitos Bsicos
Prof. Teresinha Letcia da Silva leticia@cafw.ufsm.br

Ementa da disciplina

Projetar e construir aplicaes para WEB utilizando uma linguagem de programao interpretada, com o objetivo de gerar contedo dinmico na World Wide Web. Utilizar as principais ferramentas de desenvolvimento em linguagem de script voltada para Web.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Contedo programtico

Estudo de uma linguagem de gerao de contedo dinmico.

Viso geral da linguagem. Instalao e configurao da linguagem. Viso geral do banco de dados. Instalao e configurao do banco de dados. Comandos da linguagem, variveis e tipos de dados. Formulrios: Mtodo GET e POST. Uso de sesses, cookies, tratamento de erros. Envio de e-mail.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Avaliao

Nota 1

Prova 1 70% Trabalhos/Atividades 30%

Nota 2

Prova 2 70% Trabalhos/Atividades 30%

Programao para Internet I

Prof. Teresinha Letcia da Silva

Bibliografia bsica:

CONVERSE, T.; PARK, J. PHP - A Bblia. 2. Ed. Rio de Janeiro: Campus, 2003. NIEDERAUER, J. Desenvolvendo Websites com PHP. 2. Ed. So Paulo: Novatec, 2008. SOARES, W. PHP 5 - Conceitos, Programao e Integrao com Banco de Dados. 4.Ed. So Paulo: rica, 2008.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Recursos tecnolgicos

Programao para Internet I

Prof. Teresinha Letcia da Silva

Introduo - Internet

Criada a ARPANET em 1970 com a finalidade de conectar departamentos de Pesquisa nos EUA

Incio da Guerra Fria Necessidade de comunicao entre as bases militares Descentralizao da informao

Protocolo inicial Network Control Protocol(NCP) Em 1975 criao do TCP/IP Em 1990 a Internet passa a ter tendncia comercial e no apenas pesquisa.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Introduo

O desenvolvimento de aplicaes para Web tem sido uma das maiores tendncias no ramo de desenvolvimento de software como um todo. Nos ltimos anos tem crescido com uma velocidade espantosa, abrangendo todas ou quase todas as reas de negcios imaginveis.

Cada vez mais comum a migrao de aplicaes Desktop para aplicaes web.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Introduo

Nos ltimos anos, a World Wide Web criou oportunidades nicas para o desenvolvimento de aplicaes. A gama de websites existentes atualmente muito vasta e vai desde uma simples pgina pessoal com informao esttica, at a sofisticados motores de pesquisa que manipulam bases de dados gigantescas. No meio da gama, existem websites para suportar trabalho colaborativo, comunidades virtuais, e comercio eletrnico, entre outros.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Introduo

Para construir uma aplicao Web com sucesso, tem de se saber um pouco sobre:

a configurao dos servidores Web sistemas de bases de dados e SQL ser fluente numa linguagem de scripting saber o bsico sobre o protocolo HTTP saber a sintaxe do HTML e CSS e saber um pouco sobre user-interface design.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Introduo

Existem diversas tecnologias e tcnicas para a criao de sites. Na criao de um site profissional comum o uso de diversas tecnologias e tcnicas em conjunto para se obter o melhor resultado para cada situao.

HTML/ XHTML CSS XML XSL Java Script ASP / ASP .NET PHP JAVA

ColdFusion C# Ruby on rails Python Flash Flex Ajax Silverlight

Prof. Teresinha Letcia da Silva

Programao para Internet I

As Camadas do Site

Todo site geralmente envolve trs principais categorias de linguagens no processo de desenvolvimento: Linguagem de apresentao; Linguagem do lado cliente; Linguagem do lado servidor.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens de apresentao

No lado da apresentao, temos a parte em (X)HTML e CSS. Os navegadores so feitos para entender HTML, e por isso todo contedo deve vir neste formato. As linguagens de apresentao so responsveis por determinar a aparncia do site. A camada de apresentao permite criar pginas estticas.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens de apresentao

HTML

HyperText Markup Language Linguagem de Marcao de Hipertexto: Linguagem utilizada na criao de pginas para a Internet.

A linguagem foi definida em especificaes formais na dcada de 1990, inspiradas nas propostas originais de Tim Berners-Lee. HTML 2.0 lanado em 1995 HTML 4.01 publicada no final de 1999 XHTML desenvolvido de 2002 a 2006
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens de apresentao

HTML

HTML 5:
a quinta verso da linguagem HTML; inclui novas funcionalidades como semntica e acessibilidade; novas APIs, entre elas uma para desenvolvimento de grficos bidimensionais; controle embutido de contedo multimdia; j est sendo chamada de "Flash-killer" (Assassino do Flash) est em fase de esboo, porm diversos navegadores j implementam algumas de suas funcionalidades; a verso final est prevista para 2014.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens de apresentao

HTML

Compatibilidade com HTML5:

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens de apresentao

HTML

Exemplo de um cdigo HTML5:

<!DOCTYPE html> <html> <head> <title>Player de udio em html5</title> </head> <body> <audio controls autoplay> <source src="audio.mp3" /> <!-- Mensagem explicando que o navegador no suporta udio --> <p>Seu browser no suporta essa tecnologia.</p> </audio> </body> </html>
Programao para Internet I Prof. Teresinha Letcia da Silva

Linguagens de apresentao

CSS

Cascading Style Sheets Folhas de Estilos em Castata: Tecnologia utilizada na formatao de pginas HTML. Separar em arquivos o contedo de apresentao de uma pgina das informaes necessrias para configurar o visual deste contedo.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens de apresentao

CSS

CSS3 a mais nova verso do CSS, onde se define estilos para pginas web com efeitos de transio, imagem, e outros, que do um estilo novo s pginas Web 2.0 em todos os aspectos de design do layout.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens de cliente (Client-Side Scripting)

A linguagem que executada no lado cliente, ou seja, no computador do prprio usurio Os programas so executados diretamente no navegador, ou em algum plugin previamente instalado. possvel manipular a pgina do usurio diretamente, fazendo aes dinmicas que vo desde mudar o valor de um campo do formulrio at criar uma rea redimensionvel que pode ser arrastada pela pgina. O cdigo das linguagens de cliente est no prprio navegador, o usurio pode ver o cdigo e pode tambm, atravs do uso de programas especficos, manipul-lo. Isso faz com que as linguagens client-side sejam inseguras.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens de cliente

JAVA SCRIPT

Linguagem de programao interpretada e multiplataforma mantida pela Netscape. utilizada em aplicaes que rodam no lado do cliente. A linguagem foi criada para atender, principalmente, s seguintes necessidades:

Validao de formulrios no lado cliente (programa navegador); Interao com a pgina.

Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens de cliente

JAVA SCRIPT

Pelo fato do cdigo JavaScript rodar localmente no navegador do usurio, e no em um servidor remoto, o navegador pode responder a tais aes rapidamente, fazendo uma aplicao mais responsiva. O cdigo JavaScript pode detectar aes de usurio que o HTML sozinho no pode, tais como teclas pressionadas individualmente. Aplicaes como Gmail tomam vantagem disso: muito da lgica da interface do usurio escrita em JavaScript. A tendncia mais ampla de programao em Ajax explora de maneira similar este ponto forte.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens de cliente

JAVA SCRIPT

Exemplo:
<script type=text/javascript> alert(Exemplo de Javascript); </script>

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens/Tecnologia de cliente

Adobe Flash

Tecnologia da Adobe para a criao de aplicaes interativas e animaes para a internet. A funcionalidade das Aplicaes Web desenvolvidas em Flash so criadas atravs da linguagem Action Script. necessrio que o usurio tenha o Flash Player instalado em seu computador para que a Aplicao Web seja executada corretamente.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens/Tecnologia de cliente

FLEX

Tecnologia da Adobe para a criao de aplicaes interativas que possui 2 linguagens:

MXML (Magic Extensible Markup Language): linguagem utilizada na criao dos elementos visuais da Aplicao Web desenvolvida em Flex; Action Script: linguagem utilizada na criao das funcionalidades da Aplicao Web desenvolvida em Flash e Flex.

necessrio que o usurio tenha o Flash Player instalado em seu computador para que a Aplicao Web seja executada corretamente.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagens/Tecnologia de cliente

SILVERLIGHT

Tecnologia da Microsoft para a criao de aplicaes interativas. necessrio que o usurio tenha o .NET Framework e o Silverlight instalados em seu computador para que a Aplicao Web seja executada corretamente.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens/Tecnologia de cliente

JavaFX

JavaFX uma plataforma de software multimdia desenvolvida pela Oracle baseada em java para a criao e disponibilizao de Aplicao Rica para Internet que pode ser executada em vrios dispositivos diferentes. Para construir aplicaes os desenvolvedores usam uma linguagem esttica tipada e declarada chamada JavaFX Script.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Linguagens/Tecnologia de cliente

AJAX

Asynchronous Javascript And XML: Tecnologia/Tcnica que realiza a juno de diversas tecnologias: CSS, Java Script e XML. AJAX no somente um novo modelo, tambm uma iniciativa na construo de aplicaes Web mais dinmicas e criativas. AJAX no uma tecnologia, mas um conjunto de tecnologias conhecidas trabalhando juntas, cada uma fazendo sua parte, oferecendo novas funcionalidades.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagem de servidor (Server-Side scripting)

So as linguagens que vo rodar por trs dos panos, fornecendo a lgica principal da aplicao. Sempre que o usurio faz um request (entra numa pgina, clica num link, etc), o pedido enviado para o servidor. A linguagem server-side, ento, recebe o request e faz o processamento, transforma o resultado final num XHTML e envia pro navegador.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Linguagem de servidor (Server-Side scripting)

Possibilitam realizar interao com Banco de Dados, validaes de usurios, etc. Alguns exemplos:

PHP ASP / ASP.NET JSP / Java Python, Perl, Ruby Entre outros
Prof. Teresinha Letcia da Silva

Programao para Internet I

Funcionamento de uma requisio web

Programao para Internet I

Prof. Teresinha Letcia da Silva

Funcionamento de uma requisio web

Programao para Internet I

Prof. Teresinha Letcia da Silva

Funcionamento de uma requisio web

Programao para Internet I

Prof. Teresinha Letcia da Silva

Servidor web

A expresso servidor web pode significar duas coisas: 1. Um programa de computador responsvel por aceitar pedidos HTTP de clientes, geralmente os navegadores, e servi-los com respostas HTTP, incluindo opcionalmente dados, que geralmente so pginas web, tais como documentos HTML com objetos embutidos (imagens, etc.); 2. Um computador que executa um programa que prov a funcionalidade descrita acima.
Prof. Teresinha Letcia da Silva

Programao para Internet I

Exemplo de servidores web

Apache HTTP Server

o servidor web mais usado no mundo. Ele contm mdulos que vo de suporte a linguagens de programao a segurana. Roda localmente em sua mquina, dispensando uso de internet.

Programao para Internet I

Prof. Teresinha Letcia da Silva

Exemplo de servidores web

Servidores JAVA

Apache Tomcat Jboss Glassfish Glassfish

Internet Information Services (IIS) da Microsoft

Programao para Internet I

Prof. Teresinha Letcia da Silva

Server-Side scripting

PHP

PHP significa: Hypertext Preprocessor. Uma linguagem interpretada que funciona como uma extenso do protocolo HTML e que roda no servidor. Com sintaxe semelhante s linguagens tradicionais como: C, Java e Perl. Com o principal objetivo de permitir que se utilize de forma rpida e fcil contedo dinmico em websites
Prof. Teresinha Letcia da Silva

Programao para Internet I

Histrico da linguagem PHP

Surgiu por volta de 1994 criado por Rasmus Lerdorf com o nome de Personal Home Page Tools para substituir um conjunto de scripts Perl que ele usava no desenvolvimento de sua pgina pessoal; Mais tarde Zeev Suraski e Andi Gutmans reescreveram o analisador do PHP que contava com o primeiro recurso de orientao a objetos; Hoje o termo PHP um acrnimo recursivo para Hypertext Preprocessor (prprocessador de hipertextos)
Programao para Internet I Prof. Teresinha Letcia da Silva

PHP

Principais caractersticas

linguagem extremamente modularizada, ideal para uso web seu propsito principal de implementar solues web velozes, simples e eficientes pode ser embarcada no cdigo HTML prov suporte a um grande nmero de bases de dados

Programao para Internet I

Prof. Teresinha Letcia da Silva

PHP

Principais Vantagens

open source cdigo executado no servidor (server-side) velocidade e robustez independncia de plataforma estruturado e orientao a objeto portabilidade: "Write once, run anywhere curva de aprendizagem curta tipagem fraca sintaxe similar a linguagem C/C++ e o PERL

Programao para Internet I

Prof. Teresinha Letcia da Silva

Porque aprender PHP?

Fonte: Felipe Ribeiro

Programao para Internet I

Prof. Teresinha Letcia da Silva

Porque aprender PHP?

Fonte: Felipe Ribeiro

Programao para Internet I

Prof. Teresinha Letcia da Silva

TIOBE Programming Community Index for September 2012

Programao para Internet I

Prof. Teresinha Letcia da Silva

Porque aprender PHP?

PHP est presente em mais de 25 milhes de sites PHP no da Sun nem da Microsoft...

Mas bancado por:

IBM Oracle Yahoo! entre outros...

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

PHP5 trouxe:

Nveis de visibilidade Exceptions Interfaces Type hinting

Frameworks MVC

Zend Framework Symfony CakePHP Code Igniter Prado, etc...

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Mitos sobre o PHP

Programao para Internet I

Prof. Teresinha Letcia da Silva

Referncias

NIEDERAUER, J. Desenvolvendo Websites com PHP. 2. Ed. So Paulo: Novatec, 2008. Felipe Ribeiro http://old.feliperibeiro.com/ Materiais de aula

Programao para Internet I

Prof. Teresinha Letcia da Silva