PIM IV

Prévia do material em texto

UNIVERSIDADE PAULISTA (UNIP)
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
ALEX FERNANDO DE MORAIS JUNIOR (RA:N5957G8)
ROBERT LEANDRO CARDOSO (RA:F2396J5)
PIM – WEBPÉDIA
LIMEIRA/SP
2021
ALEX FERNANDO DE MORAIS JUNOR (RA:N5957G8)
ROBERT LEANDRO CARDOSO (RA:F2396J5)
TRABALHO SEMESTRAL – DESENVOLVIMENTO DE SOFTWARE PARA INTERNET
Trabalho apresentado no curso de graduação Análise e desenvolvimento de Sistema (ADS) na UNIP- LIMEIRA
LIMEIRA/SP
2021
DEDICATÓRIA
 
Dedico esse trabalho aos meus familiares, professores e colegas de turma que tornaram possível o termino do mesmo, tendo em vista as dificuldades e imprevistos virais em uma época tão difícil como a qual estamos vivendo.
“C is quirky, flawed, and an enormous success.”
- Dennis Ritchie
ALEX FERNANDO DE MORAIS JUNIOR
ROBERT LEANDRO CARDOSO
Trabalho semestral de Desenvolvimento de Software para Internet para obtenção de aprendizado e nota no curso de Análise de Desenvolvimento de Sistema da Universidade Paulista (UNIP).
Limeira, 23 de agosto de 2021 
BANCA EXAMINADORA
______________________________________________
Prof. Danilo Rodrigues Pereira
RESUMO
A motivação principal do projeto é trazer informações sobre HTML de modo intuitivo usando o poder de construção do mesmo.
Compartilhar a história de uma ferramenta tão importante e dominante para a internet agora torna-se mais acessível e intuitivo com a criação de um site feito exclusivamente para que possa ser utilizado por qualquer um, em qualquer lugar, com apenas um toque ou clique e a conexão à internet. O site apropria-se de algumas páginas nas quais explica detalhadamente diversos pontos importantes para o atual sucesso do HTML, como a história da sua evolução, suas importantes atualizações, seus principais navegadores, ISO, etc.
O projeto é voltado para fácil entendimento de um público leigo no assunto, dando assim oportunidade para novos usuários e programadores na área.
ABSTRACT
The main motivation of the project is to bring information about HTML intuitively using the building power of the project.
Sharing the story of such an important and dominant tool for the internet now becomes more acessible and intuitive with the creation of a website made exclusively so that it can be used by anyone, anywhere, with one just tap or click and a internet connection. The site appropriates some pages on wich it explains in detail several important points for the current sucess of HTML, such as the history of its evolution, its important updates, its main browsers, ISO, etc.
The project is aimed at easy understanding of a lay public on the assunt, then giving opportunity to new users and programmers in the area.
1.) INTRODUÇÃO - WEBPÉDIA:
Diante de tanto tempo utilizando a internet houve vários questionamentos - “Como isso funciona? Como tudo iniciou? Quem foi o inventor disso?” e perante todos esses questionamentos tratamos de clarear a dúvida dos internautas que acessarem o nosso site. Como tudo na vida veio do questionamento, acertamos em cheio ao pensar em um site intuitivo que explicasse a história de uma das partes fundamentais da internet, o HTML, que, posteriormente trouxe consigo diversos ganchos para a evolução de milhares de setores tecnológicos que utilizamos atualmente e mal notamos.
O Site veio em meio à tantos outros explicar de forma clara e simples para que até mesmo os mais leigos consigam interpretar a tamanha importância da um dos lugares mais famosos do mundo, a internet. Com aspectos simples e minimalistas, o site explora a história do HTML como uma das principais criações da humanidade na modernidade. 
1.1) JUSTIFICATIVA DO PROJETO: Compartilhar a história de uma ferramenta tão importante e dominante para a internet agora torna-se mais acessível e intuitivo com a criação de um site feito exclusivamente para que possa ser utilizado por qualquer um, em qualquer lugar, com apenas um toque ou clique e a conexão à internet. 
1.2) FINALIDADE DO PROJETO : O projeto é voltado para fácil entendimento de um público leigo no assunto, dando assim oportunidade para novos usuários e programadores na área. Espera-se que vários tipos de usuários consigam compreender a tamanha importância do HTML. 
1.3) OBJETIVOS DO PROJETO: Clarear a ideia de todo tipo de internauta sobre HTML e tecnologias a fim, do leigo ao expert. Alcançar novas pessoas interessadas no assunto. 
1.4) DESCRIÇÃO DO PROJETO: O site será produzido a partir de programação em HTML com aspectos de acessibilidade como imagens, cores chamativas, vídeos, tudo para que qualquer um consiga interagir com o site. 
1.5) STAKEHOLDERS DO PROJETO: Usuários, equipe de programação (Robert), equipe de pesquisas e imagens (Alex), gerente de projetos (Alex e Robert), designer (Robert). 
1.6) ENTREGAS DO PROJETO: Telas de consultas, informações básicas sobre o HTML e Java Script, explicações sobre os navegadores dependentes do HTML, imagens e vídeos intuitivos.
1.7) ESTIMATIVA DE TEMPO E CUSTO: O projeto pode ser considerado atemporal, visto que funciona como uma Wiki/Registro da história Web. O Custo a principio seria nulo, já que as informações são com base de outros sites de utilidade pública e da própria documentação oficial do HTML. Já que o site não conta com um banco de dados, artes ou qualquer tipo de conteúdo comercial, o único custo previsto seria o de hospedagem e manutenção.
1.8) EXCLUSÕES: A principal ideia para um futuro breve, seria a de ter uma seção do Website com noticias do mundo Web/FrontEnd com atualização dinamica, usando uma API para puxar as informações de alguma Newletter pública.
1.9) CRITÉRIOS DE ACEITAÇÕES: Um design intuitivo e responsivo com uma Navbar funcional, paleta de cores padronizada, conteúdo bem selecionado e resumido de maneira confortável para leitura rápida, minimo de 5 páginas com conteúdos diversos.
1.10) PREMISSAS: Premissas: Usar fontes e imagens confiáveis e didáticas, evitar entregar desinformações ou deixar o usuário confuso com o texto, simplificar termos complexos demais.
1.11) RESTRIÇÕES: A limitação do tempo seria o mais prejudicial, o projeto não terá tanta disposição para mudanças mais “radicais” ou ideias complexas. Custos e mão de obra não serão um problema.
1.12) RISCOS: Falta de fonte confiaveis para basear as informações e Fake News devem ser os riscos mais notórios para o projeto, visto que ele se resume em passar conhecimento, a fonte desses conhecimentos deve ser muito bem averiguada.
2.) DESCRIÇÃO DO ESCOPO DO PROJETO: o projeto WebPedia será realizado no segundo semestre de 2021, com a alocação de um Programador e um Documentarista. Será necessário:
· Fazer o mapeamento das competências organizacionais e individuais.
· Buscar fontes confiáveis para a documentação.
· Implementar um design intuitivo e responsivo.
· Resumir as informações sem perder conteúdo.
· Ter organização e identação adequada nos códigos.
3.) ENTREGAS DO PROJETO: 
3.1) MAPEAMENTO DE COMPETÊNCIAS
Para implantar o WebPedia, será feito mapeamentos por Diagramas de Caso de Uso e toda uma documentação detalhando o funcionamento de cada página implementada.
 
3.2) PLATAFORMA ONLINE
Como a WebPedia será online ela exigirá um servidor para alocar a página Web. Essa plataforma deverá suportar diversos tipos de conteúdo (texto, vídeo, áudio, imagens, documentos etc.), ter uma performance decente, e suportar múltiplos acessos.
3.3) VISÃO GERAL – VISÃO COMUM DA ORGANIZAÇÃO
O projeto tem como objetivo disserminar conhecimento, passar informações relevantes para seus usuários e com uma linguagem abrangente, podendo ser consumida por pessoas mais familiarizadas e também pelas que não tem um conhecimento algum dos assuntos tratados.
3.4) PÁGINAS ESPECÍFICAS
São as páginas que compõe o site, sendo elas específicas para cada tema conforme a lista:
· Home: Uma breve introdução de tudo que pode ser acessado.
· História Web: Um resumo de toda evolução do HTML desde sua criação.
· Navegadores:Os navegadores web mais usados ao longo da história, seus marcos, inovações e finalidades.
· Frameworks: Frameworks e Bibliotecas que marcaram anos ou décadas, como foram criados, exemplos de usos, suas vantagens e falhas.
· Sobre: Utilizada como meio de contato, crédito a equipe, agradecimentos e afins.
3.5) APRESENTAÇÃO
Consiste na apresentação da WebPedia como trabalho semestral e de conclusão de curso, será realizada com ambos os colaboradores que explicarão de forma teórica e prática o funcionamento, desenvolvimento e finalidade de todo o projeto.
3.5.1) DOCUMENTAÇÃO
É o conjunto de informações sobre a WebPedia, conterá um trabalho escrito com as normas ABNT e linguagem formal, contendo por volta de 30 Páginas utilizando teoria, UMLs, código fonte arquivado, imagens, exemplos, creditação, etc.
3.6) CRITÉRIOS DE ACEITAÇÃO
Para que o projeto seja aceito, o mesmo deve conter:
 * Condição de ser colocado no ar;
 * Textos legíveis;
 * Imagens em boa qualidade; 
* Alto nível de pesquisas;
 * Chamar atenção;
 * Simplicidade de design;
3.7) EXCLUSÕES DO PROJETO
Durante uma fase de desenvolvimento o projeto passou por diversas modificações nais quais foi optado não continuar, uma delas foi o tema principal do site, no qual passou por aprofundadas discussões para ser decidida. E outra principal modificação foi na escolha do público alvo, na qual anteriormente seria focada em jovens adultos procurando informações academicas sobre o assunto, no qual agora foi adaptada para um publico geral, onde qualquer leitor consegue navegar pelo site sem muitas dúvidas sobre o assunto.
4.) EAP
5.) CRONOGRAMA
5.1) CAMINHO CRÍTICO
A sequência que pode tomar mais tempo no projeto seria A > B > D > F > G (63 Dias). 
6.) MER
7.) USERCASE
8.) DIAGRAMA DE CLASSES
9.) DIAGRAMA DE ATIVIDADES
10.) DESENVOLVIMENTO DA APLICAÇÃO
Com o foco do site em ser algo simples e minimalista, o design do mesmo foi feito totalmente de forma que nada seja deixado de lado e que todas as informações sejam passadas por imagens e por poucos textos, assim deixando o site mais interessante e menos enjoativo, trazendo um ar de facilidade de aprendizado e entendimento do assunto. Por mais que o assunto principal do site seja algo muitas vezes catalogado como difícil ou cansativo, com esse método de exposição a informação é passada de jeito mais simples e de rápido entendimento. O design minimalista foi escolhido pela estética e pela versatilidade.
 O projeto foi dividido em dois leques de pesquisas: “informações e design” e “programação”, escolhidos pelos estudantes com seus votos por facilidade em cada área. Dentre os dois grupos de pesquisas, ambos se ajudaram a chegar em uma única meta - a perfeição do site.
11.) PROJETO: O site é dividido em 5 páginas, com intuito de contar uma história de modo contínuo para o usuário final, segue o esquema:
11.1) PÁGINA 1(HOME) - Resumo do site, finalidade do site.
O site segue o mesmo esquema de um trabalho formal, começando com um resumo do conteúdo, e conforme o usuário vai adentrando as páginas do site consequentemente ele se aprofunda no assunto do mesmo. O foco da primeira página é esclarecer ao usuário sobre o que é tratado no site resumidamente de forma simples e agradável, sem muito texto e sendo bem chamativo.
11.2) PÁGINA 2 - Documentação pt. 1 - História e evolução do HTML; 
Essa página é dedicada exclusivamente para uma narrativa da história do HTML durante suas atualizações, assim explicando ao usuário de forma rápida e fácil o quão importante foi e ainda é essa ferramenta virtual.
 É tratado desde sua primeira versão de laboratório, até sua versão mais atual que se é utilizado nos diversos navegadores pela internet.
 11.2.1) Versão 1 (1991) 
Sua primeira versão foi desenvolvida por Tim Bernes-Lee em 1991 no CERN (Centro Europeu de Física de Partículas). 
O plano inicial era que o HTML fosse utilizado apenas em instituições de pesquisas cientificas para fácil compartilhamento de documentos importantes. Após um grande sucesso, foi-se aberta um ano depois uma grande biblioteca de desenvolvimento, mundialmente conhecida como “WWW” (World Wide Web), que somado ao HTML proporcionou escalas gigantescas de uso. 
Até 1995 a CERN era quem controlava as atualizações do HTML, a partir desse momento uma entidade denominada W3C (The World Wide Web Consortium) começou a supervisionar o projeto, assim dando vida à novas atualizações do mesmo, como sua versão 2.0 (1995), 3.2 (1997), ou até mesmo sua versão mais atual, o HTML 5 de 2014.
 11.2.2) Versão 2.0 (1995)
Essa versão ocorreu logo após a criação do HTML puro, sendo sua primeira atualização oficial. Sua estreia ocorreu junto com o evento World Wide Web Conference de 1995.
Seu principal intuito era, de um modo geral, formalizar e formatar as características padrões DA ISO 8859-1 (ou ISO Latin-1).
11.3) PÁGINA 3- Documentação pt. 2 - HTML5, FLASH, CSS, Java Script;
A página três é exclusiva para assuntos consequentes do HTML, como por exemplo o Java Script, outra ferramenta extremamente importante para a utilização explicativa e chamativa dos sites. Também é abordado sobre o já falecido Flash, e o quão importante foi sua existência para diversos tipos de sites, como os de jogos, vídeos, etc.
11.4) PÁGINA 4 - Documentação pt. 3 - Navegadores;
Nada seria do HTML sem um navegador, antes sendo exclusivo de alguns navegadores da época. Atualmente o HTML é versátil ao ponto de conseguir funcionar em qualquer tipo de navegador que esteja atualizado e em muitas vezes com conexão à internet.
A primeira versão do HTML foi muito utilizada em navegadores compatíveis com o Windows 98, como Mosaic e Netscape.
(Logo do navegador Mosaic. Acessado em 5 de setembro de 2021. Disponível em < https://www.xataka.com/historia-tecnologica/cuando-mosaic-dominaba-el-mundo-de-los-navegadores>)
 (Navegador Netscape. Acessado em 5 de setembro de 2021. Disponível em <https://www.informatique-mania.com/pt/applications/quest-ce-que-netscape-navigator-a-quoi-sert-il-et-comment-fonctionne-t-il/>).
11.5.) PÁGINA 5 - "Sobre" - Criadores, créditos, informações pessoais dos desenvolvedores, etc.
Esta página é reservada para informações básicas sobre os desenvolvedores do site e outras informações para contato, como o LinkedIn, Facebook, e-mail, etc.
12.) TERMOS DE ACEITE E ENCERRAMENTO DO PROJETO
Limeira, Domingo, 3 de outubro de 2021.
À AFLR©
At. Srs. Alex Fernando e Robert Leandro
Ref.: Termo de Aceite e Encerramento do Projeto
Conforme proposta de desenvolvimento datada de 25 de outubro e demais solicitações de mudanças aprovadas formalmente, as partes concordam que o projeto Webpédia foi concluído, com a execução de todas as fases e resultados previstos definidos no Plano do Projeto. Por estarem assim ajustadas, as partes assinam o presente termo dando por encerradas todas as responsabilidades e atividades da AFLR©, referentes a este empreendimento.
	_______________________________________
Sandra Maria Crippa
Professor(a)
UNIP
	____________________________________
Alex Fernando de Morais Junior
Gerente de Projetos
AFLR©
Testemunhas:
	________________________________________
Danilo Pereira
Professor.
UNIP
	_______________________________________
Robert Leandro Cardoso
Desenvolvedor
AFLR©
13.) BIBLIOGRAFIA
ASSOCIAÇÃO BRASILEIRA DE NORMAS TÉCNICAS. Citação: NBR-10 520/agosto - 2002. Rio de Janeiro: ABNT, 2002.
HTML 2.0 Materials. Disponível em <https://www.w3.org/MarkUp/html-spec/>. Acesso em 23 de agosto de 2021.
HyperText Markup Language (HTML) 2.0. Disponível em < https://www.loc.gov/preservation/digital/formats/fdd/fdd000477.shtml>. Acesso em 23 de agosto de 2021.
ARCHIVED: What is the Latin-1 (ISO-8859-1) character set? Disponível em < https://kb.iu.edu/d/aepu>. Acesso em 23 de agosto de 2021.
ISO/IEC 8859-1. Disponível em < https://en.wikipedia.org/wiki/ISO/IEC_8859-1>. Acesso em 23 de agosto de 2021.
COTTIS, James.The History of Web Design, 2016. Disponível em <http://www.twist-id.co.uk/blog/article/the-history-of-web-design>.Acesso em 27 de agosto de 2021.
O que é HTML? Disponível em <https://www.youtube.com/watch?v=RISPTY1Lh2A>. Acesso em 27 de agosto de 2021.
Cuando Mosaic dominaba el mundo (de los navegadores). Disponível em < https://www.xataka.com/historia-tecnologica/cuando-mosaic-dominaba-el-mundo-de-los-navegadores>. Acesso em 5 de setembro de 2021.
O que é o Netscape Navigator, para que serve e como funciona? Disponível em < https://www.informatique-mania.com/pt/applications/quest-ce-que-netscape-navigator-a-quoi-sert-il-et-comment-fonctionne-t-il/>. Acesso em 5 de setembro de 2021.
<https://www.oracle.com/br/index.html>. Acessado dia 22/05/2021.
<https://www.microsoft.com/pt-br/>. Acessado dia 23/05/2021.
<https://en.wikipedia.org/wiki/Data_redundancy>. Acessado dia 23/05/2021.
<https://imasters.com.br/banco-de-dados/desnormalizacao-e-redundancia-controlada-em-bancos-de-dados-relacionais>. Acessado dia 23/05/2021.
<https://administradores.com.br/artigos/etica-no-tratamento-de-dados-e-informacoes>. Acessado dia 23/05/2021.
<https://becode.com.br/principais-sgbds/>. Acessado dia 23/10/2021.
<https://www.devmedia.com.br/>. Acessado dia 25/10/2021.
<https://www.ime.usp.br/~andrers/aulas/bd2005->. Acessado dia 02/10/2021.