Curso secundário com planos próprios Informática e Tecnologias Multimédia 12.º Ano Relatório da Prova de Aptidão Profissional MovieSN Trabalho apresentado no Colégio de Gaia com vista à defesa da Prova de Aptidão Profissional no Curso de Informática e Tecnologias Multimédia: Gabriel Melo Ribeiro Sob Orientação de: Hélder Vasco da Costa Monteiro do Couto Vila Nova de Gaia, julho de 2021 Dedicatória Dedico este trabalho à minha família que sempre me apoiou em todas as decisões e dificuldades e também aos professores que me ajudaram muito na realização do mesmo. -i- Agradecimentos Não posso deixar de agradecer a algumas das muitas pessoas que me ajudaram e me motivaram, direta ou indiretamente, na realização deste projeto como a minha turma, os meus professores, a minha família e os membros do meu local de estágio. - ii - Sumário Com este projeto, procuro criar um website focado na partilha de opiniões e “reviews” sobre os filmes mais recentes do mundo do cinema. O público-alvo será obviamente amantes de filmes e séries e o site será baseado numa espécie de rede social onde se pode ter um perfil, enviar mensagens e adicionar amigos. Misturado com a parte da rede social, terá uma galeria de filmes onde as pessoas podem deixar opiniões e classificações sobre um filme da sua escolha, também podendo discutir em direto no chat geral. - iii - Abstract In this project, I try to create a website focused on sharing opinions and reviews about the latest movies in the world of cinema. The target audience will obviously be movie and show lovers and the site will be based on a kind of social network where you can have a profile, send messages, and add friends. Mixed with the social network part, it will have a movie gallery where people can leave opinions and ratings about a movie of their choice, also being able to discuss in the live chat. - iv - Índice Geral Dedicatória ............................................................................................................. i Agradecimentos .................................................................................................... ii Sumário ................................................................................................................ iii Abstract ................................................................................................................ iv Índice Geral .......................................................................................................... v Índice fíguras .................................................................................................... v Índice tabelas .................................................................................................... v Desenvolvimento .................................................................................................. 1 Referências bibliográficas .................................................................................. 16 Anexos ................................................................................................................ 17 Índice figuras Índice tabelas -v- Desenvolvimento Introdução No desenvolvimento deste relatório, foquei-me em transmitir a minha experiência e dificuldades durante todo o desenvolvimento do meu projeto e também como ultrapassei e me comportei perante as dificuldades e tarefas pedidas. -1- Identificação da instituição de ensino O Colégio de Gaia é uma escola que atualmente está sob a direção do Sr. Pe. António Manuel Barbosa Ferreira e que possui um projeto educativo próprio com níveis de ensino desde os 3 anos até ao 12º ano de escolaridade. Historial do colégio Em 1933, na “Quinta do Trancoso”, nascia o Colégio Externato de Gaia por iniciativa do então Bispo do Porto, D. António Meireles. Localizada na freguesia de Mafamude, Vila Nova de Gaia, a referida Quinta foi doada à Diocese do Porto por D. Maria Margarida Guimarães e Silva. Em 1934 foi concedido alvará de funcionamento ao Colégio Externato de Gaia – hoje Colégio de Gaia – sendo nomeado para diretor o Sr. Pe. Nédio de Sousa. Nas décadas de 1960 e 1970 assistiu-se a uma significativa expansão das instalações, transformando o Colégio de Gaia no maior Colégio do país ao nível de instalações escolares e desportivas e de espaços exteriores, situação esta que se mantém até aos dias de hoje. Figura 1 - Colégio de Gaia -2- Descrição do curso O Colégio de Gaia é casa para um total de treze cursos diferentes de ensino secundário. No meu caso, Informática e Tecnologias Multimédia foi a escolha e este é um curso com enorme qualificação para execução de funções no âmbito da multimédia e informática como por exemplo, desenvolvimento, conceção, comercialização, manutenção de software; manutenção e comercialização de equipamentos informáticos; instalação, reparação e manutenção de redes informáticas, introduzindo modificações e operações de acertos; criação e manutenção de bases de dados; desenvolvimento de produtos multimédia; criação de páginas Web e design e desenvolvimento de jogos informáticos; desenvolvimento de aplicações para dispositivos móveis, instalação e operação com sistemas operativos móveis. Figura 2 - Informática e Tecnologias Multimédia Saídas Profissionais Exercer atividades em empresas especializadas na conceção, desenvolvimento e instalação de software, aplicações para dispositivos móveis e sistemas operativos; departamentos de informática; empresas de comercialização e/ou manutenção de programas e equipamentos informáticos; empresas de instalação, reparação e manutenção de redes informáticas; empresas de desenvolvimento de produtos multimédia, outras empresas ou entidades do setor público ou privado, com funções nestas áreas. -3- Prosseguimento de estudos O curso habilita os alunos a prosseguirem estudos em cursos superiores como: • Engenharia Informática; • Engenharia de Sistemas de Informação; • Engenharia Eletrotécnica e de Computadores; • Engenharia de Sistemas; • Engenharia e Desenvolvimento de Jogos Digitais; • Informática de Gestão; • Informática, Redes e Multimédia; • Tecnologias de Informação e Multimédia; • Design de Jogos Digitais; • (Outros cursos da área da Tecnologia e Ciência); Podem, também, ingressar num Curso Técnico Superior Profissional (CTeSP) ou num Curso de Especialização Tecnológica (CET). Matriz curricular Os alunos são sujeitos a disciplinas de formação geral, científica e tecnológica, quanto às da formação geral, estas como está no nome são bastante gerais mas ajudaramme bastante no desenvolvimento deste relatório. Figura 3 - Disciplinas da Formação Geral Quanto à formação científica, Matemática A e Fisíca e Química A estão presentes como na maioria dos cursos tecnológicos -4- Figura 4 - Disciplinas da Formação Científica Finalmente, na Formação Tecnológica temos as disciplinas mais práticas e que mais, no meu caso, me ajudaram na realização deste projeto. Figura 5 - Displicinas da Formação Tecnológica • Moral, Ética e Deontologia: Disciplina focada na filosofia moral e na ética; • Aplicações Informáticas: Ensinamentos sobre aplicações informáticas e multimédia tal como o Word, Excel, Photoshop, Powerpoint etc. Ajudou-me principalmente no desenvolvimento deste relatório e no design do logo do meu website ao dar-me os conhecimentos corretos em Word e Photoshop. • Fundamentos e Arquitetura de Computadores: Principalmente focada em arquitetura de computadores e redes recorrendo ao uso por exemplo da aplicação Cisco Packet Tracer. No meu caso, não se provou muito útil no meu projeto devido ao tema do mesmo. • Técnicas de Programação: Foca-se na programação em consola ou de Windows Forms nas linguagens de Visual Basic e C# através da aplicação Visual Studio. No desenvolvimento do meu -5- projeto, ajudou-me com as bases de programação embora não tenham sido as linguagens utilizadas no meu projeto. • Implementação e Exploração de Bases de Dados: Como referido no nome, esta disciplina é focada no desenvolvimento de bases de dados e na linguagem de programação em SQL com o uso do SGBD Access. Esta foi essencial para o desenvolvimento do meu website pois grande parte do mesmo é bases de dados. • Programação Internet: Disciplina que enfatiza a programação de páginas web através das linguagens CSS, PHP e HTML com o uso da aplicação Visual Studio Code. Outra disciplina essencial para o desenvolvimento do meu projeto, pois me ensinou tudo o que precisava saber para a criação da minha página Web do MovieSN. • Tecnologias e Desenvolvimento Multimédia: Principalmente focada na gestão de projetos e desenvolvimento de jogos digitais tendo-me auxiliado consideravelmente na gestão da minha PAP e dos objetivos que estão inseridos nesta. • Projeto Tecnológico: Usada para gerir a Formação em Contexto de Trabalho e para o desenvolvimento e dúvidas sobre a PAP. -6- Projeto Título O título dado ao meu projeto foi MovieSN, originado de Movie Social Network. Com este título tentei focar-me num nome simples, facilmente relembrado e que seja imediatamente também facilmente associado ao tipo de website e às funcionalidades neste presentes. Tema Quanto ao tema deste projeto, este é uma página web de “review” de filmes e séries interligado com uma rede social. Este tema é muito requisitado e utilizado nos dias de hoje por todo o tipo de pessoas à volta do mundo. Objetivos O objetivo principal da minha PAP é criar um website funcional e de simples utilização para todo o tipo de utilizadores, experiente ou inexperiente. Este website facilitara a vida de amantes de filmes que procuram filmes para ver mas também amigos e pessoas para discutirem os filmes que estes já visualizaram. Procuro colocar todas as funcionalidades necessárias para a boa utilização deste, desde adicionar e avaliar filmes, criar conta, adicionar e falar com amigos e também discutir no chat geral. -7- Estudo do mercado A área escolhida para realização deste projeto é uma área bastante concorrida com websites como IMDb, Letterboxd e Rotten Tomatoes a dominar, mas embora similares todas têm os seus fortes e fracos tal como o MovieSN que adiciona funcionalidades que nenhum tem mas que também uns possuem e os outros não tendo me focado em fazer algo mais simples mas muito focado na comunicação entre utilizadores. Quanto ao IMDb, este é sem sombra de dúvida o website dominante na área com cerca de 500 milhões de Figura 6 - Logótipo do IMDb utilizadores presentes no site mensalmente. Este destaca-se principalmente na área de “review” de filmes e informações sobre estes, distanciando-se da parte da rede social, sendo possível criar conta mas não possibilitando mensagens privadas, nem grande costumização do perfil. Similar ao IMDb, também mais focado nos filmes e não na parte da rede social temos o Rotten Tomatoes que Figura 7 - Logótipo do Rotten Tomatoes possui menos funcionalidades que este, ficando abaixo em termos de usabilidade e fama. A fazer maior concorrência ao MovieSN temos de Figura 8 - Logótipo do Letterboxd facto o Letterboxd focado na “review” de filmes mas também bastante focado na parte de rede social através de chats de discussão e possibilidade de seguir outros utilizadores para visualizar as suas reviews e opiniões. Concluindo, todos estes são bastantes parecidos, com diferenças mínimas e algumas até mais significativas e o MovieSN penso que se encaixa bem aqui através da adição das mensagens privadas entre utilizadorese do chat geral em direto da página inicial e também de um website não tão poluído e com uma comunidade mais pequena e “caseira”. -8- Análise SWOT Para enfatizar o o estudo do mercado também realizei uma análise SWOT do meu projeto. Uma análise SWOT é uma ferramento de planeamento estratégico que faz uma avaliação global das forças, fraquezas, oportunidades e ameaças de um projeto (em inglês: strenghts, weaknesses, opportunities, threats). Figura 9 - Análise SWOT Forças: • Entendimento forte do tema de trabalho; • Única rede social de filmes totalmente portuguesa; • Website sem anúncios; • Funcionalidades novas e diferentes de qualquer tipo de serviço; • Muitas horas de trabalho para trabalhar no projeto; • Mercado da área com uma dimensão enorme; -9- Oportunidades: • Expandir para maiores mercados e países estrangeiros; • Patrocínios com produtoras e serviços de streaming de filmes; • Adicionar reviews do maior número de filmes possíveis, tanto da parte de administradores como dos utilizadores; • Expandir para reviews e descrição de jogos, em vez de só filmes e séries; • Criar um serviço premium pago com funcionalidades extras; Fraquezas: • Conhecimento mediano das aplicações e áreas de trabalho; • Website apenas realizado por um programador; • Será lançado com um número baixo de séries e filmes; • Nome de marca não reconhecido na área; • Empresa sem presença física; Ameaças: • Competitividade alta na área (IMDB, Filmow, Letterboxd); • Área repleta de direitos de autor e copyright; • Número de espectadores em Portugal diminuiu consideravelmente em Portugal; • Presença de outros focos de trabalho; - 10 - Fundamentação para a escolha Decidi escolher este projeto pois o desenvolvimento de páginas web é uma das minhas principais áreas de interesse na informática e também sempre fui muito ligado ao mundo do cinema sendo do meu interesse realizar um website ligado a um tema que me agrade. Devido à minha ligação ao mundo do cinema também sempre fui utilizador de websites como IMDb e penso que a minha experiência na utilização deste me auxilie a criar um website que melhora coisas que eu próprio não gostava durante a utilização do mesmo. Descrição das Funcionalidades O website possui uma funcionalidade de criar conta, ou apenas entrar como um convidado. Caso entrar como convidado, não poderá aceder a muitas das funcionalidades deste, tal como adicionar amigos e fazer “reviews”, para isso terá que criar uma conta, mas na página inicial terá vísivel as notícias, os filmes a estrear e o chat geral em direto tal como os utilizadores com conta criada. Com uma conta criada, todas as funcionalidades ficarão disponíveis como adicionar e falar com amigos na aba de “Amigos”, criar e costumizar o seu perfil e poderá ir à galeria procurar filmes e ver todas as informações sobre os filmes e séries desejados e depois deixar uma avaliação com um comentário. No topo da página terá o menu e a barra de pesquisa, quanto ao menu este terá as funcionalidades acima referidas e também páginas sobre por exemplo os “Top 100 Filmes”. - 11 - Ferramentas necessárias ao desenvolvimento Para o desenvolvimento deste projeto foram necessárias uma série de aplicações que passo a citar: • Visual Studio Code: O Visual Studio Code (conhecido como VSCode) é um editor de código-fonte aberto gratuito disponibilizado pela Microsoft. Embora seja relativamente leve, este possui funcionalidades poderosas que o tornaram uma das ferramentas de desenvolvimento mais utilizadas no momento. A utilização desta foi essencial ao desenvolvimento do meu projeto pois foi onde toda a página Web e as suas funcionalidades foram desenvolvidas através das linguagens Figura 10 - Logótipo do VS Code PHP, HTML, CSS e JavaScript. • phpMyAdmin: phpMyAdmin é uma ferramenta de software livre e scrita em PHP que se destina a lidar com a administração de um servidor de base de dados MySQL ou MariaDB. É possível usar o phpMyAdmin para executar a maioria das tarefas de administração, incluindo a criação de uma base de dados, a execução de consultas e a Figura 11 - Logótipo do phpMyAdmin adição de contas de utilizadores. A utilização desta também se provou essencial ao desenvolvimento do meu projeto pois é onde está localizada toda a base de dados da página web com todas as informações sobre utilizadores, filmes e também para o design da página. • Adobe Photoshop: O Adobe Photoshop é um software de edição de imagem criado pela Adobe Systems. É amplamente utilizado por fotógrafos por ser um dos mais completos programas disponíveis no mercado. Foi utilizada no desenvolvimento do meu projeto para o design do logótipo desta e para certos objetos presentes na interface do website. - 12 - Figura 12 - Logótipo do Adobe Photoshop Modelação de dados A modelação de dados é das partes mais importantes no desenvolvimento de qualquer projeto e por isso apresento aqui a modelação de dados do meu projeto dividida nos três modelos: modelo conceptual, modelo lógico e modelo físico. Modelo Conceptual No modelo conceptual é apresentado o diagrama de classes com todas as entidades principais e as ligações entre estas. Figura 13 - Modelo Conceptual do MovieSN - 13 - Modelo Lógico O modelo lógico é um modelo que apresenta maior detalhe dos diagramas elaborados anteriormente no modelo conceptual, tem de estar de acordo com o modelo relacional de bases de dados e já deve explicitar todos os atributos de cada entidade também como o atributo que funcionará como chave primária. No caso do MovieSN, a relação entre Filmes e Atores é do tipo M:M pois um Filme pode ter vários atores e um Ator pode estar presente em vários Filmes algo que os SGBDs não permitem, logo também no modelo lógico é criada a relação Ator_Filme para transformar esta relação em duas do tipo 1:M. Figura 14 - Modelo Lógico do MovieSN - 14 - Modelo Físico Finalmente no modelo físico, as entidades são transformadas em tabelas e são atríbuidas as chaves estrangeiras sendo a classe de associação Ator_Filme transformada numa tabela. Figura 15 - Modelo Físico do MovieSN - 15 - Referências bibliográficas Ver página 12 – Na lista de referências. Analisar também o ponto j) Referências bibliográficas, para perceber como são realizadas essas citações, ao longo do relatório. - 16 - Anexos devem ser incluídos diversos documentos recolhidos e criados ao longo do trabalho, como, por exemplo questionários ou entrevistas. - 17 - - 18 -