UNIVERSIDADE ANHANGUERA – UNIDERP

CENTRO DE EDUCAÇÃO À DISTÂNCIA

SUPERIOR DE TECNOLOGIA ANALISE DE SISTEMAS

XXXXXXXXXXXXXXXXXX RA XXXXXXXX

PORTIFÓLIO
ROTEIRO
AULA PRÁTICA

PIRACICABA-SP
2023
XXXXXXXXXXXXXXXX RA XXXXXXXXXXXX

LINGUAGEM DE PROGRAMAÇÃO

Trabalho apresentado à Universidade ANHANGUERA,

como requisito parcial para a obtenção de média
semestral na disciplina Linguagem de Programação.

Tutor (a):

PIRACICABA-SP
2023
 SUMÁRIO

1 INTRODUÇÃO......................................................................................................3
2 DESENVOLVIMENTO..........................................................................................4
2.1 TAREFA 1.........................................................................................................4
2.2 TAREFA 2.........................................................................................................5
2.3 TAREFA 3.........................................................................................................6
2.4 TAREFA 4.........................................................................................................7
2.5 TAREFA 5.........................................................................................................8
3 CONCLUSÃO.....................................................................................................12
REFERÊNCIAS......................................................................................................... 13
 3

1 INTRODUÇÃO

Este projeto será desenvolvido de assuntos concernentes as

disciplinas estudadas no decorrer do semestre acerca de Introdução a Análise
Orientada a Objetos, Linguagem de Programação, Programação e Desenvolvimento
De Banco De Dados, Interface a Usabilidade.
 4

2 DESENVOLVIMENTO

2.1 TAREFA 1

Os diagramas UML são importantes para evitar problemas no

desenvolvimento de software, com ajuda deles podemos obter uma visão mais
clara e única do sistema. Seu objetivo é passar mensagem de forma
padronizada. Diagramas comportamentais são aqueles que usamos para
especificar detalhes do comportamento do sistema diante determinadas
interações. Já os diagramas estruturais são usados para modelar os aspectos
do sistema.

Podemos citar como um exemplo de driagrama comportamental o

Driagrama de Casos de Uso. Ele auxilia a comunicação entre os analistas de
sistema e do seu cliente, onde mostram as funções do sistema de uma forma
simples e direta.

Para o diagrama estrutural podemos citar como exemplo o Diagrama de

Classes. Ele é um dos diagramas mais utlizados da UML, serve de apoio
para a maioria dos outros diagramas e define a estrutura das classes do
sistema, além de estabeler como as classes se relacionam.
 5

2.2 TAREFA 2

Usabilidade é um requisito fundamental de qualidade no desenvolvimento de

produtos e serviços que sejam fáceis de usar e que encantem as pessoas. Já a
interface é a parte do sistema com a qual o usuário interage, onde há uma entrada
ou saída de dados e informações em uma interação. O usuário não está preocupado
com o hardware ou o software, mas sim com uma interface que seja fácil de
aprender e de usar.
Para desenhar essa página inicial, primeiro vamos imaginar algo que chame
atenção e seja atraente. Após anotar nossas ideias, vamos trazê-la para o mundo
virtual, ela deve orientar o usuário para a área que está procurando, permitindo que
eles possam navegar sozinhos, além de ser clara e intuitiva. Não podemos encher a
página inicial de textos e imagens, pois ela pode deixar o usuário confuso e o
fazendo procurar outra página similar. Algumas técnicas que podemos utilizar são
as de avaliações de usabilidade, inspeção da interface com o usuário e observação
do usuário. Os aspectos importantes para essa página inicial são, carregamento
rápido, eliminação de recursos desnecessários, revisão do código, hospedagem,
fase de testes e informações de contato.
Protótipo de telas é uma representação de uma ideia de um projeto, seu
principal objetivo é simular a interação entre o usuário e a interface final. Para
desenvolvermos o protótipo de tela vamos utilizar o Figma, uma ferramenta para os
profissionais UX/UI Design que oferece plano gratuito para os estudantes da área,
além de ser possível compartilhar o projeto em tempo real com outras pessoas,
gerando um link de acesso. Sem uma boa interface, não há interação, o uso é
prejudicado e os sentimentos gerados são negativos. Então, o design de interface
está associado à experiência do usuário. Com boas características, é possível
otimizar a experiência de quem utiliza os recursos e obter impressões melhores.
 6

2.3 TAREFA 3

1. def remove (self, valor):

2. if self.head.data == valor:

3. self.head = self.head.nextItem

4. else:

5. before = None

6. navegar = self.head

7. while navegar and navegar.data != valor:

8. before = navegar

9. navegar = navegar.nextItem

10. if navegar:

11. before.nextItem = navegar.nextItem

12. else:

13. before.nextItem = None

Esse método receberá o valor que será removido e navegará por toda a
lista buscando o valor. Em seguida será verificado se o valor corresponde ao
item do cabeçalho, caso não seja, irá buscar o anterior e próximo (baseado
no head). Se o valor for correspondente, não será necessário alterar toda a
lista, e sim apenas os itens anteriores e posteriores.
 7

2.4 TAREFA 4

1 <?php
2 require_once 'usuarios.php';

3 ___ $u = new User();___________________

4 if (isset($_POST['usuario'])){
5 $user = addslashes($_POST['usuario']);
6 $passwd = addslashes($_POST['senha']);
7
8 if (!empty($usuario) && !empty($senha)){

9 $u->conectar______("nomeDB", "localhost", "user", "password");

10 if ($u->msgErro == ""){
11 if (! $u->logar ($user, $passwd)){
12 echo "Credenciais incorretas!";
13 }
14} else {
15 echo "Erro: “. $u->msgErro;
16}
17} else{
18 echo "Preencha todos os campos obrigatórios!";
19}
20}
21?>
 8

2.5 TAREFA 5

Segundo Korth, um banco de dados “é uma coleção de dados inter-

relacionados, representando informações sobre um domínio específico”, ou
seja, sempre que for possível agrupar informações que se relacionam e
tratam de um mesmo assunto, posso dizer que tenho um banco de dados.

Banco de dados relacionais são aqueles que armazenam dados em

tabelas, que consiste em linhas e colunas. As colunas representam atributos
e as linhas cada entidade. Ele é baseado no modelo relacional dos dados,
proposto por EF Codd em 1970 e tambem são chamados de banco de dados
SQL. Banco de dados não relacionais são chamados de NoSQL, e podem
armazenar grandes quantidades de dados. Além de ser um tipo de dados
que fornece um mecanismo para armazenar e recuperar dados modelados.

A diferença entre eles é que banco de dados relacionais armazena

dados em tabelas, já o banco de dados não relacionais armazena seus
dados sem usar tabelas.

@@@@@@@@@@@@@@@@@@@@@

Site de Pesquisa com código Python

https://guiatech.net/python-algoritmo-para-calculo-do-imc/

@@@@@@@@@@@@@@@@@@@@@
 9

3 CONCLUSÃO

Com a elaboração deste projeto, trouxe um bom aprendizado e uma

possibilidade de potencializar os estudos e os conhecimentos sobre as
disciplinas norteadoras do semestre. Aprendemos sobre a diferença entre os
diagramas da UML, como utilizar bons aspectos de usabilidade e interface,
interpretar um código em python e a importancia e diferença dos bancos de
dados relacionais e não relacionais.
 10

REFERÊNCIAS

KORTH, H.F. e SILBERSCHATZ, A.; Sistemas de Bancos de Dados, Makron

Books, 2a. edição revisada, 1994.

https://www.canalti.com.br/banco-de-dados/o-que-e-um-banco-de-dados/#:~:text=O
%20que%20é%20um%20Banco%20de%20dados%3F%201,de%20dados.
%20...%204%20Sinônimo%20e%20abreviação.%20?
msclkid=d8aaf817d14911eca0de06ef6b718f8d

https://pt.strephonsays.com/what-is-the-difference-between-relational-and-
nonrelational-database#:~:text=1%20Definição.%20Banco%20de%20dados
%20relacional%20é%20um,Uso.%20...%207%20Exemplos.
%20...%208%20Conclusão.%20?msclkid=0c47888ad13c11eca43cacd41dc81c7f

https://blog.betrybe.com/tecnologia/uml/

https://www.ateomomento.com.br/diagramas-uml/

https://micreiros.com/os-diagramas-comportamentais-da-uml/#:~:text=Diagramas
%20comportamentais%20são%20aqueles%20onde,as%20principais
%20características%20destes%20diagramas.

https://www.hostgator.com.br/blog/como-criar-a-homepage-de-um-site/

https://flammo.com.br/blog/o-que-um-site-deve-ter/

https://www.digitalhouse.com/br/blog/prototipo-de-tela/