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


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


Í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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Desenvolvimento

Figura 14 - Página Inicial (Dashboard)

20


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


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

https://developer.android.com/samples/

https://fullcalendar.io/docs

https://laravel.com/docs/5.6/installation

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/28862622/jquery-fullcalendar-default-background-and-text-for-available-timeslots-in-age

https://stackoverflow.com/questions/29072645/fullcalendar-open-bootstrap-modal-on-dayclick

https://stackoverflow.com/questions/29072645/fullcalendar-open-bootstrap-modal-on-dayclick

https://www.youtube.com/watch?v=a_Ap6T4RlYU

escola básica e secundária de salvaterra de magos...

Documents