Entrega final

Após diversas mudanças, encontros e dúvidas aqui está nosso produto, para essa entrega nós conseguimos entregar apenas 4 dos 5 capítulos que iriamos fazer, pois havia apenas um membro nosso desenhando e ficaria muito pesado para ele, o primeiro capítulo seria de apresentação os outros 2 para o usuário poder explorar e descobrir as interações presentes em cada um deles e quando eles finalizassem seriam levados para o capítulo final não importava a ordem que eles seguissem o final seria o mesmo. Em relação as marcas e do projeto, a da nossa equipe foi reformulada para corrigir alguns mal entendidos no qual algumas pessoas notavam mais uma cara feliz do que a plantinha da nossa nela. E a marca do nosso produto foi usada como botão de "home" e na embalagem do produto. Foram também feitas alterações nos botões, pois após alguns encontros com o professor Eduardo ele sugeriu que nosso produto tivesse aspectos de um hotsite, para isso nós tivemos que elaborar como ficaria cada coisa e decidimos nos inspirar em um layout encontrado no site 960gs que é um site de grids, a ideia é que haveria um menu com um botão de home, capítulos e doar para que se o usuário tivesse interessado em doar o botão estaria ali e na página inicial, abaixo do menu na página inicial haveria uma imagem que levaria o usuário para a história em si e logo abaixo dessa imagem teriam 3 colunas falando sobre o projeto da cliente, sobre a cliente e um local para doar todos eles com uma breve informação e um link para os respectivos locais onde haveria a informação completa, abaixo das colunas haveria um rodapé com informações adicionais que seriam sobre a equipe e uma página de créditos, quando clicados levariam para o site do nosso blog e para uma página com todos os devidos créditos respectivamente. Agora vamos falar dos quadrinhos, o capítulo de apresentação possui algumas interações com uma câmera em que após ser clicada ela ativa uma animação e logo após isso é mostrada para ela uma tela de escolhas em que ela onde se escolhe qual capítulo o usuário deseja seguir caso fosse o primeiro ele é levado para o capítulo onde Mariam tem que bater a foto de Mohammed e lá há uma interação que quando o usuário passa o mouse sobre a palavra árabe em dourado aparece sua tradução abaixo do quadrinho em um espaço com a cor diferente do background, mais na frente aparece um quadrinho em que Mohammed entrega uma semente para Mariam e mais uma vez a semente se encontra na cor dourada e ela se meche para chamar atenção do usuário, o que nós queremos que os leitores aprendam é que tudo que está na cor dourada pode se interagir e o objetivo do usuário é levar a semente até a mão de Mariam, caso ele o faça o quadrinho passa e há mais uma interação como a do capítulo de apresentação que quando clicada ativa uma animação e após um tempo leva o usuário para o capítulo final. Caso ele escolha o segundo capítulo ele é levado a uma página onde há várias palavras em árabe que ele pode explorar-las e aprender um pouco sobre as expressões, a seguir ele vai se deparar com mais uma escolha, no quadrinho Mariam tem que escolher uma fruta entre maçã , pêra e banana e cada uma delas leva o usuário para uma página com algo escrito diferente onde há mais uma interação para bater fotos e após um tempo leva o usuário para uma última página onde o usuário interage com uma lupa em dourado também para visualizar o que se encontra em uma redação e quando o usuário passa a página ele é levado para o capítulo final . Nesse capítulo a história se encerra e não temos nenhuma interação a não ser uma forma de chamar atenção do leitor para a real situação das crianças refugiadas usando imagens reais de crianças que foram fotografadas por nossa cliente Karine Garcês em uma de suas viagens. Para realização de nosso produto nós usamos alguns programas como o Manga Studio 5 que foi usado para desenhar os quadrinhos, a biblioteca do javascript Createjs para progamação, photoshop 6 e illustrator para criação de logo, marca e outros recursos visuais e usamos o site 960gs para nos inspirar com um de seus grids. As dificuldades que nós tivemos foram por causa que foi difícil achar outras WebComics que não fossem apenas passar as páginas ou que não fossem recursos muito elaborados de um nível mais alto, ou seja, na parte de progamação nós ficamos um pouco perdidos e tivemos muitas dúvidas, mas com o tempo fomos aprendendo mais e usando tudo aquilo que tivemos em mãos para realização do projeto. Na parte dos desenhos também houveram dificulades, pois não tinhamos uma noção ou um embasamento de como fazer storyboards e organização de quadrinhos, estruturação de falas, tudo que é necessário para uma Web Comic ou qualquer outra história em quadrinhos. Na parte da comunicação houveram algumas dúvidas, mas que foram sanadas quando nos encontramos com o Professor Eduardo e na parte da história a dificuldade foi em fazer uma história boa que não fosse linear e independente de qual caminho você tomasse o final seria o mesmo. Aqui se encontram algumas imagens das marcas do produto e da equipe e de algumas telas da nossa Web Comic.