trabalho individual(unopar)
DESCRIPTION
Unopar atividadeTRANSCRIPT
JEQUIÉ2014
0
JEAN CARLOS DA SILVA
SISTEMA DE ENSINO PRESENCIAL CONECTADOANÁLISE E DESENVOLVIMENTO DE SISTEMAS
TELECINE MOZER
Jequié2014
1
TELECINE MOZER
Trabalho de Jean Carlos Da Silva apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média semestral no Curso de Analise e Desenvolvimento de Sistemas.
Prof. Merris Mozer Reinaldo Nishikawa Marco Risatoni Anderson Macedo
JEAN CARLOS DA SILVA
SUMÁRIO
1 INTRODUÇÃO....................................................................................................3
2 OBJETIVO..........................................................................................................4
3 DESENVOLVIMENTO.........................................................................................5
3.1 O que é um documento HTML?
3.2 Como são chamados os comandos em HTML?
3.3 Como melhorar a aparência de um documento.
3.4 TAGs de Formatação de Textos.......................................................................7
3.5 Como inserir imagens,vídeos,tabelas e links para navegação........................10
3.6 Variáveis locais e globais.................................................................................11
3.7 Passagem de parâmetros para funções por referência e por valor.................13
4 ORGANOGRAMA................................................................................................14
5 CONCLUSÃO......................................................................................................15
REFERÊNCIAS.................................................................................................. 16
2
1 INTRODUÇÃO
Neste trabalho conheceremos a empresa Telecine Mozer, uma empresa do grupo
Todos, que utiliza a tecnologia para a locação de filmes, através de sua web site.
Abordaremos a seguir o desenvolvimento do site e as ferramentas tecnológicas
usadas afim de que ela tenha êxito nos serviços prestados, passando assim
confiabilidade aos seus assinantes e ganhando mais espaço em meio à
concorrência.
O trabalho, apresentará com facilidade alguns conceitos básicos e várias
possibilidades de uma leitura compreensiva e dinâmica onde aprenderão as funções
de cada comando usados na linguagem de programação HTML (Hypertext Markup
Language) tão importante em nosso cotidiano utilizando qualquer editor de texto.
Este trabalho mostra os conceitos de criação em linguagem HTML, para o
desenvolvimento de paginas web, voltada para a aparência e interação com usuário,
de forma interativa e lúcida, utilizando um designer inovador com efeitos que
integram agilidade e facilidade.
3
2 OBJETIVO
Mostra os conceitos de criação em linguagem HTML, para o desenvolvimento de
paginas web, voltada para a aparência e interação com usuário, de forma interativa
e lúcida, utilizando um designer inovador com efeitos que integram agilidade e
facilidade.
Utilizar as linguagem HTML, CSS, C# e Java Script para a criação do site da
empresa Ressaltando o conteúdo apresentado referente à linguagem HTML,
abordando formas viáveis de interação com o leitor, estudando sobre os comando
HTML e suas particularidades, procurar colocar de forma organizada e de simples
compreensão.
4
3 DESENVOLVIMENTO
O processo tecnológico na criação de web site tem sido pesperctivel a respeito da
locadora de livros, pois é através dele que podemos crescer os números de usuários
gerando um alto numero de aplicações na web onde está comercio eletrônico que é
considerado um dos canais mais modernos dos vendas através da web.
3.1 O que é um documento HTML?
HTML ou Hypertext Markup Languagem (Linguagem de formatação de texto), que
pode ser escrito em qualquer editor de texto. É uma linguagem de marcação de
hipertexto usado para criar sites.
A estrutura básica de um documento HTML (Hyper Text Markup Language -
Linguagem de Marcação de Hipertexto) apresenta as seguintes marcações:
<! DOCTYPE html>
<Html>
<head>
<meta charset="utf-8" />
<meta name="description" content="a descrição do seu site em no máximo 90 caracteres">
<meta name="keywords" content="escreva palavras-chaves curtas, máximo 150 caracteres">
<title>Título do Documento</title>
</head>
<body>
<!-- Aqui fica a página que será visível para todos, onde se pode inserir
Textos, imagens, links para outras páginas, etc., geralmente usa-se: -->
<div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets
(Folhas de Estilo em Cascata)</div>
<span>Tag para modificação de uma parte do texto da página</span>
<img src="endereço_de_uma_imagem.jpg" />
<a href="http://www.wikipedia.org">Wikipedia, A Enciclopédia Livre</a>
5
</body>
</HTML>
3.2 Como são chamados os comandos em 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.
Os tags são identificados por serem envolvidos pelos sinais < > ou </ >. Entre os
sinais < > são especificados os TAGS propriamente ditos . No caso de tags que
precisem envolver um texto, a sua finalização deverá ser feita usando a barra de
divisão "/", indicando que o tag está finalizando a marcação de um texto, o que faz
os tags? Normalmente andarem em pares. O formato genérico de um tag é : <Nome
do tag> Texto </Nome do tag> .
3.3 Como melhorar a aparência de um documento.
Os comandos básicos que melhoram a aparecia do seu documento web, para que
um documento possa ser visualizado, tudo será desenvolvido, nesse momento, no
bloco de notas, para que você consiga entender a essência de uma página de
internet.
Como já se sabe um TAG sempre se abre e se fecha; para criar um TAG de titulo e
necessário o TAG <title></title>.
<HTML>
<head>
<title>ADS-Primeira Aula de HTML</title>
</head>
6
<body>
Seja bem-vindos ao Curso EAD de análise e Desenvolvimento de software.
</body>
</HTML>
3.4 TAGs de Formatação de Textos:
Tags <h1..6> … </h1..6>
O TAG <h> cria uma espécie de cabeçalho no documento, com padrões de
formatação já prontinhos para usar. Serve para identificar o começo de uma seção
ou tópico, facilitando a visualização dentro da página. Logo após o TAG <H> deve
vir um número de 1 a 6 indicando o tamanho da fonte, sendo que 1 é o maior
tamanho e 6 o menor. Exemplo:
<h1> Cabeçalho Grande </ h1>
< h6> Cabeçalho Pequeno </h6>
Toda vez que usado esse TAG, a fonte já virá padronizada em negrito e em
determinado tamanho, além de colocar uma linha em branco após o texto. Lembre-
se de fechar com o tag </h>.
Tag <br>
Em muitas situações, você precisa quebrar a linha e continuar o texto na linha
seguinte, coisa que o TAG <p> não faz, pois ele pulará uma linha. Para isso usamos
o TAG <br> (abreviação de BREAK – Quebrar), dando continuidade do texto na
linha de baixo. Sua sintaxe é apenas:
Texto Texto <br>
Tag <hr>
7
O TAG <hr> cria uma linha horizontal que é utilizada para dar destaque a títulos ou
para gerar a sensação de quebra entre um item de informação e outro. Estas linhas
podem também ser usadas com atributos de largura e altura. Exemplo:
<hr size=8 width=80%>
Onde WIDTH indica que a linha ocupará 80% da largura da janela do browser. E
SIZE indica que será exibida uma linha com 8 pixels de espessura.
Assim como no editor de textos, você pode criar uma série de efeitos no texto,
alterando a forma ou o tipo de fonte. Todos esses TAGS de formatação e estilo de
texto devem ter seu tag de fechamento, pois senão se espalhará em toda sua
página e não só onde você escolheu.
É importante destacar que nem todos esses TAGS funcionam nos dois browsers.
Por exemplo, o TAG <blink> só funciona no Netscape Navigator, enquanto os TAGS
<marquee > e <u> funcionam apenas no Internet Explorer. Existem outros estilos,
mas por enquanto, isso vai nos servir.
Tags <font> … </font>
Vamos agora formatar as fontes da nossa página. Para isso vamos usar o tag FONT
com seus complementos: FACE, COLOR e SIZE.
O <font face = "fonte”> irá definir que tipo de fonte que seu texto irá utilizar.
Aconselho a usar fontes de padrão popular no Windows , pois as fontes que seu
computador tem , pode ser que outro computador não tenha. Por isso fontes como
TIMES NEW ROMAN e ARIAL são aconselháveis. Exemplo :
< font face = "times"> Coloque aqui seu texto </font>
Obs.: A fonte Times New Roman ( Times ) já é o padrão das páginas HTML ,
podendo se colocar qualquer fonte existente em sua máquina como Mistral , Arial
etc.
8
O <fonte size = "TAMANHO DA FONTE "> irá definir qual o tamanho da fonte
utilizada , lembrando que deveremos seguir o padrão de hipertexto e usar fontes de
tamanho 1 a 6. Podemos usar tamanhos como 78 e 64 , mas lembre – se que pode
não funcionar em alguns micros. Por isso , se você quer aumentar o tamanho de
uma fonte , use o sinal de + antes do número que irá definir o tamanho da fonte e ,
para diminuir use o sinal de - . Por Exemplo:
< fonte size = + 3> Irá deixar o texto com o tamanho 6 </font> ;
< fonte size = 3> Irá deixar seu texto com o tamanho 3 </font> ;
Obs.: O tamanho 3 é o tamanho padrão das páginas HTML , podendo colocar
qualquer tamanho compatível à fonte usada.
O <font color = "COR "> irá colocar uma cor na fonte escolhida e seguirá o padrão
de cores RGB , o mesmo do BODY BGCOLOR. Exemplo:
<fonte color = "black"> Veja um texto pretinho! </font>
Tag BODY parâmetro BGCOLOR
Esse TAG não precisa de tag de fechamento, pois o próprio < BODY > se
encarregará disso. Sua função será a de colocar uma cor de fundo para sua página.
Sua sintaxe é:
<body bgcolor = "COR">
Onde: "COR” será a cor do fundo escolhido, que deverá ser escrito em inglês ou em
código. Os browsers disponibilizam até 256 cores para serem usadas como cor de
fundo, sendo que cada cor é formada por um código RGB (red / green / blue ) . O
código é composto por três números nos quais os primeiros dois dígitos representam
a intensidade do vermelho (R); o segundo, a intensidade do verde (G) e o último a
intensidade do azul (B). Cada cor pode ter um valor que varia de 0 a 255. Se forem
atribuídos os valores mínimos R=000, G=000 e B=000, é obtida a cor preta. Se
forem atribuídos o valor máximo para cada cor (255), é obtida a cor branca. Mas,
9
para facilitar nossa vida, vamos escrever o padrão em inglês, que é muito mais
simples. Exemplo:
<body bgcolor="YELLOW"> ou < body bgcolor ="#FFFF00">
O tag BODY BGCOLOR pode ser colocado logo após o tag BODY, ou até mesmo
acoplado em um mesmo tag.
3.5 Como inserir imagens,vídeos,tabelas e links para navegação
A tag IMG é usada para renderizar uma imagem no site. É necessário que o campo
src seja preenchido com o caminho para a imagem. Os campos width e height
devem ser preenchidos com a largura e a altura da imagem em pixels, é muito
importante que esse campo esteja sempre preenchido para evitar que o navegador
tenha que calcular sozinho o tamanho da imagem. O campo alt, deve conter uma
pequena descrição da imagem para o caso do navegador não conseguir reproduzir a
imagem e por questões de acessibilidade para leitores de tela usados por cegos.
Exemplo:
<img src="imagem.jpg" width="50" height="50" alt="Descrição da imagem" />
Formatação de vídeos Extensão da tag. Ex:
<sourcesrc> <sourcesrc=”videos/filme.mp4”
Formatação de link <a> Name e href.
<A HREF="arquivo.html" ALT="Descrição do Link" SYLE="COLOR:#FF0000">Este
link é simples, com arquivos na mesma pasta</a>
Para a formatação de link utiliza a tag <a> que tem como extensão name e href.
10
A tag TABLE é usada para demarcar uma tabela. As linhas são marcadas com a tag
TR enquanto as colunas ficam com a tag TD. É possível agrupar colunas com o
atributo colspan e linhas com o atributo rowspan. Um <td colspan="2"></td> significa
que aquela coluna vai ocupar o espaço de duas colunas.
Ex: Tabela 2×2
1
2
3
4
5
6
7
8
9
10
<table>
<tr>
<td>Primeira coluna da primeira linha</td>
<td>Segunda coluna da primeira linha</td>
</tr>
<tr>
<td>Primeira coluna da segunda linha</td>
<td>Segunda coluna da segunda linha</td>
</tr>
</table>
3.6 Variáveis locais e globais
As variáveis locais só existem dentro da função, uma seção chamada de código de
programa que executa uma tarefa específica em que são definidos, ou declarados.
Eles deixarão de existir uma vez que a função seja concluída. As variáveis locais
são recriadas cada vez que a função é chamada.
Estas variáveis não são acessíveis para outras funções ou para o programa principal
e, como tal, eles são geralmente instaurados usando um tipo especial de estrutura
de dados, conhecido como uma pilha.
Em muitas linguagens de programação, a “pilha” é um elemento chave na
instauração de variáveis locais. Antes de executar uma função, um programa
adiciona todas as variáveis locais declaradas em que a função para a pilha, na
ordem inversa àquela em que foram declarados.
11
Quando o programa chama a função, as variáveis locais são removidas da pilha em
ordem inversa, de modo que a variável adicionada mais recentemente é o primeiro
removido.
Variáveis globais
Variáveis globais são declaradas no corpo principal do código-fonte do programa,
fora de todas as funções, e, portanto, existem em qualquer lugar do código, até
mesmo funções dentro. As variáveis globais não são recriadas cada vez que uma
determinada função é chamada. Programas costumam usar variáveis globais para
armazenar dados que são processados por muitas funções diferentes.
Um simples programa de edição de texto, por exemplo, pode carregar o conteúdo do
arquivo que está trabalhando em uma variável global.
Variáveis locais fazer programas de computador mais fácil de depurar e manter. Os
programadores podem determinar o ponto exato em que um programa modifica o
valor de uma variável local, enquanto que as variáveis globais podem ser
modificadas em qualquer lugar dentro do código fonte.
As variáveis locais também produzem menos interações inesperadas com funções
de chamada ou o mundo exterior, conhecidos como efeitos secundários, do que
variáveis globais. As variáveis globais são acessíveis em funções em que não são
utilizados, contrariando o conceito de programação modular, em que o código do
programa é composto por blocos ou módulos isolados de pequeno porte, para que
os programadores que favorecem a estrutura modular raramente usá-los.
A programação em c# é uma sequencia de lógica estruturada utilizando dados
primitivos como:
Palavra Chave Tipo Faixa de valores
Bool System. Boolean True ou false
Byte System. Byte -127 a 128
12
Char System.Char U+0000 a U+ffff
Decimal System.Decimal 1,0 × 10-28 a 7,9 × 1028
Double System.Double ±5,0 × 10-324 a ±1,7 × 10308
Float System.Single ±1,5 × 10-45 a ±3,4 × 1038
Int System.Int32 -2.147.483.648 a 2.147.483.647
Long System.Int64 -9,223,372,036,854,775,808 a 9,223,372,036,854,775,807
Object System.Object
Sbyte System.Sbyte 0 a 255
Short System.Int16 -32,768 a 32,767
String System.String
Uint System.UInt32 0 a 4,294,967,295
Ulong System.UInt64 0 a 18,446,744,073,709,551,615
Ushort System.UInt16 0 a 65,535
Na qual são mais usados int que representa os números inteiros, string representa o
texto como uma série de caracteres Unicode, float que representa valores flutuantes
como 3,5x, bool é usado para declarar variáveis para armazenar os valores
booleanos, verdadeiro ou falso e Double que significa um tipo simples que armazena
valores de ponto flutuante de 64 bits com 3D.
3.7 Passagem de parâmetros para funções por referência e por valor
Passagem de parâmetros por valor: A função recebe uma cópia da variável que é
fornecida quando é invocada. Todas as alterações feitas dentro da função não vão
13
afetar os valores originais.Passagem de parâmetros por referência: Neste caso o
que é enviado para a função é uma referência às variáveis utilizadas, e não uma
simples cópia, pelo que as alterações realizadas dentro da função irão certamente
alterar os valores contidos nessas variáveis.
4 ORGANOGRAMA
Telecine Mozer
Assinante
14
TV por assinatura
Pagamento
Acesso ao site
Acesso a biblioteca
Cliente fiel
5 CONCLUSÃO
Diante deste trabalho apresentado podemos concluir que, o uso de ferramentas e
tecnologias nas empresas é de grande importância no mundo atual, através dessas
ferramentas as empresas trabalham de forma integrada, hoje em dias as empresas
tem a necessidade de um sistema com rapidez com respostas em tempo ágil e
precisas, afim que possam diminuir os custos e trazendo melhorias para seus
funcionários, sendo assim, treinados seus funcionários oferecendo conhecimentos e
melhorias computacionais. Portanto a empresa Locadora de filmes vai abordar
vários gostos de tema para os clientes, assim terão mais opções. Todos os
funcionários vão poder ter conhecimento de todos os filmes para fazer um
atendimento melhor e diferencial dos concorrentes.
Passando para parte do software podemos falar que vai ser muito útil e eficaz para
os funcionários e os clientes facilitando o tempo que o cliente vai esperar para fazer
seu cadastro e sua compra ou locação de filmes com toda essa tecnologia da
automação com os telespectadores, computadores e softwares que vão ajudar muito
nos cadastro de cliente, aniversariantes, fechamento do caixa diário e mensal,
cliente devedores e que estão com atraso no pagamento da mensalidade, então
com tudo isso pode se dizer que é uma empresa totalmente evoluída.
Enquanto isso, não se pode esquecer a função importante da ética, a humanidade e
a relação interpessoal dentro dessa empresa, como forma de facilitar e contribuir
para a fluidez dos negócios dentre da locadora. Para se construir um sistema deve
se levar em consideração esses três tópicos.
15
Oferta Reserva
REFERÊNCIAS
• Introdução: Cenário Proposto: “Telecine Mozer” Portfólio da Universidade do Norte do Paraná
• www.arquivodecodigos.net/dicas/c-csharp-aprenda-a-declarar-e-usar-variaveis-em-c-2499.html
• www.clem.ufba.br/tuts/html/c05.htm
• 4.1. Sites de Locadoras de Livros: http://www.leiamaislivros.com.br/, http://www.balaiodegatolivros.com.br/.
• Objetivo: http://www.sebrae-sc.com.br/
• http://pt.wikipedia.org/wiki/HTML
• tiagopassos.com/utils/documentohtml.html
16