Upload
adrfavoreto
View
22
Download
2
Embed Size (px)
DESCRIPTION
Trabalho Textual Individual 2º Semestre 2014
Citation preview
Londrina2014
ADRIANO FAVORETO
SISTEMA DE ENSINO PRESENCIAL CONECTADO TECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
PRODUÇÃO TEXTUAL INTERDISCIPLINAR INDIVIDUAL1º E 2º SEMESTRE – 2014/2
Londrina2014
PRODUÇÃO TEXTUAL INTERDISCIPLINAR INDIVIDUAL1º E 2º SEMESTRE – 2014/2
Trabalho interdisciplinar 2º semestre apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média bimestral na disciplina de Sistemas Computacionais.
Orientador: Profa. Merris Mozer Prof. Reinaldo Nishikawa Prof. Marco Ikuro Hisatomi Prof. Anderson Macedo
ADRIANO FAVORETO
SUMÁRIO
1 INTRODUÇÃO.........................................................................................................3
2 OBJETIVO................................................................................................................4
3 DESENVOLVIMENTO..............................................................................................5
3.1 O QUE É HTML?
3.2 COMO SÃO CHAMADOS OS COMANDOS HTML?
3.3 COMO MELHORAR A APARÊNCIA DE UM DOCUMENTO HTML?
3.4 COMO INSERIR IMAGENS EM DOCUMENTO HTML?
3.5 COMO INSERIR VÍDEOS EM UM DOCUMENTO HTML?
3.6 COMO INSERIR TABELAS EM UM DOCUMENTO HTML?
3.7 COMO INSERIR LINK'S PARA NAVEGAÇÃO EM UM DOCUMENTO HTML?
3.8 O QUE É UMA VARIÁVEL LOCAL?
3.9 O QUE É UMA VARIÁVEL GLOBAL?
3.10 O QUE É PASSAGEM DE PARÂMETRO POR FUNÇÃO?
3.11 ORGANOGRAMA
4 CONCLUSÃO...........................................................................................................6
5 REFERÊNCIAS.........................................................................................................7
1 – INTRODUÇÃO
O progresso tecnológico na construção da interface de websites tem
sido perceptível. Assim o número de usuários cresce exponencialmente gerando a
necessidade de uma grande variedade de aplicações na web, dentre estas está o
comércio eletrônico, também conhecido como e-commerce, que é considerado um dos
canais mais modernos de vendas realizadas por diversas empresas através de sites.
Entretanto, vale ressaltar a existência de uma grande variedade de websites nesta área
é que muitos deles apresentam problemas de usabilidade. A presente pesquisa tem
como objetivo demonstrar as ferramentas necessárias para a construção deste
websites, para aplicá-la em websites de e-commerce.
Toda empresa que utiliza o comercio eletrônico possui um gerente
que é totalmente responsável pelas relações da empresa na Internet, o mesmo deve
ser uma pessoa empreendedora com facilidade de comunicação a fim de manter
uma relação direta com o cliente. Além de ter que entender de Marketing e conhecer
muito bem a Internet para que suas atitudes e decisões aumentem a satisfação do
consumidor, a fim de firmar uma relação custo benefício como objetivo de manter e
conquistar novos clientes.
Em qualquer modalidade do comércio eletrônico, o processo
sempre será on-line, o cliente visualiza e escolhe seu produto por meio de
comparações, coloca no carrinho de compras e passa no “caixa” para realizar o
pagamento. Para que esse processo ocorra de forma eficiente o ponto mais
importante é a qualidade do site, começando pelo layout, transmissão de
informações, confiabilidade, segurança e facilidade de navegação, sem falar de bons
preços e diversidade de produtos e serviços e formas de pagamento.
3
1 - OBJETIVO
A empresa Telecine Mozer, tem como objetivo a locação de filmes,
além dos canais que já são pagos pelos assinantes de TV a cabo. A locação é feita
através de uma reserva antecipada, a escolha dos filmes é feita pelo site, que no
horário devido disponibilizará o filme locado no canal 654 específico para filmes
locados. O Telecine Mozer possui um cadastro de seus clientes, suas locações e
registros caso ocorra algum contratempo. Pois esta se implementando no novo site
ofertas para os clientes fiéis, mostras antecipadas dos filmes disponíveis. O Telecine
Mozer só poderá ser acessado pelo assinante que recebe uma senha com seu
boleto mensal. Sem esta senha não será possível fazer a compra pelo site.
Mensalmente esta senha é alterada mediante ao pagamento.
4
2 - DESENVOLVIMENTO
3.1- O QUE É HTML?
HTML ou Hypertext Markup Language (Linguagem de formatação de
textos) pode ser escrito em qualquer editor de texto. É uma linguagem de marcação
de hipertexto e é usada para criar sites. É um formato padrão utilizado para o texto e
layouts de páginas para web.
3.2- COMO SÃO CHAMADOS OS COMANDOS HTML?
Os comandos de HTML são chamados de TAG, bem como outras
linguagens de programação os comandos possuem uma sintaxe própria. Os TAGS
são os comandos utilizados para escrever uma página HTML, ou seja, o conteúdo
dessa página. Através desses comandos o código fonte é criado como em qualquer
outra linguagem.
3.3- COMO MELHORAR A APARÊNCIA DE UM DOCUMENTO HTML?
Hoje temos várias “TAGS” para melhorar a aparência de um documento HTML, abaixo segue alguns exemplos:
1-Negrito usamos o TAG <b></b>
2-Itálico usamos o TAG <i></i>
3-Sublinhado usamos o TAG <u></u>
4-Sob escrito usamos o TAG <sup></sup>
5-Subscrito usamos o TAG <sub></sub>
6-Grande usamos o TAG <big></big>
7-Pequeno usamos o TAG <small></small>
5
3.4- COMO INSERIR IMAGENS EM UM DOCUMENTO HTML?
Para inserir imagens em documentos HTML é necessário criar um novo parágrafo utilizando o TAG <img src>, onde o src é o seu atributo. O valor do atributo src (source=origem) aponta para o endereço da imagem. O valor do atributo pode ser o caminho absoluto ou relativo de uma imagem. Temos que estar atentos também ao tamanho das imagens; se ocupam muito espaço, isso implicará tempo para aparecer as imagens na tela, o que faz o usuário perder a paciência, o que jamais seria nosso objetivo.
A sintaxe do tag Imagem é:
<img src = “nome da figura.extensão”.>
Onde:
img significa imagem
src significa source
e as ‘’ ‘’ indicará a origem da imagem, ou seja, onde ela se encontra nas pastas de documentos.
3.5- COMO INSERIR VÍDEOS EM DOCUMENTO HTML?
Para inserirmos vídeos em um documento HTML precisamos que o esteja disponível em uma pasta do seu site neste caso o Telecine Mozer, e coloque no seu documento o tag<video> apontando para ele. Abaixo um exemplo de código para incluir um vídeo em documento HTML.
<html><head><metacharset=’’UTF-8’’> <title>Inserindo Vídeo em HTML</title></head><body> <vídeowidth=’’320’’height=’’240’’controls autoplay> <sourcesrc=’’video/telecinemozer.mp4’’type=’’video/mp4’’> </video></body></html>
3.6 – COMO INSERIR TABELAS EM UM DOCUMENTO HTML?
6
Tabelas são muito usadas na organização de dados e informações, que são compostas por linhas e colunas onde a intersecção desses elementos formam as células. As tabelas são muito úteis na parte estética da página da web. Para criar tabelas, vamos utilizar o tag <table></table>, que define uma tabela em HTML. Dentro do tag <table>, precisamos definir a estrutura de linhas e colunas que formarão cada célula de nossa tabela. Para isso, vamos usar outros dois tags, um que cria linhas e outro que cria as colunas de uma tabela. Esses tags são:
<tr></tr> - tag que define uma linha, abreviação do inglês ‘’Table Row’’;
<td></td> - tag que define uma coluna, abreviação do inglês ‘’Table Data’’
Esses tags devem ser informados em tags para cada célula da linha e devem estar sempre entre os tags <tr></tr>;
<th></th> - define a tabela cabeçalho, abreviação do inglês ‘’Table Header’’; são utilizados com o mesmo propósito dos tags <td></td>, porém o conteúdo é exibido em negrito e centralizado.
Exemplo de uma tabela de três linhas e três colunas:
<table> <tr> <td>Linha1, Coluna1</td> <td>Linha1, Coluna2</td> <td>Linha1, Coluna3</td> </tr>
<tr> <td>Linha2, Coluna1</td> <td>Linha2, Coluna2</td> <td>Linha2, Coluna3</td> </tr>
<tr> <td>Linha3, Coluna1</td> <td>Linha3, Coluna2</td> <td>Linha3, Coluna3</td> </tr>
3.7- COMO INSERIR LINK’S EM UM DOCUMENTO HTML?
Para inserirmos links para a navegação em um documento HTML devemos proceder da seguinte maneira:
Primeiramente deve-se entender o TAG <a></a>, conhecido como âncora, que é uma ligação de uma página a outra por isto o nome âncora. Mas para o direcionamento da página é necessário incluir parâmetros de referência “hipertex reference” com o endereço da página desejada, assim:
7
<a href=http://www.telecinemozer></a>
No documento HTML utilizado de exemplo acrescentar um parágrafo novo com o texto “locação e filmes”, e neste texto linkar com o site mencionado a cima, para isso vamos escrever a seguinte linha de código:
<p><a href=http://www.telecinemozer.com.br/”>locação de filmes</a></p>
Veja que o TAG <p></p> para parágrafos e o TAG <a></a> para criar a âncora.
Porém neste código quando clicar no link, a tela principal será fechada e abrirá o site Telecine Mozer, para manter o site inicial e abrir o site da Telecine Mozer em uma nova aba deve-se inserir um novo parâmetro chamado target=’’_blank’’, que se responsabiliza em abrir uma nova aba, conforme comando abaixo:
<p><a href=http://telecinemozer/target=’’_blank’’><>Locação de Filmes</a></p>
3.8 – O QUE SÃO VARIÁVEIS LOCAIS?
Variáveis locais:
São aquelas declaradas dentro do bloco de uma função.
Não podem ser usadas ou modificadas por outras funções.
Somente existem enquanto a função onde foi declarada estiver sendo executada.
3.9 – O QUE É UMA VARIÁVEL GLOBAL?
Variáveis globais:
São declaradas fora de todos os blocos de funções.
São acessíveis em qualquer parte do programa, ou seja, podem ser usadas e modificadas por todas as outras funções .
Existem durante toda a execução do programa.
8
3.10 – PASSAGEM DE PARÂMETROS PARA FUNÇÕES POR REFERÊNCIA E POR VALOR.
Existem dois métodos de passagem de parâmetros para funções:
Passagem por valor - permite usar dentro de uma função uma cópia do valor
de uma variável, porém não permite alterar o valor da variável original
(somente a cópia pode ser alterada).
Passagem por refência - É passada para a função uma referência da variável,
sendo possível alterar o conteúdo da variável original usando-se esta referência.
3.11 – ORGANOGRAMA
Descreve as unidades organizacionais, representadas por retângulos, e a hierarquia,
por linhas. Fornece a descrição da empresa que será convertida em objetos do
modelo e conhecimento de organização e responsabilidades (TICONTROLE, 2014).
Como exemplo de organograma, podemos observar a figura abaixo:
9
DIRETORIA
GerênciaAdministrativa
GerênciaMarketing
EXPEDIÇÃO
VIGILÂNCIA
MANUTENÇÃO
Controle deQualidade
VENDASONLINE
FINANCEIRO
COMPRAS
RECEBIMENTO
4 – CONCLUSÃO
Neste trabalho abordamos o assunto de desenvolvimento da Web, o
que é HTML, comandos de HTML, melhorar a aparência de um documento HTML,
inserir imagens, vídeos, tabelas, link’s em um documento HTML. Vimos sobre
variável Local e Global e passagem de parâmetro por função, referência e valor.
Este trabalho foi muito importante para o meu conhecimento aonde
pude me aprofundar no tema em questão, porque permitiu conhecer melhor,
compreender melhor sobre o assunto abordado.
10
5 – REFERÊNCIAS
- Usabilidade da interface de sites e-commerce:
<http://www.revistapindorama.ifba.edu.br/files/Simone%20Azevedo
%20bandeira%20de%20Melo%20Aquino%20IFMA.pdf
- Desenvolvimento:
Livro Eletronico – Sistemas Web – Autora MOZER, Merris; LOPER,
Adriane; SILVA, Danilo Augusto Londrina: Editora e Distribuidora
Educacional, 2014. 192p.
Livro Eletronico – Técnicas de Programação – GONÇALVES,
Anderson Emídio de Macedo; Freitas, Veronice de.
11