Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
f9e3fcb9-cea0-4606-a9f3-0274634cbe5c
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
�PAGE �
SUMÁRIO
31 INTRODUÇÃO �
2 OBJETIVO................................................................................................................3
43 DESENVOLVIMENTO DE SISTEMAS �
43.1 o que é html �
43.2. como são chamados os comandos html �
43.2.2 como melhorar a aparência de um documento html �
43.2.3 como inserir imagens em documento html �
3.2.3.1 como inserir vídeos em um documento html ...................................................4
3.2.4 como inserir tabelas em um documento html .....................................................4
3.4.5 como inserir links para navegação em um documento html...............................4
54 lógica e tecnicas de programação �
53.o que é uma variavel local: �
53.2 o que é uma variável global: �
63.3 o que é passagem de parâmetro por função: �
63.4 o que é passagem de parâmetro por referência: �
3.5 o que é passagem de parâmetro por valor:............................................................6
3.6 organogramas da organização TELECINE MOZER .............................................6
75 CONCLUSÃO �
8REFERÊNCIAS �
��
INTRODUÇÃO
Este trabalho tem por objetivo mostrar um pouco sobre como funciona e o que é um documento html Sabemos que existem vários modelos que as empresas de desenvolvimento de software utilizam na criação de seus projeto, mas neste trabalho vamos dar ênfase ao modelo de processo de software conhecido como falará um pouco sobre variáveis e seus seu componentes assim como é usado esse modelo. Também serão abordadas suas vantagens e desvantagens e está incluído um exemplos mostrando como é o andamento desse comando.
objetivo
Nossa locadora ter com finalidade esta sempre em busca de presta um bom serviço
Para que todos que ter acesso as rede de serviço oferecido pela nossa locadora para que o nosso usuário da nossa locadora de filme possa esta sempre e contato com os serviço oferecido pela nossa locadora de filme.
desenvolvimento
o que é html?
. O HTML é uma abreviação de Hypertext Mark-up Linguaje, ou seja, que em português significa Linguagem de marcação de Hipertexto. Os arquivos HTML são interpretados pelos navegadores (browsers), portanto, caso você tenha algum arquivo HTML no computador, basta pedir que o seu navegador abra ele.
como são chamados os comandos HTML?
Os comandos em HTML são chamados de tags , e eles irão dizer ao browser como o texto, a informação e as imagens serão exibidas . Por exemplo , um tag pode dizer que um texto será exibido em negrito , itálico e com um tipo de fonte qualquer. Além de formatação de texto um tag também pode dizer que na verdade um determinado pedaço do texto é um endereço para outra página Web , que será acessado ao dar um click no endereço.
como melhorar a aparência de um documento HTML?
Só mente na utilização dos TAGS pontos:
<HTML>1; Essa tag é responsável por definir o início de um documento HTML e seu fim.
<TITLE> </TITLE> 2: Título da página a ser exibido
<head> </head> 1; tag que define o início e o fim do cabeçalho do documento.
<body> </body> 2. Tag onde devem ser inseridos os conteúdos do site que deverão ficar visíveis ao usuários quando a página for renderizada no navegador.
</HTML>3.
como inseri imagens em documento html?
Para que este comando tenha funcionalidade temos que seguis alguns paramentos como altura e largura boas e dimensionar em muitos outros quinteiro
<html>
<head>
</head>
<body>
<img src="C:\Documentos and. Settings\Valter\Meus documentos\WAF.jpeg" Wirth="320" Heights="240" />
</body>
</html>
como inserir vídeos em um documento html
arquivos de vídeo, incluindo vídeos YouTube, são incorporados em um arquivo HTML usando a tag. O atributo src define qual arquivo de vídeo para incorporar a página. A tag <embed> não requer um fechamento (/>).
<html>
<head>
<title>html vidio tag example</tile>
</head>
<body>
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source src="Yes Bank Advertisment.mp4" type="video/mp4">
<object data="" width="320" height="240">
<embed width="320" height="240" src="Yes Bank Advertisment.mp4">
</object>
</video>
</body>
</html>
3.2.2TITuLo nível 7: como inserir tabelas em um documento html
3.2 Tabelas
Tabelas em HTML
As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz com que um determinado site tenha um aspecto mais profissional e o usuário possa navegar de forma mais eficiente, pois os objetos podem estar melhor posicionados na home-page.
Vamos discutir, nesta parte, quais são os comandos para se criar uma tabela e mostrar alguns exemplos. Claro que você deverá praticar e principalmente planejar a sua tabela, pois sem isso, fica muito difícil de controlar o código HTML da sua home-page.
O comando para se inserir uma tabela é <TABLE>; para iniciar uma linha devemos introduzir a tag <TR> e para uma célula (alguns preferem dizer coluna) <TD>. Todos estes comandos são encerrados como </TABLE>, </TR> e </TD> respectivamente. Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
<HTML>
<HEAD>
<TITLE>Criando Tabelas</TITLE>
</HEAD>
<BODY>
<CENTER><FONT COLOR=BLUE SIZE=6>TABELA</FONT></CENTER>
<BR>
<TABLE BORDER=1> <! Inicia a tabela e coloca uma borda de espessura igual a 1>
<TR> <! Cria a primeira linha da tabela>
<TD>PRIMEIRA COLUNA </TD> <! Aqui foi criada uma célula>
<TD>SEGUNDA COLUNA </TD>
<TD>TERCEIRA COLUNA </TD>
</TR> <! Fecha a primeira linha da tabela>
<TR> <! Abre a segunda linha da tabela>
<TD> PRIMEIRA COLUNA</TD>
<TD>SEGUNDA COLUNA </TD>
<TD>TERCEIRA COLUNA </TD>
<TR> <! Encerra a Segunda linha da tabela>
</TABLE> <! Encerra a tabela>
</BODY>
</HTML>
Salve este exemplo como TABELA.HTM e abra o arquivo num Browser para ver como ficou.
Com isto você já consegue Ter uma ideia de como montar suas tabela. O segredo para se conseguir fazer estas tabelas de forma eficiente é planejar e ter a idéia exata do conteúdo desta tabela. Nas células da tabela você pode inserir desde simples frases até figuras inteiras.
Parâmetros podem ser acrescidos às tabelas, tais como : aumentar ou diminuir a largura de uma célula; distanciar as células uma das outras; inserir cor de fundo dentro da célula etc. Vamos procurar trabalhar com vários exemplos para visualizarmos melhor o uso destes parâmetros.
- Alterando a largura da célula
Para alterar o largura de uma célula da tabela basta acrescentar o parâmetro WIDTH dentro da tag <TD>. Exemplo1:
<TABLE BORDER=2>
<TR>
<TD WIDTH=100> WIDTH=100</TD>
<TD ALIGN=MIDDLE WIDTH=200>WIDTH=200 (PIXELS)</TD>
</TR>
</TABLE>
O parâmetro WIDTH pode receber dois tipos de valores, em pixels como no exemplo acima ou em porcentagem, como mostrado no exemplo a seguir. Também dentro da tag <TD> vemos um outro parâmetro que é VALIGN=MIDDLE, este parâmetro tem por função alinhar o conteúdo da célula no meio da mesma, ou seja, dentro da célula as frases são alinhadas com relação ao seu centro. Exemplo2:
<TABLE BORDER=2>
<TR>
<TD WIDTH=25%> WIDTH=25%</TD>
<TD ALIGN=MIDDLE WIDTH=75%>WIDTH=75%</TD>
</TR>
Inserindo cor de fundo e separação de células
Outro atributo que podemos ter nas tabelas é mudar a sua cor de fundo, isto se torna particularmente útil quando se quer dar destaque a uma célula em especial. Vejamos um exemplo:
<TABLE BORDER=0>
<TR>
<TD WIDTH=150 BGCOLOR=RED>VERMELHO </TD>
<TD WIDTH=150 BGCOLOR=BLUE>AZUL </TD>
<TD WIDTH=150 BGCOLOR=RED>VEMELHO</TD>
</TR><TR>
<TD WIDTH=150 BGCOLOR=BLUE>AZUL</TD>
<TD WIDTH=150 BGCOLOR=RED>VEMELHO</TD>
<TD WIDTH=150 BGCOLOR=BLUE> AZUL</TD>
</TR>
</TABLE>
Aqui, vimos que podemos acrescentar cores ao fundo de uma célula, outra coisa que também pode ser feita é mudar a fonte com os comandos de formatação que você já conhece, como <FONT COLOR=cyan>, por exemplo.
Repare que no exemplo anterior nós colocamos BORDER=0 e as células apareceram coloridas, mas com um certo espaçamento entre elas, para tirarmos este espaço devemos acrescentar dentro da tag <TABLE> o parâmetro CELLSPACING=0. Este parâmetro elimina por completo os espaços entre as células.
<TABLE BORDER=0 CELLSPACING=0>
<TR>
<TD WIDTH=150 BGCOLOR=RED>VERMELHO </TD>
<TD WIDTH=150 BGCOLOR=BLUE>AZUL </TD>
<TD WIDTH=150 BGCOLOR=RED>VEMELHO</TD>
</TR>
<TR>
<TD WIDTH=150 BGCOLOR=BLUE>AZUL</TD>
<TD WIDTH=150 BGCOLOR=RED>VEMELHO</TD>
<TD WIDTH=150 BGCOLOR=BLUE> AZUL</TD>
</TR>
</TABLE>
Outro parâmetro que pode ser usado para separar espaços em uma célula é CELLPADDING que inclui ou exclui espaços dentro da célula, ou seja, se você tiver um elemento (frase, texto, figura etc.) dentro da célula você pode acrescentar espaços por igual nos quatros cantos da célula, fazendo com que seu texto ou figura não fique "grudado" nas paredes da célula. Aproveite os exemplos anteriores e experimente usar este atributo para ver como ele funciona.
Isto já dá uma idéia do funcionamento geral das tabelas na WEB. Muitos dos alinhamentos que encontramos na Internet são feito por intermédio de tabelas.
Você também pode usar todos os outros recursos já vistos de HTML para otimizar o uso de tabelas.
Um pouco mais de Tabelas
Agora que você já está um pouco mais familiarizado com o uso de tabelas e com seus principais atributos, vamos ver como podemos aperfeiçoar o uso de tabelas. Em seguida descreveremos uma série de outros atributos e comandos para tabelas: <TH> ... </TH>
Exemplos de tabelas
�
�
�
3.2.3 TITULO nível 8: como inserir links para navegação em um documento html.
A HTML usa um hipervínculo (hiperlink) para vincular-se a outro documento na Web.
A Tag Âncora e o Atributo Href
A HTML usa a tag <a> (âncora) para criar um vínculo (link) com outro documento.
Uma âncora pode apontar para qualquer recurso na Web: uma página em HTML, uma imagem, um arquivo de som, um filme, etc.
Sintaxe para criar uma âncora:
<a href="url">Texto a ser exibido</a>
A tag <a> é usada para criar uma âncora de onde vincular, o atributo href é usado para onde endereçar o documento, e as palavras entre as tags de abertura e fechamento da âncora serão exibidas como um hipervínculo.
Esta âncora define um vínculo para as W3Schools:
<a href="http://www.w3schools.com/">Visite as W3Schools!</a>
A linha acima será mostrada assim em um navegador:
atributo Alvo (Target)
Com o atributo alvo, você pode definir onde o documento vinculado será aberto.
A linha abaixo abrirá o documento em uma nova janela do navegador:
A Tag Âncora e o Atributo Nome
O atributo nome é usado para criar uma âncora nomeada. Quando usamos âncoras nomeadas podemos criar vínculos que saltam diretamente para uma seção específica em uma página, em vez de deixar o usuário rolar [a janela (scroll)] por todo parte para encontrar o que ele/ela está procurando.
Abaixo está a sintaxe de uma âncora nomeada:
<a name="rótulo">Texto a ser exibido</a>
O atributo nome é usado para criar uma âncora nomeada. O nome da âncora pode ser qualquer texto que você quiser usar.
A linha abaixo define uma âncora nomeada:
<a name="dicas">Seção de Dicas Úteis</a>
Você deve observar que a âncora nomeada não é exibida de maneira especial.
Para vincular diretamente a uma seção "dicas", adicione um sinal de # e o nome da âncora no final de uma URL, como esta:
<a href="http://www.w3schools.com/html_links.asp#tips">
Saltar para a Seção de Dicas Úteis</a>
Um hipervínculo para a Seção de Dicas Úteis de DENTRO do arquivo "html_links.asp" seria assim:
<a href="#tips">Saltar para a Seção de Dicas Úteis</a>
4 lógica e tecnicas de programação
4.1 o que é uma variável local:
Variáveis locais são aquelas nas quais apenas a função onde ela está pode usá-la. Por
exemplo, se declaramos int x dentro da função main, apenas a função main poderá utilizá-la
para guardar dados e nenhuma outra função poderá utilizar o int x da função main. Veja:
#include <iostream>
#include <cstdlib>
using namespace std;
int obterY (void) //criando a função
{
int y; //apenas a função obterY pode utilizar
y=10*5;
return y;
}
int main (void){
int valorDeY, x; // apenas a função MAIN pode utilizar
cout <<"digite o valor de X: ";
cin >> x;
cin.ignore ();
valorDeY=obterY();
cout <<"\nX="<<x<<"\tY="<<valorDeY<<"\n\n";
system
4.2 o que é uma variável global:
Variáveis globais
As variáveis globais são declaradas da mesma forma que uma variável local - primeiro o tipo,
depois o nome da variável. Mas a diferença é que esta variável é declarada fora de qualquer
função. Por convenção, geralmente, utilizamos um underline (_) no começo do nome da
variável para facilitar a leitura do programa e facilmente percebermos de que se trata de uma
variável global.
Variáveis globais podem ser utilizadas por qualquer função. E qualquer função pode alterar o
valor, utilizá-la em um processo ou até mesmo atribuir o valor que quiser.
#include <iostream>
#include <cstdlib>
using namespace std;
int _iniciado=0; //variável global começa em 0
void start (void){
_iniciado++;
}
int main (void){
start (); //chamando a função start
int x=0, opcao; // variáveis locais, apenas a função MAIN pode utilizar
x++;
cout <<"Este programa foi iniciado "<<_iniciado<<" vez(es)";
4.3-o que é passagem de parâmetro por função
Passagem de Parâmetro com tipos diferentes
Para passar vários parametros para uma procedure ou função com tipos diferentes, podemos utilizar Array de Constantes, exemplo:
Declaração:
function AbreTelaParametrizada( sTela : String; const aParametros: array of variant ) ;
Chamada:
AbreTelaParametrizada('frecRelApoio',
[varArrayOf (['Caption', 'Relatório de Custos da Receita']),
varArrayOf(['ConjuntoDados',Integer(erecCusto)]),
varArrayOf(['Colunas',Código;Descrição;Valor;Inativo']),
varArrayOf(['Campos','cdCusto;deCusto;vlCusto;flForaUsoSimNão']),
varArrayOf(['Tabulacoes','15;60;15;10']),
varArrayOf(['QColunas', '']),
varArrayOf(['QCampos', '']),
varArrayOf(['QTabulacoes', '']),
varArrayOf(['Orientacao',poPortrait]),
varArrayOf(['UsarFormatacaoEmFlags', True]),
varArrayOf (['LarguraCampoTotal', 0.10]) ]);
4.4 o que é passagem de parâmetro por referência:
Transcrição de Passagem de argumentos a parâmetros por referência
Passagem de argumentos a parâmetros por referência
Passagem Com/Sem Parâmetros
- Exemplos de programas, realizados no Pzim , com parâmetros e sem , de forma a se perceber da melhor maneira.
- Um parâmetro é um identificador que se inclui num cabeçalho de um subprograma .
Argumento
- É um valor, uma expressão ou uma variável com que se faz a chamada a um subprograma
Programa Sem Parâmetros
Programa Com Parâmetros
Parâmetro
4.5- o que é passagem de parâmetro por valor:
Passagem por valor
O principal método de passagem de parâmetro utilizado na linguagem C é a passagem por valor. Neste método de passagem, o valor do parâmetro real é copiado para o parâmetro forma correspondente no subprograma. Este, age como uma variável local do subprograma.
A principal desvantagem deste modelo de passagem de parâmetro é o custo de armazenamento e transferência das informações dos parâmetros reais para os parâmetros formais.
Passagem por valor x Passagem por referência
A linguagem C consegue "emular" a passagempor referência utilizando ponteiros. Podemos alterar os valores das variáveis não-locais utilizando um ponteiro para essas variáveis e no subprograma utilizamos a operação de desreferenciamento do ponteiro.
void troca(int *a, int *b){
int temp;
temp = *a;
*a = *b;
*b = temp;
}
Na linguagem C, os vetores são passados implicitamente como ponteiros. Esta escolha pode ser justificada para garantir a eficiência de subprograma que utilizam vetores.
int fun(int a, int v[5]){
a++;
v[0]++;
}
int main(){
int a;
int v[5];
a = 2;
v[0] = 3;
fun(a,v);
printf("%d %d",a,v[0]);
Neste exemplo, o valor esperado para este programa se fosse utilizado a passagem de parâmetro por valor seria 2 e 3. Mas o resultado obtido é 2 e 4.
A operação v[0] é substituída por *(v+0) que utiliza aritmética de ponteiros + a operação de desreferenciamento.
A linguagem C++ implementa o modelo de passagem por referência utilizando o tipo de referência.
void troca(int &a, int &b){
int temp;
temp = a;
a = b;
b = temp;
}
Organogramas da organização TELECINE MOZER
Sistema de serviço da empresa telecine Mozer
Exibição do filme no canal
Serviço de cadastros de usuários da locadora de filme
Compra e locação de filmes
5.CONCLUSÃO
Esse trabalho foi de grande importância para que pudéssemos ver como funcionária uma locadora de filme nas áreas web, computacional e na relação com alunos, funcionários e fornecedores foram criados um site para essa locadora para que essa locadora de filme pudesse ter uma visibilidade virtual e levasse mais conforto os seus clientes. Na área de software foi visto como os html e seu comando principal são usado para atender as necessidades da locadora.
REFERÊNCIAS
http://www.significados.com.br/html/
http://www.ancibe.com.br/html/html.html
http://www.nce.ufrj.br/ginape/cursohtml/conteudo/imagens/imagemdoc.htm
http://www.devmedia.com.br/html-video-com-utilizando-dom/2o-adicionar-e-reproduzir-videos-em-html8790
https://br.answers.yahoo.com/question/index?qid=20080505175240AAIDszj
http://www.hardware.com.br/comunidade/inserir-imagens/797270/
http://www.oficinadanet.com.br/artigo/584/inserindo_videos_do_youtube_em_uma_pagina_html
http://www.ancibe.com.br/html/tabelas.html
<a href="http://www.html.net/">Aqui um link para HTML.net</a>
http://certificacaodelphi.blogspot.com.br/2005/12/passagem-de-parmetro-com-tipos.html
http://www.ime.usp.br/~elo/IntroducaoComputacao/Funcoes%20passagem%20de%20parametros.htm
http://gracianotorrao.com/2008/05/19/funcoes-passagem-de-parametros-por-valorreferencia-em-cc/
http://juliobattisti.com.br/artigos/office/vba_excel_parametros.asp
http://www.guiadasemana.com.br/cinema/galeria/muito-alem-do-netflix-12-sites-para-ver-filmes-online
sorciodeautomoveis.com.br%252Fnoticias%252Fconsorcio-kia-quanto-custa-
um-kia-picanto%3B580%3B323
Analise e Desenvolvimento de Sistemas
fernando antonio dos santos
PRODUÇÃO TEXTUAL INTERDISCIPLINAR:
Individual
telecine mozer
Maceió
2014
fernando antonio dos santos
PRODUÇÃO TEXTUAL INTERDISCIPLINAR:
Individual
telecine mozer
Trabalho de apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média bimestral na disciplina de Período: desenvolvimento de sistemas e metodologia cientifica e processo de negócio e software e lógica e técnicas de programação� HYPERLINK "http://www.colaboraread.com.br/aluno/timeline/index/0213971102?ofertaDisciplinaId=88074" ��
�
Prof: MERRIS MOZER REINALDO NISHIKAWA MARCO HISATOMI Anderson Macedo
Maceió
2014
Compartilhar