trabalho textual individual 2º semestre 2014

18
Londrina 2014 ADRIANO FAVORETO SISTEMA DE ENSINO PRESENCIAL CONECTADO TECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS PRODUÇÃO TEXTUAL INTERDISCIPLINAR INDIVIDUAL 1º E 2º SEMESTRE – 2014/2

Upload: adrfavoreto

Post on 19-Dec-2015

22 views

Category:

Documents


2 download

DESCRIPTION

Trabalho Textual Individual 2º Semestre 2014

TRANSCRIPT

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