Dicas para quem deseja entrar no mercado de trabalho da web
Postado por dioney | Categoria Todos
Muitas pessoas ainda estão por fora da quantidade da equipe que é necessária para desenvolver um projeto na web, existem aqueles que imaginam ser um nerd em um computador, que sabe sobre design, programação, texto, fotografia, ilustração, na verdade nem imagina que para cada tarefa dessas em específico existe uma pessoa responsável. Separei uma lista de profissões que poderá lhe ajudar a se identificar com alguma e talvez seguir carreira nesta área.
Web Designer
Diferente do designer gráfico, existe ainda um certo confusão, tem gente que acha que o cara que faz impresso é o mesmo que faz web, pode também fazer, mas na prática são coisas diferentes, quando o gráfico se preocupa com a tonalidade de cor na impressão, resolução das imagens, tamanhos e formatos, o webdesigner deve se preocupar com quais as tecnologias serão utilizadas, se aquilo está agradável ao usuário, apesar dos princípios serem os mesmos que todo bom designer deve ter noções de alinhamento, cores, tipografia (fontes), é exigido deste profissional conhecimento em design propriamente dito, gostar de navegar na internet, ferramentas como Photoshop, Fireworks, Illustrator são bem aceitas no mercado, é de grande importância também que ele saiba montar a estrutura (XHTML e CSS) que não é coisa do outro mundo.
Motion Designer
Gosta de animar? Não! Não estou falando que a web precisa de palhaços (se bem que existem), uma pessoa observadora e atenda são passos fundamentais para fazer desse profissional um bom produtor de animações, colocar na prática entretenimento na web é uma das coisas que um motion design realiza, ele é responsável por criar desde simples banners até sites completamente em Flash onde a ferramenta fica a critério do profissional existem diversas outras por aí.
Web Developer
Desafios e situações que exigem raciocínio lógicos são especialidades desse cara, deve estar envolvido constante em novas tecnologias e ter uma visão abstrata da situações, ele é responsável por “fazer as coisas acontecerem” em um projeto web, desenvolvendo soluções criativas para gerenciamento de conteúdo, organização das informações e segurança de um sistema onde não necessariamente em plataformas para computador, mas também para outros dispositivos como celulares, palms, tv e qualquer outro meio que tenha acesso a web.
Web Standard
Esse profissional atua na área de produção das páginas propriamente dita, ele é o responsável por transformar toda a interface criada pelo o web designer e converter tudo para XHTML e CSS, destaca-se nessa área quem gosta de enfrentar desafios e uma pessoa criativa é sempre bem vinda para solucionar os problemas não apenas para resolver, mas para ser da melhor maneira, conhecimentos em JavaScript, CSS, XHTML e pinceladas de outras linguagens de programação como PHP, JSP, ASP.NET entre outras serão exigidos.
Web Writer
Gosta de ler e escrever ? Então está aqui um pedaço da enorme fatia da pizza chamada internet esperando por você, existem poucos profissionais neste seguimento atuando, mas se você é jornalista, redator, ou apenas gosta de ler, você pode produzir ou revistar textos que estão em pequenos, médios e grandes portais de notícias, ou até mesmo criar textos institucionais para páginas corporativas.
Especialista em SEO
Este é o cara que faz sua página ser encontrada por mecanismos de busca como Google, Yahoo, AltaVista entre diversos outros o Search Engine Optimization (Otimização para Mecanismos de Busca) deve conhecer bem de estrutura de marcação XHTML, ter noções de programação e principalmente conhecer bem a empresa que vai contratá-lo, ele vai aplicar palavras chaves e tornar a hierarquia do conteúdo mais relevante tanto para o usuário quanto para os motores de buscas.
Arquiteto da Informação
Você é organizado? Gosta de facilidade? O Arquiteto da informação vive em torno disso, esse profissional trabalha muito próximo do webdesigner, ele projeta toda a hierarquia do conteúdo, navegação e produz um chamado wireframe, ou seja, um esqueleto do portal onde o designer de interface vai produzir a arte em cima dessa estrutura.
Espero ajudar atravez dessa simples explicação, se você ainda estiver curioso sobre as demais possibilidades de trabalho pesquise sobre profissional blogger, 3d, gerente de projetos, diretor de interação são outras funções que estão sendo exigidas nas grandes e pequenas agências.
Principais comandos para Linux
Postado por dioney | Categoria Linux, Todos
Sei que muitos ainda não se adaptaram ou optaram por algum tipo de distribuição Linux, para os leigos no assunto Linux é um sistema operacional assim como Windows ou Mac, mas claro, cada um com suas particularidades e vantagens também, o sistema operacional que estamos tratando dele é famoso por ser um sistema de código aberto, leve e bastante fácil de se utilizar, sim! Muito fácil, para quem domina comandos por linha de código, chamamos isso de Bash ou simplesmente Terminal, é algo semelhante ao MS-DOS do windows, as vantagens de se utilzar esse esquema de manipulação do sistema é a simplicidade que se tem para acessar as suas funcionalidades, não é necessário abrir janelas, abas, marcar opções… Para se ter informações de um determinidade conteúdo, outra vantagem é para os desenvolvedores que tem um ambiente para testar aplicações em tempo real, ou seja, basta algumas configurações para você poder fazer alguns testes rápidos em tempo real de várias linguagens utilizadas para desenvolvimento.
Bom foi pensando nisso que saperei uma lista dos principais comandos para você já iniciar com uma boa prática no sistema Linux antes de sair por aí falando mal dele.
Privilégios
comando sudo – executa comando como root
udo-s – abrir um shell root
sudo-s-u user – abrir um shell como o usuário
sudo-K – esqueceu senhas sudo
gksudo command – visual sudo diálogo (GNOME)
kdesudo comando – visual sudo diálogo (KDE)
gksudo nautilus – gestor de arquivos raiz (GNOME)
kdesudo konqueror – gestor de arquivos raiz (KDE)
passwd – alterar a sua senha
Rede
ifconfig – mostra informações de rede
iwconfig – mostra informação sem fios
sudo iwlist scan – scan de redes sem fio
sudo / etc / init.d / networking restart – reset configurações de rede manual
(arquivo) / etc / network / interfaces - configuração manual
ifup interface - traz interface on-line
ifdown interface – interface desativar
Gerenciador de Pacotes (Serviços, Programas)
apt-get update – refresh atualizações disponíveis
apt-get upgrade – atualizar todos os pacotes
apt-get install (programa) – instala algum aplicativo
apt-get purge (programa) - Desinstala algum aplicativo
apt-get autoremove – remover pacotes obsoletos
apt-get-f install – tentar corrigir pacotes quebrados
(arquivo) / etc / apt / sources.list – APT repositório lista
Esses são apenas alguns comandos, se preferir baixe uma lista completa em pdf para colar na parede.
Edição de vídeo? Use o photoshop! Sim ele pode!
Postado por dioney | Categoria Photoshop, Todos
Este é um recurso que poucas pessoas conhecem que acabou sendo deixado pra lá quando um dos maiores editores de imagens fazia no máximo uns Gifs Animados frame a frame, quando o assunto era animação o Flash e outros aplicativos para animação tomaram a vez.
Porém com o avanço das tecnologias Adobe e o público o qual essa poderosa ferramenta atendia, foi necessário realizar algumas “melhorias” para dar suporte a um público bem específico, edição de vídeo, o que quero dizer é que, tudo que fazemos atualmente com imagens (.jpg, .png, .gif, .tiff) podemos fazer também com vídeos, isso mesmo, filtros, camadas, ajustes… E não se preocupe com o formato, ele dá suporte a várias extensões. Basta você ter instalado o QuickTime em sua máquina.
Acho bastante interessante esse avanço, pois possibilita um leque ainda maior para os usuários, o contra disso é que não podemos exigir tanto do aplicativo, pois não é a finalidade dele, assim como a edição 3D, e os melhorias com relação ao setor de engenharia e medicina com ferramentas adicionais.
Ainda não tive a oportunidade de utilizar o recurso a fundo, e encontrei pouco material na internet, então fica a dica para os curiosos de plantão, basta ativar a barra animation em Window > Animation, e postem aqui a opnião de vocês.
Entendendo melhor o que é programação
Postado por dioney | Categoria Fique sabendo, Programação, Todos
Durante muito tempo tive a curiosidade e a oportunidade de estar envolvido nesse ambiente de desenvolvimento, por isso também sei do que se passa na cabeça de um leigo no assunto, dúvidas como: O que é PHP? Java o quê? Eu queria apenas um sisteminha assim, eu faço em que programa? E o melhor de todos, mas isso tudo (R$) por sisteminha básico desses? Bom essas são situações que acredito que grande maioria dos profissionais dessa área já passaram um dia. Mas enfim como o público deste post é outro, venho através de uma breve e muito simplificada explicação dar alguns esclarecimentos do que é o desenvolvimento de aplicações (programas) seja ela para internet ou desktop.
Origem da programação
A motivação principal para o desenvolmento de um programa foi solucionar problemas no mundo real, como organizar informações incluindo armazenar e gerenciar isso tudo, foi a partir disso que foi desenvolvida uma técnica que descreve passo-a-passo cada etapa desse processo e aplicar uma determinada solução, que veremos um exemplo logo abaixo.
Na prática
1 2 3 | variavel nota1 variavel nota2 variavel media |
1 2 3 4 5 | // some nota1 com nota2 que vai ser igual a media nota1 + nota2 = media // se a nota1 for MENOR que 6 exibe reprovado se media < 6 mostre reprovado |
1 2 | // se a nota for MAIOR que 6 exibe aprovado
senão mostre aprovado |
Conclusão
Esse é um exemplo simples que ilustra claramente a ação de desenvolver algum programa que definindo isso seria basicamente linhas de instruções para resolver uma determinada situação, um outro exemplo que um professor meu deu em uma das suas aulas basicamente é pensar nos detalhes do que está acontecendo e o que vai acontecer, fazendo uma analogia seria: acordo > levanto da cama > vou ao banheiro > se a porta estiver fechada eu abro se estiver aberta eu entro… esse tipo de situação, para um bom programador ele deve pensar em todas as possibilidades e situações diversificadas em cada momento, esse tipo de raciocínio seria um desenvolvimento estruturado onde as coisas acontecem linearmente (tem uma ordem a seguir) mas na frente veremos uma outra maneira de trabalhar que já seria o conceito de orientação a objeto que fica para um outro post.
Então, procure não se assustar quando você ver um código enorme na sua frente de um arquivo fonte de programação, normalmente estão escritos em inglês e utilizam alguns símbolos especiais para delimitar cada bloco de conteúdo e instruções.
Rede Social para designers
Postado por dioney | Categoria Design, Fique sabendo, Todos
Esse é um tipo de serviço que realmente vale a pena acompanhar, em resumo é uma rede social semelhante ao orkut mas voltado para um público específico, no caso designers, ilustradores e toda essa galera que ajuda na produção de uma internet mais rica e mais bonita para o usuário, o DesignUp é um serviço inovador e acaba que se tornando uma tendência, já que podemos ter ambientes como este voltado para: arquitetos, redatores, engenheiros, professores, atores, cientistas e uma vasta cartela de profissionais que estão no mercado, temos então uma rede colaborativa onde todos discutem experiências e obtem conhecimento de tudo que anda acontecendo na área. Confira meu perfil.
Como usar duas imagens em um background?
Postado por dioney | Categoria CSS, Todos
Essa técnica é bastante desconhecida, e por felicidade minha passei a conhecê-la esses dias nas aulas de CSS / XHTML na faculdade, e compartilho aqui, vamos ver:
Objetivo
Poder fazer um background de página utilizando duas imagens, por exemplo uma imagem que se repete horizontalmente no topo do site e outra no fundo da página por inteiro.
Estrutura:
<html>
<head><title>Duas imagens no background</title></head>
<body>
<p>Aqui fica um bloco de texto de parágrafo que pode se repetir durante toda a página.</p>
</body>
</html>
Vamos ao CSS:
*{
margin:0;
padding:0;
}
html{
background-image: url(bg2.gif);
}
body{
background-image: url(bg1.jpg);
background-repeat: repeat-x;
}
Em resumo:
A prática de se utilizar essa solução é simples, aplicar uma imagem em duas tags que vão estar presentes em todo o documento o BODY e HTML assim não motivando a utilização de uma div auxiliar por exemplo, para fazer esse repetição do bg na página tornando independe do seu tamanho.
Dúvidas sobre esse tutorial podem ser colocadas nos comentários.
Pelada geek
Postado por dioney | Categoria Ponto Criativo, Todos
Este vídeo traz cenas fortes de uma agência que preza pela qualidade de vida e brinca com a tecnologia de maneira responsável. Conheça a Ponto Criativo.
Site da Ponto Criativo
Postado por dioney | Categoria Fique sabendo, Ponto Criativo, Todos
Com muita alegria e satisfação de um belíssimo trabalho realizado colocamos hoje o mais novo site da Ponto Criativo, muitas novidades, e um impacto de tecnologia vem por aí, para aqueles que desejam acompanhar de perto o ritmo da agência mais geek do mundo. Acesse o site e não deixe de comentar.
Internet banda larga via rede elétrica
Postado por dioney | Categoria Todos, Videoteca
Acho que esse vídeo ilustra bem o uso desta tecnologia que por sinal tem muito a oferecer, vale ainda destacar que esta não é uma realidade tão distante assim, apenas resta acertar os últimos detalhes com as empresas que irão distribuir esse serviço a população, e uma boa notícia! Issó é muito bom para nós que trabalhamos com web, conclusão meio que óbvia demais. É a internet mais bem distribuída e consequentemente mais gente acessando. Confira a matéria.
Del.icio.us
Postado por dioney | Categoria Fique sabendo, Todos
Compartilhar Favoritos
Já pensou em poder compartilhar seus favoritos? Ou quem sabe poder recuperar suas listas de favoritos antes de formatar seu pc sem precisar de softwares adicionais ou plugins? Existe uma ferramenta brilhante para isso, o Del.icio.us lhe permite organizar e compartilhar suas páginas favoritas e acessar de onde quer que esteja, faculdade, trabalho, casa, lan house, celular ou qualquer outro dispositivo com acesso a internet. Para os interessados minha lista de favoritos do Del.icio.us.