42
Escola Básica e Secundária de Salvaterra de Magos RELATÓRIO CRÍTICO Prova de Aptidão Profissional João Alexandre Estácio Dias Curso Profissional Técnico de Multimédia 12ºJ Nº7 Salvaterra de Magos Junho de 2018

RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

  • Upload
    vothien

  • View
    212

  • Download
    0

Embed Size (px)

Citation preview

Page 1: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

RELATÓRIO CRÍTICO

Prova de Aptidão Profissional

João Alexandre Estácio Dias

Curso Profissional Técnico de Multimédia

12ºJ Nº7

Salvaterra de Magos

Junho de 2018

Page 2: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

João Alexandre Estácio Dias

Curso Profissional Técnico de Multimédia

12ºJ Nº7

SUMÁRIO

Relatório das atividades do Projeto World Dawn ,

desenvolvido como requisito parcial dos módulos

curriculares, supervisionado pela Professora Maria João

Lucas e Professor Patrício Oliveira, no curso Profissional

Técnico de Multimédia.

Salvaterra de Magos

Junho de 2018

Page 3: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

A G R A D E C I M E N T O S

Gostaria de agradecer às diversas pessoas que estiveram presentes e que me ajudaram

no desenvolvimento deste projeto.

Primeiramente, agradeço a todos os professores que estiveram comigo durante o

decorrer dos anos, por me fornecerem o conhecimento necessário para superar os meus

desafios, contudo, agradeço principalmente ao professor Paulo Pereira por me ter

ajudado com os cálculos que tive de realizar para este projeto, às professoras Maria João

Lucas e Sandra Teixeira que me ajudaram na concretização do relatório, à professora

Mónica Nóbrega por me ter ajudado com as minhas dificuldades a Inglês e ao professor

Patrício Oliveira que, apesar de eu apresentar alguma renitência em realizar certas

tarefas, sempre me incentivou a continuar, a nunca desistir e a fazer o meu melhor,

mesmo nos momentos em que sentia que iria falhar e por essas razões irei sempre

lembrar-me dele.

Agradeço também aos meus colegas por me terem apoiado no decorrer destes anos e

por me darem a sua opinião sempre que precisei. Agradeço principalmente ao meu

colega Tiago Guiomar por me ter ajudado com certos problemas que me deparei no

desenvolvimento do website.

Tenho de agradecer também aos meus amigos mais próximos por me animarem e

estarem perto de mim nos momentos mais tensos e complicados e, para além disso, por

me fornecerem ideias para o enredo do jogo.

E, finalmente, mas não menos importante, tenho de agradecer à minha família que me

apoiou desde que nasci e que me tornaram na pessoa que sou agora, mas agradeço

principalmente ao meu pai que, com muitos sacrifícios, me ajudou sempre que precisei.

Page 4: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

R E S U M O

Este relatório alude a um projeto inserido na Prova de Aptidão Profissional (P.A.P.)

realizada no âmbito do Curso Profissional de Técnico de Multimédia, onde se refere

detalhadamente o percurso de desenvolvimento do projeto, desde a conceção da ideia

inicial à planificação das tarefas e finalmente à conclusão do projeto. Neste caso, o

projeto refere-se à criação dos componentes constituintes de um jogo e um website

sobre esses constituintes, e portanto, relata-se todo o processo técnico e gráfico que

incorpora o mesmo. Desde a origem da ideia, até à descrição das personagens e dos

programas usados, até à metodologia de criação de cada componente.

Page 5: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

A B S T R A C T

This report alludes to a project inserted into a Professional Competence Assessment

(PCA) held within the framework of the professional course of Multimedia technician

where the course of development of the project is referred since the initial idea

conception to the planning of tasks and finally the conclusion of the project. In this case,

the project refers to the creation of the constituent components of a game and a website

about those constituents, and therefore, all the graphic and technical process that

incorporates the same. Since the genesis of the idea, to the description of characters and

the programs used to the creation methodology of each component.

Page 6: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Í N D I C E

Introdução ..................................................................................................................................... 5

Desenvolvimento ........................................................................................................................... 7

Pesquisa ..................................................................................................................................... 7

Anteprojeto ............................................................................................................................... 7

Gantt Project ............................................................................................................................. 7

Jogo ........................................................................................................................................... 8

Conceção ............................................................................................................................... 8

Execução .............................................................................................................................. 10

Website ................................................................................................................................... 16

Conceção ............................................................................................................................. 16

Execução .............................................................................................................................. 16

Conclusão .................................................................................................................................... 20

Bibliografia ................................................................................................................................... 21

Í N D I C E D E I M A G E N S

Figura 1 - Introdução dos Conteudos .......................................................................................... 11

Figura 2 - Criação do Mapa .......................................................................................................... 12

Figura 3 - Produto Final da Criação dos Equipamentos ............................................................... 13

Figura 4 - Imagem Original .......................................................................................................... 14

Figura 5 - Produto Final ............................................................................................................... 14

Figura 6 - Mapa Inicial ................................................................................................................. 15

Figura 7 - Mapa Final ................................................................................................................... 15

Figura 8 - Design Antigo ............................................................................................................... 17

Figura 9 - Design Novo ................................................................................................................. 17

Figura 10 - Página Inicial do Backend .......................................................................................... 19

Page 7: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

5

I N T R O D U Ç Ã O

Este relatório refere-se a um projeto inserido na Prova de Aptidão Profissional,

realizada no âmbito do Curso profissional de Técnico de Multimédia, tendo

como enfoque a criação dos vários componentes de um jogo de computador e de um

website de apoio complementar ao jogo.

O conceito subjacente às minhas escolhas e temática, surgiu há algum tempo devido ao

meu interesse pessoal e envolvimento profundo com vídeo jogos, para além da minha

apetência pelo desenvolvimento futuro a nível profissional por esta área específica da

informática, onde consigo incluir todos os meus conhecimentos de multimédia. Para

além desse facto, desenvolvi e aprofundei os conhecimentos, que iriam ser necessários

para o desenvolvimento das tarefas em mão.

Na concretização das atividades implícitas à realização do jogo, aplicámos diversos

conteúdos lecionados ao longo dos três anos do curso e, visto ter desenvolvido

capacidades de desenho básicas, fui capaz de criar conteúdos originais e com temáticas

diversificadas envolvendo maioritariamente os quatro elementos da natureza (Fogo,

Água, Terra e Ar), sendo a inclusão da eletricidade enquanto elemento, decisão criativa

por mim desenvolvida.

Na realização do website fui capaz de albergar alguns dos conhecimentos, para além

daqueles adquiridos no decorrer dos anos e adquiridos na formação em contexto de

trabalho (F.C.T.) que realizei no 11º Ano, ou mais concretamente, o conhecimento

sobre o funcionamento da Framework Laravel.

A narrativa lúdica do jogo centra-se num grupo de amigos, que por razão desconhecida

são transportados para um mundo desconhecido, onde existem elementos mágicos, tais

como feitiços e criaturas mitológicas. O grupo tenta sobreviver naquele mundo, e como

consequência, cada personagem acaba por ficar mais forte ao longo das diferentes

etapas que vão superando, nomeadamente, desenvolvendo habilidades distintas, tais

Page 8: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

6

como, instinto de sobrevivência, espírito de equipa e proficiência com o uso de

diferentes armamentos e soluções de defesa, e aprendendo a utilizar magias, enquanto

tentam retornar ao seu mundo.

No entanto, o grupo acaba por encontrar dificuldades que os impedem de prosseguir

com a sua missão, tais como, seres que querem a sua destruição ou simples obstáculos

ambientais. Todavia, devido a essas dificuldades acabam por encontrar indivíduos com

os quais desenvolvem relações de amizade.

O objetivo principal do jogo é envolver o usuário num ambiente lúdico de modo a que

este possa descontrair e abstrair-se dos problemas do quotidiano, como se

experienciasse uma realidade lúdica paralela. O website, tendo um design apelativo e

uma lógica intuitiva, possibilitando a aquisição de informação adicional do jogo com

facilidade e permitindo um aprofundamento e desenvolvimento da relação entre o jogo

e o gamer. Além disso, pretendo demonstrar que podemos usar os jogos para fortalecer

e explorar sentimentos como solidariedade, amizade, união, companheirismo e trabalho

em equipa.

Page 9: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

7

D E S E N V O L V I M E N T O

P E S Q U I S A

Utilizando como método de trabalho a metodologia projetual e considerando a ideia da

concretização de um jogo e de um website, dirigiram-se as pesquisas para conceitos

relacionados com essa temática, tais como: tipologias de jogo, denominação dos vários

componentes, linguagens de programação disponíveis, exemplos de websites, entre

outros.

A N T E P R O J E T O

Na execução do anteprojeto mencionou-se o tema do mesmo, que consiste na criação

dos componentes de um jogo, de um website complementar, uma descrição sumária do

projeto e os objetivos a alcançar. De seguida, a proposta foi dirigida para o Conselho

Pedagógico do Agrupamento para ser avaliado e posteriormente aprovado (cf Anexo 1).

G A N T T P R O J E C T

O Gantt Project é uma ferramenta de organização e calendarização de tarefas, ou seja,

possibilita a organização das atividades a desenvolver, aplicando-lhes um prazo limite à

sua realização. Para além disso, permite a divisão e alocação dessas tarefas pelos

diversos membros do grupo (caso existam).

Neste sentido, realizou-se um Gantt Project onde foram planificadas e organizadas

todas as tarefas do projeto (cf Anexo 2).

Visto que este apoio foi realizado no início do projeto, verificou-se alguma discrepância

na calendarização das tarefas, ou seja, dada a complexidade das atividades ou

dificuldades inesperadas, surgiram situações onde o tempo limite não foi cumprido.

Contudo, foram desenvolvidos esforços para superar esses obstáculos de modo a inibir

tais discrepâncias.

Page 10: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

8

J O G O

C O N C E Ç Ã O

A ideia por detrás da história do projeto surgiu há cerca de 4 anos. Na altura era algo

pequeno, um pequeno conto, no entanto, conforme o tempo foi passando, a pequena

ideia transformou-se num plano e de seguida, num projeto ambicioso.

Como descrito acima, a narrativa concentra-se num grupo de amigos que são

transportados para um ambiente desconhecido, onde existem elementos mágicos,

feitiços e criaturas mitológicas. Neste mundo, o grupo terá de atravessar diversos

ambientes, desde vastas planícies a extensos oceanos ou de elevadas montanhas a

profundos precipícios, passando também por diversas aldeias e cidades, cada uma com

características distintas.

No decorrer da narrativa, as personagens irão encontrar uma extensa diversidade de

situações, umas boas e outras más, ora fantásticas ora estranhas, algumas perigosas e

outras mortais. Regista-se, por exemplo, a chegada das personagens àquele mundo onde

elas se sentiriam desorientadas, ou o confronto do grupo com um inimigo poderoso que

faria com que as personagens sentissem medo ou desconforto.

Inicialmente, o grupo é formado por 3 elementos do género masculino e 2 elementos do

género feminino sendo os seus nomes respetivamente, John, Louis, Fabian, Sara e

Anna, e no decorrer da história irá juntar-se uma sexta personagem com o nome de

Shadow. Cada uma delas tem características próprias:

John é um guerreiro, especializado em combate com espadas e sacrifica

qualquer tipo de defesa de modo a obter o máximo de velocidade e dano, ele

está ligado ao elemento da eletricidade, o que lhe permite exceder os seus

limites e aniquilar os seus inimigos com relâmpagos. Apesar de preferir lutar

sozinho, ele é quem se preocupa mais com o bem-estar dos seus amigos e

companheiros fazendo tudo para que eles fiquem bem.

Louis especializou-se em combate desarmado, tendo-se tornado num género

de pugilista, ele é uma personagem que adora um bom desafio e quanto mais

Page 11: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

9

forte for o inimigo, mais ele se esforça. O Louis é capaz de controlar o fogo,

sendo capaz de criar uma capa de chamas que o protege de dano ou até

lançar labaredas, com temperaturas altas o suficiente para derreter pedra.

Fabian tem a capacidade de controlar com grande facilidade, tudo o que seja

relacionado com a terra, incluindo metais, ele focou-se em melhorar as suas

defesas, tornando-se no escudo humano da equipa capaz de encurralar os

inimigos com espessas paredes de pedra. A única arma que ele possui é um

cabo longo, com um pedaço de metal na ponta, o qual pode mudar a forma

dependendo da situação. O grupo costuma chamá-lo de Boulder

(Calhau),devido à sua inteligência ser semelhante a uma pedra.

Sara, no início da história, era muito insegura das suas capacidades, mas

tendo uma aptidão alta para o uso de magias, ela rapidamente se tornou na

feiticeira do grupo, tendo-se focado em magias de cura e, controlando o

elemento da água, ela tem também um grande potencial ofensivo podendo

criar tsunamis enormes ou, se possível, controlar o sangue do inimigo.

Anna é a arqueira da equipa e especializou-se em ser capaz de atingir vários

alvos a longas distâncias. O facto de possuir o controlo sobre o ar, permite-

lhe aumentar a distância dos seus projéteis, criar tornados e gerar vácuos.

Semelhante a Sara, também ela, no início da história, estava incerta das suas

capacidades, para além que, ela nunca tinha manuseado um arco e flecha.

Shadow começou por ser um inimigo do grupo e originalmente um dos

Demon Lords, no entanto, foi atraiçoado por um dos seus camaradas e

decidiu juntar-se ao grupo. Ele é capaz de controlar as sombras e os mortos,

incluindo os de outros mundos, permitindo-lhe aumentar o seu poder e

conjurar uma diversidade enorme de criaturas malignas. A sua arma de

escolha é uma foice de duas pontas.

No início da narrativa, o grupo não é capaz de utilizar qualquer tipo de magia, sendo ela

desbloqueada posteriormente, quando o grupo encontra um ovo estranho, o qual

decidem levar até ao acampamento para analisar, não conseguindo descobrir a origem

do ovo decidem esperar até que choque, o que acontece na noite desse mesmo dia. O

ovo choca e eclode um pequeno dragão que, mesmo pequeno, era mais poderoso que o

Page 12: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

10

grupo inteiro, pressentindo tal discrepância de poder e a necessidade da ajuda do grupo

para sobreviver, o dragão, em tom de agradecimento, decide dividir o seu poder pelo

grupo atribuindo a cada membro do grupo um elemento diferente (referido acima).

No decorrer da história cada personagem irá ter uma gama alargada de equipamento que

podem adquirir, no entanto, e para o final da narrativa, o grupo acaba por decidir criar

as suas armas e armaduras definitivas com a temática de cada um dos seus elementos.

Tendo em conta os elementos supracitados foi decidida a utilização dos programas RPG

MAKER MV, MyPaint, Photoshop e Microsoft Excel para e execução dos elementos do

jogo, visto exibirem uma facilidade no seu uso e o facto de materializarem todas as

necessidades pedidas.

E X E C U Ç Ã O T É C N I C A

Tendo em conta a narrativa, começou-se por refletir sobre que tipo de jogo é que se iria

criar. Acabou-se por se decidir a criação de um JRPG, ou seja, um jogo semelhante aos

RPGs de mesa, tais como Dungeon&Dragons, onde o foco se encontra na história e o

visual das personagens é baseado em animes/mangá.

Tendo em conta os elementos presentes neste tipo de jogos, tais como, as classes (a

função da personagem), os/as spells/skills (feitiços/habilidades), os states (efeitos

dos/das feitiços/habilidades), o equipamento que é possível encontrar e os parâmetros

de cada personagem dependendo da class/nível, ou seja, quantidade de vida (HP),

quantidade de mana (MP, recurso necessário para o uso de feitiços/habilidades), ataque

(ATK), ataque mágico (MAT), defesa (DEF), defesa mágica (MDEF) e agilidade

(AGI), criou-se um documento Excel de modo a organizar a informação a ser criada (cf

Anexo: 3).

Após a criação do documento anteriormente referido, ponderou-se quais as

funcionalidades/características que o jogador poderia encontrar no decorrer do jogo.

Concluiu-se assim, que haveria a demonstração do corpo das personagens em ocasiões

de fala, mais precisamente, a representação da figura da cintura para cima (plano

americano), a presença de imagens pormenorizadas de cada objeto adquirido, ambientes

Page 13: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

11

pormenorizados, o uso de cálculos complexos para o cálculo dos parâmetros das

personagens, entre outras.

Tendo em conta as opções escolhidas, e as limitações do programa RPG MAKER MV,

foi realizada uma pesquisa que proporcionasse o entendimento necessário à criação de

tais opções. Deste modo optou-se por Plug-ins (extras) que permitiram a criação de

todas elas com relativa facilidade.

De seguida, e depois da aquisição dos extras, passou-se à organização e configuração

dos mesmos, de modo a que estes tivessem o melhor desempenho possível.

Posteriormente iniciou-se a introdução da informação do documento Excel no

programa.

FIGURA 1 - INTRODUÇÃO DOS CONTEUDOS

Posteriormente aos passos supracitados, foi criado um mapa base, utilizando as

ferramentas do RPG MAKER MV, que permitisse a criação de diversos exemplos de

funcionalidades e, ao mesmo tempo, possibilitasse futuramente a sua edição e

melhoramento.

Page 14: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

12

FIGURA 2 - CRIAÇÃO DO MAPA

Procedeu-se a uns breves testes, de modo a averiguar o funcionamento do jogo e mais

tarde, depois de algumas correções, concluiu-se o desenvolvimento técnico e

prosseguiu-se com o design do jogo.

D E S I G N

Em relação à parte gráfica do jogo, começou-se pela organização das tarefas a

desenvolver, das mais simples para as mais complexas, obtendo a seguinte ordem,

criação das imagens do equipamento, criação das imagens das personagens e

melhoramento do mapa.

Com a ordem de produção estabelecida, principiou-se por uma breve pesquisa sobre as

cores que se iriam usar. Em suma, concluiu-se a utilização das cores relacionadas com

os elementos, considerando-se os vermelhos e laranjas relacionados com o fogo;

diversos tons de azul, relacionados com a água; tons de castanhos relacionados com a

Page 15: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

13

terra; variações de cinzentos representativos do ar; pretos e roxos relacionados com a

escuridão; branco relacionado com a luz e descobriu-se que se podia utilizar um tom de

azul vivo, semelhante a néon, para a representação da eletricidade, e tal cor foi

escolhida para formar uma discrepância com as outras formas de representação da

eletricidade que utilizam geralmente a cor amarela.

Exemplos de Cores:

Fogo Água Terra Ar Eletricidade Escuridão Luz

#a91717 #00219a #442500 #2c2c2c #035096 #0c0c0c

#ffffff #ee2a24 #0067c6 #693900 #616161 #2c75ff #2a0054

#f36719 #00b6e3 #a96311 #a2a2a2 #7df9ff #301b45

Tendo em conta a pesquisa realizada anteriormente, iniciou-se a criação das imagens do

equipamento, usando o programa MyPaint e uma quantidade razoável de camadas.

Neste momento foram criadas somente as armas finais das personagens com o fim de

proporcionarem um exemplo.

O equipamento criado tem como base tons neutros de modo a obter contraste com as

cores dos elementos, como demonstra a Figura 3.

FIGURA 3 - PRODUTO FINAL DA CRIAÇÃO DOS EQUIPAMENTOS

Page 16: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

14

Usando o mesmo método de criação do equipamento, criaram-se as imagens que iriam

representar cada personagem. Neste momento foi criado apenas uma das personagens

de modo a servir de exemplo.

Por experiência reduzida sobre anatomia do criador, foi utilizada uma imagem pré

criada como base de edição, como demonstra a Figura 4.

FIGURA 4 - IMAGEM ORIGINAL

FIGURA 5 - PRODUTO FINAL

Page 17: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

15

Para demonstrar o desenvolvimento da personagem ao longo da narrativa, foram criadas

variações fisionómicas com cabelos e roupas diferentes (cf Anexo 4).

Depois da criação das personagens, iniciou-se o melhoramento do mapa, ou seja,

melhorá-lo de modo a exibir um design mais apelativo. Para tal, foi utilizado o

programa Photoshop e diversas das suas funcionalidades, tais como: PenTool,

BrushTool e Layers (Camadas).

FIGURA 6 - MAPA INICIAL

FIGURA 7 - MAPA FINAL

Page 18: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

16

W E B S I T E

C O N C E Ç Ã O

A ideia de realizar um website surgiu há 2 ou 3 anos, sendo que, na altura, iniciou-se a

aprendizagem de programação e de criação de websites, pelo que o seu

desenvolvimento constituiu um aprofundamento das competências já adquiridas. Visto

já se ter a ideia do jogo em mente, decidiu-se incorporar o mesmo tema a um website de

modo a fornecer informação sobre os componentes do jogo que não estivessem

disponíveis de imediato ao utilizador.

E X E C U Ç Ã O

T É C N I C A

Iniciou-se a produção do website por uma breve pesquisa sobre quais eram as

linguagens de programação disponíveis para a sua criação. Entre uma vasta lista foram

escolhidos as seguintes, HTML, PHP, CSS, Jquery e Blade. Para além das linguagens de

programação, decidiu-se utilizar a Framework Laravel que permite um

desenvolvimento facilitado de websites.

De seguida, procurou-se quais os programas que se iriam usar para o desenvolvimento

do website. Decidiu-se a utilização dos programas Sublime, visto fornecer uma zona de

programação organizada e esteticamente apelativa e Laragon, uma vez que proporciona

uma grande variedade de ferramentas de criação de websites.

Posteriormente, ponderou-se quais funcionalidades que o website poderia ter, optando-

se por uma organização que fosse separada em duas frentes, uma que expusesse a

informação e estivesse disponível a todos os utilizadores (frontend) e outra, onde se

criasse o conteúdo, mas só estivesse disponível a um grupo escolhido de utilizadores

(Admins) (backend). Ponderou-se também a possibilidade de comentar o conteúdo, mas

essa funcionalidade foi determinada como secundária, sendo que se poderia introduzir

posteriormente.

Page 19: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

17

Depois da instalação dos programas necessários, criaram-se os ficheiros do website e

iniciou-se a sua edição.

D E S I G N

Para o design do website tentou utilizar-se o conhecimento estético aprofundado na

F.C.T. do 12º ano. A meio do desenvolvimento do website, também foi decidida a

utilização de um template que fornecesse um design mais apelativo ao website, o que

alterou drasticamente o seu aspeto, como demonstram as Figuras 8 e 9.

FIGURA 8 - DESIGN ANTIGO

FIGURA 9 - DESIGN NOVO

Page 20: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

18

As cores escolhidas para o website tiveram a influência da parte que iriam incorporar,

ou seja, foram escolhidas cores diferentes ou opostas para cada uma das partes, tendo

ficado tons claros para o frontend e tons escuros para o backend, invertendo as cores em

algumas secções de modo a criar contraste. Para além dessas cores foram usadas

algumas que já vinham por defeito com o template.

Cores utilizadas:

#fff #252b31 #d9e0e7

No topo do website foi introduzida uma navbar, nela está presente um botão que

permite o aparecimento de uma sidebar, que contém as ligações que dirigem ao

utilizador às restantes páginas. Tal foi realizado de modo a permitir ao utilizador uma

navegação livre pelo website.

O início da homepage, apresenta uma imagem responsiva cujo tamanho é sempre igual

ao da área total do ecrã onde se visualiza. O desfoque da imagem, representa o estado

de desenvolvimento do jogo, ou seja, quanto mais desenvolvido estiver o jogo mais

definida ficará a imagem. A imagem ao ficar com a definição máxima irá representar

uma das paisagens do jogo.

De seguida, o website apresenta uma lista das últimas adições realizadas, com ligações

para se poder visualizar o conteúdo completo.

Posteriormente, apresenta ligações que permitem ao utilizador descarregar o jogo para o

seu computador ou, se estiver conectado, permite jogá-lo diretamente no browser

As restantes páginas apresentam uma configuração visual formalmente simplificada,

onde se apresenta somente o conteúdo necessário sem qualquer ruído gráfico.

Em relação ao backend do website, optou-se por um design mais sólido e que permitisse

aos admins fácil acesso à edição dos conteúdos dos sites, assim sendo, alterou-se a

navbar de modo a ser um elemento sólido do layout, removendo a opção de a esconder.

Page 21: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

19

FIGURA 10 - PÁGINA INICIAL DO BACKEND

Nas páginas de criação de conteúdo, foram utilizados formulários progressivos de modo

a permitir ao admin a introdução de conteúdos de uma forma fácil e organizada.

Page 22: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

20

C O N C L U S Ã O

Antes de mais considera-se importante referir que, a narrativa do jogo ainda está em

desenvolvimento e, por conseguinte, tanto o jogo como o site estão em constante

evolução, ou seja, qualquer aspeto poderá vir a ser alterado. Sendo assim, devido a

algumas dificuldades técnicas, o projeto não ficou como previsto, tendo sido algumas

funcionalidades sido adaptadas ou removidas e o design não completamente

aperfeiçoado de modo a cumprir a data limite de apresentação do projeto.

O presente projeto teve um grande impacto no seu criador, visto ter sido possível ter

noção das dificuldades e implicações que um projeto desta envergadura apresenta.

Tendo sido esta experiência fundamental enquanto vislumbre duma futura situação

profissional.

No entanto, visto o estado de desenvolvimento explicado anteriormente, pretende-se

continuar o desenvolvimento/evolução e melhoramento do projeto em oportunidade

futura, com o objetivo de o tornar mais orgânico, crescendo na medida da criatividade

do criador e intervenção e envolvimento dos jogadores.

Page 23: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

21

W E B G R A F I A

Bootstrap . http://getbootstrap.com/docs/3.3/

Bootstrap . http://getbootstrap.com/docs/3.3/css/

Bootstrap . http://getbootstrap.com/docs/3.3/components/

Yanfly.moe . http://yanfly.moe/

Youtube . How to Build a Blog with Laravel . DevMarketer .

https://www.youtube.com/playlist?list=PLwAKR305CRO-Q90J---jXVzbOd4CDRbVx

Youtube . RPG Maker MV Parallax Mapping for Beginners . Fallen Lorelei .

https://www.youtube.com/playlist?list=PLxSSrLcPTihcIMU-akzS-xnXg4QH2BV-l

Page 24: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Anexos

Anexo 1 – Anteprojeto

Page 25: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 26: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Anexo 2 – Gantt Project

Page 27: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 28: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 29: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 30: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Anexo 3 – Ficheiro de Excel

Page 31: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 32: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 33: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 34: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 35: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 36: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 37: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 38: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 39: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 40: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 41: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Page 42: RELATÓRIO CRÍTICO Prova de Aptidão Profissionalwdwiki.aesmprojetos.net/Relatorio_Critico.pdf · Figura 8 - Design Antigo ... meu interesse pessoal e envolvimento profundo com vídeo

Escola Básica e Secundária de Salvaterra de Magos

Anexo 4 – Variações fisionómicas dos personagens