Apresentação final

Nesta semana realizamos nossa apresentação final no dia 10/11. O vídeo será postado em breve no blog.
Após a apresentação, a banca apresentou alguns detalhes que teriam que ser arrumados em nosso projeto, e assim, teremos que re-apresentar o sistema, mostrando apenas o que foi pedido.
Os detalhes pedidos foram mais um campo de confirmação de e-mail no cadastro e a inserção de uma data de expiração para o estágio definida pelo coordenador.

Apresentação final e semana de provas

    Nessa semana, como foi citado em meu último post, apresentamos nosso projeto à banca e ao público, que foi constituído pelos nossos pais, amigos e professores. 

    Ao final de nossa apresentação, o público pode nos fazer perguntas sobre o nosso sistema, além dos professores. Esses ainda, nos deram recomendações sobre o que poderíamos acrescentar em nosso trabalho.
    Além da exposição de nosso projeto, demos início à semana de provas.

Apresentação final

Essa semana apresentamos nosso projeto para os professores, amigos e familiares. A banca avaliou nosso projeto e apresentou mudanças que deveriam ser feitas no projetos para que assim seja entregue novamente e assim ser avaliado.

Ensaios para apresentação final

Nesta semana, aproveitamos as aulas para dividir os tópicos que cada um falará na apresentação final. Também aproveitamos para ensaiar.

Preparação para a apresentação final

     Para semana que vem, temos a apresentação final do nosso projeto com isso, nessa semana que passou nos preparemos para a demonstração do nosso trabalho. Nessa semana de preparativos, separemos o que cada integrante iria apresentar, os slides que cada uma iria falar e qual parte do sistema cada um iria apresentar.

Detalhes apresentação final

Essa semana separamos os tópicos e textos que cada um deverá falar na apresentação final, cada integrante fico com alguns slides e partes do sistema para explicar tudo será apresentado para que seja avaliado pelos professores.

Treino e finalização de detalhes para apresentação final

Nesta semana terminamos os detalhes para a apresentação final como, o que seria falado por cada um, os dados que estariam no banco, os dados que seriam cadastrados na hora da apresentação, e ainda aproveitamos o tempo que nos restou para treinar com todo o grupo a apresentação, tanto a parte dos slides como a parte do projeto em si.

Organização da apresentação final

Nesta semana, eu e a colega Márcia, fizemos as devidas alterações no slide final da apresentação. Depois, juntamente com a maior parte do grupo, criamos um documento, onde fizemos as anotações dos principais pontos a serem falados na apresentação.

Preparação de Slides para apresentação

Nesta semana, junto com a Vanessa, Giovanna, Márcia, Milena, terminamos os slides da apresentação final e estudamos o que/como seria a apresentação final da parte dos slides. Agora nos resta dividir o que cada um irá falar, incluindo a parte do sistema, e se preparar para a apresentação final que será dia 10/11/2015.

Fase de testes

Após finalizarmos a atualização do banco de dados, encerramos enfim a parte de programação do sistema. Agora se inicia a fase de testes em buscas de erros. Caso encontrados, os mesmos deverão ser corrigidos nessa última semana pré-apresentação. Também será feito nessa semana, os testes para verificar se o sistema atende todas especificações que foram dadas a ele no começo do ano.

Finalização da apresentação e organização da mesma.

     Nessa semana finalizamos a apresentação visual, slides no formato Impress(Libre Office), formatando tamanho de letra, selecionando as imagens que seriam inseridas, e a ordem a qual seria apresentado cada item. Ainda, com a ajuda dos colegas Giovanna Aquino, Márcia Ortiz, Milena Veronezi e Vitor Guastala, elaborei um roteiro sobre o que desenvolveríamos em nossa apresentação. Esse roteiro contém o que cada integrante do grupo irá apresentar no dia da exposição de nosso projeto.

Preparação para a apresentação final.

Essa semana fique responsável por ajudar na elaboração do que será dito durante a apresentação final do projeto eu, Vitor, Marcia, Vanessa e Milena fizemos um arquivo onde contem tudo o que será dito na apresentação do sistema e depois foi dividido o que cada integrante dirá durante a apresentação dos slides e também o que será dito na apresentação do sistema .

Elaboração da capa do CD

Nessa semana tivemos que fazer algumas alterações na capa do CD para a apresentação final. A capa precisa retratar o tema do projeto com clareza para facilitar na hora de diferencia-lo em meio a tantos outros projetos. Também finalizamos a arte que será impressa e etiquetada na mídia física do projeto.

Desenvolvimento do help do sistema e ajuda no planejamento da capa do CD

Durante a semana, fiz o desenvolvimento do help do sistema em vídeo, tendo separado as várias áreas do sistema:

1. Cadastro
1. Professores
2. Ex-alunos
3. Alunos
4. Coordenadores
2. Livros
1. Como publicar um livro
2. Como pesquisar anúncios de livros
3. Estágio 
1. Como publicar um estágio
2. Como permitir a publicação de estágio (para coordenadores)
3. Como pesquisar por propostas
4. Arquivos
1. Como publicar arquivos
2. Como pesquisar pelos arquivos
5. Como atualizar o banco de dados do sistema (para coordenadores)

E ajudei na elaboração da capa do CD

Finalização da programação da atualização

Nessa semana, junto com o Gabriel, finalizamos a programação da atualização e a implementamos no menu, de modo que qualquer coordenador possa atualizar o banco quando achar necessário.
É extremamente importante a atualização do Banco de Dados em determinados períodos do ano, recomenda-se fazer a atualização a cada semestre, mas caso haja alguma necessidade, a atualização pode-se ser feita a qualquer momento.

Elaboração de Slides

     Nessa semana, faltando poucos dias para a apresentação final, elaboramos os slides para a devida apresentação do nosso projeto. Demos início e até então não terminamos. 

     Além do início da estruturação da apresentação visual, gravamos curtas cenas para o vídeo comercial proposto pelo professor Rodrigo Carvalho.

Desenvolvimento do help do Sistema

Durante esta semana, juntamente com a colega Maria Cecília Gatti, desenvolvemos o help do sistema, onde tiramos prints das telas e elaboramos um vídeo do sistema, explicando os principais formulários e ações do sistema. Também gravamos o vídeo comercial do grupo.

Filme do projeto

Nessa semana, dirigi o filme de apresentação do projeto. Filmamos algumas cenas pessoalmente, virtualmente e finalizamos com a edição. O filme retrata dramaticamente os problemas que serão solucionados com a chegada do projeto.

Verificações no sistema e termino da apresentação de slide

Durante essa semana, realizei algumas verificações relacionadas as atualizações feitas em nosso sistema. Juntamente com as alunas Milena Veronezi e Giovanna Aquino, realizei algumas alterações nos slides que havíamos começado na semana anterior, e já o finalizamos para a apresentação final.

Fim da atualização do banco de dados

Nessa semana, eu e o Vitor, maiores responsáveis pela programação do projeto, acabamos a programação da atualização do banco de dados, e implementamos um botão no menu para executá-la.Esse botão ficará disponível para qualquer coordenador. Com isso iniciamos a parte de testes unitários, assim testando todas as funcionalidades do sistema, a fim de encontrar possíveis erros.

Criação do help do sistema.

Essa semana fiquei responsável por ajudar a Maria Cecilia no help do sistema do projeto, eu tirei os prints necessários para a construção de cada vídeo referente a cada parte do sistema. Como podemos observar cada parte do sistema como por exemplo a parte Livros terá um vídeo explicativo mostrando como se usa aquela parte do sistema.

Atualização do DFD e início do desenvolvimento do help do sistema

Durante essa semana, fiz alterações no DFD e DD em erros que foram encontrados na pasta.
Comecei, também, o desenvolvimento do help do sistema para a matéria de aplicativos.

Atualização do Banco

Nessa semana, iniciaremos a programação da página PHP que ficará responsável pela atualização dos dados do nosso banco. Essa atualização será acionada toda vez que ocorrer uma mudança de dados no banco do NSAC, assim ficando responsável por atualizar alunos, professores, cargos de professores, etc.

Criação de video para divulgação do projeto

Nessa semana elaboramos algumas ideias para o vídeo de divulgação do projeto. Ele deverá demonstrar os principais problemas e o projeto em si sendo a solução. Já estamos montando algo que deverá ficar pronto na próxima semana e conseguirá englobar as três principais diretrizes do projeto.

Viagem

Durante a semana, não desenvolvi nenhuma atividade pois estava em uma viagem juntamente com a aluno Giovanna.

Função na página Publicar Livros e Elaboração do slide.

Durante essa semana, juntamente com a aluna Vanessa Hayashida, estudamos maneiras de melhorar a função já existente em JavaScript da página de publicação de livros. Essas melhorias, é tentar impedir que o aluno declare informações erradas sobre os livros que irão publicar, impossibilitando que ele coloque somente caracteres especiais ou números nos campos "Nome do livro", "Autor" e "Editora". Também demos início a elaboração do slide para a apresentação final.

Melhoramento da página publicar_livros

    Durante a semana do colégio encontramos um pequeno detalhe em nosso sistema: a aceitação de caracteres especiais no nome do autor. Exemplo: se o usuário entrasse com @#$ no campo nome do autor, nosso sistema aceitaria tranquilamente, mas, assim como sabemos não a possui nome de pessoas somente com caracteres especiais como exemplificado anteriormente. Com o encontro desse detalhe, fomos a procura de como bloquear isso, então utilizamos regex para o controle disso.

Viagem

Essa semana não realizei nada referente ao TCC, pois estava em uma viagem.

Continuação da programação da atualização do banco de dados

Nessa semana, junto com o Gabriel, continuamos a programação da atualização. Dessa vez programamos a parte do aluno, e professor, na qual serão atualizados os dados de todos os alunos com relação à sua turma, ou se esse aluno se tornou ex-aluno, e ainda, será verificado se cada docente continua exercendo sua função e se houve troca de coordenadores no colégio.

Criação de video propaganda para semana do colégio

Nessa semana, tivemos a 23º Semana do Colégio e ocorreram alguns preparativos para a apresentação do projeto. Um deles, é um vídeo propaganda mostrando o funcionamento dos sistemas e suas funções básicas:

Semana do colégio

Nesta semana fizemos toda a preparação do sistema para a semana do colégio: configuramos o banco e removemos pequenos bugs da consistência do publicar_livro.
Durante a semana do colégio, explicamos brevemente o sistema para quem nos visitava. Fiquei no primeiro horário da quarta-feira, junto com a Giovanna.

Semana do Colégio

  
Do dia 7 ao dia 9, aconteceu a Semana do Colégio, onde todos os trabalhos e projetos dos alunos do CTI são expostos. Assim, preparamos nosso sistema para apresentar aos visitantes. Dividimos horário e dias para os integrante do grupo. Fiquei responsável pelo quinta feira, no horário das 19:30 às 20:30, juntamente com a colega Márcia. 

Semana do colégio e Função em JavaScript para a pagina de estágios para professores/coordenadores.

Durante essa semana, tivemos pouco tempo dedicado totalmente ao projeto devido aos preparativos para a 23ª semana do colégio. Das atividades relacionadas ao projeto, juntamente com a aluna Milena Veronezi, criamos uma função para cada checkbox da página de estágios para professores/coordenadores, e também fizemos alguns ajustes no filtro da mesma.

Procura de erros

Essa semana fique responsável por procurar possíveis erros no sistema, testei todos os recursos do sistema tanto como aluno, professor, professor coordenador e ex aluno. Nos testes usei todos os recursos do sistema e os poucos erros que foram encontrados foram anotados para que fossem reparados antes da entrega final do projeto.

Semana do colégio

Durante essa semana aconteceu a semana do colégio.
Organizamos o sistema para ser apresentado.

Procura de bugs

     Durante a semana, para uma apresentação com o mínimo de erros, procuramos bugs para o seu provável acerto. Fiquei responsável, mais especificamente na página livro, arquivo e estágio. Testei consistências, procurei bugs - dentre deformações no layout, apresentação das mensagens, apresentação de informações que originam do nosso banco - passei ao líder Vitor Guastala para assim corrigirmos.

Semana do colégio

    Nessa semana foi realizada a semana do colégio como de costume do colégio. Portanto, preparamos o nosso sistema para que fosse apresentado para os visitantes, havendo a procura de bugs e suas correções.
   Durante o evento fiquei responsável pela apresentação do sistema(apresentação do funcionamento do sistema e sua explicação) no último horário de quinta-feira(das 20:30 às 22:00) juntamente com o colega Gabriel Moreli.

Semana do colégio

Arrumar erros do sistema para apresentação na semana do colégio.

Procura de Bugs no sistema para a semana do colégio

Durante essa semana, fiquei responsável por testar o sistema e verificar se os erros encontrados anteriormente haviam realmente sido arrumados e se haviam novos erros, pois do dia 7 ao dia 9 de outubro, acontecerá a semana do colégio no CTI, onde iremos mostrar aos visitantes as funcionalidades do nosso projeto.

Procura de Bugs

Nesta semana, estamos empenhados a testar todas as partes do sistema, para procurar erros e verificar se os que já havíamos detectados foram arrumados. Para isso, testamos todos os campos, verificando se as consistências estavam corretas. Temos o objetivo de resolver todos os bugs até a semana do colégio, do dia 7 a 9, para que não ocorra nenhum problema durante as apresentações.

Notificação de estágio não aprovado e opção "Todos os meus estágios" na página estágios

Nesta semana, junto com o Gabriel, concluímos a programação da notificação de quando um coordenador não aprova um estágio publicado pelo usuário linkando-a para a página estágios, marcando o checkbox "Todos os meus estágios" e abrindo o detalhes do estágio mencionado.
Além disso foi feita a programação do filtro que agora inclui a opção "Todos os meus estágios" na qual aparecerá todos os estágios publicados pelo usuário, mesmo que ele tenha sido deletado, não aprovado etc.

Semana do Colégio

Essa semana será realizada a semana do Colégio, onde nós vamos apresentar nosso sistema para os alunos do colégio e visitantes. Um banner for produzido para ser apresentado juntamente com o sistema, o mesmo ainda não está finalizado, será apresentando sem estar completamente pronto, só estará pronto daqui algumas semanas.

Finalização de itens para a semana do colégio

Durante essa semana consertei bugs encontrados no sistema, fiz alterações na pasta de TSPD e ajudei em pequenas mudanças no sistema para apresentação na semana do colégio.

Término da procura dos bugs, Atualização da pasta de TSPD.

      Nessa semana concluímos a buscar por bugs no sistema logado como o coordenador de estágio.

      Ao decorrer do tempo foi incluído ao nosso sistema filtros personalizados para professores, "Todos os meus estágios" e "Somente estágios sob minha avaliação", assim deveríamos atualizar na documentação do projeto.

Status dos estágios

Assim como na página de Livros, os Estágios também têm alguns status, como deletado, não aprovado e em avaliação. Para cada situação foi determinado uma cor. Para os estágios deletados a caixa de informações fica vermelha, para os não aprovados cinza e para os em avaliação pelo coordenador a cor é amarela.
Essas cores aparecem quando o professor seleciona o campo "Meus estágios", assim ele pode ver a situação de cada estágio publicado. Para os que forem aprovados, a cor continua normal.

Cor nos status da página de estágios para professores e coordenadores.

Durante essa semana, juntamente com a aluna Milena Veronezi, comecei a editar os status da página de Estágios, como deletado, não aprovado e em avaliação. Para cada situação foi determinado uma cor. Para os estágios deletados a caixa de informações fica vermelha, para os não aprovados cinza e para os em avaliação pelo coordenador a cor é amarela, isso facilita para que o professor possa ver o andamento de seus estágios publicados.

Finalização da pasta de TSPD e alteração de textos do arquivo html de professores

Essa semana ajudei na finalização da pasta de TSPD (Com alterações no DER e no DD) e fiz a alteração dos textos chave das páginas: index, menu de professores, menu de alunos e arquivos.

Estágio para ex-alunos

Nessa semana, reiniciamos a programação da pagina estágio, anteriormente os estágios só poderiam ser enviados para alunos que ainda cursavam no CTI. Porém após o pedido da banca para a possibilidade de enviar os mesmos para os alunos que já concluíram o curso, foi pensada uma lógica e estamos em processo de implementação da mesma, com previsão de término na semana que vem.

Correção de flutuação de layout

Nessa semana consegui corrigir uma instabilidade no framework Bootstrap que causava uma irritante flutuação de layout na página inicial a partir do momento que se abria qualquer modal (janela flutuante). Foi complicado, mas com muitas pesquisas e conhecimento em jQuery, consegui resolver o empecilho.

Procura de erros no sistema

Durante a semana na fiquei responsável por testar o sistema e procurar possíveis erros que estavam acontecendo. Os erros encontrados foram anotados, para que futuramente sejam alterados, os erros eram pequenos mas estavam causando problemas ao usuário, não foi grande o numero de problemas encontrados durante os testes.

Programação da parte de estágios para ex-alunos

Nesta semana, juntamente com o Gabriel, começamos a fazer a programação da parte de estágios para ex-alunos.
Com isso, professores e coordenadores poderão enviar estágios para os ex-alunos que completaram o curso no CTI.
Falta corrigir apenas alguns bugs e pretendemos acabar esta parte na próxima semana.

Procura de bugs

      Nessa semana fiquei encarregada de realizar a procura dos bugs em uma parte do sistema. A parte que fiquei encarregada de procurar os bugs foi logada como coordenador de estágio. 

      Encontramos diversos bugs porém, não havíamos terminado de ver no sistema por completo. Assim que os bugs que já tinham sido encontrados, foi passado ao líder do grupo, Vitor Guastala, para que ele revisasse e corrigisse ou pedisse para que nós encontrássemos uma solução.

Semana de Provas e verificação de funcionalidades do sistema.

     Essa semana tivemos a semana de provas no colégio,e por isso, poucos dias foram utilizados para o desenvolvimento do projeto em sala de aula. Durante essa semana, realizei uma verificação no nosso sistema, para saber se os erros encontrados na verificação anterior foram devidamente corrigidas.

Botão Limpar Filtros e layout

Nesta semana, eu, a Márcia e a Giovanna  implementamos  o botão "limpar filtros" das páginas arquivo.html, estagio.html e livros.html.
Os filtros são utilizados para escolher opções de buscas, e o botão para limpar é uma forma facilitada para voltas a todas as opções.
Como foi colocado mais um botão, a página precisou se reajustada nas questões de Layout, para ficar de forma sincronizada com as outras informações, essas adequações foram ajustada para cada página que houve mudanças, pois cada uma oferece finalidades diferentes.

Entrega da pasta de TSPD

Essa semana será entregue a pasta de TSPD referente ao 3º bimestre, em relação ao bimestre anterior foram muitas mudanças, o DFD e DD foram alterados devido ao que foi encontrado de erro pelo professor Dallasti. Foi inserido na pasta as tabelas do banco e o script do mesmo, as próximas alterações da pasta serão feitas no 4º bimestre.

Correção de layouts

Nessa semana, corrigi algumas falhas no layout como botões de tamanhos diferentes, desproporcionais e espaçamentos desnecessários. Além disso, corrigi algumas inconsistências no código que poderiam causar problemas futuros. Também auxiliei na parte front-end com as novas implementações requeridas pela banca.

Semana de provas, alterações no banco, DER e na pasta.

     Essa semana, como foi realizada a semana de provas, tivemos poucos dias para o desenvolvimento em sala de aula. Nesse tempo que tivemos, foi realizado as alterações o banco de dados, consequentemente, alterações no Diagrama de Entidade e Relacionamento. Além dessas modificações, alteramos também a pasta e finalizamos para a entrega na próxima semana.

Prévia e Pesquisa sobre os Cookies

    Nessa semana, dia 08 de setembro, realizamos a prévia de nosso TCC, onde nessa apresentação, apresentamos o que já foi desenvolvido e o que falta para que o projeto esteja completo. Nessa apresentação, os professores fizeram comentários sobre o sistemas, onde alguns deles foram dicas para melhorarmos nosso sistema.

     Dentre os comentários realizados pelos professores, um deles foi sobre os cookies do nosso sistema. Fiquei encarregada para uma possível solução do problema que fora detectado logo após a apresentação. O problema encontrado foi que, quando o cookie estiver desabilitado, o usuário não consegue realizar nem o login do nosso sistema. 

     Minha pesquisa foi sobre como poderíamos saber se o cookie da máquina do usuário estava habilitado ou desabilitado. A pesquisa foi realizada e a solução foi encontrada.

Notificações sendo enviadas para professores

Anteriormente somente coordenadores, alunos e ex-alunos recebiam notificações, porém houve um pedido da banca para que isso fosse modificado. Agora, depois de uma aprovação ou reprovação de estágio por parte dos coordenadores, é enviada uma notificação para os professores, um feedback. Na próxima semana, após as provas, resolveremos o problema com os cookies.

Prévia, selects, retorno de notificação, professor na parte de livros

Nessa semana, foi apresentado a prévia de nosso projeto, e a banca nos disse o que precisava mudar ou adicionar em nosso projeto. Com isso, já começamos as mudanças.

Foi criado o select das turmas e matérias que o professor leciona pelo banco do NSAC, e dos professores que o aluno possui, para as páginas arquivos e publicar_arquivo, além disso, juntamente com o Gabriel, criamos uma lógica para que após o coordenador aprovar ou recusar um estágio, seja enviado uma notificação de volta ao professor que fez a publicação, como forma de resposta.

Além disso, agora professores podem acessar toda a parte de livros, publicar algum livro, interessar-se em livros disponíveis, etc, algo que antes era apenas para alunos/ex-alunos.

Alterações de itens apontados na prévia e de pasta

Durante essa semana, fiz algumas das alterações propostas pelos professores durante a prévia, como a possibilidade de professores também participarem das movimentações de livros e a inclusão de uma matéria ao compartilhar um arquivo.
Tive, também, que alterar o DFD e o DD para que essas mudanças fossem possíveis.

Prévia TCC

Essa semana foi realiza a previa do TCC, onde os professores que compõem a banca avaliaram o que já estava pronto do projeto. Os professores viram as telas e disseram o que cada um gostaria que também houvesse no projeto, viram erros e deram cada um sua sugestão referem as telas e funcionamento das mesmas.

Função para limpar filtros selecionados.

Nesta semana,  implementamos  o botão "limpar filtros". Os filtros são utilizados para escolher formas diversificadas de buscas, e o botão para limpar é uma forma facilitada para voltar todas as opções. Para isso criamos uma função em JavaScript para realizar essa ação nas páginas arquivo.html, estagio.html e livros.html  

Finalização da pasta de TSPD e Prévia.

Essa semana a pasta de TSPD passou por outros ajustes e foi finalizada para ser entregue para o professor Dallasti na semana de provas. Dia 08/09 será nossa previa do tcc onde será apresentado o que já esta pronto do projeto por isso essa semana também foi montado o que cada integrante do grupo ira apresentar do projeto, no caso cada integrante desenvolveu o que será dito por ele durante a prévia.

Alteração do Dicionário de Dados e preparação para a prévia

Durante essa semana alterei o Dicionário de Dados para que contemple a opção de ex-alunos venderem livros e receberem as propostas de estágio.
Além disso, fiz as reparações necessárias no sistema de recuperação de senha para a prévia.

Correção de bugs e preparação para a prévia

Na semana passada, foi feita a correção de alguns bugs encontrados pela Milena e Marcia, eram bugs simples mas que deixamos passar por alguns descuidos.

Além disso, fizemos toda a preparação para a prévia, separando o que cada integrante iria falar, como iria falar, os dados que estariam no banco, etc.

Correção de quebra de linha

Nessa semana, consegui uma solução em CSS para os problemas que ocorriam na inserção de palavras muito grandes. O CSS tem uma função chamada "word-wrap", que consegue quebrar a palavra independente do grau de importância da quebra de linha. Implementamos em todos os elementos necessários.

Finalização da pasta de TSPD e Preparação para a prévia

     Nessa semana, houve novamente uma revisão da pasta de TSPD para que pudéssemos finalizá-la para a futura entrega.
     Além da revisão da pasta, também nos preparamos para a prévia que será no dia 08 de setembro. O líder, Vitor Guastala, separou o que cada integrante iria falar, e a sua separação foi o que cada um realizou do projeto, basicamente. Além dessa divisão, cada integrante realizou um pequeno resumo sobre o que iria falar na apresentação.

Finalização da pasta de TSPD e Download

Essa semana foram feitas outras atualizações na pasta de TSPD que será entregue ao professor Andre Dallasti no fim desse bimestre. Também esse semana eu e a Vanessa pesquisamos uma forma de fazer o download forçado da pagina arquivos, procurávamos um jeito de realizar essa função apenas usando html.

Criação de banner para a Semana do Colégio

Nesta semana, foquei em criar alguns protótipos de banner sobre o nosso projeto para ser exibido na Semana do Colégio. Tentei manter nossa identidade visual e alterei alguns elementos gráficos para torna-lo mais chamativo, Porem, ainda devo modificar e criar mais alguns protótipos até conseguir chegar a um resultado final agradável.

Clique em detalhes para ver as imagens:

Alterações no Dicionário de Dados

Essa semana fiz alterações no Dicionário de Dados, para adequar ao nosso sistema.
Terminei a implantação do sistema de recuperação de senha e ajudei no desenvolvimento da parte escrita do nosso banner para a semana do colégio.
Além disso, ajudei na pesquisa e desenvolvimento dos erros mostrados em caso de não envio do email.

Finalização do "Adicionar turmas destinadas" e pesquisa sobre o download do arquivo

Na semana passada, juntamente com o Gabriel, terminamos a programação do "Adicionar turmas destinadas" ao estágio. Isso foi requerido pelo professor Celso, uma vez que quando um estágio é postado possa adicionar mais turmas destinadas à esse estágio.

Além disso, juntamente com a Vanessa e Giovanna, pesquisamos maneiras de obrigar o download de arquivos, como por exemplo: .txt, .jpg, .pdf, dentre outros, uma vez que o navegador, ao identificar o tipo de arquivo, o abre instantaneamente. O que queríamos era que o arquivo fosse baixado obrigatoriamente, independente de sua extensão. Por enquanto não conseguimos resolver esse problema.

Adicionar turmas após postagem de estágio

Essa semana, como comentado no meu post anterior, desenvolvemos a funcionalidade de adicionar turmas a um estágio já criado, o professor que criou o estágio e o coordenador do curso em questão, poderão adicionar mais turmas após a criação da postagem. Na próxima semana continuaremos a correção de erros do sistema, e também iniciaremos o desenvolvimento da funcionalidade de mandar estágios para ex-alunos.

Finalização da pasta de TSPD e Download automático

     Essa semana foram feitas outras atualizações na pasta de TSPD que será entregue ao professor Andre Dalasti no fim desse bimestre e a finalização da mesma. Essa semana também eu e a Giovanna Aquino pesquisamos uma forma de fazer o download obrigatório da pagina arquivos, onde o aluno irá clicar em um botão Download e este realizará o download automático, sem que abra em uma nova aba no browser. Procurávamos um jeito de realizar essa função apenas usando html, porém tivemos que procurar e  PHP, JavaScript para ver se encontrávamos uma solução.

Revisão da pasta de TSPD.

Essa semana eu e a Vanessa e o Vitor fizemos a revisão dos textos e anexos da pasta de TSPD, onde foram alterados alguns textos e alguns anexos foram inseridos. Também foram tirados prints das telas prontas do sistema, e do diagrama de fluxos de dados e do dicionario de dados, que serão recolocados na pasta depois de alterações feitas.

Implementação de pop-over de detalhes

Nessa semana, implementamos uma melhoria em visualização de informações detalhadas do perfil e das informações presentes nas publicações. Introduzimos os conceitos de pop-overs utilizados em sites conhecidos e implementamos nos nomes e nas células de publicação como podemos ver nas imagens a seguir:

Clique em detalhes para ver as imagens:

Perfil e correção de erros

Essa semana, após a finalização da parte de arquivos e estágios, iniciamos o desenvolvimento do perfil, com consistências e alterações de dados. Também começamos a fazer os itens pedidos pelo Coordenador Celso, e correção de erros gerais encontrados em nosso sistema. Na próxima semana continuaremos a correção de erros e os itens pedidos pelo Celso, em especial a de acrescentar turmas após a postagem de um estágio por parte dos professores, e a possibilidade de enviar estágios para ex-alunos.

Revisão da pasta de TSPD, correção de bugs na programação e conversa com o professor Celso

Nessa semana, junto com Vanessa Hayashida, Giovanna Aquino e Milena Veronezi, foi feita a revisão da pasta de TSPD, no qual alteramos algumas informações para estar de acordo com o nosso sistema atualmente.
Além disso foram feitas correções de diversos bugs referentes à data de publicação para os livros, arquivos, estágios e notificações.
Também mostramos toda programação do sistema feita até agora para o professor Celso, e ele nos deu dicas para melhorá-lo.

Alterações da pasta de TSPD

     Essa semana eu, a Giovanna Aquino e o Vitor Guastala fizemos a revisão dos textos e anexos da pasta de TSPD. Nessa revisão, tivemos que realizar as modificações dos mesmo, onde alteramos, inserimos, refizemos os textos, inserimos os prints das tabelas do banco e inserimos os anexos que foram necessários.

Sistema de recuperação de senha

Durante a semana desenvolvi e inclui no sistema uma plataforma para recuperar senha. Ao pedir a recuperação da senha por email, o aluno receberá um novo código pelo email, podendo, depois, alterar sua senha.

DER, página Arquivos, envio de Email.

     Nessa semana foi iniciado com o desenvolvimento da página de publicar arquivo juntamente com a aluna Giovanna Aquino.
    Além do início do desenvolvimento, houve uma revisão do nosso DER, realizando as devidas alterações para que o mesmo seja acrescentado na pasta da documentação do projeto.
     Para terminar a semana, juntamente com a aluna Maria Cecília Gatti foi desenvolvido a página de envio de e-mail ao usuário que esqueceu sua senha.

Término da parte de estágios e arquivos

Nesta semana foi terminado a programação da parte de estágios, corrigindo alguns bugs que tinham sido encontrados. Como a programação da parte de arquivos é bem parecida com a de estágios, foi bem fácil e rápido de fazer a parte de arquivos também.

O único problema foi na programação do publicar arquivo, pois o código do tutorial que tínhamos achado na internet não funcionava e portanto não conseguíamos mover o arquivo que foi feito upload para o servidor.

Para resolver isso, utilizamos o mesmo código do upload de fotos, e adaptamos aos arquivos.

Resta-nos programar o excluir arquivo.

Desenvolvimento da parte de arquivos

Nessa semana, após finalização da programação da parte de estágios e correção de erros gerais, iniciamos o desenvolvimento da parte de arquivos do sistema. O professor ou coordenador logado, poderá enviar arquivos como apostilas, exercícios, etc, para as turmas que ele desejar. A lógica utilizada será a mesma da parte de estágios.

Alterações na página inicial e correções de bugs em multi navegadores

Nesta semana, tivemos que alterar a barra de login para a implementação do link de recuperação de senha. Deixamos debaixo do campo de senha, alinhado a esquerda, como mostra o anexo 1. Também corrigimos a divergência de interpretação dos navegadores na questão de que alguns não destacavam o item ao passar o mouse, como mostra o anexo 2.

Clique em detalhes para ver as imagens:

Página Arquivos.

Essa semana finalizei a parte de javascript da pagina publicar arquivos, onde foram finalizados os testes para que o usuário não consiga burla o sistema. Foram feitos testes para que os arquivos não fossem postados, sem um arquivo, descrição ou até mesmo enviado sem um certo destinatário que nesse caso seria a turma.

Alterações na pagina Arquivos.

Durante essa semana eu e a Vanessa trabalhamos na parte html da pagina Arquivos, as alterações que realizamos foi colocar todas as turmas na pagina e fizemos algumas mensagens para o usuário, depois fizemos alterações na pagina de publicação de arquivo que não foi finalizada ainda nós realizamos as mensagem de aviso ao usuário.

Finalização da parte de estágios do sistema

Essa semana, desenvolvemos praticamente toda a parte de estágios do sistema, o que é um avanço considerável para o projeto, o estágio se postado por professor terá de ser aprovado pelo coordenador do curso correspondente, para posterior envio aos alunos. Na próxima semana, corrigiremos alguns erros das partes já finalizadas, e após isso, daremos inicio a parte de arquivos do sistema.

Finalização do Front end da página "Perfil"

Durante essa semana, eu e a Márcia Ortiz conseguimos terminar o Front end da página "Perfil". A partir de agora, começaremos a programação para mostrar e alterar os dados na página, assim como a alteração da foto. 

Durante a semana, também foi tirado print das páginas já prontas para postar no blog, na parte "Telas do Sistema".

Front end da página "Perfil"

Durante essa semana, eu (Márcia Ortiz), juntamente com a aluna Milena Veronezi terminamos o Front end da página "Perfil", assim, daremos inicio a parte da programação para mostrar e alterar os dados na página, e também alterar a foto de perfil do usuário. 

Filtros das páginas Livros e Estágios e programação da página publicar estágio

Nesta semana, por conta da mudança na questão de matérias no filtro da página livros, a programação do filtro teve que ser levemente alterada. Também foi encontrado um bug na programação do filtro da página de estágios: a query retornava valores repetidos e a solução foi adicionar o comando distinct. Junto com o Gabriel, programamos a publicação do estágio, que será feita por parte do professor ou coordenador do sistema, e também tiramos dúvidas com o professor Celso à respeito.

Alterações nas notificações de estágio

Nesta semana, conseguimos com que ao clicar na nas notificações de estágios, o usuário seja redirecionado para a página de estágios já com o modal de detalhes aberto na oportunidade de estágio que ele clicou. O mesmo já acontece na página de livros, e facilita muito em termos de agilidade da visualização.
Podemos ver o funcionamento dessa função nas imagens a seguir:

Clique em detalhes para ver as imagens:

Termos de uso e Front end

Na semana de volta as aulas, começamos a elaborar os Termos de Uso do sistema Facility. Após a finalização, foi passado para as alunas Maria Cecília e Giovanna revisarem.
O Kelvin passou uma explicação básica para eu e para a Márcia, para auxiliar na edição do  Front end de algumas páginas.
No momento, estamos terminando a página "Perfil" do sistema.

Criação da tela de arquivos, alteração do DER, do DFD e do DD

    Nesse retorno às aulas, houve a alteração do Diagrama de Entidade e Relacionamento. Nessa mesma semana também foi proposto que eu(Vanessa Hayashida), a Márcia Ortiz, Milena Veronezi e a Giovanna Aquino aprendêssemos um pouco mais sobre a programação do projeto para que pudêssemos auxiliar o Vitor Guastala e o Gabriel Moreli e sobre a parte de font-end com o Kelvin Medeiros para que possamos auxiliar na criação das telas do projeto.
    Eu com a Giovanna Aquino desenvolvemos o front-end da página de arquivos
    Ainda nessa semana, juntamente com a Giovanna Aquino, revisei o Diagrama de Fluxo de Dados e o Dicionário de Dados e alteramos o que foi necessário.

Alterações DFD e DD, pagina arquivos.

Durante essa semana foram feitas alterações que o professor Dallasti pediu no DD e DFD, dessa forma eles foram finalizados e agora será atualizado na pasta do projeto. Logo depois eu e a Vanessa começamos a mexer na pagina Arquivos onde realizamos algumas alterações e foram colocados mais alguns componentes a essa pagina que ainda passará por algumas alterações.

Finalização da parte de livros e layouts

Nesta semana, finalizamos a parte de venda de livros do nosso sistema. Com isso, a parte de front-end já está sendo adiantada para termos a noção do que virá daqui pra frente. O maior imprevisto que tivemos foi na parte de pop-ups, onde tivemos que implementar códigos personalizados para o melhor funcionamento na relação de alertas e mensagens de confirmação. Estarei postando todas as páginas prontas até o momento e você poderá visualiza-las clicando aqui.

Término da página Livros

Com o avanço do projeto durante as férias, focando na parte de livros, que é uma das partes mais difíceis de todo o projeto, nesta semana, juntamente com o Gabriel Moreli, terminamos a programação da parte de livros. Alguns bugs foram encontrados e corrigidos, e dúvidas foram retiradas com os professores.
Agora, os livros tratados  no projeto não serão mais apenas de física e química, mas sim de qualquer matéria do CTI, tanto ensino médio, quanto técnico, e de todos os cursos.

Finalização da parte de livros do sistema.

Essa semana, foram corrigidos alguns erros na parte de livros do sistema, desenvolvemos nas férias essa parte, porém alguns "bugs" foram detectados e posteriormente resolvidos. Na próxima semana daremos oficialmente inicio a programação da parte de estágios do sistema, os layouts já foram desenvolvidos pelo Kelvin, e agora eu e o Vitor desenvolveremos toda parte PHP e consistência JAVASCRIPT do mesmo.

Inserções no Banco de Dados e elaboração da página de Perfil

Durante a primeira semana de volta as aulas, eu (Márcia Ortiz), juntamente com a Vanessa Hayashida, fizemos algumas inserções de dados e alterações no Diagrama de Entidade e Relacionamento. Nessa semana,também foi proposto que aprendêssemos um pouco mais sobre a programação do projeto para que possamos auxiliar na criação das telas do projeto. Com isso, eu e a Milena Veronezi demos inicio ao desenvolvimento  do front-end da página de perfil.

Termos de uso e recuperar senha

Durante a semana desenvolvi o sistema de recuperação de senha para o sistema, possibilitando ao usuário receber uma nova senha em seu email caso tenha perdido a cadastrada no sistema. Além disso, também fiz a revisão dos termos de uso do Facility, garantindo o uso adequado do sistema pelos usuários.

Finalização DFD, Dicionario de dados e entrega da pasta

Essa semana foi finalizada a pasta de TSPD, contendo o DFD, Dicionário de dados e todo o conteúdo da pasta do primeiro bimestre e mais os itens que foram adicionados durante o segundo bimestre. A pasta será atualizada durante o segundo semestre com todo o conteúdo restante do projeto a pasta será finalizada no final do projeto.

JavaScript para bloquear o colar

     Nessa semana, foi criada um javaScript para bloquear o colar de algum conteúdo em uma caixa de texto. Inicialmente colocamos um javaScript interno porém, como estamos trabalhando com o modelo MVC(Model View Control), um modelo de camadas, teríamos que separar o HTML do javaScript, ou seja, criar um arquivo somente para o HTML e um somente para o javaScript. 

     No início tivemos muito dificuldade em separar os conteúdos mas após várias tentativas e erros, conseguimos solucionar o problema.

Alterações e implementações no sistema

Nessa semana, comecei a pesquisar sobre o Grid, que é uma "tabela" que mostra os resultados de um SELECT feito no banco de dados. Ele será muito usado em várias partes do nosso sistema, como na hora de mostrar os resultados da pesquisa de livros, estágios e arquivos. Após alguns testes, consegui aplicá-lo ao nosso sistema, porém falta fazer algumas modificações. Além disso, verificamos que colocar a foto de perfil na mesma página de cadastro pode gerar alguns problemas no formulário de cadastro, portanto foi criado uma nova página, após o preenchimento do formulário, para que o usuário faça o upload de sua foto de perfil se quiser. E também, com os Javascripts criados pela Milena Veronezi, estou aplicando-os em todas as páginas do projeto já criadas até o momento.

Término da remoção do apóstrofo em Javascript e criação da camada model, action e core para AlunoNSAC e ProfessorNSAC

Nesta semana, junto com a Milena Veronezi, finalmente conseguimos remover o apóstrofo do campo de texto, isso será utilizado no cadastro do e-mail para evitar erros de sql.
Além disso, junto com o Gabriel Moreli, criamos os arquivos da camada model, action e core, dessa vez para os dados do aluno e do professor que virão do banco do NSAC.
Estamos com um problema com relação ao professor, pois não sabemos como o banco do NSAC guarda as informações sobre se o professor é um coordenador ou não, ou se ainda de que curso é coordenador, para tirar essas dúvidas estamos aguardando respostas do Anderson, que é quem cuida do NSAC no CTI.

Manutenção das Consistências

Na semana anterior foi testado as consistências já feitas e acabamos descobrindo um erro na validação do CPF, assim demos início a manutenção deste campo, ainda não terminado. 

A Márcia e o Vítor também participaram da consistência, criando scripts para bloqueio das aspas e apóstrofos, esse bloqueio é importante para que não desencadeie formas alternativas de entrar no sistema. 

Também bloqueamos a ação "colar" nos formulários para que não haja falsidade de informações.

Mudanças no Projeto e Consistência em Javascript

Nessa semana, enquanto tirávamos dúvidas com o professor Dalastti, o mesmo nos questionou algo sobre nosso projeto que talvez deveria ser mudado: seria mesmo adequado se qualquer professor fizesse uma proposta de estágio para os alunos, já que isso atualmente é feito somente pelo coordenador do curso? Desse modo, levamos a dúvida para o o professor e coordenador Celso, e o mesmo nos recomendou mudar o projeto, agora, antes da proposta ser publicada para os alunos, ela é passada para os coordenadores de curso, e ele aprovará a proposta ou não.

Além disso, o professor Celso criou um banco de dados para nosso grupo no servidor 200.145.153.172, resta-nos rodar o script do nosso banco de dados.

Também ajudei a Milena e a Márcia com a consistência de dados em Javascript, estamos tentando bloquear ou remover as aspas e apóstrofos de um campo, validar o CPF com máscara, e bloquear a ação "colar" no formulário.

Alterações na camada Action e Model

Após modificações no banco de dados, foi necessário fazer alterações nas camadas Action e Model do projeto. Surgiu também um problema de lógica que deverá ser resolvido após a semana de provas. O projeto juntamente com o banco foram colocados no servidor, e após as correções necessárias, eu e o Vitor(maiores responsáveis pela programação) daremos inicio a camada Controller.

Início das inserções no banco de dados

      Nessa semana iniciamos as inserções de exemplos em nosso banco de dados.
      Foram inseridos dados na tabela usuario, onde cada exemplo inserido corresponde a um tipo de usuário, um usuário coordenador do curso de informática, um usuário coordenador do curso de eletrônica, um usuário coordenador do curso de mecânica, um usuário professor e um usuário aluno.
     Além desses exemplos, foram inclusos, na tabela turma, todas as turmas existentes no momento no colégio, tanto as turmas de ensino médio como as turmas de ensino técnico.

DFD E Dicionário de Dados

Essa semana o DFD foi finalizado e depois das devidas alterações e correções realizadas no mesmo, o DFD foi passado para o DIA, depois dessa etapa será construído o dicionário de dados. Depois que o dicionário for finalizado, o mesmo e o DFD serão colocados na pasta de TSPD que depois de algumas alterações será entregue ao professor André Dallasti.

Alterações na tela de cadastro

Nesta semana, implementamos a consistência desenvolvida anteriormente pela Milena na página de cadastro. Personalizamos os alertas para se integrar ao visual do sistema e repaginamos o visual do botão para enviar foto de perfil que deixou o visual mais coerente com o sistema em si.

Clique em detalhes para ver as imagens:

Conclusão da página inicial

Finalmente concluímos a página inicial, ela utiliza elementos de design responsivo e é apresentada com fluidez. Ainda será implementado detalhes do sistema quando o progresso do projeto estiver mais adiantado. De imediato, visando a programação e conversação entre as páginas, ela será só uma capa em tela cheia.

Clique em detalhes para ver as imagens:

Consistência da senha e campo matrícula/cpf

No cadastro do aluno ou professor, o mesmo terá que criar uma senha, para que não haja erros teremos dois campos: senha e redigitar senha. Nesta semana foi feita a consistência desses campos com o Javascript, onde caso os dois campos estejam diferentes apresentará um erro para o usuário.

Inicialmente o projeto teria um pré cadastro o usuário teria que informar se era aluno ou professor, para melhorar este passo, terá apenas um campo, onde será pedido o cpf - no caso dos professores -, ou matrícula - no caso de alunos. Com isso, fizemos a consistência, onde se houver 7 dígitos será a matrícula do aluno e caso haja 11 será professor, então esse cpf passará pela validação, ccomo já mencionado no post anterior.

Camada Action e Core

Após finalizada a camada Model da programação, eu e o Vitor (principais responsáveis pela programação do projeto), iniciamos e finalizamos a camada Action que faz toda a parte de inserções e seleções do banco e a camada Core, que é responsável por eventos especiais que possam ocorrer durante o desenvolvimento.

Como já mencionado anteriormente pela aluna Vanessa Hayashida, durante esta semana focamos em como solucionar os problemas levantados na semana passada. Percebemos que criar outra tabela apenas nos traria mais trabalho, então decidimos criar uma chave estrangeira nas tabelas arquivo, estagio e interessado, onde receberá o valor da notificação correspondente. Com isso, o usuário terá acesso a postagens já realizadas antes de seu cadastro. Decidimos também criar uma chave estrangeira nas tabelas arquivo, estagio e interessado, onde recebera o valor da notificação correspondente. Desse modo, o usuário terá acesso a postagens já realizadas antes de seu cadastro.
Além disso ajudamos as alunas Maria Cecília Gatti e Giovanna Aquino a compreenderem melhor o banco de dados para que elas pudessem realizar algumas alterações necessárias no DFD (Diagrama de Fluxo de Dados) e fazer o DD (Dicionário de Dados) corretamente.

Análise do problema levantado na semana anterior e alterações no banco de dados.

     Como já havia mencionado em um post anterior, foi levantado o seguinte problema: como relacionaríamos as tabelas notificacao, arquivo, estagio e livro. Pensávamos que a melhor solução seria criar uma outra tabela para reunir as chaves primarias das devidas tabelas, com seus respectivos valores sendo que, quando recebi um valor ou da tabela estagio, ou arquivo ou livro, as outras chaves receberiam 0, ou seja só dois campos teriam valor existente, o campo de notificacao e o da outra chave.(arquivo, estagio ou livro).

    Porém ao analisarmos mais profundamente, percebemos que não a melhor solução e levantamos mais um problema: o usuário só visualizaria postagens depois de sua cadastro? E o material já postado para sua turma? E os estágios? Então decidimos criar uma chave estrangeira nas tabelas arquivo, estagio e interessado, onde recebera o valor da notificacao correspondente. Com isso, o usuário terá acesso a postagens já realizadas antes de seu cadastro

    Além desse levantamento de problemas e sua possível solução, houve as devidas mudanças no banco e no Diagrama de Entidade e Relacionamento e ainda um esclarecimento do DER às alunas Maria Cecília Gatti e Giovanna Martins Aquino para que elas pudessem realizar o Diagrama de Fluxo de Dados e o Dicionário de Dados de maneira correta.

Alterações DFD e início do DD

Durante essa semana fizemos alterações no DFD, tornando possível o uso de todas as tabelas do banco de dados dadas como necessárias.
Começamos, também, o desenvolvimento do Dicionário de Dados, especificando todas as informações que entrarão, passarão e sairão do sistema.

Programação: Model, Action e Core

Nesta semana, com as alterações realizadas no Diagrama de Entidade e Relacionamento e no Diagrama de Fluxo de Dados, a camada Model foi consertada. Após isso, juntamente com o membro Gabriel Moreli, terminamos a camada Action e a camada Core seguindo a vídeo-aula que estamos vendo, porém, precisamos alterar a camada Action de acordo com a necessidade do nosso sistema, pois primeiramente seguimos o padrão que estava na vídeo-aula.

DFD e Dicionário de Dados

Durante essa semana tiveram que ser realizadas algumas alterações no Diagrama de contexto, consequentemente o nivel zero e um passaram por alterações também. A partir deles eu e a aluna Maria Cecília iniciamos o Dicionario de dados que também será colocado na pasta de TSPD, que será entregue para o Professor Andre Dallasti no fim do Bimestre para que seja avaliado.

Alterações necessárias no banco de dados, e possíveis soluções para alguns problemas encontrados.

Como já mencionado anteriormente pela aluna Vanessa Hayashida, eu (Márcia Ortiz), juntamente com a mesma, fizemos algumas alterações que se faziam necessárias no Banco de Dados e, junto com o Vitor Guastala e o professor André Bicudo, procuramos soluções para resolver alguns problemas encontrados.

O principal problema era sobre os relacionamentos entre as tabelas arquivo, publicacao_livro, proposta_estagio e notificacao, e a possível solução que encontramos, é criar uma tabela publicacao com um id próprio e que receba as id's das tabelas relacionadas a algum tipo de publicação.

Continuação da camada Model

Essa semana eu e o Vítor (principais responsáveis pela programação do projeto) continuamos o desenvolvimento da camada model do nosso sistema, camada essa que terá quando terminada todos os métodos getters e setters das entidades do banco de dados.

Teste da força da senha

Nesta semana fizemos a consistência com Javascript para testar a força da senha, onde não é permitido senhas "fracas".
As senhas precisam ter mais que 6 caracteres, e classificam como fraca senhas que contenham apenas números consecutivos como "123456".

Finalização do DFD

Durante essa semana foram realizadas as devidas correções no DFD, para que coloquemos o mesmo na pasta de TSPD. E nessa semana também foi realizada um previa da apresentação do sistema para o professor Rodrigo.

Conclusão de DFD e início de produção da pasta de TSPD

Durante essa semana redefinimos o tamanho do DFD para caber em apenas uma página da pasta. 

Também fizemos a avaliação dos textos que estarão presentes no sistema. 

Levantamento de problemas, possíveis soluções e mudanças do banco de dados.

      Nessa semana houve o levantamento do seguinte problema, como relacionaríamos as tabelas arquivo, publicacao_livro, proposta_estagio e notificacao, já que o usuário(aluno) receberia notificações se um arquivo fosse postado para ele, quando um livro fosse publicado e fosse para sua série e quando algum professor publicaria algum estágio que fosse para sua turma.
      A possível solução para esse problema foi criar uma tabela(publicacao) que teria um id proprio, e os id's da tabelas arquivo, livro(que foi a mudança de nome da tabela publicacao_livro) e estagio(que foi a mudança de nome da tabela proposta_estagio).
      Com essa possível solução foi incrementado banco a tabela publicacao, a mudança de nomes de tabelas, publicacao_livro para livro e proposta_estagio para estagio.

Sistema de envio de fotos com corte

Nessa semana, finalizamos a parte da página de cadastro onde será possível enviar uma foto representativa para o perfil de usuário. Implementamos um sistema de corte de imagens e upload diretamente para um diretório presente no servidor.

Clique em detalhes para ver as imagens:

Correção de Slides da Apresentação

Após nossa primeira apresentação, o professor Rodrigo nos informou alterações que deveriam ser feitas nos slides, e algumas dicas para a apresentação do grupo. As alterações nos slides consistiam na ampliação das imagens, que não conseguiam ser enxergadas pelo público. Já as dicas de apresentação foi não utilizar gírias, nem consultar papel durante a apresentação.

Alterações no DER e Finalização do Script

Nesta semana, eu (Márcia Ortiz), juntamente com a Vanessa Hayashida, fizemos algumas alterações e inserimos novos atributos que se faziam necessários no DER do nosso sistema. Depois disso, acrescentamos essas informações no script do mesmo, que já havia sido começado anteriormente e o finalizamos. 

Início da programação.

Após várias discussões com os professores, eu e o Vitor (principais responsáveis por essa área do projeto) decidimos que as IDEs Zend Studio e Notepad++ serão as utilizadas para o desenvolvimento, tal que, a primeira nos computadores pessoais e a segunda nas máquinas do colégio. Outra pendência que foi decidida foi a não utilização de um framework, e que o sistema terá a estrutura MVC (Model, View, Control).

Com tudo decidido, nessa semana se deu o efetivo inicio da programação. As classes que estão sendo trabalhadas no momento são as da camada Model.

Finalização do DFD.

Durante essa semana eu(Giovanna Aquino) junto com a aluna(Maria Cecília) tivemos que fazer vários alterações no Diagrama de contexto a partir dele refizemos o nível zero e um, e finalizamos o nível dois. Dessa forma finalizamos o DFD, que será colocado na pasta de TSPD.

Conclusão do DFD

Durante essa semana terminamos o diagrama de contexto, nível zero, nível um e nível dois do projeto, com devidas alterações. 

Consistência dos campos email e cpf

Nesta semana foi feito a consistência do campo email, onde e obrigatório ter apenas um "@" e pelo menos um "." após o arrouba.

Já no campo do CPF existe todo um algoritmo para obter os números, por exemplo, não pode existir registros com todos os números iguais (111.111.111.-11). Assim seguimos o algoritmo oficial, todas as regras estão presentes no link (http://www.geradorcpf.com/algoritmo_do_cpf.htm)

Finalização do script do banco de dados

Nessa última semana que se passou, desenvolvemos e terminamos o script da banco de dados. Durante o seu desenvolvimento, houve alterações que deveriam e foram realizadas. Essas alterações foram inclusões de campos nas seguintes tabelas: publicacao_livro, arquivo e proposta, e os campos que foram inclusos são de definições de data e hora.

Elaboração de Brainstorms

Nesta semana, eu (Kelvin Medeiros) e o líder (Vitor Guastala) começamos a elaboração do brainstorm bruto das páginas que estarão presentes no projeto. Precisamos nos organizar dessa maneira para garantir que não irá faltar nada e para facilitar o desenvolvimento de todas as partes que compõem sistema. Acreditamos que esse seja o ponta-pé inicial para definirmos como o sistema se comportará.

Clique em detalhes para ver as imagens:

Programação e Brainstorms de Páginas

Nesta semana, junto com o integrante do grupo Gabriel Moreli, ficou decidido que não usaremos nenhuma framework para a programação em PHP Orientado à Objetos, porém, utilizaremos o método MVC manualmente na programação. Para isso, estamos vendo vídeo-aulas para entender melhor esse método.

Segue a primeira vídeo-aula da série que estamos vendo:

Além disso, junto com o integrante Kelvin Medeiros, fizemos alguns brainstorms de algumas telas, os professores Celso e André Bicudo olharam os brainstorms e deram dicas para melhorá-los. As fotos desses brainstorms se encontram no post do Kelvin da semana.

Diagrama de fluxo de dados - Nível zero

Durante a semana, finalizei o diagrama de contexto, que apresentava alguns erros na semana passada. 

Comecei, também, o nível zero do nosso DFD, nele, apresentamos os processos principais ligados ao nosso projeto (cadastro, arquivos, livros e estágio) e as entradas de dados relacionadas a cada um. 

O diagrama foi terminado e será mostrado para o professor Dalastti na próxima aula. 

Finalização da consistência da página Index

Nesta semana terminamos toda a consistência da página index.php, utilizando o javascript. No campo Matricula, só são aceitos números, já no campo senha, fizemos a consistência para somente aceitar letras e números, sem acentos ou caracteres especiais.

Banco de Dados - DER e Script

Como já mencionado anteriormente, eu (Márcia Ortiz), juntamente com a Vanessa Hayashida terminamos o DER (Diagrama de Entidades e Relacionamentos) do nosso banco de dados e com isso, demos início a criação do script do mesmo. 

Discussão sobre uso ou não de framework e qual IDE utilizar

Nessa semana, eu e o Vitor (maiores responsáveis pela programação do projeto), discutimos juntamente com os professores Rodrigo, Bicudo e Celso sobre qual o papel do framework na programação e se nós utilizaremos alguma em nosso projeto. O que foi decidido é que estudaremos algumas frameworks e que caso for possível entender o mecanismo, implementaremos em nosso projeto, todavia caso não for possível faremos toda estrutura manualmente.
Outra discussão foi a respeito da IDE que será utilizada para a programação, assunto esse  que ainda não foi decidido, estamos estudando qual é a melhor para o nosso projeto.

Banco de Dados - Diagrama de Entidade e Relacionamentos e Script.

      Nessa última semana o Diagrama de Entidade e Relacionamento foi finalizado, com suas devidas entidades, cardinalidades, atributos e relações.

      Com a finalização do diagrama houve a possibilidade do início do script do banco, ou seja, pudemos dar início a criação da base de dados baseado no diagrama. Com sua criação, houve um auxílio para aqueles que criaram os campos da tela de cadastro. Vale ressaltar que o script da base de dados não está completo.

Click aqui para visualizar o DER

Diagrama de Fluxo de Dados e Nível zero

Durante essa semana foi finalizado o Diagrama de fluxo de dados, que a partir dele foi criado o nível zero do diagrama representa basicamente a composição do sistema,  apresentar uma visão global (geral) de como será composto o sistema.
Após a finalização do nível zero, será feito o nível um do sistema que representa partes específicas que irão compor o sistema, assim apresentando pontos do sistema que necessitam de mais detalhes. Logo abaixo segue foto do diagrama de fluxo de dados. 

 

Página de Cadastro

Nesta semana, iniciamos o design da página de cadastro e estamos averiguando como faremos para definir a bifurcação que será feita em relação ao cadastro de professores e alunos. Definimos que uma unica página servirá para ambos os tipos de pessoas e que os campos serão preenchidos de acordo com os dados presentes no banco. Segue o que temos até agora:

Framework e Vistoria

Nesta semana, eu (Vitor Fabrile Guastala), juntamente com Gabriel Moreli conversamos sobre como faríamos a programação PHP do projeto, uma vez que nos recomendaram utilizar algum framework para auxiliarmos, porém não sabíamos o que era, e nem como utilizá-lo. Portanto conversamos com os professores André Bicudo, Rodrigo Carvalho e Celso Kawashima, e eles nos explicaram. Ao fim, nos recomendaram utilizar o framework Laravel, e estamos estudando-o.

Além disso, averiguei o andamento do projeto em outras áreas, como design, banco de dados, diagrama de fluxo de dados, e consistência de dados, tirando as dúvidas dos integrantes do grupo e dando dicas para um melhor desenvolvimento.

Padronização do Banco de Dados e discussão sobre o DER

Durante essa semana, eu (Márcia Ortiz), juntamente com a Vanessa Hayashida e Vitor Guastala, estabelecemos qual será o padrão das nomenclaturas utilizadas no nosso banco de dados e tivemos acesso ao banco similar ao do NSAC, banco de dados utilizado pelo colégio. 

Essa disponibilização nos auxiliou no processo de criação e discussão do nosso DER (Diagrama de Entidade e Relacionamento), e durante ele surgiram várias dúvidas. Então, nos reunimos com o professor Vitor Simeão, que nos deu uma visão mais ampla do nosso banco, tirando algumas duvidas a respeito das entidades e relacionamento que poderíamos utilizar por exemplo, e também com o professor André Bicudo, que nos deu uma visão mais simples com relação ao banco de dados que nos foi disponibilizado, nos ajudando a compreender alguns pontos que estávamos com duvidas, chegando assim, quase ao final do DER que será utilizado em nosso sistema.

Diagrama de Fluxos de Dados

Durante essa semana, eu (Giovanna Aquino Martins), e a outra integrante do grupo Maria Celia Gatti iniciamos a construção do diagrama de fluxo de dados referente ao nosso sistema, inicialmente estudamos o sistema para retirar conclusões das entradas e saídas do sistema, depois fizemos o diagrama de contexto, nele representamos o sistema recebendo e enviando informações (entradas e saídas) estudadas anteriormente.
Também foi finalizada a analise dos questionário, que a  partir deles foram criados gráficos que nos mostram o que os alunos e professores do CTI julgam referente a atual forma de venda de livros, upload de arquivos e divulgação de estágios.

 

Javascript

Está semana demos início a consistência de dados, feito através do Javascript. Assim, todos os campos que serão preenchidos pelo usuário no sistema, terá a consistência feita através do mesmo.
A página index.php já está quase pronta, exceto pela falta do bloqueio de caracteres especiais no momento do login.

Algumas dificuldades surgiram no uso da sintaxe de uso de funções, assim as dúvidas serão reunidas para os membros do grupo e professores ajudarem.

Estudo e análise da situação problema a ser abordada

Durante essa semana, em conjunto com a integrante Giovanna, filtramos os dados obtidos com os questionários e desenvolvemos gráficos.
O que esses gráficos abordam?
As dificuldades dos alunos em obter um bom serviço de disponibilização de arquivos, de venda de livros e de recebimento de propostas de estágio. Segue exemplo dos gráficos desenvolvidos:

Além disso, começamos o desenvolvimento do Diagrama de Contexto do nosso Diagrama de Fluxo de Dados. O Diagrama de Contexto tem como finalidade principal apontar todos os dados que entram ou saem do sistema e para onde cada um vai. Encontramos, entretanto, grande dificuldade para organizar os dados, levando-se em conta que possuímos 4 sistemas a serem representados (Livros, Arquivos, Estágio e o Cadastro do nosso sistema).

Banco de Dados - Diagrama de Entidade e Relacionamentos e Nomenclatura de Campos

No início da semana foi solicitado ao professor Celso a disponibilidade de banco de dados do colégio, o mesmo nos enviou um banco similar, com algumas tabelas do colégio e algumas com dados e outras sem.
Com essa disponibilização poderíamos terminar o Diagrama de Entidade e Relacionamento.
O DER ainda não foi finalizado, mas já está quase no fim.
Além do termino do diagrama pudemos estabelecer qual será o padrão utilizado em nosso banco, ou seja, qual será o padrão da nomenclatura dos campos do banco de dados.

Análise do design e banco de dados do sistema e início do desenvolvimento da programação

Nessa semana, eu (Gabriel Moreli) juntamente com o Vitor, analisamos o design feito pelo Kelvin, além do banco de dados, para que assim, pudéssemos dar inicio ao trabalho de programação.
Logicamente, a programação necessita de todo um projeto de lógica por trás, por isso só iniciamos a parte mais mecânica da programação, que seria a criação dos atributos e encapsulamento dos mesmos.

Estudo da Programação e Discussões Sobre o DER

Nesta semana, eu e o Gabriel, responsáveis pela programação até o momento, começamos a estudar a programação em PHP orientada a objetos, e percebemos que talvez não seja tão difícil, pois já sabemos programação orientada a objetos em outras linguagens, como Java e C#.
Porém não terminamos nossos estudos pois o DER não está pronto e, consequentemente, nosso banco também não está, então junto com a Vanessa e Márcia, discutimos sobre o DER. Encontramos diversas dúvidas, que foram tiradas com professores, e acreditamos já estar quase no fim do DER.

Logo Oficial Definida

Depois de algumas semanas com nossa logo provisoria, desenvolvemos mais algumas opções para verificar qual seria a que mais se enquadra na nossa equipe. Fizemos alguns testes encaixando-as no papel timbrado que iremos usar para a representação de nossos documentos e escolhemos a que mais se encaixou no quesito simplicidade, expressividade e significância. O resultado foi uma ideia que uniu a proposta inicial com algo bem mais enigmático.

Logo Oficial

Propostas Apresentadas

Questionários

Com o objetivo de obter  maior clareza sobre as dificuldades que os alunos encontram na forma atual da divulgação de estágio, venda e compra de livros, e disponibilização dos materiais utilizados  pelos professores na sala de aula, criamos questionários diferenciados, para alunos e para professores. 
Para a elaboração destes questionários, dividimos nosso grupo em duas equipes: uma para os questionário dos professores e outra para o questionário para os alunos. Feito isso, entregamos para os mesmos responderem aqui no colégio, e estamos analisando as informações para saber qual será resultado.

A Liderança e a Divisão de Trabalho

Liderar um grupo é um trabalho complicado, sempre para realizar uma atividade em aula é preciso ter conhecimento do que será feito e ter conhecimentos de todos os membros do grupo, para que assim a atividade se encaixe com a pessoa que a realizará. Isso porque algumas pessoas possuem mais facilidade em relação à alguns tipos de atividades, e outras possuem mais dificuldade. É por isso que referente às atividades realizadas nesta semana, como líder, não obtive dificuldade na separação, uma vez que o grupo possui fortes e fracos que se completam.
As atividades realizadas nessa semana foram: correção da pasta de TSPD, distribuição dos questionário para alunos e professores, manipulação dos questionários respondidos, criação do DER, desenvolvimento do logotipo da empresa, além de reuniões com o grupo e com professores para definição do sistema.
Nesta semana, também definimos com o que cada pessoa ficará responsável em nosso projeto de modo geral, o grupo optou por dividir as tarefas, porém, apesar da divisão, é bem provável que todos os alunos participem de todas as funções listadas abaixo, principalmente na programação.

Segue abaixo o membro do grupo e sua principal função no projeto:

Gabriel Moreli: Programação em PHP do sistema.
Giovanna Aquino: Criação de conteúdo para pasta de TSPD.
Kelvin Medeiros: Desenvolvimento do Design do site e montagem da pasta de TSPD.
Márcia Ortiz: Administração do Banco de Dados, principalmente na retirada de dados do Banco para uso no sistema.
Maria Cecília Gatti: Busca de informações para desenvolvimento do sistema e para uso na pasta de TSPD.
Milena Veronezi: Consistência de dados em Javascript do site.
Vanessa Hayashida: Criação do DER e do Banco de Dados, além da administração do mesmo.
Vitor Guastala: Programação em PHP do sistema.

Sobre a definição do funcionamento final do sistema

Durante essa semanas, entramos no dilema de decidir como e com quais dados nosso programa funcionaria. Como, a priore, o sistema seria rodado em conjunto com o sistema da escola já existente (NSAC), decidimos por nos reunir com o responsável pela manutenção dele.
Marcamos, então, uma reunião com o Anderson, secretário da escola, para obter os dados necessário para iniciarmos a programação.

Ao conversarmos, ficamos sabendo, porém, que o sistema atual da escola passaria por uma atualização. Atualização essa que passaria a ser rodada em EXT (programação não aprendida durante o curso). Ficamos, então, com 3 opções de desenvolvimento:

• Aprender e programar em EXT para desenvolver o sistema para implantação junto com o Anderson;
• Programar um sistema semi-independente em php, html e Bootstrap (com programação de interface já iniciada) utilizando apenas alguns dados do banco do cti (tais como: nome, número de matrícula e classe/série) criando uma tabela de logins e senhas próprias, tendo que o aluno cadastrar no seu primeiro acesso uma senha para utilização. O link de redirecionamento para a página inicial estaria disponível dentro do NSAC;

• Programar um sistema completamente independente, não utilizando nenhum dado do CTI, com linguagem igual à da proposta anterior, porém sem verificação possível de real matrícula do aluno na escola;

Ao termos resposta da banca do TCC, porém, foi escolhida uma quarta opção.

Como fica nosso programa, então?

Programado em PHP, HTML e Bootstrap, um sistema a parte ao da escola, com apenas um link dentro do NSAC e com dados da escola, mas não vinculados diretamente ao NSAC, cedidos pelo professor Celso, de PHP. 

Banco de dados/Diagrama de Entidades e Relacionamentos

Durante o primeiro bimestre deu-se início nosso Diagrama de Entidade e Relacionamento, porém como a ideia inicial era desenvolver o sistema e implementar ao sistema do colégio, o NSAC, teríamos que ter uma base do banco de dados do devido sistema.  Então para a resolução desse problema, entramos em contato com o professor Celso Kawashima para que o mesmo nos disponibilizasse os dados que precisaríamos.

Enquanto espera-se o retorno no professor, desenvolvemos o DER como se o sistema fosse totalmente independe do NSAC.

No momento, como ainda não temos os devidos dados, o nosso diagrama está incompleto.

Histórico Geral, Blog e Software para administrar tarefas

Com o intuito de ter todos os passos registrados, estamos desenvolvendo um Histórico Geral, onde o que aconteceu desde o princípio e o que está acontecendo em nosso projeto ficará registrado.
Outra forma de registro, é o nosso Blog, criado em 27 de abril de 2015, onde em todos os finais de semana os membros do grupo ficarão responsáveis por postar o andamento do projeto realizado por sua parte.

Além disso, nosso Professor André Bicudo sugeriu a ideia de um software que gerencie as tarefas realizadas pelo grupo. Estamos em busca dessa ferramenta que se adeque no perfil do projeto para assim ter melhor organização e resultados.

Atualização da pasta de TSPD

          Durante o primeiro bimestre houve a criação da pasta com o conteúdo inicial sobre o projeto. O professor André Luiz Dalastti indicou as seguintes correções:

• Foto do xerox do CTI onde os professores disponibilizam o material para os alunos.
• Captura de imagens referentes a e-mails enviados por coordenadores sobre oportunidades de estágio.
• Redução do tópico “Cargos e funções”.

         As correções foram aceitas e realizadas pelos integrantes do grupo, os erros foram subdivididos entre os componentes do grupo para que cada um realizasse as devidas alterações, cada dupla ficou responsável por um cargo/função e as devidas alterações foram realizadas em aula. Já a foto ferente ao xerox do CTI a captura de tela do e-mail enviado pelo coordenador de curso, foram tirados durante o processo. No tópico “Proposta de Sistema” foi inserido o questionário que foi passado para os alunos e professores do CTI, com o intuito de sabermos o que os docentes e discentes acham de como é atualmente a venda de livros, oportunidades de estágio e upload de arquivos.

Design do sistema

A interface é uma parte fundamental do sistema, quando bem projetada atrai visualmente o usuário além de se tornar fonte facilitadora, da qual ele se comunica para realizar as tarefas desejadas. Sabendo disso, nosso grupo focou inicialmente no design a ser utilizado em nosso sistema, buscando desenvolver um layout fluido e de fácil entendimento, que facilitasse ao máximo a utilização pelos futuros usuários, porém enquanto desenvolvíamos, recebemos a notícia de que não poderíamos utiliza-lo pois como seria um sistema para o colégio, teria que utilizar o modelo padrão de design dos sites da UNESP. Contudo, dias depois, foi decidido após uma reunião pela banca, que o sistema não seria implantado, e logo, poderia ser utilizado o design proposto. Abaixo imagens do layout:

Desenvolvimento de logotipo

Nessa semana tivemos algumas ideias para o logotipo. O seu desenvolvimento está feito basicamente se inspirando na ideia do número 8. Os desenhos foram feitos a partir de formas geométricas presentes no editor vetorial. Desenvolvemos mais algumas propostas e, a partir da avaliação do professor Rodrigo, reestruturamos alguns estilos de fonte, tamanho e espaçamento. Todo o processo foi feito a partir do software Inkscape.

Projeto a ser desenvolvido

Situação problema:

Os alunos do CTI (Colégio Técnico Industrial "Prof. Isaac Portal Roldán") sentem dificuldade, ao passar dos anos, para a venda e compra de livros didáticos, ter acesso as apostilas disponibilizadas pelo professor e para terem acesso a vagas de estágio referentes ao seu curso.

           Para que possam ter acesso aos livros didáticos, precisam utilizar grupos do colégio existentes nas redes sociais, como Facebook por exemplo, para postarem que estão vendendo ou que estão interessados em comprar algum livro didático, e esperar que outros alunos interessados se manifestem comentando sua publicação. Isso acaba incomodando muitas pessoas pois, no grupo do colégio, há pessoas que já terminaram seus estudos ou que não se interessam por esses tipos de informações, e também, muitas das vezes, acaba gerando confusões por ser algo desorganizado.

        Com relação aos arquivos e apostilas que o professor cria para seus alunos, na maioria das vezes, ele precisa deixar no Xerox, e avisar para os alunos irem até lá e trazer impresso na próxima aula, por exemplo, ou o professor precisa enviar esse material para o e-mail de algum aluno, e este, encaminhar para o e-mail de todos os alunos da sala, ou então postá-los em redes sociais.Já sobre os estágios, é enviado no e-mail dos alunos pelo coordenador de cada curso quando há uma proposta de estágio disponível, o mesmo utiliza um programa em PHP e envia as propostas que são direcionadas para cada turma. O que dificulta um pouco a visualização das propostas é que muitos alunos não ficam o tempo todo atento ao seu e-mail, e quando vão checar, já perderam a oportunidade.

Por essas razões acreditamos que o CTI necessite dessa informatização, e a partir desse processo facilitará tanto a vida dos alunos como a dos professores.

Sobre o sistema: 

O sistema permitirá acesso apenas a alunos, ex-alunos e professores do CTI. O login e senha serão os mesmos utilizados no NSAC.

No menu principal, o aluno terá a escolha entre três itens: compra e venda de livros, estágios e arquivos.

• Compra e venda de livros:

O aluno poderá fazer uma publicação do livro que quer vender, colocando a versão, foto, preço, dentre outros, e então aguardar até que outro aluno sinta interesse.

O aluno também poderá fazer uma pesquisa dos livros que estão sendo vendidos, e assim achar aquele que precisa, e então marcar interesse nesse livro.

Quando um aluno marca interesse em uma oferta de livro, uma notificação de quem está interessado é enviada para o proprietário do livro, desse modo os dois alunos entrarão em um acordo, por fora do sistema, e quando tudo estiver negociado, o proprietário do livro poderá fechar sua oferta, marcando o livro como vendido. Até lá, o proprietário do livro receberá as notificações dos interessados em sua venda.

• Estágios:

Nessa área, o aluno verá as informações de todos os estágios com vagas disponíveis de acordo com o seu curso, além de ver como entrar em contato caso tenha interesse.

• Arquivos:

Nesse espaço, o aluno verá todos os arquivos, como por exemplo apostilas, que foram enviados, para o seu curso, por professores, e então baixar esses arquivos.

Já o professor terá as seguintes opções: notificar estágios e enviar arquivos.

• Notificar estágios:

Nessa área, o professor poderá enviar estágios que estão com vagas disponíveis, definindo para quais turmas o estágio será enviado, e preenchendo todos os campos com a informação do estágio.

• Enviar arquivos:

Nesse espaço, o professor fará o upload de arquivos, como apostilas, por exemplo, e selecionará quais turmas terão acesso aos arquivos, podendo então, baixá-los.

Tanto alunos como professores terão um perfil, no qual haverá espaço para publicação de dados pessoais, como por exemplo informações para contato, porém o usuário não é obrigado a colocar seus dados, se assim preferir.