Atividades no dia 28/10/2010

Karl Schiewaldt

Olá!

Nesta quinta, 28/10/2010, tivemos uma série se atividades na escola, para compensar a "perda" do ponto facultativo que foi transferido para o dia 11.

Tivemos atividades como futebol, rugby, basquete, música, exibição de curta,-etragens, entre outras. Estas atividades foram feitas pelos alunos, coordenados pelos professores.

Mas, em compensação, quinta-feira é o dia que mais temos aulas para desenvolvimento do projeto, ou seja, perdemos um dos dias finais para os últimos ajustes. Já estamos quase no final!

Para comentar, clique no título deste post.

Até mais (:

Alteração no calendário

Karl Schiewaldt

Olá!

Nesta última aula, o professor Vítor veio nos informar uma alteração no calendário do projeto.

Devido ao ENEM, que será realizado nos dias 6 e 7 de novembro, as apresentações do projeto foram adiantadas para os dias 4 e 5 de novembro. A ordem das apresentações se mantém a mesma.

Estmaos chegando ao fim!

Até mais

Karl

Alterações no site

Karl Schiewaldt

Olá!

Como sugerido pelo professor de Aplicativos, esta semana fiz algumas correções no site, como a troca das imagens .png por imagens .gif sem a perda daqualidade, para reduzir o peso das imagens, a colocação das tags alt e title em tudos os links do site, assim como a finalização da página Jogo, onde nós falamos a respeito do jogo que estamos desenvolvendo,

Novamente, o endereço do nosso site é: http://ctilinux2.feb.unesp.br/spectrum/site

Pata comentários, clique no título deste post.

Até a próxima! :D

Calendário de atividades - Novembro

Karl Schiewaldt

Olá!

Bom, nosso projeto está chegando ao fim, e durante a aula, o professor Vítor veio nos informar as datas de apresentação. Assim, conciliando com as outras datas de vestibulares, ENEM e provas, temos nosso calendário de novembro

NOVEMBRO

ENEM:
06/11
07/11

Provas 4º Bimestre:

08/11 até 13/11

Apresentações do projeto:
10/11 (tarde)
14h - Stay Company
16h - Spectrum

11/11 (manhã)
08h - Índigo
10h - Apparatus

Unesp:
14/11

Unicamp:

21/11

Reapresentação do projeto:
27/11 (manhã)

Fuvest:
28/11

Pois é, finalmente, estamos chegando ao fim do projeto, e tudo está correndo para dar tudo certo no fim! :D

Até mais! (:

Finalização do documento de ajuda

Karl Schiewaldt

Olá!
Como postado anteriormente, estamos desenvolvendo a documentação de ajuda do jogo, contendo instruções básicas para que qualquer um possa jogar sem dificuldades.
Nele explicamos os comandos, grupos de usuários, como se cadastrar, etc.
Até agora, temos todos os textos que estarão no help prontos, só nos falta algumas imagens das telas do sistema, as quais ainda não estão prontas. Ainda estilizaremos o arquivo, com imagens da empresa e marcas d'água.

Para acessar o arquivo, o link é:
http://200.145.153.91/spectrum/aplicativos/help.pdf

Para comentários, clique no título deste post.

Até a próxima! :D

Documentação de ajuda para os usuários

Karl Schiewaldt

Olá!

Agora, no fim do projeto, é necessário que façamos uma documentação de ajuda para o usuário. Essa documentação conterá tudo o que é necessário para o jogador criar seu cadastro, alterar dados caso já esteja cadastrado, controles e elementos que compõem a tela do jogo.
Para os orientadores, teremos tópicos para a configuração de certos parâmetros, exemplos de metodologia que poderão ser utilizadase as regras abordadas, para que os orientadores passem aos alunos.
E para de uso geral, orientadores, alunos e administradores, temos tópicos explicando os grupos de usuários, introdução ao jogo e créditos e agradecimentos.

O documento está em fase de desenvolvimento, ainda faltam alguns tópicos a serem finalizados, em breve ele será postado aqui!

Caso queira nos deixar comentários, clique no título deste post.

Até a próxima! (:

Classificação no Google

Karl Schiewaldt

Olá!

Como postado anteriormente, nosso site, finalmente, está online no servidor do CTI (http://200.145.153.91/spectrum/site). Mas ainda faltava uma coisa: a Indexação.

Mas o que é indexar um site?

Nos mecanismos de busca, o termo indexar é utilizado para dizer que prepararemos nosso site para ser rastreado pelos robots destes mecanismos, para que, quando seja feita a pesquisa em algum site de buscas, como o Google, utilizando certas palavras-chave, nosso site seja classificado e apareça entre os resultados da pesquisa.

Para que possamos indexar o site, precisamos colocar algumas tags na sessão head do site, são as chamadas Meta Tags. Logo abaixo, colocarei as Meta Tags que utilizamos, e, em seguida, uma breve explicação sobre ela.

META NAME="DESCRIPTION" CONTENT="O jogo tem como finalidade entreter os usuários não deixando de ensiná-los, de forma criativa e responsável. Abrange a necessidade do uso de cinto de segurança, respeito aos semáforos e dos limites de velocidade. O jogo está sendo desenvolvido pelo grupo Spectrum, criado para o projeto de conclusão do curso técnico de informática. Ananda Brasolotto de Santis, Isabella Fontes dos Santos, Karl Schiewaldt, Maria Luíza Santinho Lima Monteiro, Vinícius Sato Jacintho, Wellington Moreira da Silva, CTI, FEB, UNESP, 73B, projeto, 2010"
* A meta tag DESCRIPTION fornece aos mecanismos de busca uma breve descrição do conteúdo do nosso site.

META NAME="KEYWORDS" CONTENT="jogo de trânsito, spectrum, Spectrum, SPECTRUM, grupo Spectrum, educar, EduCar, jogo EduCar, jogo educar,trânsito, carro, leis, leis de trânsito, regras de trânsito, cidade, semáforo, semáforos, velocidade, cinto de segurança, Ananda Brasolotto de Santis, Isabella Fontes dos Santos, Karl Schiewaldt, Maria Luíza Santinho Lima Monteiro, Vinícius Sato Jacintho, Wellington Moreira da Silva, CTI, FEB, UNESP, 73B, projeto, 2010"
* Já a tag KEYWORDS indica aos Robots dos mecanismos de busca as palavras-chave do nosso site, sendo as primeiras palavras as de maior relevância.

META NAME="ROBOT" CONTENT="Index, Follow"
* A tag ROBOTS diz o que os Robots devem fazer neste site. Neste caso, a tag diz para os Robots que o site em questão deve ser indexado e seus links seguidos por eles.

META NAME="LANGUAGE" CONTENT="PT"
* A tag LANGUAGE indica ao mecanismo de busca qual a linguagem predominante do site. No nosso site, a linguagem que predomina é o português.

META HTTP-EQUIV="CONTENT-TYPE" content="text/html; charset=iso-8859-1"
* Já a tag CONTENT-TYPE diz qual é o tipo do conteúdo do site, ou seja, qual a lingaguem que utilizamos no site e sua codificação.

Até mais! (:

Semana de provas

Karl Schiewaldt

Olá!
Esta semana entramos em nossa penúltima semana de provas no CTI. E para que tenhamos um bom desempenho nas provas, estamos nos dedicando mais para as provas, não deixando, é claro, nosso jogo de lado.
Então, até dia 14, quando acabam as provas, e boa sorte para nós nessa reta final! :D

Até mais!

Script para envio de e-mail

Karl Schiewaldt

Olá!
Como especificado em nossa proposta e no cronograma, nosso site teria um formulário para contato do usuário com o grupo. E ontem, conseguimos terminar.
Basicamente, encontramos uma classe que envia e-mails, o PHPMailer, onde nós colocamos a pasta com os itens da classe, na pasta onde se encontra nosso site no servidor, e fizemos o script em PHP para pegar os dados do formulário, montar o e-mail, e enviá-lo ao nosso e-mail (empresa.spectrum@gmail.com).

E aqui está nosso script:

    $nome=$_REQUEST['nome'];
    $email=$_REQUEST['email'];
    $assunto=$_REQUEST['assunto'];
    $mensagem=$_REQUEST['mensagem'];

    function Enviar($assunto,$mensagem,$email,$nome)
    {
        require_once('phpmailer/class.phpmailer.php');
        $phpmail = new PHPMailer();
        $phpmail->IsSMTP(); // envia por SMTP
        $phpmail->Host = 'ssl://smtp.gmail.com';
        $phpmail -> Port = 465;
        $phpmail->SMTPAuth = true; // Caso o servidor SMTP precise de
autenticacao
        $phpmail->Username = "empresa.spectrum@gmail.com"; //SMTP
Email
        $phpmail->Password = "projetocti2010"; // SMTP Senha
        $phpmail->IsHTML(true);   
        $phpmail->FromName = "$nome ($email)"; //Nome do remetente
        $phpmail->AddAddress("empresa.spectrum@gmail.com");
//Destinatario
        $phpmail->Subject = $assunto; //Assunto
        $phpmail->Body = $mensagem; //Mensagem
        $send = $phpmail->Send();
    }
    Enviar($assunto,$mensagem,$email,$nome);
?>

Foi retirada a parte de alerta ao usuário, já que o Blogger tem problemas com as tags HTML que são utilizadas aqui.

Até mais! (:

Site Online!

Karl Schiewaldt

Olá! :D

Então, finalmente, conseguimos criar a pasta do grupo no servidor da escola e colocamos nosso site lá, para divulgação e indexação no Google.
O endereço do site é: http://200.145.153.91/spectrum/site

Acessem! :D

Até a próxima!

Script de validação de formulário

Karl Schiewaldt

Olá!

Essa semana, devido ao desenvolvimento do site, e especialmente da página de contato do site, onde utilizaremos um formulário, onde o usuário entra com o nome, seu e-mail, assunto da mensagem e o corpo da mensagem, enxergamos a necessidade de um script de validação.
Esse script de validação, feito em JavaScript, funcionaria como uma espécie de "controle" do usuário, que não permitiria que o usuário deixasse qualquer campo vazio, e no campo e-mail, ele testa se não está vazio E se há um endereço de e-mail válido.

Aqui está o script JavaScript:
function validaform(){
    d = document.contato;
    if (d.txtnome.value == ''){
        alert('O campo ' + d.txtnome.name + ' deve ser preenchido!');
        d.nome.focus();
        return false;
    }
    if (d.txtemail.value == ''){
        alert('O campo ' + d.txtemail.name + ' deve ser preenchido!');
        d.email.focus();
        return false;
    }  
    parte1 = d.txtemail.value.indexOf('@');
    parte2 = d.txtemail.value.indexOf('.');
    parte3 = d.txtemail.value.length;
    if (!(parte1 >= 3 && parte2 >= 6 && parte3 >= 9)) {
        alert('O campo ' + d.txtemail.name + ' deve ser conter um endereco
eletronico!');
        d.txtemail.focus();
        return false;
    }   
    if (d.txtassunto.value == ''){
        alert('O campo ' + d.txtassunto.name + ' deve ser preenchido!');
        d.txtmsg.focus();
        return false;
    } 
    if (d.txtmsg.value == ''){
        alert('O campo ' + d.txtassunto.name + ' deve ser preenchido!');
        d.txtmsg.focus();
        return false;
    }
}

É isso, até mais!

Propostas etiquetas para cd/dvd e modelos de cases de dvd

Karl Schiewaldt

Olá!
Bom, esta semana nós deveríamos desenvolver algumas propostas para etiquetas de cd/dvd e modelos de caixas para dvd, que usaremos para a entrega do material final do projeto, no mês de novembro.

E aqui estão as propostas que desenvolvi:

Capas de dvd





Etiquetas de cd/dvd

Então é isso (:

Banners do grupo

Karl Schiewaldt

Olá!

Como parte do cronograma, todos nós do grupo deveríamos desenvolver algumas propostas de banners do grupo, para que um deles fosse escolhido e impresso para utilizarmos na Semana do Colégio, em outubro, e possivelmente na apresentação final do projeto, em novembro.

Aqui estão as minhas propostas:

Então é isso, até a próxima! :D

Desenvolvimento do site do grupo

Karl Schiewaldt

Olá!
Começamos de vez o desenvolvimento do site do nosso grupo!

Estamos desenvolvendo o site utilizando a tecnologia de TableLess, que procura desenvolver todo o layout utilizando somente DIVs e definindo seus estilos pelo CSS.
Depois que nós definimos o layout a ser utilizado, começou a codificação. E finalmente, conseguimos terminar o layout do site, feito primeiramente todo na página inicial do site.

Aqui vai uma imagem da nossa home, já que o site ainda não foi colocado em nenhum servidor:

Em breve colocaremos o site no servidor da escola, assim postaremos o link aqui.

Até mais! (:

FCC diz que menos de 4 mbps não é banda larga

Karl Schiewaldt

Olá!
Estava eu hoje passando por alguns blogs de tecnologia, até que achei esta notícia, que achei interessante compartilhá-la, já que no nosso projeto, sou eu que estou mexendo com a parte web. Aqui está a notícia:

A FCC é uma agência que regula, dentre outras coisas, a Internet nos EUA. É ela que determina algumas das regras para as operadoras de telecomunicações americanas. E hoje ocorreu uma atualização na norma que diz o que tais operadoras podem chamar de banda larga. A agência decidiu que a partir de hoje qualquer conexão nos EUA que tiver velocidade de download de menos de 4 mbps e upload de menos de 1 mpbs não pode ser considerada banda larga.
A velocidade mínima anterior, que valia desde 1999, era de 200 kbps. Enquanto isso, no Brasil, a nossa versão mais relaxada da FCC, a Anatel, ainda não determinou qual a velocidade mínima para que uma conexão ser considerada banda larga. Espera-se que agora que já existem mais provedores brasileiros com maior capacidade de banda vendendo velocidades maiores do que antes, a agência de telecomunicações finalmente crie uma norma nessa área.
Resta saber se a nossa agência vai copiar a regra da americana e colocar os valores da velocidade mínima lá no alto. Assim, os atuais provedores brasileiros não vão poder anunciar uma conexão de 300 kbps como banda larga. Talvez eles possam criar uma categoria 'banda mais ou menos larga' ou 'banda estreita' para tais velocidades.

Créditos ao TecnoBlog

Até a próxima!

JavaScript - A saga (parte 2)

Karl Schiewaldt

Olá!

Como nos meus posts anteriores, dessa vez postarei mais dois scripts desenvolvidos para aprendizado que fiz esta semana. Eles fazem parte de uma calculadora.
Eles fazem, na prática, a mesma coisa, porém procurei fazer de dois modos diferentes para me familizariar com a estrutura do JavaScript, mesmo ela sendo similar ao PHP/C.

Primeiro, uma função que, além de pegar os valores digitados, coloca as opções dos botões rádio (múltipla escolha) em um vetor, e faz a escolha da operação em um Switch, onde ele diferenciará a opção escolhida pelo usuário:

function calcswitch(){
    var v1=parseInt(document.getElementById('v1').value);
    var v2=parseInt(document.getElementById('v2').value);
    var radios=document.getElementsByClassName('radios');
    var x;
    for(var i=0;i<=3;i++)
        if(radios[i].checked) break;
    switch (i){
        case 0:
            x=v1+v2;
            break;
        case 1:
            x=v1-v2;
            break;
        case 2:
            x=v1*v2;
            break;
        case 3:
            x=v1/v2;
            break;
    }
    alert("valor: "+x);
}

E o segundo, que calcula de um jeito mais simples, somente testando a operação escolhida através de IFs:

function calcif(){
    var v1=parseInt(document.getElementById('v1').value);
    var v2=parseInt(document.getElementById('v2').value);
    var a=document.getElementById('a');
    var s=document.getElementById('s');
    var m=document.getElementById('m');
    var d=document.getElementById('d');
    var x;
    if(a.checked)
        x=v1+v2;
    else
        if(s.checked)
            x=v1-v2;
        else
            if(m.checked)
                x=v1*v2;
            else
                if(d.checked)
                    x=v1/v2;
    alert("valor: "+x);
}

Ambos em sua página html, há 2 inputs do tipo texto, 4 botões de rádio onde será escolhida a operação, e dois botões, um que limpa os campos e o outro que envia, pelo evento OnClick, os valores digitados e a operação escolhida.

Até a próxima!

JavaScript - A saga (parte 1)

Karl Schiewaldt

Olá.
Bom, como no meu post anterior, comecei a estudar e aprender sobre JavaScript. Pois bem, aqui está o primeiro exemplo que fiz, que é um script que calcula fatorial:

function calcfat(){
    var i=document.getElementById('fat').value;
    var x=1;
    for (i;i>=1;i--)
        x=x*i;
    alert('fatorial é: '+x);
}

E junto, a página html que interage com o usuário, há somente um input do tipo texto, que recebe o valor a ser calculado, e um botão, que passa para a função o valor digitado, calcula, e o apresenta na tela na forma de um alert.

Lembrando que eu utilizei uma página externa para armazenar o script, fazendo referência a esse documento na sessão HEAD da página html.

Então é isso, em breve mais! :)

JavaScript - uma breve introdução

Karl Schiewaldt

Olá!

Pra começo de férias, resolvi dar uma estudada em JavaScript, que utilizaremos no nosso site, para o menu e para a página de contato.

Mas, para começo de conversa, o que é o JavaScript? Nosso amigo Wikipedia responde:
"JavaScript é uma linguagem de programação criada por Brendan Eich para a Netscape em 1995, que a princípio se chamava LiveScript. A Netscape, após o sucesso inicial desta linguagem, recebeu uma colaboração considerável da Sun, a qual possibilitou posteriormente dizer que o JavaScript é uma linguagem compatível com a linguagem Java, por esta razão, a semelhança dos nomes "JavaScript"."

Agora que já sabemos a definição de JavaScript, podemos entrar mais a fundo nas suas funcionalidades.
O JavaScript é muito utilizado por webdesigners e programadores web para, principalmente, validar formulários de cadastro e contato (este será o formulário que possivelmente necessitaremos validar em nosso site). Também é utilizado para a interação do usuário com a página, sem a necessidade da utilização de um servidor.
O JavaScript é altamente dinâmico, ou seja, uma variável pode assumir diversos tipos durante a execução do script, além de não necessitar a declaração do tipo da variável. Outro ponto forte do JavaScript é que seus scripts não precisam ser compilados, o que agiliza o processo e dispensa o uso de um servidor.

Para o começo, procurarei algumas apostilas e tutoriais, para estudar e começar a desenvolver scripts simples, com a finalidade de aprendizado. Assim, em breve, colocarei aqui os scripts que serão desenvolvidos.

Até a próxima! ;D

Propostas de interface

Karl Schiewaldt

Olá!

Para que possamos desenvolver o site empresarial, são necessários alguns modelos de interfaces, e foram feitos dois modelos por integrante. Neste post, irei apresentar minhas propostas.
Procurei fazê-las da maneira mais simples e funcional, para que o site se encaixe em nossa proposta facilmente. Aqui estão elas:

Em ambas as propostas, procurei colocar os botões acima do espaço reservado ao conteúdo, assim teríamos mais espaço horizontal para trabalhar o conteúdo do site. No topo teríamos um banner contendo o logotipo e a logomarca da empresa, linkados para a home. No rodapé do site, teríamos a indicação de copyright do site, ano do desenvolvimento, juntamente com links para a página de contato e mapa do site da empresa.
As cores que escolhi são cores frias e sólidas, para passar o aspecto tecnológico do site.

Então é isso, e até mais. (:

Ensaios para apresentação de aplicativos

Karl Schiewaldt

Olá!
Esta noite nos reunimos na casa da Maria Luíza para finalizar os últimos detalhes de nossa primeira apresentação de Aplicativos II, e ensaiar as falas de cada integrante do grupo na apresentação.

Amanhã será a apresentação de Aplicativos II, onde apresentaremos os integrantes do grupo, as sugestões para o nome da empresa, propostas de logomarca, a logomarca escolhida, motivos da escolha, motivo da escolha das cores. Além de introduzir também o sistema que estamos propondo, a situação problema, a instituição beneficiada (no nosso caso, o próprio CTI) e um vídeo institucional de 1 minuto, que basicamente falará a respeito do sistema foi proposto por nós.

Então é isso, boa sorte para nós! :D