Escola Básica e Secundária de Salvaterra de Magos. RELATÓRIO CRÍTICO Prova de Aptidão Profissional

Transcrição

1 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

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

3 Índice Agradecimentos... 4 Resumo... 5 Introdução... 6 Objetivos Programas Utilizados... 8 Linguagens de Programação... 9 Framework Nome e Logótipo do projeto Front Office Back Office Aplicação Android Conclusão Referências Bibliográficas

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. 4

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. 5

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. 6

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. 7

8 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. 8

9 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. 9

10 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 Figura 1- Logótipo 10

11 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 11

12 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 12

13 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 13

14 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 14

15 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 15

16 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. 16

17 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. 17

18 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). 18

19 Figura 14 - Página Inicial (Dashboard) 19

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. 20

21 Referências bibliográficas Android Developers Fullcalendar Laravel Stack Overflow Youtube 21