Escola Básica e Secundária de Salvaterra de Magos...
Transcript of Escola Básica e Secundária de Salvaterra de Magos...
1
Escola Básica e Secundária de Salvaterra de Magos
RELATÓRIO CRÍTICO
Prova de Aptidão Profissional
Dinis Figueiras, nº 15
Francisco Arranhado, nº 17
Ruben Guerra,nº 21
Curso Profissional Técnico de Gestão e Programação de Sistemas Informáticos
Turma 12G/H
Salvaterra de Magos
Junho de 2018
2
Escola Básica e Secundária de Salvaterra de Magos
Dinis Figueiras, nº 15
Francisco Arranhado, nº 17
Ruben Guerra, nº 21
Curso Profissional Técnico de Gestão e Programação de Sistemas Informáticos
Turma 12G/H
SUMÁRIO
Relatório das atividades do Projeto e-agenda,
desenvolvido como requisito parcial dos módulos
curriculares, supervisionado pelos Professores António
Andrade, José Nunes, Sónia Santos e Fátima Ferreira, no
curso Profissional Técnico de Gestão e Programação de
Sistemas Informáticos.
Salvaterra de Magos
Junho de 2018
3
Escola Básica e Secundária de Salvaterra de Magos
Índice
Agradecimentos ........................................................................................................................ 4
Resumo ...................................................................................................................................... 5
Introdução ................................................................................................................................. 6
Objetivos ................................................................................................................................... 7
Desenvolvimento ....................................................................................................................... 8
Programas Utilizados .............................................................................................................. 8
Linguagens de Programação .................................................................................................. 9
Framework ............................................................................................................................ 10
Nome e Logótipo do projeto ................................................................................................ 10
Front Office .......................................................................................................................... 11
Back Office .......................................................................................................................... 12
Aplicação Android ................................................................................................................ 15
Conclusão ................................................................................................................................ 20
Referências Bibliográficas ..................................................................................................... 21
4
Escola Básica e Secundária de Salvaterra de Magos
Agradecimentos
Concluída a realização da nossa Prova de Aptidão Profissional(PAP), gostaríamos de
agradecer às pessoas que nos ajudaram durante estes três anos letivos de curso e ao
Agrupamento de Escola de Salvaterra de Magos, por toda a disponibilidade que sempre
demonstraram para connosco, tanto no desenvolvimento da Projeto de Aptidão Profissional,
como durante estes três anos.
Antes de mais queremos agradecer a todos os professores que nos acompanharam ao longo
deste curso. Tendo disponibilizado suas horas de aulas em ensinar-nos fundamentos para a
realização deste projeto.
Às vezes encontramos dificuldades, mas com a ajuda de todos os professores conseguimos
ultrapassá-las e agradecemos muito isso.
Obrigado ao professor José Nunes por ter estado ao nosso lado durante estes três anos de
formação. Obrigado, ainda ao professor António Andrade apesar de o termos tido apenas no
último ano do curso, ensinou-nos imensas ferramentas para a realização do nosso Projeto de
Aptidão Profissional.
Queremos agradecer aos nossos colegas de turma, apesar de alguns conflitos sempre fomos
uma turma bastante unida e que se ajudou mutuamente.
E por fim, um obrigado às nossas famílias que sempre se mostraram disponíveis com todos os
recursos possíveis para que nós elaborassemos este projeto da melhor forma possível.
A todos os que sempre tiveram connosco e nos ajudaram um imenso obrigado.
5
Escola Básica e Secundária de Salvaterra de Magos
Resumo
O nosso projeto consiste num website online de organização lectiva, que possiblita a
incorporação do horário, testes e trabalhos do aluno como a sua gestão pessoal,
complementando ainda com uma aplicação android que irá permitir consultar o seus eventos
em qualquer altura do dia. Assim pretendemos possibilitar aos nosso utilizadores (alunos)
uma melhor organização e uma melhor interface de utilizador.
6
Escola Básica e Secundária de Salvaterra de Magos
Introdução
Somos alunos da Escola Básica e Secundária de Salvaterra de Magos e com a aproximação do
final do 12º ano do Curso Técnico de Gestão e Programação de Sistemas Informáticos,
encontramos-nos a realizar a Prova de Aptidão Profissional (PAP) que serve como
instrumento de avaliação do final do curso e onde são aplicados todos os conteúdos
aprendidos ao longo destes 3 anos.
No âmbito da Prova de Aptidão Profissional, decidimos aproveitar todas as ferramentas e
aprendizagens que os nossos professores nos deram durante estes três anos letivos para criar
um projeto que vai permitir ajudar os alunos na sua organização.
O tema deste projeto têm o nome de “e-agenda” que, como está explicado no resumo, consiste
numa melhor forma de organização e gestão do aluno. A prova é realizada com o apoio dos
professores da área técnica que nos disponibilizam não só as suas horas de aulas como
também a sua ajuda e orientação.
O nosso projeto tem como objetivo uma aplicação de organização movel e uma plataforma
Web com as ferramentas necessárias para a sua gestão.
Para a elaboração deste projeto utilizámos vários materiais e programas tais como:
• Programas - Atom, Android Studio, Adobe Photoshop CC 2018, HeidiSQL,
FileZilla, Laragon.
• Linguagens de Programação – PHP, Java, SQL, CSS, HTML, XML.
• Framework – Bootstrap.
7
Escola Básica e Secundária de Salvaterra de Magos
Objetivos
O projeto e-agenda tem como objetivos:
• Ajudar os alunos na organização da sua vida escolar de forma a ajudar a melhorar os
seus resultados escolares.
• Criação de uma plataforma Web como agenda pessoal.
• Criação de uma aplicação android.
8
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Programas Utilizados
Adobe PhotoShop CC 2018
É um software desenvolvido para edição e criação de imagens, logótipos etc.
Atom
É um editor de código opensource multiplataforma, desenvolvido pelo GitHub.
Android Studio
É um ambiente de desenvolvimento integrado para desenvolver programas para a plataforma
Android.
HeidiSQL
É um programa cliente opensource para o MySQL.
FileZilla
É um cliente FTP, SFTP opensource para Windows e Linux.
Laragon
É um dos mais completos servidor web disponivel para Windows, inclui o pacote de recursos
Laravel que é a base da nossa plataforma.
9
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Linguagens de Programação
PHP
PHP ou Personal Home Page, é uma linguagem opensource destinada ao desenvolvimento de
páginas web atuantes do lado do servidor.
Java
É uma linguagem de programação em script orientada a objetos.
SQL
SQL ou Structured Query Language, é uma linguagem de pesquisa de base dados relacional.
CSS
CSS significa Cascading Style Sheets, é uma linguagem utilizada para definir o estilo (cores,
fontes, fundos, etc.) que definem a apresentação de documentos escritos numa linguagem de
programação (HTML, XML e PHP).
HTML
HTML significa HyperText Markup Language, é uma linguagem utilizada para a criação de
páginas web.
XML
XML ou Extensible Markup Language, é uma linguagem de estilo para necessidades
especificas.
10
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Framework
Bootstrap É uma framework opensource para desenvolver componentes interface e front-end para sites e
aplicações web, utilizando HTML, CSS e JavaScript.
Nome e Logótipo do projeto
Estavamos à procura de um nome para o nosso projeto e deparamos-nos no portal das
finanças com o nome “e-fatura”. Sabendo que o nosso projeto se baseia numa agenda o nome
acabou por ficar “e-agenda”.
O logótipo foi idealizado e criado no Adobe Photoshop CC 2018.
Figura 1- Logótipo
11
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Front Office
O template utilizado para a criação do front office encontra-se em “themeforest.net” e chama-
-se “Stack Multi-Purpose”. Este template foi o que consideramos mais adequado devido a ser
one page e conter a framework Bootstrap e ser criado em HTML5.
Esta página inicial baseia-se na divulgação da nossa plataforma, sendo uma página
informativa.
Aqui apresentam-se as funcionalidades que lhe temos para oferecer.
Figura 2 - Funcionalidades
De seguida encontram-se as descrições de cada serviço.
Figura 3 - Descrições de cada serviço
12
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Back Office
Nesta página podemos encontrar várias tabelas de entre as quais uma dos testes outra dos
trabalhos e outra com os horários. Todas elas no âmbito de conseguir encontrar e agendar
qualquer necessidade escolar.
Em cada tópico nós introduzimos vários botões tais como, o “Apagar” e o “Guardar” que
permite o utilizador conseguir manipular o evento que criou ou o evento que irá criar.
Esta página demonstra o horário normal que qualquer estudante possui, conseguindo
adicionar novos eventos em qualquer hora do dia ou da semana que o utilizador escolher.
Figura 4 - Horário
Figura 5 - Edição evento
13
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Na página seguinte, ou seja, na página de testes é onde se introduz os futuros testes que o
utilizador queira introduzir. O utilizador poderá introduzir o nome do evento, a disciplina e a
sua descrição.
Figura 6 - Adicionar um novo teste
Figura 7 - Calendário testes
14
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Nesta última página onde é apresentado os trabalhos é o local onde o utilizador pode marcar
trabalhos e manter a sua agenda organizada.
Figura 8 - Calendário trabalhos
Figura 9 - Edição evento
15
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Aplicação Android
A aplicação android foi iniciada no mês de outubro de 2017, desenvolvida no android studio,
tem como principal funcionalidade a gestão de todos dos eventos criados através da
plataforma web.
Numa primeira fase analisamos possíveis alternativas ao android sutdio, como por exemplo, o
visual studio, pois instalando um componente chamado “Xamarin” seria possível desenvolver
aplicações android baseados em c# e XML. Acabamos por tomar a decisão de usar o android
studio pois o próprio ambiente foi criado desde o início para o desenvolvimento deste tipo de
aplicações enquanto que o vistual studio precisa de um complemento que permite o
desenvolvimento.
Após esta escolha iniciamos a criação de todas as páginas que compõem a aplicação (página
de login, página inicial, página dos horários, página de testes e trabalhos), tomando sempre
em conta todos os campos que fazem parte do nosso esquema de base de dados.
Para o próximo passo do nosso projeto da aplicação iniciamos a criação de uma reflection
class (é uma classe em java que reporta todos os valores, assim a manipulação de dados não
pode alterar dados da base de dados em todas as variáveis, apenas se consegue manipular este
tipo de varíaveis através de funções), um pequeno exemplo dessa classe:
Figura 10 - User reflection class
16
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Esta classe serve para manipular todas as funções de consulta e inserção de dados no sistema
de calendários e no sistema de utilizadores.
Com esta classe conseguimos unir o design com os dados recebidos da base de dados da
versão web, de uma forma mais simples e com menos delay ao abrir e carregar os dados,
graças ao sistema de cache de variáveis.
Para a criação das listagens para o visionamento dos dados, criamos um custum layout view
para criar um conjunto de objetos que se irão repetir a cada registo.
Figura 11 - Layout da listagem de eventos
Assim, a cada registo criado na base de dados a aplicação irá repetir introduzindo os dados
recebidos da base de dados.
17
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Figura 12 - Lista de testes na aplicação android
Este método foi utilizado nos 3 tipos de calendários (para o hórario, para os testes e para os
trabalhos).
Esta página premite ver e apagar os eventos já criados.
Para a criação de eventos basta clicar no icone no canto inferior direito que abre a página de
introdução.
18
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Figura 13 - Adicionar um novo evento (Testes)
A página de introdução de eventos filtra todas as disciplinas criadas de cada utilizador,
facilitando a criação e a intregridade dos dados.
Na página principal da aplicação é mostrado todos os eventos de uma forma generalizada com
o número total de testes e trabalhos e os próximos eventos de cada tipo (testes e trabalhos).
19
Escola Básica e Secundária de Salvaterra de Magos
Desenvolvimento
Figura 14 - Página Inicial (Dashboard)
20
Escola Básica e Secundária de Salvaterra de Magos
Conclusão
Tendo em conta que a Prova de Aptidão Profissional é a etapa mais importante do curso e o
instrumento de avaliação final que determina a conclusão do 12º ano de escolaridade, é altura
de darmos o nosso melhor e aplicarmos todos os conteúdos que fomos aprendendo ao longo
destes três anos.
Após vários meses de trabalho árduo, desenvolvemos este projeto com motivação e
dedicação, tentando sempre não deixar para trás pequenos detalhes.
Inicialmente, tivemos várias ideias mas acabamos por ficar na primeira devido a encontrarmo-
-nos sempre desorganizados em relação a tarefas e agendamentos. De seguida tivemos
também algum tempo a tentar conceber o melhor nome para o projeto, sendo que acabará por
ficar e-agenda.
Ao longo deste projeto tivemos a perceção de como é preciso muita dedicação, força de
vontade e principalmente empenho para a sua construção. Embora tenhamos tido várias
discussões e algumas diferenças de opiniões, consideramos que o produto final deste projeto
foi o pretendido.
21
Escola Básica e Secundária de Salvaterra de Magos
Referências bibliográficas
Android Developers
https://developer.android.com/samples/
Fullcalendar
https://fullcalendar.io/docs
Laravel
https://laravel.com/docs/5.6/installation
Stack Overflow
https://stackoverflow.com/questions/18612588/how-do-i-export-an-android-studio-project
https://stackoverflow.com/questions/24784871/how-to-mysql-jdbc-driver-to-android-studio
https://stackoverflow.com/questions/17054000/cannot-resolve-symbol-r-in-android-studio
https://stackoverflow.com/questions/1915166/how-to-get-the-insert-id-in-jdbc
https://stackoverflow.com/questions/28862622/jquery-fullcalendar-default-background-and-
text-for-available-timeslots-in-age
https://stackoverflow.com/questions/29072645/fullcalendar-open-bootstrap-modal-on-
dayclick
Youtube
https://www.youtube.com/watch?v=a_Ap6T4RlYU