Dicas: Layout Responsivo - Passo 1

Antes de começar a escrever sobre qualquer dica relacionada a construção de layouts responsivos, preciso esclarecer dois pontos:

1- As dicas que darei são baseadas em minhas experiências e em meus estudos (tem muita referência boa por ai).

2- Apresentarei esses posts em formato de passo a passo, porém será com o intuito de organizar as ideias, pois você poderá pular algumas etapas e/ou acrescentar outras - apesar de eu não aconselhar...

Pois bem, pingos nos "is" colocados, vamos por a mão na massa!

Analise o contexto do site a ser feito, qual é sua área de atuação, quais serão os conteúdos que mais aparecerão, exemplo: imagens e textos ou mais vídeos. Enfim, ter uma primeira conversa com o cliente e colher dele essas informações é primordial para a elaboração de um layout bem estruturado e que contenha informações bens distribuídas, inclusive quando ocorrerem as quebras (caso você não sabe o que é isso, falaremos mais tarde).

Vá para a primeira reunião com o cliente, munido de perguntas elaboradas de forma a conseguir extrair dele todas as informações possíveis sobre o site. Preparar um briefing o ajudará muito nesse momento.

Atente-se a cumprir bem essa primeira etapa do projeto, afinal não queremos ter retrabalho, por não ter pensado nesses "detalhes" antes de iniciar o projeto.

Saiba Mais: Design Responsivo

Até pouco tempo atrás, pouco se pensava em responsividade de layouts, adaptação do conteúdo em diferentes resoluções de telas ou na experiência do usuário que iria acessar seu site em dispositivos móveis. O máximo que tínhamos, em alguns casos, era o redirecionamento de tela mediante o auxílio do JavaScript e a elaboração de um template exclusivo para mobile.

Quem nunca entrou num site www.exemplodesite.com, pelo computador, mas pelo celular era m.exemplodesite.com?

Entretanto, hoje em dia, não podemos mais pensar em construir layouts e elaborar templates sem pensarmos (e muito!) em como ele agirá ao ser exibido nas mais diferentes resoluções disponíveis.

Existe uma série de medidas que podemos tomar para deixar nosso trabalho mais fácil, mas se você preferir poderá pular algumas etapas e partir direto para a codificação.

Seja qual metodologia de trabalho utilizar, o importante é que o resultado final seja um site charmoso e responsivo.

Deixarei as dicas de criação responsiva para nossa sessão de "Dicas". E elas virão quentes!

É ela quem manda: W3C

Você sabe o que é a W3C? Para que serve e o que essa sigla significa?

 

Caso você não trabalhe com desenvolvimento web ou não cursou/esteja cursando algum curso relacionado ao tema, talvez esse nome não lhe seja familiar. Mas para quem está na área, W3C é algo conhecido. Afinal, falou-se em Web, falou-se em W3C.

 

Por quê?

 

Porque é ela quem regulamenta todos os padrões utilizados na internet, todos os cursos (leia-se também faculdades) focados em web, todas as boas práticas de web design, enfim, toda a websfera.

 

Para dar-lhes maiores detalhes, talvez seja mais fácil vocês lerem a própria descrição feita por eles, em que explica, de forma sucinta, o que é e quais são os objetivos desse consórcio.

 

 

                                  "O Consórcio World Wide Web (W3C) é um consórcio internacional no qual organizações filiadas, uma equipe em tempo integral e o público trabalham juntos para desenvolver padrões para a Web. Liderado pelo inventor da web Tim Berners-Lee e o CEO Jeffrey Jaffe, o W3C tem como missão Conduzir a World Wide Web para que atinja todo seu potencial, desenvolvendo protocolos e diretrizes que garantam seu crescimento de longo prazo."

Fonte: http://www.w3c.br/Sobre

 

 

Principalmente para quem está iniciando a carreira de desenvolvimento ou de design para a web, perceba que a W3C será uma companheira sua (nossa) em toda jornada de trabalho, afinal é com base em suas diretrizes que iremos criar nossos projetos. Aproveite para conhecer mais os padrões estabelecidos!

Saiba mais: Tableless

Tableless é o termo utilizado para dar nome a páginas que são feitas em HTML, mas que não utilizam a tag <table></table> para definir as formas de um layout.

 

Até há algum tempo, muitos designers utilizam as marcações de tabela para definirem as medidas que cada elemento de uma página iria utilizar, porém esse não era uma boa prática, principalmente segundo a W3C. Pois muitos browsers demoravam a interpretar os códigos e consequentemente havia demora no carregamento dos conteúdos.

 

Hoje, as tabelas somente são utilizadas para dados tabulares - ou pelo menos deveria ser. Para definirem os espaços em um layout, os web designers fazem uso do CSS e criam divs, que realizam essa demarcação e não pesam na hora de carregar.

Cada div recebe um nome de identificação

 

Se você está começando a atuar na criação de sites, atente-se a entender como as divs funcionam e crie páginas em tableless, ou seja, sem tabelas.

Blog x Metablog

Não, não estou promovendo uma disputa ou querendo provocar algum desentendimento entre blogueiros e metablogueiros. Pelo contrário, acho que cada um tem seu público e a web é democrática ao ponto deixar sobrar espaço para os dois.

Minha intenção, no entanto, é esclarecer as dúvidas que alguns leitores possam ter sobre as diferenças entre blog e nmtablog. Mas posso ir além, podem haver leitores que nunca ouviram a segunda expressão e, portanto, é para eles que dedicarei as próximas linhas.

 

Blog, como a maioria sabe, é um espaço na web em que uma pessoa pode criar sua página, estilizá-la e nela escrever o que lhe der vontade. Há blogs sobre (quase) todo o tipo de assunto: comportamento, moda, beleza, relacionamento, carros, futebol, TI (nosso caso), blogs com estilo de diário, entre outros.

 

Já os Metablogs também são blogs, mas com um nicho muito específico: bloggar. Como assim? Metablogs nasceram com a missão de ajudar/auxiliar/ensinar blogueiros novos ou experientes a melhorarem suas artimanhas na blogosfera. Os metabloggers tratam sobre assuntos relacionados ao universo de um blog: plataformas (Blogger, Wordpress, Wordpress.org, etc), SEO, dicas, novidades e muito mais.

Portanto, se você tem ou pretende iniciar um blog, com certeza irá se deparar muito com outros blogs que irão te auxiliar muito!

 

Para quem desejar, abaixo deixarei os links de alguns metablogs que eu costumo consultar e que sei que as informações são da altíssima qualidade!

Café com Blogueiros

Ferramentas Blog

Gerenciando Blog

Dicas Blogger

Dicas: Inspiração em Web Design

Dedicarei essa sessão do blog a dar dicas. Serão alguns assuntos aleatórios, mas que provavelmente envolverão muito Web Design, pois é a área em que atuo.

Hoje falaremos sobre inspiração, mais precisamenteem como obter inspiração para a criação de layouts. Portanto, lá vai a dica:

 

Busque outros sites como o mesmo nicho. Perceba o que há de comum e de diferente entre eles. Procure encontrar as cores predominantes ao tema, por exemplo: se estiver analisando sites farmacológicos, as nuances serão azuis e verde, ambos claro, além do branco, pois essas cores passam seriedade e tranquilidade, o que é essencial para o tratamento de alguma enfermidade.

 

Sejam atentos para retirarem as características principais desses exemplos. Esse tempo será gasto, mas não perdido! E, com essas informações captadas, as ideias surgirão mais facilmente e melhor do que isso, você já estará direcionado a fazer layouts mais adequados ao tema proposto.

Profissão: Professor de TI

Creio que ao lerem o título do post, muitos tiveram seus pelos e cabelos arrepiados por pensar na ideia de lecionar. Afinal, se escolheram uma profissão de tecnologia era para ficar bem longe de uma escola.

Mas saibam que essa é a realidade de muitos profissionais de TI, que por muitas vezes dividem seu tempo em atuar na parte técnica e repassar seus conhecimentos na atuando na vida acadêmica.

 

Para quem deseja seguir a carreira e se tornar um professor da área, tenha em mente que nunca (jamais!) deverá parar de estudar e se aperfeiçoar. Sabemos que a tecnologia evolui mais que as outras ciências e, portanto, uma pessoa que decide transmitir o que sabe, tem a obrigação de estar sempre reciclando-se e seja atuando no ensino técnico, superior ou cursos livres.

 

O professor de TI sempre terá seu espaço na educação, sobretudo, numa época em que faltam profissionais vocacionados a ensinar.

Mas e você, tem vontade de ser chamado de professor(a)?

Saiba mais: Design Responsivo

Desde de o ano passado, muito se ouve falar em design responsivo. E para quem vive Web Design já deve estar acostumado com esse novo método de criação de sites. Mas nosso intuito para esse post é explicar para as pessoas que têm dúvidas ou não conhecem essa novidade.

Elaborar sites com responsividade é fornecer conforto ao usuário que poderá acessar a um mesmo conteúdo seja por desktop/notebook ou por algum smartphone ou tablet, e o layout se adequará mais facilmente à resolução das telas.

O conteúdo das páginas também são beneficiados pela responsividade, uma vez que eles ganham acessibilidade pelos dispositivos móveis, sem que haja cortes drásticos de conteúdos.

Desde do ano passado, o design responsivo ganhou maior força e hoje já se faz presente na vida dos bons designers. E não é para menos, uma vez que deve se ter em mente que o usuário quer ter uma boa interação com seu site e que ele quer concluir seu objetivo final independente de onde ele o esteja acessando.

 

Portanto, apliquem essa estratégia e ganhe qualidade em seus projetos.

Microsoft lança o Surface Pro

Para quem estiver com viagem marcada para os EUA ou conhecer algum que vá depois do dia 09/fev. Poderá encomendar o lançamento da Microsoft, o tablet Surface Pro.

 

O hardware virá equipado com o Windows 8 e contará com o processador Ivy Bridge da Intel. O cliente poderá escolher entre os modelos de 65GB ou 128GB.

Para quem ficou interessado, a não ser que você tenha uma das duas opções acima, terá que esperar até o produto ser comercializado no Brasil, porém não há um prazo definido para o início.

Analisar requisitos para ganhar produtividade

Se você trabalha com desenvolvimento de software,  já deve estar acostumado com a analise de requisitos. Sabe que esse é talvez a parte mais importante e primordial do processo que antecede o desenvolvimento.

 

Essa etapa faz parte da Engenharia do Software e é nesse momento que o profissional deverá retirar todas as informações necessárias do cliente. Necessitaremos saber o que ele pretende com a aplicação, o que ela deve ou não ter e fazer, qual será o perfil das máquinas que a rodarão (para uma app desktop), enfim qualquer informação será relevante e detalhes não devem ser dispensados.

 

Apesar de sua extrema importância, talvez essa seja a etapa mais negligenciada por pequenas empresas, elas elencam com os clientes as funcionalidades e a "cara" da aplicação, porém se abstêm de colherem muitas das informações que lhes serão importantes durante o processo de desenvolvimento. E isso é errado?

Bem... a perda de tempo e de dinheiro poderá responder essa questão. Afinal, muitos outros encontros deverão ser marcados para que essas lacunas sejam preenchidas. Podendo gerar pausa na produção e perda de rendimentos.

 

Portanto, não valorizar o momento da analise de requisitos não é uma ação inteligente. Arme-se de questionários abertos e fechados, formulários, enquetes e boas perguntas, para que se consiga o maior número possível de informações, para que o cliente fique ciente de como será o projeto e, o mais importante, para se evitar retrabalho.

Não seja um profissional de TI preconceituoso

Quando afirmo que nós que trabalhamos com TI não devemos ser preconceituosos, estou afirmando no sentido total da palavra, portanto, não ter preconceito, repudia ou asco de nada. Pode parecer estranho, porém quem tem um pouco de experiência na área já deve ter visto situações em que outras pessoas diziam gostar somente de um software e não de outro, por exemplo.

 

Porém, reafirmo: profissional de TI não deve ter preconceito na hora de aprender. Há muitas pessoas que gostam de Windows ou Linux, por exemplo, mas não querem nem ouvir falar do outro SO. Concordo que o gosto pessoal de cada um deve ser levado em consideração, mas está certo uma pessoa se recusar em aprender outra ferramenta que não seja a que mais gosta? Quem garante que no futuro (e às vezes bem próximo) ele não precise trabalhar com o que sempre repudiou?

Um bom profissional da área sabe que mesmo não sendo seu software, marca, fabricante ou que seja preferido, ele deve ao menos reconhecer que exista e se interar ao máximo, pois é necessário ter o conhecimento.

Este artigo talvez seja um desabafo, mas mais do que isso, é uma opinião sobre todos que segragam seus conhecimentos em tecnologia.

Profissão: Analista de Mídias Sociais

Dentre as diversas profissões da área tecnológica, muito se ouve falar de pessoas que atuam como Analistas de Mídias Sociais. Mas, qual é a função desses profissionais? E o mercado de trabalho? São necessários cursos preparatórios? E o salário?

Mesmo sendo uma profissão que surgiu recentemente, já existe demanda de mercado para essa classe de analistas. As empresas querem expandir cada vez mais seus relacionamentos com clientes via web, mais precisamente em redes sociais como Facebook e Twitter, além de blogs das marcas.

 

O profissional que analisar redes sociais, deverá ter como foco buscar meios para a maior interação entre a empresa e seu público, criar estratégias de marketing e publicidade voltadas à web, sem esquecer dos dispositivos móveis. Elaborar relatórios e tabular os dados e estatísticas das redes, para definir a maior área de atuação e o enfoque que as próximas campanhas deverão ter.

 

Respondendo a pergunta sobre o salário, não é possível fazer uma afirmação precisa, mas dependendo da região onde se vive e da companhia em que se trabalha, ele pode ser iniciado por volta de R$1.200, para um Analista Júnior, por exemplo.

 

Se você pretende se tornar um Analista em Mídias Sociais, aproveite o momento para adquirir novos conhecimentos e buscar o aperfeiçoamento de seu Inglês, pois é um grande pré-requisito para quem pretende ingressar na área.

 

Boa sorte e bons estudos!

"Alocar" e "Indexar" aprenda a usar corretamente

Aprenda o significado e a utilizar alguns termos de TI.

 

Alocar

Significado: Colocar (um ser) num lugar de uma sequência de lugares.

Aplicação: Alocar espaço de memória.

Explicação: Ao dizermos que algum processo da máquina está alocando espaço de memória, isso significa que o mesmo está utilizando-a até ser totalmente concluído.

 

Indexar

Significado: Pôr num índice; estabelecer o índice de.

Aplicação: Quero indexar meu site ao Google.

Explicação: Indexar um site a um buscador é pleitear as melhores posições em seus resultados de buscas.

Saiba mais: SEO

 

Você sabe o que quer dizer SEO?

 

Se não souber responder a essa pergunta, seguiro que continue lendo o post. Pois ultimamente muito se fala sobre esse termo, mas vamos efetivamente entender sua finalidade.

 

SEO (Search Engine Optimization) - Em Português, a sigla significa Otimização de Sites. Mas, para entender o que é SEO é necessário compreender que ferramentas de busca, como Google e Yahoo, retornam links, quando o usuário realiza uma pesquisa. Esses sites são indexados nas melhores posições a partir de alguns critérios, que aliás, são muito bem escondidos.

Seguindo a mesma linha, a pessoa que tem um site ou um blog, deseja que seu link esteja bem posicionado nas páginas de resultado. Mas, para que isso ocorra é necessário que sejam feitas algumas otimizações em toda a página web, aplicando as técnicas de SEO. Ou seja, serão essas técnicas que favorecerão com que a página seja melhor compreendida pelos buscadores.

 

Porém você pode questionar: "eu sempre ouvi falar em ranking no Google, mas porque só agora apareceram com esse termo?"

 

O fato é o seguinte: antigamente a definição das posições eram simplesmente alfabéticas, porém, atualmente, ela são feitas por relevância. Portanto, a ferramenta irá definir quais sites têm parâmetros e conteúdos mais importantes e esses levarão as primeiras posições.

 

 

Saiba mais: Sistemas para Internet

Para quem me conhece ou teve a curiosidade de ler aqui ao lado o "Quem sou eu", sabe que eu faço Sistemas para Internet. É um curso de tecnologia oferecido pela Fatec Jahu e tem a duração de 3 anos ou 6 semestres, como quiser.

Quando comecei a cursá-lo, tudo o que eu sabia eram essas informações. Eu não tinha muita ideia de que tipo de profissional eu sairia de lá. Pensava, "mas vou trabalhar com o quê?"

 

Com o passar dos meses fui me interando mais, tendo disciplinas específicas e que começaram a me inserir no mundo de TI. Bem... hoje estou a caminho do terceiro semestre e já posso dizer que ao final de 2014 estarei com um diploma de profissional de TI, e mais, preparada para atuar como Web Developer, Web Design, Programadora, etc.

 

SI é um curso muito bom, me agrega muitos conhecimentos e me abre as portas para novos aprendizados e desafios. E esse blog pode ser considerado um deles. Tudo o que está por aqui, fui eu que fiz. E, é claro, pretendo fazer muito mais!

 

Pra quem ficou curioso: Sistemas para Internet

Redes sociais - o que podemos esperar?

E Deus criou as redes sociais...

 

Não, não foi exatamente Deus que as criou, mas, se não soubessemos, poderíamos dizer que foi Ele. Por que não?

Oras... vocês já viram algum outro tipo de site que seja tão visitado quanto Facebook, Orkut, Twitter, etc? Uma verdadeira perfeição!

Já pararam pra pensar qual é a fórmula do sucesso desses 'deuses' criadores das redes sociais?

 

Suas linhas de código não deve ser muito simples, mas a ideia inicial da composição das social networks é óbvia, objetiva e que se qualquer um de nós tivéssemos pensado antes, poderíamos estar no lugar do Zuckerberg ou de outros.

Eles simplesmente pensaram e apostaram na necessidade básica que os humanos têm de se relacionarem, de serem aceitos em um grupo e de fazerem parte de circulos de amizades.

É como eu disse, o desenvolvimento foi o mais árduo, pois a ideia foi arrebatadora e isso serviu de inspiração para muitos outros.

 

Mas e agora? Em 2013 o mundo já conhece rede social, curte tudo quanto é página, retuíta o que gostou. O que será que nos aguarda?

 

Seria muita ousadia minha achar que eu poderia definir futuro desses sites, mas uma coisa eu posso dizer: eles irão se unir (e já estão): o que você posta no Facebook pode ir direto para o seu perfil no Twitter e vice-versa. O Google+ permite que você compartilhe seus posts do Blogger (plataforma para blogs). No Instagram, rede social para fotos, o usuário pode compartilhar a foto seja no Facebook, quanto no Twitter. E por fim, mas não a última, você pode dar check in no Foursquare por qualquer um desses sites.
  

Percebem? O usuário de rede social não se contenta apenas com uma ou outra, ele quer interação com o máximo que conseguir. E é pensando nisso, que cada vez mais conseguimos interagir com todas e de uma vez só.

Grandes oportunidades para 2013

Muitas serão as oportunidades que irão surgir a todos nós em 2013, mas se você trabalha com Tecnologia da Informação, fique atento para as profissões da área, pois o mercado de trabalho está de olho nelas em 2013:

 

1. Programação e Desenvolvimento de Aplicativos

Devido ao grande acesso da população a dispositivos móveis (celulares, tablets) e a seus aplicativos, as empresas estão cada vez mais querendo seus próprios apps. Seja para atender às necessidades internas da corporação, seja para ter um canal com seus clientes, os aplicativos vieram para alavancar o potencial no ramo dos negócios. Portanto, esse profissional que já é bem requisitado, será ainda mais em 2013.

 

2. Gerenciamento de Projetos

Com a crise mundial dando uma trégua, agora é a hora das empresas pensarem em se reerguerem. Entretanto, cometer erros (principalmente os que envolvam dinheiro) será a pior das hipóteses nesse momento. É para isso que nessa hora existirá o Gerente de Projetos, profissional capacitado para lidar com estratégias de longo ou curto prazo, baixo ou alto poder aquisitivo, enfim, o profissional ideial para ajudar o departamento de TI e a empresa toda voltar a lucrar.

 

3. Help desk

Cada vez mais as empresas estão percebendo que já não conseguem mais trabalhar sem informatizarem seus acessos às informações, porém para que seus sistemas estejam sempre em pleno funcionamento, os profissionais de Help desk trabalham muito e irão trabalhar mais ainda nesse ano. O número de implementações de sistemas só crescem e a demanda de suporte técnico irá crescer na mesma proporção.

 

4. Segurança da Informação

O mercado necessitará de profissionais aptos para atuarem com firewalls, criptografias e ferramentas de detecção de ameaças. Grandes empresários não podem nem pensar em terem o sigilo de suas informações violado.

 

5. Business Intelligence / Analytics

Esses termos relativamente novos são pura estatística e análise de mercado. Esse profissional, em 2013, terá que lidar com muita matemática para conseguir deixar a empresa em que trabalha entre as tops da web ou, o trabalho considerado mais árduo, mantê-las por lá...

 

6. Computação nas nuvens

Termo também considerado novo, a cloud computing está dando passos largos para conquistar seu lugar definitivo. O mercado exigirá especialistas nesse tipo de hospedagem e, principalmente, que consigam transmitir a seus superiores segurança total.

 

7. Virtualização

Até mesmo para alguns leigos em informática, a virtualização de máquinas é uma realidade. Porém o mercado de trabalho está buscando pessoas capacitadas em criar não só ambientes virtuais para hardware, como para software. Motivo? A redução de gastos é incontestável!

 

8. Networking

Considerada a segunda profissão mais procurada dentro da TI, a Administração de Redes oferece muito campo de trabalho. Contudo, o mercado está exigente, requisitando profissionais cada vez mais capacitados.

 

9. Aplicações móveis e gerenciamento de dispositivos

A constante e alta venda de celulares e tablets só faz com que as empresas pensem em uma coisa (além de lucrar muito): "Necessitamos de pessoas que saibam desenvolver para dispositivos móveis!!".

 

Brincadeiras a parte, é isso mesmo...

 

10. Data Center

Com uma procura mais branda, mas não menos necessária para 2013. As grandes empresas precisam de pessoas que cuidem da integridade de suas informações, cuidando da integridade do local onde estão "armazenadas": controle da temperatura e do fornecimento de energia, inspeção na entrada e saída de pessoas, manutenção preventiva e corretiva dos aparelhos, etc.

 

Como visto, seja na infraestrutura ou no desenvolvimento, 2013 parece que será muito próspero para a TI.