O Banner e o Site

Boa noite,

Nesta semana que está terminando, finalizamos o site da empresa Iakopa junto com a engenharia SEO. E produzimos também propostas de banner, capa de DVD/CD e etiqueta para o CD. Na minha proposta de material, conduzi a identidade visual baseada na diagramação de cores do site.

Segue o link do site e as minhas propostas de mídias ( banner, capa DVD ) :

http://200.145.153.91/social/Iakopa/

Banner, capa DVD e etiqueta

Olá!

Hoje serão apresentados ao professor as propostas de banner, capa DVD e etiqueta. abaixo, seguem as minhas propostas:

1)Capa DVD

2) Banner

3) Etiqueta do CD

Novas cores

Boa noite,
Depois de varias discussoes sobre o layout da Rede, alteramos o esquema de cores.
Os tons de azul passaram a ser tons de cinza. As tonalidades ainda estao em questao, mas estamos proximos do 'produto final'.

Abaixo um print de um prototipo.




Beijos,
Beatriz Comar.

Finalização e Criação

Olá pessoal,

Essa semana estávamos focados no desenvolvimento das páginas da Rede Social e na finalização do site da empresa.

Enfim o site da empresa está pronto. Visite-o aqui.

Segue o design de algumas tarefas solicitadas na matéria da Aplicativos.

Banner:


Capa DVD:


Etiqueta CD:

Feed - 26/08/2011 - Ronado Zanoni

Esta chegando a pré-apesentação, e o sistema de gerencimaneto de vagas está quase concluído, esperamos conluí-lo até a próxima semana, para ae começarmos a desenvolver a rede!
Segue abaixo uma imagem do feed ..

o projeto...

Bom, os dias passam, a 'pré-apresentação' se aproxima cada vez mais, o Sistema de Gerenciamento de Vagas está caminhando para um fim (creio), e espero que corra tudo bem e fiquei finalizado o mais rápido e da melhor maneira possível, para aí sim, dar início e pegar sério na rede o quanto antes.
Att.

Codigo

Boa noite,

Bom, como foi dito no post anterior, feito pela Ketlin, estamos desenvolvendo ja a parte html desta proposta de layout.
Abaixo, segue um printscreen do codigo em desenvolvimento.




O codigo acima realiza a exibicao de algumas vagas. E apenas um exemplo, pois na realidade, as vagas a serem mostradas em "Noticias", depois de aprovadas pelo coordenador no SGV, serao puxadas do banco de dados e exibidas.

Beijos,
Beatriz Comar.

projeto...

Ontem, 18/08, o nosso grupo teve uma reunião com o ZeroOne, juntamente com o professor Celso, para definir de vez essa "comunicação" que falta entre os grupos.
O projeto em si está em um bom andamento, creio. É necessário trabalhar mais firme, porque logo irá acontecer a pré-apresentação.
É isso ae, att.

Página inicial da rede

Olá!
Estamos desenvolvendo a página inicial da rede social. Por enquanto, os dois grupos aprovaram o layout.
Eu, a Bia e a Natalie ficaremos responsáveis por esta parte. Até agora, fizemos apenas o que seria a página inicial - em HTML e CSS.
A parte de programação será feita mais para frente, utilizando muitas das classes em php, já criadas pelos grupos.
Na nossa rede, também estamos utilizando elementos em jQuery e Ajax.
Veja abaixo um print da tela inical:

Postado por: Ketlin

Site Iakopa - Etapa Final - 19/Agosto

Boa tarde,

O site Iakopa está quase finalizado, faltando apenas a implementação de alguns conteúdos dentro do site. A parte mais complicada e demorada já está pronta que é o banner e o menu que estão dinâmicos e animados.

Semana que vem, vamos aprontar as mídias impressas: Banner A4, capa do DVD, tudo seguingo a mesma identidade visual so site corporativo.

Veja nosso site: http://200.145.153.91/social/Iakopa/

Até mais

Rafael Odassi
19/Agosto/2011 - 17:20

O Projeto - 18/08/2011 - Ronaldo Zanoni

Olhando por um certo ponto, o Sistema de Gerenciamento de Estágio esta concluído, porém, hoje 18/08/2011 iremos ter uma reunião para decidir oque será feito com este sistema, espero que todos concordem com as decisões que irão ser tomadas, e que estas sejam as melhores.

Visão sobre o jQuery

Olá pessoal,

Venho compartilhar com todos a minha opnião a respeito do jQuery. Muitas coisas que antes tinham que ser desenvolvidas com dificuldade em Flash e que demandava muito tempo estão sendo substituidas pelo jQuery e seus plugins. É uma forma rápida e fácil de por exemplo, montar uma galeria de fotos. Invés de você montar a galeria em Flash, e toda vez que for trocas as fotos ter aquele trabalho todo, substitui o uso do Flash para o jQuery. O código sempre será o mesmo, você modifica o layout da galeria como você quiser através dos códigos que a acomapanham, geralmente acompanha um CSS. E acrescenta as fotos através de links. Muito mais rápido e prático, economizando um bom tempo de trabalho.
Mas o jQuery não faz só isso, ele tem muito mais recursos.

Seguem alguns exemplos.

1. Interface ~ opções para movimentar divs, mudar tamanhos, criar slideshows, auto-completar, criar carrinho de compras outras coisas.

2. jQuery Flash Plugin ~ “simples, mas poderoso” ~ detecta se o Flash está instalado, pede para instalar, é acessível e não obstrusivo! Possui códigos legais feitos com ele como inserir um mp3 player em Flash e vídeos do YouTube.

3. TableSorter ~ permite que o usuário edite a ordem dos dados de tabelas sem precisar recarregar a página.

Aqui um link com os 40 melhores plugins para nós desenvolvedores.

Outro link com algumas dicas sobre jQuery.

Página oficial jQuery
jQueryUI
Plugins jQuery

Andamento do projeto...

O projeto está em andamento, e graças a DEUS está ocorrendo bem.
Creio que com mais trabalho, esse Sistema de Gerenciamento de Estágio estará pronto em breve, ou pelo menos essa é a intenção, até porque é necessário iniciar / dar um bom avanço na rede.
Att.

A rede

Eu, a Beatriz e a Natalie pensamos em diversas formas de criar a rede. Chegamos a conclusão de que deve ser algo simples e eficiente, que seja de fácil acesso ao usuário.
Depois de criar no Photoshop o portótipo, começamos a programá-la no Dreamweaver, por enquanto utilizando CSS e HTML.
Depois das páginas prontas, aplicaremos à elas a programação em PHP. Temos ainda muito trabalho pela frente!!

Páginas da Rede

Olá pessoal,
Eu, a Ketlin e a Natalie desenvolvemos durante essa semana o layout para as páginas da Rede.
Também já começamos a desenvolver as páginas em HTML.

Abaixo, a imagem de um protótipo da página BUSCA. Nele, contém o menu fixo (inicio, perfil e busca), a caixa de texto onde será digitada a busca pretendida, que no caso do exemplo foi o nome 'maria', no filtro, está selecionado o tipo de busca 'geral' e, abaixo, alguns resultados.



O nosso objetivo, é criar páginas simples, porém que trabalhem de maneira fácil e eficaz.

Beijos,
Beatriz Comar.

Site Iakopa - http://200.145.153.91/social/Iakopa/

Boa tarde pessoal,

Como dito no post abaixo, eu e o Giovane estamos cuidando da produção do site institucional da empresa Iakopa, já definimos a estrutura HTML/CSS, desenvolvemos o menu em FLASH/AS3 e o banner está a caminho. Presumo que até semana que vem, nós conseguiremos finalizar o site, não esquecendo de providenciar a estruturação SEO para uma boa colocação nos sites de pesquisa da web. Aproveitando o post, queria deixar uma dica para quem se interessa por programação e desenvolvimento em FLAHS/AS3:

Criando um evento para um botão em AS3

1º) Crie um arquivo novo no flash escolhendo AS3;

2º) Desenhe o seu botão no palco e instancie-o de "bt", aperte F8 com ele selecionado e escolha a opção MovieClip;

3º) Crie uma nova camada para inserir os códigos, com a nova layer criada, clique-a e aperte F9 para abrir a janela de scripts;

4º) Digite o código abaixo na janela de scripts:

bt.buttomMode = true; //seta o movieclipe como um botão
bt.addEventListener( MouseEvent.CLICK, clicque ); //adiciona o evento de click no botão com a função clique ( função que contém as ações para quando o objeto for clicado )

function clique( e:MouseEvent ):void //função clique ( contém as ações que executarão após o clique )
{
       trace( "O botão foi clicado" ); //ação ( imprime um texto na janela de saída do flash )
}

até a próxima!

Site da Empresa

Olá pessoal,

Essa semana eu e o Rafael, passamos desenvolvendo o site da empresa, algo que em primeiro momento parecia ser fácil e simples, acabou virando algo muito complexo e demandou bastante tempo. Na maioria das aulas de projetos mexemos apenas no site. O site ainda não está pronto. Mas agora falta pouco.

Seguem uns prints do desenvolvimento.






O site já está online e vocês podem conferir ele clicando aqui!

Fizemos o banner também, mas ele não está finalizado, por isso não se encontra ainda no site. E quanto ao conteúdo estamos elaborando. Estamos realizando com calma para não passar algo despercebido.

Conclusão

Esta semana nos reunimos e conversamos sobre oque faltava para desenvolver o Sistema de Gerenciamento de Estágio, e pelas conclusões, este já está nos 'finalmente'. Espero que até semana que vem já esteja tudo pronto para podermos começar a rede! Está ficando bem legal (:

o projeto...

Nessa quinta-feira, houve novamente outra reunião para concluir as definições de atribuição de tarefas.
Estou fazendo os formulários restantes (dados empresa / coordenador) juntamente de implementação de códigos com o Ronaldo.., teste de uma página em PDF (plano de estágio - aprovado inicialmente pelo coordenador Celso), etc...
Bom, acho que é isso... rs
Att.

Atribuição de tarefas

Boa tarde,

Ontem, houve uma reunião dos grupos para destacar as atividades de cada um dentro do projeto, onde a atribuição de trabalho foi dividida por sub grupos. Dentre essas tarefas, estruturamos de forma que todos trabalhem de forma igual e contribuitiva, mediante a validações, formulários, programação, design, estrutura HTML/CSS e diagramação de páginas.

Vamos começar a 'Rede'!

Olá pessoal!
Durante a semana tivemos muitos avanços em relação a programação do Sistema Gerenciador de Vagas. Com isso, podemos começar a pensar no desenvolvimento da nossa rede. =)
Eu e a Beatriz criamos essa semana um modelo de layout para a rede, que se aprovado por todos, será a final. Falta ainda escolher o nome e criar uma logo, deixá-la com identidade própria. A criação do layout está sendo mais difícil do que estavamos pensando, já que deve-se tomar cuidado para não criar elementos que lembre as outras redes. Para isso, começamos uma análise dos elementos que foram utilizados em diversas redes sociais - como Facebook, Orkut e LinkedIn.
Nessa parte do projeto, vou me dedicar um pouco mais  a criação da documentação de estágio, junto com o Loge e o Giovane e a rede ficará por conta da Beatriz e da Natalie (ZeroOne).

Curriculo parte 3

Boa tarde,

Hoje eu irei conversar com a professora Jovita, na aula Administração.
Ela até nos forneceu em sua apostila do 1º bimestre, algumas dicas de como fazer um curriculo. Porém, eu gostaria de saber a opinião dela sobre um curriculo online, o que faremos na rede. Se ela concordar, vou pedir que ela me ajude a formular um curriculo básico, para fazermos o melhor possivel. Isso irá ajudar muito o pessoal que precisa de um help na hora de fazer um curriculo, pois ele estará pronto, faltando apenas algumas informações, que são pessoais.

Beijos,
Beatriz Comar.

Desenvolvimento

Olá pessoal,

É muito bom você fazer parte de um grupo de desenvolvimento, produzir algo e colocar em prática. Ver funcionando, fazer funcionar. Tudo isso é muito gratificante, nos anima a querer sempre mais. Sempre buscando a produzir mais, deixar o sistema mais eficiente, funcional e sem problemas. E tudo isso com uma equipe, cada um realizando o seu trabalho. E todos se ajudando, tirando as dúvidas uns dos outros, trabalhando juntos para chegar no mesmo lugar. No fim de tudo isso todos nós iremos colher os frutos.
O Ronaldo, esses dias auxilou eu e o Felipe, agora consegui entender algumas coisas que não havia entendido. Agora é força total para concluirmos o projeto o quanto antes. Acredito que conseguiremos concluir o projeto por completo.

É isso aí pessoal!

Máscara em formulário usando jQuery

Olá Grupo,

Neste post vou mostrar como colocar máscara em campos de formulário, usando jQuery.

Vamos utilizar o jQuery na página e o arquivo maskedinput

Abaixo vejamos como usar no seu formulário: 

 </head> 
<body>
<form method="post">    Telefone: <input type="text" name="telefone" 

id="telefone" />  
 <br>  
 CEP: <input type="text" name="cep" id="cep" />  
 <br>  
 <br>  
 Data: <input type="text" name="data" id="data" />  
 <br>  
 <br>  
 CPF: <input type="text" name="cpf" id="cpf" />  
 <br>  
 <br>  
 CNPJ: <input type="text" name="cnpj" id="cnpj" />  
 </form>  
 </body>  
 </html>

<head>  
 <meta http-equiv="Content-Type" content="text/html;

charset=utf-8">  
 <title>Máscara em jQuery</title>  
 <script type="text/javascript" src="jquery-1.3.2.js">

</script>  
 <script type="text/javascript" 

src="maskedinput-1.1.2.pack.js">

</script>  
 
 <script type="text/javascript">  
 $(document).ready(function(){  
 $(function(){  
 $.mask.addPlaceholder("~","[+-]");  
 $("#telefone").mask("(99) 9999-9999");  
 $("#cep").mask("99999-999");  
 $("#data").mask("99/99/9999");  
 $("#cpf").mask("999.999.999-99");  
 $("#cnpj").mask("99.999.999/9999-99");  
 });  
 });  
 </script>  
 
 </head>  
 <body>  
 <form method="post">  
 Telefone: <input type="text" name="telefone" 

id="telefone" />  
 <br>  
 CEP: <input type="text" name="cep" id="cep" />  
 <br>  
 <br>  
 Data: <input type="text" name="data" id="data" />  
 <br>  
 <br>  
 CPF: <input type="text" name="cpf" id="cpf" />  
 <br>  
 <br>  
 CNPJ: <input type="text" name="cnpj" id="cnpj" />  
 </form>  
 </body>  
 </html>

Exposição de desenvolvimento

Hoje, dia 2 de agosto, fizemos uma mini-reunião com a finalidade de expor o andamento do projeto e as páginas desenvolvidas até agora sobre o sistema de gerenciamento de vagas, porém ainda não temos páginas totalmente finalizadas, testadas e solidificadas, e já marcamos para daqui no máximo uma semana e meia uma outra reunião para apresentarmos mais afundo alguma remessa de páginas 100% finalizadas.

Design

Eu sou um dos integrantes que ficou encarregado do design mais afundo, e como o sistema de gerenciamento de estágio já contém o padrão da Unesp, teremos mais trabalho e criatividade para a rede social. A princípio pensamos em um esquema de cores sólidas e monocromáticas, facilitando a navegabilidade, mas é claro com alguns chamaris diferenciados destacando alguns pontos importantes dentro do nosso projeto.

Conceitos e Classes no PHP

Nessas férias, andei pesquisando e intendendo um pouco mais sobre uma programação mais estruturada dentro do PHP:

Conceito

Orientação a objetos é um termo que descreve uma série de técnicas para estruturar soluções para problemas computacionais. No nosso caso específico, vamos falar de programação OO, que é um paradigma de programação no qual um programa é estruturado em objetos, e que enfatiza os aspectos abstração, encapsulamento, polimorfismo e herança.

Objeto

Objetos são a unidade fundamental de qualquer sistema orientado a objetos. Tudo é um objeto -- tipos, valores, classes, funções, métodos, pode ser uma pessoa, um lugar, um carro, um avião, e é claro, instâncias: todos possuem atributos e métodos associados. Características que definem um objeto são os atributos e comportamentos chamados de  métodos.

Atributos seriam os aspectos de um objeto:

Objeto Carro:

· Marca
· Modelo
· Cor
· Ano

As ações de um objeto seriam os métodos:

Objeto Carro:

· Correr
· Freiar
· Bater
· Parar

Construtores
 O Construtor é referenciado no PHP como __construct(), é uma função definida na classe e que é executada sempre que o objeto é criado, ou seja, sempre que a classe é instanciada.

Destrutores
São chamadas no momento em que o objeto está sendo destruído.Podem servir para fechar uma conexão com bando de dados, no PHP5 usamos a nomenclatura padrão __destruct() para implementarmos destrutores.

Visibilidade de Atributos e Métodos
Os métodos e atributos de uma classe no PHP podem ser definidos como: private, public, protected

Public
O atributo ou método definido como public torna-o acessível em qualquer lugar da classe, de suas subclasses ou em qualquer parte dos scritps que fazem parte da classe.

Protected
O atributo ou método definido como protected são visíveis pela classe que os criou e por suas subclasses, e não são acessíveis fora desse contexto.

Private
O atributo ou método definido como private são visíveis apenas na classe que os criou, ou seja, subclasses ou script que contêm a classe não podem acessar esses atributos ou métodos.

fonte: http://www.revistaphp.com.br/artigo.php?id=178

Volta às aulas

Boa noite,

Voltamos às aulas embalados no projeto Rede Social CTI, pensando no seu desenvolvimento e seus derivados. Nesta etapa estou encarregado juntamente com o Giovane na produção do web site corporativo da empresa Iakopa que também faz parte do projeto, um site empresarial enfatizando todo o descurso e a política da entidade.