Roteiro de Aula Conceitos e Fundamentos

Ademir Mazer Jr 09/2010

Sumrio
Roteiro de Aula.....................................................................................................................................1 Conceitos e Fundamentos.....................................................................................................................1 Ademir Mazer Jr...................................................................................................................................1 09/2010.................................................................................................................................................1 Roteiro - Fundamentos e Conceitos Programao Web.......................................................................3 Slide 1..............................................................................................................................................3 Slide 2..............................................................................................................................................3 Conceitos.....................................................................................................................................3 Site..........................................................................................................................................3 Internet....................................................................................................................................3 Intranet....................................................................................................................................4 Slide 3..............................................................................................................................................4 Conceitos.....................................................................................................................................4 Programao...........................................................................................................................4 Linguagem de Marcao........................................................................................................4 Hipertexto...............................................................................................................................4 HTML.....................................................................................................................................5 Pginas Web...........................................................................................................................5 Slide 4..............................................................................................................................................5 Conceitos.....................................................................................................................................5 Servidor Web..........................................................................................................................5 Navegador Web......................................................................................................................6 URL........................................................................................................................................6 HTTP......................................................................................................................................6 Slide 5..............................................................................................................................................7 Conceitos.....................................................................................................................................7 Web Design............................................................................................................................7 Webmaster..............................................................................................................................7 Slide 6..............................................................................................................................................7 Conceitos.....................................................................................................................................7 Aplicaes Web......................................................................................................................7 Aplicaes Ricas....................................................................................................................7 Comrcio Eletrnio................................................................................................................8 Rede Social.............................................................................................................................8 Referncias...........................................................................................................................................9 Bibliogrficas...................................................................................................................................9 na Web.............................................................................................................................................9

Roteiro de aula - 29/09/10 - 3

Roteiro - Fundamentos e Conceitos Programao Web

Slide 1
Desenvolvimento web o termo utilizado para descrever o desenvolvimento de sites, na Internet ou numa intranet. Normalmente est associado a programao e marcao, configurao e trabalho realizado na retaguarda dos sites, mas tambm pode ser usado para se referir ao projeto visual (web design) das pginas ou a um sistema que tenha sua interface executando em um navegador web. O desenvolvimento web pode variar desde simples pginas estticas a aplicaes ricas, comrcios eletrnicos, gerenciadores de contedo ou redes sociais.

Slide 2
Conceitos
Site

Site, saite, stio, website, stio eletrnico um conjunto de pginas web, isto , de hipertextos acessveis geralmente pelo protocolo HTTP na Internet. O conjunto de todos os sites pblicos existentes compe a World Wide Web. As pginas num site so organizadas a partir de um URL bsico, ou stio, onde fica a pgina principal, e geralmente residem no mesmo servidor. As pginas so organizadas dentro do site numa hierarquia observvel no URL, estas hierarquias obedecem a estrutura de diretrios ou pastas do site no servidor. Origem do nome Site: Quando a World Wide Web foi criada, ela recebeu esse nome de seu criador Tim Berners-Lee.[1] Ele comparou a sua criao com uma teia, "web" em ingls. Cada n dessa teia um local (virtual) onde h hipertextos. Como a palavra inglesa para local site (tambm derivada do latim situs: "lugar, local"), quando as pessoas queriam se referir a um local da teia, elas falavam, web site. Sites so escritos em HTML ou dinamicamente convertidos para esta linguagem de marcao, e acessados usando um software cliente chamado web browser ou navegador. Um site tambm requer um software conhecido como servidor web que enviar para o navegador as informaes solicitadas por este.
Internet

A Internet um conglomerado de redes em escala mundial de milhes de computadores interligados por TCP/IP que permite o acesso a informaes e todo tipo de transferncia de dados. Ela carrega uma ampla variedade de recursos e servios, incluindo os documentos interligados por meio de hiperligaes da World Wide Web, e a infraestrutura para suportar correio eletrnico e servios como comunicao instantnea e compartilhamento de arquivos. Os programas que esto em execuo nos computadores conectados a ela interagem enviando mensagens atravs de um meio de comunicao comum. A Internet um sistema distribudo muito grande, permitindo aos usurios, onde quer que estejam. fazerem uso dos servios citados. Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 4

Intranet

O termo foi utilizado pela primeira vez em 19/04/1995, num artigo da autoria tcnica de Stephen Lawton, na Digital News & Reviews. Uma intranet uma parte da Internet administrada separadamente, cujo limite pode ser configurado para impor planos de segurana locais. Ela composta de vrias redes locais interligadas. A configurao de rede de uma intranet em particular de responsabilidade da organizao que a administra, podendo ir desde uma LAN em um nico site at um conjunto de LANS interconectadas pertencentes s filiais de uma empresa ou outra organizao, em diferentes pases. Podemos resumir o conceito de intranet, interpretado-o como "uma verso privada da Internet", ou uma mini-Internet de acesso restrito a uma organizao.

Slide 3
Conceitos
Programao

Programao o processo de escrita, teste e manuteno de um programa de computador. O programa escrito em uma linguagem de programao, embora seja possvel escrev-lo diretamente em linguagem de mquina.
Linguagem de Marcao

um sistema moderno para anotao de um texto de modo que ele seja sintaticamente distinguvel daquele texto. A marcao normalmente omitida da verso do texto que mostrada para o usurio. Em informtica, uma linguagem de marcao um conjunto de cdigos aplicados a um texto ou a dados, com o fim de adicionar informaes particulares sobre esse texto ou dado, ou sobre trechos especficos. Uma linguagem de marcao amplamente usada para texto a HTML, mas que vem perdendo espao para a sua evoluo, o XHTML por conta desta ser mais eficiente para separao entre a estrutura e o contedo de uma pgina de forma mais organizada e eficiente.
Hipertexto

Hipertexto o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informao na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se d atravs de referncias especficas denominadas hiperlinks, ou simplesmente links. Esses links ocorrem na forma de termos destacados no corpo de texto principal, cones grficos ou imagens e tm a funo de interconectar os diversos conjuntos de informao, oferecendo acesso sob demanda. O conceito de "ligar" textos foi criado por Ted Nelson nos anos 1960 e teve como influncia o pensador francs Roland Barthes, que concebeu em seu livro S/Z o conceito de "Lexia", que seria a ligao de textos com outros textos.

Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 5

HTML

HTML (acrnimo para a expresso inglesa HyperText Markup Language, que significa Linguagem de Marcao de Hipertexto) uma linguagem de marcao utilizada para produzir pginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia fruto do "casamento" dos padres HyTime e SGML. Os documentos em HTML so arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, Gedit do Gnome Linux, ou o TextEdit, do Macintosh. Para facilitar a produo de documentos, porm, o mercado editores HTML especficos, com recursos sofisticados, que facilitam a realizao de tarefas repetitivas, insero de objetos, elaborao de tabelas e outros recursos.
Pginas Web

Uma pgina web, tambm conhecida pelo equivalente ingls webpage, uma "pgina" na world wide web, geralmente em formato HTML e com ligaes de hipertexto que permitem a navegao de uma pgina, ou seo, para outra. As pginas web usam com frequncia arquivos grficos (imagens) associados para fins de ilustrao. Uma pgina web interpretada por um navegador, ou browser e apresentada ao usurio. Uma coleo de pginas web armazenadas numa nica pasta ou em subpastas relacionadas de um servidor web conhecida como site. Uma dificuldade no projeto, implementao e teste de pginas web torn-las adequadas a muitos navegadores e a diferentes resolues de vdeo.

Slide 4
Conceitos
Servidor Web

De forma simplificada, um servidor web 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.). Os pedidos HTTP que se referem geralmente a pginas HTML so normalmente feitos por meio de navegadores. O processo se inicia com a conexo entre o computador onde est instalado o servidor web e o computador do cliente; como na web no possvel prever a que hora se dar essa conexo, os servidores web precisam estar disponveis dia e noite. A partir da processado o pedido do cliente, e conforme as restries de segurana e a existncia da informao solicitada, o servidor devolve os dados. Genericamente tudo o que se enquadre no conceito de arquivo pode ser enviado como resultado de um pedido HTTP. Finalmente, os servidores web tambm podem gerenciar a execuo de programas e scripts, solicitando que interpretadores especficos realizem o processamento do pedido. Estes interpretadores Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 6 aps realizar o trabalho, geram uma sada em formato HTML ou outro formato de arquivo e enviam ao servidor web que retorna ao cliente
Navegador Web

Um navegador, tambm conhecido pelos termos ingleses web browser ou simplesmente browser, um programa de computador que habilita seus usurios a interagirem com pginas web. Os Navegadores se comunicam geralmente com servidores Web usando principalmente o protocolo HTTP para efetuar pedidos de arquivos, e interpretar respostas vindas do servidor. Estes arquivos, so por sua vez identificados por um URL. O navegador, tem a capacidade de ler vrios tipos de arquivo, sendo nativo o processamento dos mais comuns como HTML, XML, JPEG, GIF, PNG, e os restantes atravs de plugins como Flash, Java, Mdia Player, etc. A finalidade principal do navegador fazer o pedido de um determinado contedo da Web, e providenciar a exibio do mesmo. Geralmente, quando o processamento do arquivo no possvel atravs do mesmo, ele transfere o arquivo localmente para o aplicativo que o interprete, por exemplo um arquivo ZIP ser aberto com o aplicativo de compactao/descompactao instalado na mquina do usurio. Navegadores modernos suportam verses padronizadas das linguagens HTML e XHTML e mostram pginas de uma maneira uniforme atravs das plataformas em que rodam.
URL

Um URL (de Uniform Resource Locator), em portugus Localizador-Padro de Recursos, o endereo de um recurso (um arquivo HTML, um vdeo, uma imagem, uma impressora, etc), disponvel em uma rede; seja a Internet, ou uma rede corporativa, uma intranet. Uma URL tem a seguinte estrutura: protocolo://mquina/caminho/recurso O protocolo poder ser HTTP, FTP, entre outros. O campo mquina designa o servidor que disponibiliza o documento ou recurso designado. O caminho especifica o local (geralmente num sistema de arquivos) onde se encontra o recurso dentro do servidor. No exemplo: http://www.w3.org/Addressing/URL/uri-spec.html, o protocolo o HTTP, o servidor designado por www.w3.org e o recurso -- neste caso o arquivo urispec.html -- encontra-se em Addressing/URL/
HTTP

Hypertext Transfer Protocol (ou o acrnimo HTTP; do ingls, Protocolo de Transferncia de Hipertexto) um protocolo de comunicao utilizado para sistemas de informao de hipermdia ou distribudos e colaborativos. Seu uso para a obteno de recursos interligados levou ao estabelecimento da World Wide Web. Coordenado pela World Wide Web Consortium (W3C) e a Internet Engineering Task Force, culminou na publicao de uma srie de Requests for Comments; mais notavelmente o RFC 2616, de junho de 1999, que definiu o HTTP/1.1. Normalmente, este protocolo utiliza a porta 80 e usado para a comunicao de sites na web.

Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 7

Slide 5
Conceitos
Web Design

O web design pode ser visto como uma extenso da prtica do design, onde o foco do projeto a criao de web sites e documentos disponveis no ambiente da web. A preocupao fundamental do web designer agregar os conceitos de usabilidade e acessibilidade com o planejamento da interface, garantindo que o usurio final atinja seus objetivos de forma agradvel, intuitiva e eficiente.
Webmaster

O Webmaster um profissional capaz de realizar tarefas tanto de um web designer (elaborao do projeto esttico e funcional de um web site) quanto de um Web Developer ( que faz a parte da programao, como sistemas de login, cadastros, rea administrativa, etc). Um webmaster domina uma lista de tecnologias de programao e desenvolvimento, Alm das fundamentais XHTML e CSS, o webmaster precisa dominar tecnologias de linguagens de programao que permitam desenvolver para web entre outros.

Slide 6
Conceitos
Aplicaes Web

Aplicao Web o termo utilizado para designar, de forma geral, aplicativos projetados para utilizao atravs de um navegador, na internet ou intranets. Trata-se de um conjunto de programas que executado em um servidor de HTTP (Web Host). O desenvolvimento da tecnologia web est relacionado, entre outros fatores, a necessidade de simplificar a atualizao e manuteno mantendo o cdigo-fonte em um mesmo local, de onde ele acessado pelos seus diferentes usurios. A possibilidade de se desenvolver aplicaes para web o que torna sites dinmicos em seu contedo e/ou permite a execuo de aplicativos com a interface comum de pginas web.
Aplicaes Ricas

Aplicaes Ricas de Internet (da sigla em ingls RIA - Rich Internet Application) so Aplicaes Web que tem caractersticas e funcionalidades de softwares tradicionais do tipo Desktop. RIA tpicos transferem a maior parte do processamento da interface para o navegador da internet. RIAs rodam em um navegador, no necessitando de instalao no computador do usurio ou localmente em um ambiente seguro chamado sandbox. Aplicaes web tradicionais centralizam a lgica de seu cdigo em torno de uma arquitetura de cliente-servidor onde utilizam o conceito de cliente-magro e servifor-gordo. Isto significa que todo o processamento realizado no servidor, e o cliente apenas utiliza uma tela esttica (neste caso em Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 8 HTML). A grande desvantagem deste sistema que a interao com a aplicao deve ser feita atravs do servidor, onde os dados so enviados para o servidor, processados e respondidos no formato de uma nova a pgina que recarregada no cliente. Utilizando o conceito de cliente-gordo, onde o lado cliente da aplicao possa executar instrues no computador do usurio, ocorre uma reduo significativa no nmero de sincronizaes possibilitando o aumento da interatividade com o usurio.
Comrcio Eletrnio

Comrcio eletrnico ou e-commerce, ou ainda comrcio virtual, um tipo de transao comercial feita especialmente atravs de um equipamento eletrnico, como, por exemplo, um computador. Conceitua-se como o uso da comunicao eletrnica e digital, aplicada aos negcios, criando, alterando ou redefinindo valores entre organizaes (B2B) ou entre estas e indivduos (B2C), ou entre indivduos (C2C), permeando a aquisio de bens, produtos ou servios, terminando com a liquidao financeira por intermdio de meios de pagamento eletrnicos. O ato de vender ou comprar pela internet em si um bom exemplo de comrcio eletrnico. Seus fundamentos esto baseados em segurana, criptografia, moedas e pagamentos eletrnicos. Ele ainda envolve pesquisa,desenvolvimento, marketing, propaganda, negociao, vendas e suporte.
Rede Social

Uma rede social uma estrutura social composta por pessoas ou organizaes, conectadas por um ou vrios tipos de relaes, que partilham valores e objetivos comuns. Uma das caractersticas fundamentais na definio das redes a sua abertura e porosidade, possibilitando relacionamentos horizontais e no hierrquicos entre os participantes. Segundo Fbio Duarte e Klaus Frei em Redes Urbanas "Redes no so, portanto, apenas uma outra forma de estrutura, mas quase uma no estrutura, no sentido de que parte de sua fora est na habilidade de se fazer e desfazer rapidamente." Muito embora um dos princpios da rede seja sua abertura e porosidade, por ser uma ligao social, a conexo fundamental entre as pessoas se d atravs da identidade. As Redes Sociais podem operar em diferentes nveis, como, por exemplo, redes de relacionamentos (facebook, orkut, myspace, twitter), redes profissionais (linkedin), redes comunitrias (redes sociais em bairros ou cidades), redes polticas, dentre outras, e permitem analisar a forma como as organizaes desenvolvem a sua atividade, como os indivduos alcanam os seus objetivos ou medir o capital social o valor que os indivduos obtm da rede social.

Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 9

Referncias

Bibliogrficas
George Coulouris, Jean Dollimore, Tim Kindberg Sistemas Distribudos, Conceito e Projeto 4a ed Bookman Duarte, Fbio e Frei, Klaus. Redes Urbanas. In: Duarte, Fbio; Quandt, Carlos; Souza, Queila. (2008). O Tempo Das Redes, p. 156. Editora Perspectiva S/A. ISBN 978-85-273-0811-3] Douglas E.Comer, Redes de Computadores e Internet, Bookman 2004. 4a ed.

na Web
Daniel Ratkevicius, Eric Silva, Haroldo Barbosa, Jackson Araujo, Jamires Lontra, Ribamar FS, William G. Comnisky - Aplicativos em PHP - http://pt.wikibooks.org/wiki/Aplicativos_em_PHP 29/10/2010 Desenvolvimento Web - http://pt.wikipedia.org/wiki/Desenvolvimento_web 28/09/2010 Site - http://pt.wikipedia.org/wiki/Site 29/09/2010 Internet - http://pt.wikipedia.org/wiki/Internet 29/09/2010 Intranet - http://pt.wikipedia.org/wiki/Intranet 29/09/2010 Extranet - http://pt.wikipedia.org/wiki/Extranet 29/09/2010 Programao - http://pt.wikipedia.org/wiki/Programa%C3%A7%C3%A3o 29/09/2010 Linguagem de Marcao - http://pt.wikipedia.org/wiki/Linguagem_de_marca%C3%A7%C3%A3o 29/09/2010 Web Design - http://pt.wikipedia.org/wiki/Webdesign 29/09/2010 Pginas Web - http://pt.wikipedia.org/wiki/P%C3%A1gina_web 29/09/2010 Aplicao Web - http://pt.wikipedia.org/wiki/Aplica%C3%A7%C3%A3o_Web 29/09/2010 Web App - http://java.sun.com/j2ee/1.4/docs/tutorial/doc/WebApp.html 29/09/2010 Webmaster - http://pt.wikipedia.org/wiki/Webmaster 29/09/2010

Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br

Roteiro de aula - 29/09/10 - 10 Aplicaes Ricas - http://pt.wikipedia.org/wiki/Internet_rica 29/09/2010 Comrcio Eletrnico - http://pt.wikipedia.org/wiki/Com%C3%A9rcio_eletr%C3%B4nico 29/09/2010 Rede Social - http://pt.wikipedia.org/wiki/Rede_social 29/09/2010 Servidor Web - http://pt.wikipedia.org/wiki/Servidor_web 29/09/2010 Comparison of Web Server Softwares http://en.wikipedia.org/wiki/Comparison_of_web_server_software 29/09/2010 Web browser - http://pt.wikipedia.org/wiki/Web_browser 29/09/2010 Hipertexto - http://pt.wikipedia.org/wiki/Hipertexto 29/09/2010 HTML - http://pt.wikipedia.org/wiki/Html 29/09/2010 URL - http://pt.wikipedia.org/wiki/URL 29/09/2010 HTTP - http://pt.wikipedia.org/wiki/HTTP 29/09/2010

Ademir Mazer Jr - ademir.mazer.jr@gmail.com http://ademir.winponta.com.br