Conferência web.br 2103 – Dia 01

Nos dias 18 e 19 de novembro de 2013 aconteceu em São Paulo a Web.br 2013, 5º edição conferência organizada pela W3C Brasil, o evento reuniu os principais nomes do desenvolvimento Web no Brasil. O evento aguardados por muitos, no ano passado tive a oportunidade de participar como ouvinte, com 4 trilhas durante os dois dias, cada seção com nomes bem peculiares, header, section, canvas e input. No início de cada dia, contava com um keynote principal. No primeiro dia contou com Fernanda Weiden(Facebook), falando sobre:A evolução dos sistemas de informática e Web no Brasil.

Após o Keynote principal tive a oportunidade de representar a BlackBerry com a palestra Criando aplicações de alta performance em HTML5 . A palestra foi baseada na apresentação do Demian Borba no Brazil JS, onde falei sobre o trabalho que a BlackBerry vem fazendo junto aos Tech Centers, projeto que faço parte e listei 20 dicas sobre performance para aplicações em HTML5.

Palestra de Fellyph Cintra - Foto: Peu Robles/W3C Brasil
Palestra de Fellyph Cintra – Foto: Peu Robles/W3C Brasil

Após a minha palestra foi a vez da Talita Pagani entrar no palco canvas, com a palestra sobre Jogos com HTML5, foi uma palestra esclarecedora para quem deseja entrar no mercado de games e utilizar HTML5 como ferramenta, falou um pouco sobre o cenário atual do mercado, sobre suas experiências no dia-a-dia de como é trabalhar com HTML5 para jogos, listou as novas features que se encaixam como uma luva no desenvolvimento de jogos e alguns frameworks que ajudam bastante no desenvolvimento de jogos.

Os slides da apresentação da Talita você confere aqui:

A primeira palestra que tive oportunidade do conferir após o almoço foi com Bruno Azevedo, com o tema Responsivo na prática. O palestrante trabalhou um bom tempo no terra, hoje encara o desafio de empreender a frente da empresa Marimbondo. A palestra teve o foco na web responsiva, o tema é coisa séria não é simplesmente moda. “Entregar a melhor experiência possível ao teu usuário, independente do seu dispositivo” essa foi uma citação que resume o nosso cenário atual. Com o terreno preparado o Bruno entrou na parte técnica da coisa e os slides da apresentação você pode conferir aqui:

 

Talita Pagani falando sobre jogos em HTML5 - foto de Peu Robles/W3C Brasil
Talita Pagani falando sobre jogos em HTML5 – Foto: Peu Robles/W3C Brasil

A segunda palestra da tarde foi com Diego Eis e Deivid Marques falaram sobre WAI-ARIA.

A palestra começou com uma introdução sobre as novas tags do HTML5 e seu significado semântico, tema até abordado na palestra do Diego Eis no webbr 2012, mas é sempre bom relembrar. Após a introdução sobre semântica foi a vez de abordar o tema principal WAI-ARIA, segundo um resumo da palestra do Diego:

“A WAI-ARIA serve para estender o significado das interações do seu site. Quando as tags do HTML5 vieram, elas já começaram um trabalho importante de dar significado às estruturas do layout. Você consegue marcar agora o que é um menu de navegação, uma sidebar, um header, um footer etc. Esse trabalho é muito importante por que ajuda a definir a importância dos elementos que cada elemento contém.”

Isso estamos em uma época de muita interação online e como adaptar isso para os usuários que necessitam de acessibilidade? O Diego levantou alguns tópicos sobre o assunto algumas features e em seguida o Deivid mostrou a parte prática como implementar e como testar. Durante a palestra um deficiente visual comentou sobre a qualidade dos leitores de tela disponíveis no mercado, e falou um pouco sobre a experiência de acessar conteúdo na web hoje.

Após a palestra Diego rolou um coffee break momento para encontrar alguns amigos. Depois de recarregar as baterias com o coffee foi a vez da dobradinha da galera do loop infinito Caio Gondim e Almir Filho. Primeiro a se apresentar foi o Caio Gondim com a palestra com HTML5 Sensitivo: Seu browser no plano astral. As duas palestras foram temas em outros front ins esse ano, mas particularmente ainda não tinha visto as duas palestras, o loop infinito sempre levam apresentações bem acabas, com o assuntos bem amarrado e experimentos que deixa a galera impressionada. A palestra abordou o uso dos sensores do seu browser e como criar uma nova experiência do usuário, ou seja, não tenho muito o que comentar é ver para crer.

 

A última palestra que conferir no primeiro dia foi com Almir Filho, Com a palestra CSS Layout: ontem, o hoje e o depois.. A apresentação mostrou toda a história de como os layout eram montados, o processo de “destabelização” da web para uma pseudo “tabelização” com div’s fatiando o layout em forma de tabelas. E os novos recursos do CSS3 e o futuro do CSS3. Os novos recurso otimizam bastante a programação da amostragem do conteúdo na tela. Como dividir a informações em colunas ou porcentagens, de uma forma inteligente. Muito recurso bom já está implementado e muita coisa boa estar por vir. A palestra focou bastante nas features do CSS3 mostrando planejar e aplicar esses novos recursos, a palestra do Almir filho você confere aqui:

 

CSS Layout: o ontem, o hoje e o depois com Almir Filho - Foto: Luíza Troina / W3C Brasil
CSS Layout: o ontem, o hoje e o depois com Almir Filho – Foto: Luíza Troina / W3C Brasil

Muita gente veio de longe conferir o evento, exemplo, Qaiq Alves estudante da UFMG deu o seguinte depoimento:

“A organização do evento está realmente de parabéns pois conseguiram fazer com houvessem diversas dúvidas sobre qual palestra assistir. Com tanto conteúdo de qualidade e palestrantes daquele gabarito não tinha como ser diferente. Foi fantástico!“

Qaid Alves estudante da UFMG veio de BH conferir o evento
Qaid Alves estudante da UFMG veio de BH conferir o evento

O primeiro dia foi bem intenso todas as palestras foram de alto nível, a W3C criou uma grade perfeita, queria muito ter acompanhado todas as palestras. Espero que role alguma gravação para ver as demais apresentações.

fotos do evento você confere aqui: http://www.flickr.com/photos/nicbr/sets/72157637797171915/

Pós Wordcamp São Paulo 2012

8:30 da manhã estava na puc, procurando o pessoal da organização do evento. Pessoas que nunca tinha visto na vida me apresentei aos organizadores “Olá meu nome é Fellyph” olharam pra mim e perguntaram “ah você quer ajudar?”. Perguntei como poderia ajudar, Guilherme olhou pra mim que é esse cara e respondeu você pode ajudar a separar as camisas. Falar a verdade não sei o nome de todo mundo.

Comecei a separar as camisas e batendo o papo com o pessoal falei que meu nome era Fellyph com dois ll, um y e um ph, logo lembraram do meu nome na lista da organização. Longe de ser uma peça que ajudou efetivamente na organização, mas em alguns momentos acompanhava a discussão e dava algumas opiniões sobre alguns casos. Mas foi legal ver o corre do pessoal e ver a dificuldade que é organizar alguns eventos. Ajudei em outros eventos como iSeminar(apenas na divulgação e planejamento), mas nunca tinha visto a dor de cabeça de arrumar um local para o evento correr atrás de patrocinador entre outras coisas que realmente isso é osso.

Depois das 9:00 fiquei no credenciamento, distribuindo camisas e passando algumas informações para os participantes. Entre conhecidos e desconhecidos cumprimentava cada um e via em alguns a ansiedade de cada um em começar o evento. Alguns palestrantes e participantes chegavam com suas malas, vindo de longe Minas Gerais , Goiás, Ceará, Rio de Janeiro e Rio Grande. Esse foram os estados que identifiquei. Uma responsabilidade muito grande em atender as expectativas de quem vinha de tão longe.

As 9:30 começou o evento ainda estava no meio do credenciamento, não tive a oportunidade de acompanhar. Depois que diminuiu o fluxo no credenciamento fui dar uma olhada no coffee e que senhor coffee, fornecido pela UOL(Agradecendo aqui o apoio ao evento). No meio do coffee encontro amigos e ex-alunos(também amigos) sempre bom reencontrar a galera, principalmente ver a evolução dos alunos depois que saíram do curso os caminhos que tomaram.

Coffee fornecido pela UOL

Mas qual é o porque desse pequeno relato, falei um pouco da minha mini contribuição do evento. Por que é sempre bom contribuir e apoiar eventos com esse objetivo, sem objetivo financeiro apenas apoiar e fortalecer a comunidade WordPress. Se você tem uma ideia de criar um wordcamp em sua região corra atrás porque vale super a pena desenvolver eventos desse porte.

Por volta das 11:20 começou a palestra Matías Ventura, tive a oportunidade de acompanhar rapidamente. Depois teve uma pausa para o almoço foi a hora de trocar os cartões(vergonha eu não tenho cartão de visita).

Resultado do almoço

No inicio da segunda parte do evento rolou o light talks pra mim foi um dos melhores momentos, palestras rápidas com boas informações. Duas dicas muito boas foram os plugins desenvolvidos pela galera um é o get post image : http://vinicius.soylocoporti.org.br/get-post-image-wordpress-plugin/ desenvolvido pelo Vinicius, a funcionalidade básica dele é a seguinte ele associa tamanho de imagens a tipo de posts, ajudando bastante a diminuir a quantidade de imagens, quando você criar tamanhos personalizados. Outro plugin interessante é o Mapa de vista plugin desenvolvido pela equipe do hacklab http://mapasdevista.hacklab.com.br/ a funcionalidade básica desse plugin é associar um post a uma geolocalização em um map. Esses dois plugins podem gerar conteúdo para um post

Depois do lightalks fui acompanhar a palestra do Felipe Coelho falou um pouco sobre o processo de desenvolvimento de temas para WordPress, teve dois pontos que para mim foi interessante. Por sempre desenvolver temas comerciais para empresa nunca fui atento a dois pontos. A questão da localização ou internacionalização do seu tema, ou seja, deixa o tema com suporte para outros idiomas exemplo o tweenty eleven usa esse recurso e o outro ponto fazer a validação do tema. Os links a seguir foram mencionados pelo Felipe sobre validação e teste de temas:

http://codex.wordpress.org/Theme_Unit_Test
http://wordpress.org/extend/plugins/theme-check/

Ás 15:15 acompanhei a palestra do Diogenes sobre alta performance com wordpress, não sou um cara especialista em infra mas curti bastante a palestra. Por fim rolou a palestra sobre Malware e Segurança em WordPress com Bruno Borges, passou várias dicas de segurança tipos de ataques, chamou a atenção para uma questão no caso hoje em dia até o nosso Smartphone está vulnerável a ataques. Um dos links que ele compartilhou foi teste de segurança para sites wordpress : http://sitecheck.sucuri.net

Antes de publicar o post saiu o link palestra do Bruno Borges : http://blog.sucuri.net/2012/08/wordpress-security-presentation-in-portuguese.html

Infelizmente devido a correria acompanhei muito pouco as palestras mas posso falar do pouco que vi curti bastante. Fiz poucos comentários sobre as palestras confesso que estou aguardando os vídeos para acompanhar com mais calma.

Aviso quem participou do evento em breve será enviado um e-mail com o link para gerar o certificado de participação.

Finalizo aqui meu depoimento e gostaria de parabenizar os organizadores pelo evento estão de parabéns.

Iseminar 2011 vem ai

Olá pessoal, faltam menos de uma semana para o iSeminar. Um dos maiores eventos de tecnologia do nordeste que eu tenho o prazer de apoiar todo ano. Esse ano o evento evoluiu ainda mais, agora em um novo espaço com capacidade para mais de 1.400 pessoas entre outras novidades que vamos conferir a seguir. Para ter idéia do tamanho do evento confere a galera que vai palestrar esse ano.

E para não perder o costume realizei uma entrevista com André Fontenelle o organizador e criador do evento. Que vocês conferem logo abaixo :

No mundo Web é uma evolução muito grande, em um ciclo de um ano muita coisa muda, novos temas são inseridos no mercados. Ano passado temas como desenvolvimento web, mobile e designer estiveram presentes. Esse ano quais serão os temas abordados no evento?

André Fontenelle: Neste ano, vamos aprofundar ainda mais o tema mobile, será tema do evento principal e ainda criamos um workshop exclusivo para o tema. Também estamos abordando Mídias Sociais, Acessbilidade, Desenvolvimento de alto nível, Blog e Interação. Este ano os temas estão muito bem divididos, em:

– Empreendedorismo
– Acessibilidade
– Mercado Mobile
– Mídias Sociais
– Publicidade online
– Desenvolvimento Web
– Blog e interação

Acho que abordando estes temas, estamos falando com todos do mundo Geek.

Como todo ano auditório sempre lotado, como já anunciado no twitter. O iSeminar terá um novo espaço no teatro da ufpe, além dessas quais serão as novidades relacionadas a estrutura no evento ?

André Fontenelle: A mudança para o Teatro da UFPE foi bastante significativa, além do espaço ser maior, há o conforto dos acentos, uma melhor visibilidade do palco, dos palestrantes e internet Wifi. A experiência do usuário conta muito e desejamos atingir esta expectativa neste novo espaço.

O iseminar já foi um evento que tinha um foco muito grande em design + desenvolvimento web, com o passar do tempo o evento evoluiu bastante. Hoje como você classifica o iseminar?

André Fontenelle: Atualmente o iSeminar é um evento de tecnologia mais abrangente, feito para o público que interage com mídias sociais, que desenvolve projetos web, aplicativos para dispositivos móveis, enfim tudo que abrange o mundo Geek.

O que você diria para aquela pessoa que ainda está com dúvida em ir ao evento ?

André Fontenelle: Eu sugiro a todos os profissionais, seja de qual área for, tirar alguns dias do ano para conhecer outras realidades, novas pessoas, novas idéias, fazer networking e o iSeminar é o lugar ideal para isto.

Então ficou com vontade de ir para o evento ?

O iSeminar acontece no dia 22 de outubro de 2011
Horário: 08:30h ás 18h
Local : Centro e convenções da ufpe

Mapa do local :


Ver mapa maior

Agenda : http://www.iseminar.com.br/v2011/#/agenda/
Workshop : http://www.iseminar.com.br/v2011/#/workshop/

Ps: Roubei a imagem do post do Irving Suna

Como definir a largura máxima das imagens em seu tema wordpress

Existem duas maneiras para especificar o tamanho máximo das imagens utilizadas dentro dos posts. Uma via painel do WordPress e a outra forma via functions.php.

Via painel só acessar o menu > configurações > mídia :

No painel de mídia temos a opção de escolher o tamanho dos thumbs, tamanho médio e o tamanho máximo das imagens.

A segunda forma de definir o tamanho máximo das imagens é editando o arquivo functions.php adicionando o seguinte comando :

Esse comando sobrescreve as opções definidas no menu. Nesse caso, estamos definindo como 600px a largura máxima de nossas imagens. Se tudo estiver ok no painel de uploads nosso tamanho grande vai aparecer sempre como 600px de largura :

Então um dica simples que ajuda o usuário na hora de subir as imagens e respeitar a largura do tema.

2 vagas(web designer e desenvolvedor Flash) – Recife

Repassando :

A agência Midia Firme abriu duas vagas uma para Web Designer e outra para Desenvolvedor Flash

Web Designer:

Recém-licenciado ou finalista, que irá integrar a equipe de criação em web, tendo como principais funções:
– Criação e desenvolvimento de:
– Anúncios;
– Sites
– Hotsites
– Banners;
– Brochuras;
– Folhetos;
– Construção de layout para e-mailings e envio dos mesmos;
– Outros trabalhos criativos na área de Web.

Perfil do candidato:

Pretende-se candidato com capacidades para o desenvolvimento de soluções web e de soluções gráficas com:
– Conhecimentos em: Photoshop, Illustrator/Corel, Indesign, Flash, HTML, SQL (Básico), PHP (Básico);
– Sólidas noções de webdesign;
– Boa capacidade criativa;
– Persistência e auto-motivação;
– Boa organização do trabalho;
– Responsabilidade, dinâmica e pro-actividade;
– Disponibilidade imediata.

Desenvolvedor Flash

– Atuar com rotina de criação de layouts e desenvolvimento de Websites, hotsites, ferramentas online, banners, newsletters eletrônicos e apresentações offline.

– Experiência em Flash, animação e desenvolvimento de sites.

– Conhecimento em Flash, Dreamweaver e Photoshop. Conhecimento em Flex Builder é um diferencial. Desejável conhecimento em programação: ActionScript ou PHP ou ASP e / ou Webstandards (CSS e Tableless).

Perfil do candidato:

Pretende-se candidato com capacidades para o desenvolvimento de animações Flash com:
– Conhecimentos além do Flash ter também em: Photoshop, Illustrator/Corel, HTML, BANCO DE DADOS, PHP;
– Sólidas noções de Flash Time Line e Programação As3;
– Boa capacidade criativa;
– Persistência e auto-motivação;
– Boa organização do trabalho;
– Responsabilidade, dinâmica e pro-actividade;
– Disponibilidade imediata.

Interesados enviar email para : joaogama@midiafirme.com.br