<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1260799663176972633</id><updated>2024-11-05T18:45:33.923-08:00</updated><category term="Internet e Tecnologia"/><category term="Web 2.0"/><category term="Drupal"/><category term="Notícias"/><category term="Webdesigner"/><category term="Webmaster"/><category term="vídeos"/><category term="CMF"/><category term="CMS"/><category term="Criar Websites"/><category term="Estratégias"/><category term="Ray Willian Johnson"/><category term="Segurança"/><category term="Tutorial"/><category term="comédia"/><category term="Android"/><category term="Ataque"/><category term="Brasil"/><category term="Estudos"/><category term="Expressões Regulares"/><category term="Google"/><category term="HTML"/><category term="Hackers"/><category term="Marketing"/><category term="PHP"/><category term="Publicidade Online"/><category term="Redes Sociais"/><category term="RegExp"/><category term="Viral Videos"/><category term="XSS ataque"/><category term="doctype.tv"/><category term="temas"/><title type='text'>Francisco Luz</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>12</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-2977097184123135736</id><published>2010-09-01T06:08:00.001-07:00</published><updated>2010-09-01T06:34:27.249-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Notícias"/><title type='text'>Austrália anuncia a contrução de uma usina de álcool combustível</title><content type='html'>&lt;blockquote&gt;
&lt;p&gt;
A secretária de Indústria e Comércio do Estado de Victóra na Austrália anunciou hoje (31/08/2010) o plano para a construção de uma usina de álcool combustível no estado e a fabricande de carros Australiana Holdens lançou o primeiro carro a álcool produzino na Australía. O Brasil importará 600 destes carros até dezembro que será lançado com o nome de Omega Fittipaldi. Assista o vídeo legendado para mais detalhes.
&lt;/p&gt;
&lt;/blockquote&gt;
&lt;embed src=&#39;http://videos.getmyroster.com.au/sites/all/modules/jwplayermodule/player.swf&#39; height=&#39;350&#39; width=&#39;500&#39; allowscriptaccess=&#39;always&#39; allowfullscreen=&#39;true&#39; flashvars=&#39;&amp;%20captions.height=326&amp;%20captions.visible=true&amp;%20captions.width=500&amp;%20captions.x=0&amp;%20captions.y=0&amp;%20fbit.height=326&amp;%20fbit.visible=true&amp;%20fbit.width=500&amp;%20fbit.x=0&amp;%20fbit.y=0&amp;%20tweetit.height=326&amp;%20tweetit.visible=true&amp;%20tweetit.width=500&amp;%20tweetit.x=0&amp;%20tweetit.y=0&amp;%20vidrate.height=326&amp;%20vidrate.visible=true&amp;%20vidrate.width=500&amp;%20vidrate.x=0&amp;%20vidrate.y=0&amp;%20viral.height=326&amp;%20viral.visible=true&amp;%20viral.width=500&amp;%20viral.x=0&amp;%20viral.y=0&amp;captions.back=true&amp;captions.file=http%3A%2F%2Fblip.tv%2Ffile%2Fget%2FFranciscoluz-AustrliaAnunciaAContruoDeUmaUsinaDeLcoolCombustvel311.srt&amp;captions.fontsize=14&amp;captions.height=326&amp;captions.state=true&amp;captions.visible=true&amp;captions.width=500&amp;captions.x=0&amp;captions.y=0&amp;dock=false&amp;fbit.height=326&amp;fbit.link=true&amp;fbit.visible=true&amp;fbit.width=500&amp;fbit.x=0&amp;fbit.y=0&amp;file=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJ02PMb45EFU&amp;image=http%3A%2F%2Fimg.youtube.com%2Fvi%2FJ02PMb45EFU%2F0.jpg&amp;plugins=ltas%2C%20vidrate-1%2C%20captions-1%2C%20viral-2%2C%20fbit-1%2C%20tweetit-1%2Ctweetit%2Ccaptions%2Cfbit%2Cviral&amp;tweetit.height=326&amp;tweetit.link=true&amp;tweetit.visible=true&amp;tweetit.width=500&amp;tweetit.x=0&amp;tweetit.y=0&amp;viral.allowmenu=true&amp;viral.bgcolor=0x333333&amp;viral.fgcolor=0xffffff&amp;viral.matchplayercolors=true&amp;viral.oncomplete=true&amp;viral.onpause=true&#39;&gt;&lt;/embed&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/2977097184123135736/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/09/australia-anuncia-contrucao-de-uma.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/2977097184123135736'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/2977097184123135736'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/09/australia-anuncia-contrucao-de-uma.html' title='Austrália anuncia a contrução de uma usina de álcool combustível'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-8832530878142776952</id><published>2010-08-12T06:15:00.000-07:00</published><updated>2010-08-12T06:18:30.497-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Drupal"/><category scheme="http://www.blogger.com/atom/ns#" term="vídeos"/><title type='text'>Drupal: (Vídeo Aula) Tipos de conteúdo, Node e CCK</title><content type='html'>&lt;div style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; line-height: 1.6em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;
Sem sombras de dúvidas Drupal é uma das ferramenta mais poderosa para se criar websites.&lt;/div&gt;
&lt;div style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; line-height: 1.6em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;
Entretanto o processo de aprendizado, mesmo pra quem tem conhecimentos em PHP e usa ou usou algum tipo de CMS (lembrando que Drupal é muito mais que um CMS, leia mais&lt;a href=&quot;http://francisco-luz.blogspot.com/2010/07/qual-o-conceito-por-tras-do-drupal.html&quot; style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #366799; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot; target=&quot;_blank&quot; title=&quot;francisco luz&quot;&gt;aqui&lt;/a&gt;), pode ser um pouco confuso no começo, sem falar que documentação / instruções &amp;nbsp;sobre drupal é escrita quase que exclusivamente em inglês.&lt;/div&gt;
&lt;div style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; line-height: 1.6em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;
Outro fator que dificulta o aprendizado de uma ferramenta tal como o Drupal é devido a sua rápida evolução, a um passo que um tutorial ou vídeo sobre um determinado ponto se desatualiza, dependendo do assunto, em questão de meses, e isso as vezes pode confundir mais do esclarecer.&lt;/div&gt;
&lt;div style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; line-height: 1.6em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;
Neste vídeo aula, legendada por mim, o meu colega do mundo Drupal, Matt Petrowsky do&amp;nbsp;&lt;a href=&quot;http://www.gotdrupal.com/&quot; style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #366799; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot; target=&quot;_blank&quot; title=&quot;Got Drupal - Once you got it, you get adicted&quot;&gt;gotdrupal.com&lt;/a&gt;, explica as minúcias de como organizar conteúdos criando “Tipos de conteúdo” juntamente com o módulo CCK.&lt;/div&gt;
&lt;div style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; line-height: 1.6em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;
Matt explica também alguns conceitos a respeito de Node e de como a organização de conteúdos no Drupal evoluiu desde a versão 4.7 e qual é a perspectiva de ter o módulo CCK completamente integrado no núcleo da versão 7.x.&lt;/div&gt;
&lt;div style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; line-height: 1.6em; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;
&lt;strong style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, &#39;Trebuchet MS&#39;, Verdana, Tahoma; font-size: 1em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline; white-space: normal;&quot;&gt;Confira o Video Tutorial que legendei&lt;/strong&gt;:

&lt;embed src=&#39;http://videos.getmyroster.com.au/sites/all/modules/jwplayermodule/player.swf&#39; height=&#39;455&#39; width=&#39;650&#39; allowscriptaccess=&#39;always&#39; allowfullscreen=&#39;true&#39; flashvars=&#39;&amp;%20fbit.height=431&amp;%20fbit.visible=true&amp;%20fbit.width=650&amp;%20fbit.x=0&amp;%20fbit.y=0&amp;%20tweetit.height=431&amp;%20tweetit.visible=true&amp;%20tweetit.width=650&amp;%20tweetit.x=0&amp;%20tweetit.y=0&amp;%20vidrate.height=431&amp;%20vidrate.visible=true&amp;%20vidrate.width=650&amp;%20vidrate.x=0&amp;%20vidrate.y=0&amp;%20viral.height=431&amp;%20viral.visible=true&amp;%20viral.width=650&amp;%20viral.x=0&amp;%20viral.y=0&amp;captions.back=true&amp;captions.file=http%3A%2F%2Fblip.tv%2Ffile%2Fget%2FFranciscoluz-TiposDeContedoEmDrupal743.srt&amp;captions.fontsize=14&amp;captions.height=431&amp;captions.state=true&amp;captions.visible=true&amp;captions.width=650&amp;captions.x=0&amp;captions.y=0&amp;dock=false&amp;fbit.height=431&amp;fbit.link=true&amp;fbit.visible=true&amp;fbit.width=650&amp;fbit.x=0&amp;fbit.y=0&amp;file=http%3A%2F%2Fblip.tv%2Ffile%2Fget%2FFranciscoluz-TiposDeContedoEmDrupal881.flv&amp;image=http%3A%2F%2Fa.images.blip.tv%2FFranciscoluz-TiposDeContedoEmDrupal152-800.jpg&amp;plugins=captions-1%2C%20fbit-1%2C%20tweetit-1%2C%20vidrate-1%2C%20viral-2%2Cfbit%2Cviral%2Ctweetit&amp;tweetit.height=431&amp;tweetit.link=true&amp;tweetit.visible=true&amp;tweetit.width=650&amp;tweetit.x=0&amp;tweetit.y=0&amp;viral.allowmenu=true&amp;viral.bgcolor=0x333333&amp;viral.fgcolor=0xffffff&amp;viral.matchplayercolors=true&amp;viral.oncomplete=true&amp;viral.onpause=true&#39;&gt;&lt;/embed&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/8832530878142776952/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/drupal-video-aula-tipos-de-conteudo.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/8832530878142776952'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/8832530878142776952'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/drupal-video-aula-tipos-de-conteudo.html' title='Drupal: (Vídeo Aula) Tipos de conteúdo, Node e CCK'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-7513339132092349159</id><published>2010-08-07T08:55:00.000-07:00</published><updated>2010-08-07T10:27:45.778-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CMF"/><category scheme="http://www.blogger.com/atom/ns#" term="CMS"/><category scheme="http://www.blogger.com/atom/ns#" term="Criar Websites"/><category scheme="http://www.blogger.com/atom/ns#" term="Drupal"/><category scheme="http://www.blogger.com/atom/ns#" term="Internet e Tecnologia"/><category scheme="http://www.blogger.com/atom/ns#" term="temas"/><category scheme="http://www.blogger.com/atom/ns#" term="Web 2.0"/><category scheme="http://www.blogger.com/atom/ns#" term="Webdesigner"/><category scheme="http://www.blogger.com/atom/ns#" term="Webmaster"/><title type='text'>Drupal: Como os dados são moldados dentro da estrutura de camadas</title><content type='html'>&lt;blockquote&gt;
&lt;p&gt;
Para ter total controle sobre o seu Tema no Drupal, você precisa entender como os dados são moldados no transcorrer de seu fluxo dentro das camadas (layers) do sistema.
&lt;/p&gt;
&lt;/blockquote&gt;
Leia também &lt;a href=&quot;http://francisco-luz.blogspot.com/2010/07/qual-o-conceito-por-tras-do-drupal.html&quot;&gt;Conceito por tras do Drupal&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Imagine a linha de produção de uma fábrica onde a(s) matéria(s) primas entram de um lado, são trabalhadas (transformadas) e do outro sai o produto acabado.&lt;br /&gt;
As cinco principais camadas a serem consideradas são:&lt;img alt=&quot;&quot; height=&quot;562&quot; src=&quot;http://drupal.org/files/drupal_flow_0.gif&quot; style=&quot;border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px;&quot; width=&quot;528&quot; /&gt;
&lt;br /&gt;
&lt;ol style=&quot;color: #003150; font-family: &#39;Bitstream Vera Sans&#39;, Verdana, Helvetica; font-size: 13px; line-height: 17px;&quot;&gt;
&lt;li style=&quot;padding-top: 0.4em;&quot;&gt;Na base do sistema temos uma coleção de &quot;nodes&quot;, ou seja, um punhado de materia prima (dados) que precisa ser trabalhada (moldada) antes de apresentarmos (display) para o usuário.&lt;/li&gt;
&lt;li style=&quot;padding-top: 0.4em;&quot;&gt;A próxima camada acima é onde os módulos (plugins) residem. Módulos são tanto aqueles que compõem o núcleo do Drupal (já vem na instalação inicial) como aqueles que podem ser baixados em separado que foram desenvolvidos pela comunidade Drupal (&lt;a href=&quot;http://drupal.org/project/modules&quot;&gt;http://drupal.org/project/modules&lt;/a&gt;) e que estão em constante expansão e atualização.&lt;br /&gt;Assim como o Drupal propriamente dito, todos os módulos feitos pela comunidade são open source, desenvolvidos com a colaboração de indivíduos bem como grande corporações.&lt;/li&gt;
&lt;li style=&quot;padding-top: 0.4em;&quot;&gt;Na camada seguinte temos os blocos e menus. Blocos e menus são basicamente as seções da prateleira (a página do seu site) onde os dados resultantes da elaboração feita pelos módulos são colocados a disposição do tema (layout - última camada) para serem apresentados ao usuário. &lt;br /&gt;Blocos podem ser configurados para apresentar dados de várias formas, bem como para aparecerem somente nas páginas que você queira ou para aparecerem somente para os usuários que você queira ou ainda uma combinação de ambos.&lt;/li&gt;
&lt;li style=&quot;padding-top: 0.4em;&quot;&gt;A seguir temos as permissões, nesta camada o sistema determina se o usuário pode ou não visualizar ou interagir com os dados acomodados na nossa prateleira.&lt;br /&gt;As permissões são atribuídas aos cargos (Papeis na versão traduzida ou Roles na versão em inglês) e cada usuário, por sua vez, pode ser alocado para um ou mais papeis.&lt;/li&gt;
&lt;li style=&quot;padding-top: 0.4em;&quot;&gt;No topo temos a o tema (theme ou skin - pele) que é a camada que determina a aparência do seu site.&lt;br /&gt;Essa camada é predominantemente feita de XHTML e CSS, misturado com algumas variáveis em PHP, desta forma o conteúdo gerado pelas camadas anteriores podem ser manipuladas pelo designer para que os dados finais sejam propriamente acomodadas nos lugares corretos.&lt;br /&gt;Temas por si só possuem uma variedade de funções (métodos) que podem sobre-escrever as funções (métodos) padrões dos módulos para que o designer possa ter total controle sobre os marcadores html no momento que estes são gerados (output time). &lt;br /&gt;Temos podem ainda serem determinados em output time conforme a(s) permissão(ões) que o usuário possua.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;color: #003150; font-family: &#39;Bitstream Vera Sans&#39;, Verdana, Helvetica; font-size: 13px; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1.2em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Esse fluxo direcional da base ao top determina como o Drupal funciona.&lt;br /&gt;
Aquela nova funcionalidade não tá aparecendo? &lt;br /&gt;
Talvés você esqueceu de ativar o módulo recém baixado. Isso faria o sistema não funcional conforme pode ser observado, de baixo para cima, na coluna &quot;A&quot; do diagrama acima a partir da camada &quot;Modules&quot;.&lt;/div&gt;
&lt;div style=&quot;color: #003150; font-family: &#39;Bitstream Vera Sans&#39;, Verdana, Helvetica; font-size: 13px; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1.2em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Ou talves o novo módulo tenha sido instalado e ativado corretamente mas você esqueceu de ativar o bloco, conforme pode ser visto na coluna &quot;B&quot; camada &quot;3&quot;.&lt;br /&gt;
Ou ainda, talvez você não tenha dado a permissão necessária aos usuários daquele grupo (papeis) conforme pode ser visto na coluna &quot;C&quot; camada &quot;4&quot;.&lt;/div&gt;
&lt;div style=&quot;color: #003150; font-family: &#39;Bitstream Vera Sans&#39;, Verdana, Helvetica; font-size: 13px; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1.2em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Adicionalmente, conforme mencionado anteriormente, se você deseja ter ainda mais controle sobre o resultado XHTML (module output), então você precisa compreender esse fluxo tratado aqui.&lt;br /&gt;
Por exemplo, se você instalou um módulo que faz exatamente o que você precisa mas você gostaria apenas que os marcadores HTML fossem um pouquinho diferente, ou você precisa que algumas tags HTML sejam outras, ou mesmo você precisa adicionar uma ou mais classes CSS, você pode moldar o output copiando a função do módulo, que cria o output a ser modificado, para o seu tema, modifique o código para atender a sua necessidade e assim a sua alteração será considerada na última camada. Você pode ainda criar o seu próprio módulo para fazer o mesmo e assim modificar os dados ainda na camada dos módulos.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/7513339132092349159/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/drupal-como-os-dados-sao-moldados.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/7513339132092349159'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/7513339132092349159'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/drupal-como-os-dados-sao-moldados.html' title='Drupal: Como os dados são moldados dentro da estrutura de camadas'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-1875115623073578436</id><published>2010-08-06T12:53:00.001-07:00</published><updated>2010-08-06T12:53:36.700-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="comédia"/><category scheme="http://www.blogger.com/atom/ns#" term="Ray Willian Johnson"/><category scheme="http://www.blogger.com/atom/ns#" term="vídeos"/><title type='text'>Ray Willians Johnson - Mamãe Gostosona</title><content type='html'>&lt;embed src=&#39;http://videos.getmyroster.com.au/sites/all/modules/jwplayermodule/player.swf&#39; height=&#39;350&#39; width=&#39;500&#39; allowscriptaccess=&#39;always&#39; allowfullscreen=&#39;true&#39; flashvars=&#39;&amp;%20fbit.height=326&amp;%20fbit.visible=true&amp;%20fbit.width=500&amp;%20fbit.x=0&amp;%20fbit.y=0&amp;%20tweetit.height=326&amp;%20tweetit.visible=true&amp;%20tweetit.width=500&amp;%20tweetit.x=0&amp;%20tweetit.y=0&amp;%20vidrate.height=326&amp;%20vidrate.visible=true&amp;%20vidrate.width=500&amp;%20vidrate.x=0&amp;%20vidrate.y=0&amp;%20viral.height=326&amp;%20viral.visible=true&amp;%20viral.width=500&amp;%20viral.x=0&amp;%20viral.y=0&amp;captions.back=true&amp;captions.file=http%3A%2F%2Fblip.tv%2Ffile%2Fget%2FFranciscoluz-RayWilliansJohnsonMameGostosona272.srt&amp;captions.fontsize=14&amp;captions.height=326&amp;captions.state=true&amp;captions.visible=true&amp;captions.width=500&amp;captions.x=0&amp;captions.y=0&amp;dock=false&amp;fbit.height=326&amp;fbit.link=true&amp;fbit.visible=true&amp;fbit.width=500&amp;fbit.x=0&amp;fbit.y=0&amp;file=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DAGZ6MrJxpAY&amp;image=http%3A%2F%2Fimg.youtube.com%2Fvi%2FAGZ6MrJxpAY%2F0.jpg&amp;plugins=captions-1%2C%20fbit-1%2C%20tweetit-1%2C%20vidrate-1%2C%20viral-2%2Cfbit%2Cviral%2Ctweetit&amp;tweetit.height=326&amp;tweetit.link=true&amp;tweetit.visible=true&amp;tweetit.width=500&amp;tweetit.x=0&amp;tweetit.y=0&amp;viral.allowmenu=true&amp;viral.bgcolor=0x333333&amp;viral.fgcolor=0xffffff&amp;viral.matchplayercolors=true&amp;viral.oncomplete=true&amp;viral.onpause=true&#39;&gt;&lt;/embed&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/1875115623073578436/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/ray-willians-johnson-mamae-gostosona.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/1875115623073578436'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/1875115623073578436'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/ray-willians-johnson-mamae-gostosona.html' title='Ray Willians Johnson - Mamãe Gostosona'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-1826986146731665424</id><published>2010-08-03T09:17:00.000-07:00</published><updated>2010-08-06T10:40:58.749-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="comédia"/><category scheme="http://www.blogger.com/atom/ns#" term="Ray Willian Johnson"/><category scheme="http://www.blogger.com/atom/ns#" term="vídeos"/><title type='text'>Ray Willians Johnson - Balança as Cadeiras</title><content type='html'>&lt;embed src=&#39;http://videos.getmyroster.com.au/sites/all/modules/jwplayermodule/player.swf&#39; height=&#39;350&#39; width=&#39;500&#39; allowscriptaccess=&#39;always&#39; allowfullscreen=&#39;true&#39; flashvars=&#39;&amp;%20fbit.height=326&amp;%20fbit.visible=true&amp;%20fbit.width=500&amp;%20fbit.x=0&amp;%20fbit.y=0&amp;%20tweetit.height=326&amp;%20tweetit.visible=true&amp;%20tweetit.width=500&amp;%20tweetit.x=0&amp;%20tweetit.y=0&amp;%20vidrate.height=326&amp;%20vidrate.visible=true&amp;%20vidrate.width=500&amp;%20vidrate.x=0&amp;%20vidrate.y=0&amp;%20viral.height=326&amp;%20viral.visible=true&amp;%20viral.width=500&amp;%20viral.x=0&amp;%20viral.y=0&amp;captions.back=true&amp;captions.file=http%3A%2F%2Fblip.tv%2Ffile%2Fget%2FFranciscoluz-Teste533.srt&amp;captions.fontsize=14&amp;captions.height=326&amp;captions.state=true&amp;captions.visible=true&amp;captions.width=500&amp;captions.x=0&amp;captions.y=0&amp;dock=false&amp;fbit.height=326&amp;fbit.link=true&amp;fbit.visible=true&amp;fbit.width=500&amp;fbit.x=0&amp;fbit.y=0&amp;file=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DK1kqR0Z_WxY&amp;image=http%3A%2F%2Fimg.youtube.com%2Fvi%2FK1kqR0Z_WxY%2F0.jpg&amp;plugins=captions-1%2C%20fbit-1%2C%20tweetit-1%2C%20vidrate-1%2C%20viral-2%2Cfbit%2Ctweetit%2Cviral&amp;tweetit.height=326&amp;tweetit.link=true&amp;tweetit.visible=true&amp;tweetit.width=500&amp;tweetit.x=0&amp;tweetit.y=0&amp;viral.allowmenu=true&amp;viral.bgcolor=0x333333&amp;viral.fgcolor=0xffffff&amp;viral.matchplayercolors=true&amp;viral.oncomplete=true&amp;viral.onpause=true&#39;&gt;&lt;/embed&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/1826986146731665424/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/ray-willians-johnson-balanca-as.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/1826986146731665424'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/1826986146731665424'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/08/ray-willians-johnson-balanca-as.html' title='Ray Willians Johnson - Balança as Cadeiras'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-8206377747395432425</id><published>2010-07-31T14:23:00.000-07:00</published><updated>2010-07-31T14:26:30.551-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android"/><category scheme="http://www.blogger.com/atom/ns#" term="Ataque"/><category scheme="http://www.blogger.com/atom/ns#" term="Google"/><category scheme="http://www.blogger.com/atom/ns#" term="Hackers"/><category scheme="http://www.blogger.com/atom/ns#" term="Notícias"/><category scheme="http://www.blogger.com/atom/ns#" term="Segurança"/><title type='text'>Lançado Software para atacar fones com o Sistema Android da Google</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #282828; font-family: Arial, Helvetica, sans-serif; font-size: 12px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial; font-size: small;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #282828; font-family: Arial, Helvetica, sans-serif; font-size: 12px;&quot;&gt;&lt;div class=&quot;teaser row&quot; style=&quot;display: block; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;font-family: inherit; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 20px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
LAS VEGAS (Reuters) - Dois especialistas em segurança disseram nesta sexta-feira que criaram e lançaram uma ferramenta que possibilita o ataque aos smartphones com o sistema operacional Android da Google com o objetivo de forçar os fabricantes a corrigirem uma falha que permite a leitura de emails e SMS por hackers.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 20px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;article_content row&quot; style=&quot;display: block; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;div class=&quot;inline&quot; style=&quot;font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&quot;Não foi difícil de desenvolver&quot; disse Nicholas Percoco, diretor do Spider Labs, o qual, juntamente com um colega, &amp;nbsp;lançou a ferramenta de ataque na conferência Defcon hacker&#39;s em Las Vegas.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
Percoco disse que levou cerca de duas semanas para desenvolver o software malicioso que permite criminosos roubarem informações previlegiadas de aparelhos smartphones com Android.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&quot;Existem pessoas com muito mais motivação para criar essas coisas do que nós&quot; acrescentou.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
A ferramenta foi batizada de root kit, que uma vez instalada, dá controle total aos periféricos do aparelho. 160 mil novas ativações do Android são feitas por dia segundo dados da Google.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
&quot;Nós poderíamos fazer o que quizéssemos sem deixar nenhum rastro&quot; Percoco disse ainda.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
Os ataques testes foram conduzidos no HTC Corp&#39;s Android-based Legend e Desire, mas Percoco agredita que ataques podem também ser realizados em outros tipos de aparelhos com o Android instalado.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
A ferramenta foi distribuida em um DVD dada ao participantes da conferência.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
Google e HTC não retornaram de imediato as nossas ligações para que pudessem comentar sobre o assunto.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
Cerca de 10 mil hackers e especialistas em segurança compareceram à conferência Defcon, a maior do mundo da categoria, onde hackers e oficiais federais se misturam.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
O participantes pagam $140 dólares em dinheiro vivo e não precisão informar seus nomes. Agentes federais se infiltram na audiência para tentar flagrar criminosos ou recrutar trabalhadores para combater crimes digitais ou mesmo trabalhar para o departamento de Defesa Americano.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
Os organizadores da conferência dizem que os presentes lançam ferramentas tais como o Root Kit do Percoco para força fabricantes a corrigirem falhas.&lt;/div&gt;
&lt;div style=&quot;font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; line-height: 16px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;&quot;&gt;
(Reportagem de Jim Finkle; com apoio de Alexei Oreskovic em San Francisco; edição de Andre Grenon e tradução para o Português por Francisco Luz)&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/8206377747395432425/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/lancado-software-para-atacar-fones-com.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/8206377747395432425'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/8206377747395432425'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/lancado-software-para-atacar-fones-com.html' title='Lançado Software para atacar fones com o Sistema Android da Google'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-2580434325370315943</id><published>2010-07-28T07:35:00.000-07:00</published><updated>2010-07-28T08:13:04.416-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Brasil"/><category scheme="http://www.blogger.com/atom/ns#" term="Estudos"/><category scheme="http://www.blogger.com/atom/ns#" term="Notícias"/><title type='text'>Universidades alemãs procuram alunos brasileiros para intercâmbio</title><content type='html'>&lt;blockquote&gt;
&lt;p&gt;
Estande na SBPC tem 12 instituições alemãs em busca de novos cientistas.
Há oportunidades para alunos de graduação e pós-graduação.
&lt;/p&gt;
&lt;/blockquote&gt;

&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, helvetica, freesans, sans-serif; font-size: 12px; line-height: 12px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;materia-assinatura-letra&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-top-color: rgb(235, 235, 235); border-top-style: solid; border-top-width: 1px; font-family: inherit; font-size: 12px; margin-bottom: 2em; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 16px; width: 620px;&quot;&gt;
&lt;div class=&quot;materia-assinatura&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; float: left; font-family: inherit; font-size: 12px; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-width: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: auto;&quot;&gt;
&lt;div class=&quot;vcard author&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #666666; font-family: inherit; font-size: 0.915em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;strong class=&quot;fn&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; font-family: inherit; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0.25em;&quot;&gt;Iberê Thenório&lt;/strong&gt;&lt;span class=&quot;adr&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; display: block; font-family: inherit; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0.1em;&quot;&gt;&lt;span class=&quot;locality&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; display: block; font-family: inherit; font-size: 11px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0.1em;&quot;&gt;Do G1, em Natal&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;materia-conteudo entry-content&quot; id=&quot;materia-letra&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: inherit; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; font-family: inherit; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #333333; font-family: inherit; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: medium;&quot;&gt;Instituições alemãs estão procurando estudantes brasileiros para oferecer vagas de intercâmbio em nível superior e de pós-graduação. Em um estande montado na reunião anual da Sociedade Brasileira para o Progresso da Ciência, em Natal, 12 universidades e centros de pesquisas da Alemanha mostram seus projetos e convidam alunos e professores para formar parcerias na área científica.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #333333; font-family: inherit; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: medium;&quot;&gt;“Há muitas oportunidades para estudantes brasileiros. Já na graduação é possível fazer intercâmbio, que pode ser de um ou dois semestres. No mestrado é possível fazer ‘sanduíche’ [quando o aluno faz parte do curso no exterior]”, explica Anne Trettin, representante do estado alemão de Baden-Wütenberg, que trouxe as entidades à SBPC.&lt;/span&gt;&lt;/div&gt;
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://s.glbimg.com/jo/g1/f/original/2010/07/27/pesquisa-alemanha-600x400.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://s.glbimg.com/jo/g1/f/original/2010/07/27/pesquisa-alemanha-600x400.jpg&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, helvetica, freesans, sans-serif; font-size: 12px; line-height: 12px;&quot;&gt;&lt;strong style=&quot;background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; display: block; font-family: inherit; font-size: 12px; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0.67em; padding-left: 0.67em; padding-right: 0.67em; padding-top: 0.67em; text-align: left;&quot;&gt;Anne Trettin, representante do estado alemão de Baden-Wütenberg, conta que falar alemão nem sempre é pré-requisito para conseguir vagas em cursos na Alemanha. (Foto: Iberê Thenório/G1&lt;/strong&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #333333; font-family: inherit; font-size: 1.26em; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black; font-family: arial, helvetica, freesans, sans-serif; font-size: 12px; line-height: 12px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #333333; font-family: inherit; font-size: 1.26em; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Além dos cursos, a Alemanha oferece também aos brasileiros bolsas de graduação e pós-graduação, concedidas por meio do DAAD, o Serviço Alemão de Intercâmbio Acadêmico.&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #333333; font-family: inherit; font-size: 1.26em; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Para quem se assusta com a língua, Trettin explica que há muitos cursos em inglês, e nem sempre é necessário ter alemão fluente. “No doutorado quase não é preciso falar alemão. No mestrado também há cursos em inglês. Para graduação não são tantos, mas existem.”&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #333333; font-family: inherit; font-size: 1.26em; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Sobre a escolha do Brasil para investir em parcerias científicas, a alemã afirma que o país tem muita estrutura em pesquisa, e isso interessa aos europeus. “O Brasil tem uma força econômica e de pesquisa muito grande, está se desenvolvendo muito bem. É uma boa oportunidade para trabalharmos juntos.”&lt;/div&gt;
&lt;div style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #333333; font-family: inherit; font-size: 1.26em; letter-spacing: -0.02em; line-height: 1.45em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 1.5em; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;
Entre as 12 instituições que se apresentam na SBPC está o Centro Alemão Aeroespacial, a Universidade Aberta de Berlim e a Universidade de Kiel. Quem quiser saber mais sobre bolsas oferecidas pelo governo alemão pode acessar o&amp;nbsp;&lt;a href=&quot;http://rio.daad.de/&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #a80000; font-family: inherit; font-size: 15px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;site da DAAD&lt;/a&gt;&amp;nbsp;(em português).&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/2580434325370315943/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/universidades-alemas-procuram-alunos.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/2580434325370315943'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/2580434325370315943'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/universidades-alemas-procuram-alunos.html' title='Universidades alemãs procuram alunos brasileiros para intercâmbio'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-82862463242350854</id><published>2010-07-23T09:08:00.001-07:00</published><updated>2010-08-04T10:56:36.468-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><category scheme="http://www.blogger.com/atom/ns#" term="Segurança"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="XSS ataque"/><title type='text'>Como Prevenir Ataques de Hackers no Seu Website</title><content type='html'>&lt;blockquote&gt;&lt;p&gt;XSS Ataques são mais comuns do que se imagina. No vídeo legendado abaixo meu colega Abdi Gulaid explica de uma forma bem simplória mas coerente como ataques são feitos, quais são os tipos mais comuns e como escrever códigos seguros para prevenir vulnerabilidades.&lt;br /&gt;
&lt;/p&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;div id=&#39;mediaspace&#39;&gt;This text will be replaced&lt;/div&gt;&lt;script type=&#39;text/javascript&#39; src=&#39;http://sites.google.com/site/franciscoluzblog/files/francisco-luz-blogger-css/js/swfobject.js&#39;&gt;&lt;/script&gt;&lt;br /&gt;
&lt;script type=&#39;text/javascript&#39;&gt;
  var so = new SWFObject(&#39;http://sites.google.com/site/franciscoluzblog/files/francisco-luz-blogger-css/js/player.swf&#39;,&#39;ply&#39;,&#39;470&#39;,&#39;320&#39;,&#39;9&#39;,&#39;#000000&#39;);
  so.addParam(&#39;allowfullscreen&#39;,&#39;true&#39;);
  so.addParam(&#39;allowscriptaccess&#39;,&#39;always&#39;);
  so.addParam(&#39;wmode&#39;,&#39;opaque&#39;);
  so.addVariable(&#39;file&#39;,&#39;http://blip.tv/file/get/Franciscoluz-ComoPrevenirAtaquesDeHackersNoSeuWebsite909.flv&#39;);
  so.addVariable(&#39;plugins&#39;, &#39;captions-1&#39;);
  so.addVariable(&#39;captions.file&#39;, &#39;http://getmyroster.com.au/roster/subtitles/strut_that_ass.srt&#39;);
  so.addVariable(&#39;captions.back&#39;, &#39;true&#39;);
  so.write(&#39;mediaspace&#39;);
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
Segue abaixo a íntegra das legendas do vídeo acima&lt;br /&gt;
&lt;code&gt;&lt;br /&gt;
1&lt;br /&gt;
00:00:19,193 --&gt; 00:00:22,220&lt;br /&gt;
XSS Explicado e Demonstrado&lt;br /&gt;
&lt;br /&gt;
2&lt;br /&gt;
00:00:22,221 --&gt; 00:00:28,932&lt;br /&gt;
Olá, eu sou Abdi Gulaid, um experiente webmaster do bestcoder.co.uk&lt;br /&gt;
&lt;br /&gt;
3&lt;br /&gt;
00:00:28,932 --&gt; 00:00:31,986&lt;br /&gt;
eu desenvolvi esse vídeo para explicar,&lt;br /&gt;
&lt;br /&gt;
4&lt;br /&gt;
00:00:31,987 --&gt; 00:00:36,349&lt;br /&gt;
demonstrar e mostrar-lho como previnir-se contra ataques XSS&lt;br /&gt;
&lt;br /&gt;
5&lt;br /&gt;
00:00:36,350 --&gt; 00:00:38,491&lt;br /&gt;
quando estiver criando websites&lt;br /&gt;
&lt;br /&gt;
6&lt;br /&gt;
00:00:38,492 --&gt; 00:00:41,998&lt;br /&gt;
se você um webmaster experiente ou novato&lt;br /&gt;
&lt;br /&gt;
7&lt;br /&gt;
00:00:41,999 --&gt; 00:00:45,001&lt;br /&gt;
e gostaria de aprender como fazer o site de seu cliente mais seguro&lt;br /&gt;
&lt;br /&gt;
8&lt;br /&gt;
00:00:45,002 --&gt; 00:00:47,752&lt;br /&gt;
então esse vídeo tutorial é pra você&lt;br /&gt;
&lt;br /&gt;
9&lt;br /&gt;
00:00:47,753 --&gt; 00:00:52,437&lt;br /&gt;
esse vídeo será o mais claro e conciso possível&lt;br /&gt;
&lt;br /&gt;
10&lt;br /&gt;
00:00:52,438 --&gt; 00:00:54,727&lt;br /&gt;
para facilitar o seu aprendizado&lt;br /&gt;
&lt;br /&gt;
11&lt;br /&gt;
00:00:54,728 --&gt; 00:00:59,318&lt;br /&gt;
nesse tutorial aprenderemos o que é XSS Ataque&lt;br /&gt;
&lt;br /&gt;
12&lt;br /&gt;
00:00:59,319 --&gt; 00:01:03,288&lt;br /&gt;
e em seguida irei criar uma site de simulação&lt;br /&gt;
&lt;br /&gt;
13&lt;br /&gt;
00:01:03,289 --&gt; 00:01:07,772&lt;br /&gt;
para usarmos como cobaia para o nosso ataque&lt;br /&gt;
&lt;br /&gt;
14&lt;br /&gt;
00:01:07,772 --&gt; 00:01:13,144&lt;br /&gt;
uma vez que fizermos o ataque, ai iremos ver como previnir contra eles&lt;br /&gt;
&lt;br /&gt;
15&lt;br /&gt;
00:01:13,145 --&gt; 00:01:16,706&lt;br /&gt;
Então, o que é XSS você pergunta&lt;br /&gt;
&lt;br /&gt;
16&lt;br /&gt;
00:01:16,707 --&gt; 00:01:20,036&lt;br /&gt;
XSS é uma sigla para Cross-Site Scripting&lt;br /&gt;
&lt;br /&gt;
17&lt;br /&gt;
00:01:20,037 --&gt; 00:01:23,889&lt;br /&gt;
XSS é uma vulnerabilidade de segurança&lt;br /&gt;
&lt;br /&gt;
18&lt;br /&gt;
00:01:23,890 --&gt; 00:01:26,801&lt;br /&gt;
que pode ser encontrada em web aplicações mal desenvolvidas&lt;br /&gt;
&lt;br /&gt;
19&lt;br /&gt;
00:01:26,802 --&gt; 00:01:31,487&lt;br /&gt;
que permite pessoas mal intensionadas à injetarem client-side scripts,&lt;br /&gt;
&lt;br /&gt;
20&lt;br /&gt;
00:01:31,487 --&gt; 00:01:35,113&lt;br /&gt;
tais como JavaScript, na página da aplicação&lt;br /&gt;
&lt;br /&gt;
21&lt;br /&gt;
00:01:35,114 --&gt; 00:01:37,596&lt;br /&gt;
XSS ataques é muito comum&lt;br /&gt;
&lt;br /&gt;
22&lt;br /&gt;
00:01:37,597 --&gt; 00:01:41,995&lt;br /&gt;
e foi responsável por 70% de todos os ataques em 2007&lt;br /&gt;
&lt;br /&gt;
23&lt;br /&gt;
00:01:41,996 --&gt; 00:01:45,007&lt;br /&gt;
de acordo com estatísticas publicadas pela Symantic&lt;br /&gt;
&lt;br /&gt;
24&lt;br /&gt;
00:01:45,008 --&gt; 00:01:49,927&lt;br /&gt;
XSS ataques existe desde o nascimento da internet&lt;br /&gt;
&lt;br /&gt;
25&lt;br /&gt;
00:01:49,928 --&gt; 00:01:54,404&lt;br /&gt;
e grandes corporações tem sido imunes à XSS ataques&lt;br /&gt;
&lt;br /&gt;
26&lt;br /&gt;
00:01:54,405 --&gt; 00:02:00,175&lt;br /&gt;
empresas que foram alvos incluem&lt;br /&gt;
&lt;br /&gt;
27&lt;br /&gt;
00:02:00,176 --&gt; 00:02:07,344&lt;br /&gt;
Google, Yahoo, Facebook e Twitter&lt;br /&gt;
&lt;br /&gt;
28&lt;br /&gt;
00:02:07,345 --&gt; 00:02:10,527&lt;br /&gt;
previnir que seus clientes sejam alvos é algo&lt;br /&gt;
&lt;br /&gt;
29&lt;br /&gt;
00:02:10,528 --&gt; 00:02:13,360&lt;br /&gt;
super importante durante o processo de desenvolvimento&lt;br /&gt;
&lt;br /&gt;
30&lt;br /&gt;
00:02:13,361 --&gt; 00:02:16,616&lt;br /&gt;
e esse é o mas provável tipo de ataque que&lt;br /&gt;
&lt;br /&gt;
31&lt;br /&gt;
00:02:16,617 --&gt; 00:02:19,066&lt;br /&gt;
um hacker vai tentar contra um website&lt;br /&gt;
&lt;br /&gt;
32&lt;br /&gt;
00:02:19,067 --&gt; 00:02:23,210&lt;br /&gt;
Bons profissionais devem entender a importância disto&lt;br /&gt;
&lt;br /&gt;
33&lt;br /&gt;
00:02:23,211 --&gt; 00:02:28,390&lt;br /&gt;
pra demonstrar um XSS, eu irei agora criar uma pequena aplicação web&lt;br /&gt;
&lt;br /&gt;
34&lt;br /&gt;
00:02:28,391 --&gt; 00:02:31,009&lt;br /&gt;
essa será uma página de artigos bem simples&lt;br /&gt;
&lt;br /&gt;
35&lt;br /&gt;
00:02:31,010 --&gt; 00:02:33,521&lt;br /&gt;
a qual permitirá que pessoas deixem comentários&lt;br /&gt;
&lt;br /&gt;
36&lt;br /&gt;
00:02:33,522 --&gt; 00:02:37,251&lt;br /&gt;
e a escreverei em PHP, pois este é a linguagem mais usada na Web&lt;br /&gt;
&lt;br /&gt;
37&lt;br /&gt;
00:02:37,252 --&gt; 00:02:40,754&lt;br /&gt;
e MYSQL como banco de dados para salvar os comentários&lt;br /&gt;
&lt;br /&gt;
38&lt;br /&gt;
00:06:18,598 --&gt; 00:06:23,050&lt;br /&gt;
pronto! nossa pequena aplicação está pronta&lt;br /&gt;
&lt;br /&gt;
39&lt;br /&gt;
00:06:23,051 --&gt; 00:06:26,411&lt;br /&gt;
antes que eu possa demonstrar como um XSS ataque funciona&lt;br /&gt;
&lt;br /&gt;
40&lt;br /&gt;
00:06:26,412 --&gt; 00:06:28,848&lt;br /&gt;
e como prevenir contra um&lt;br /&gt;
&lt;br /&gt;
41&lt;br /&gt;
00:06:28,849 --&gt; 00:06:32,092&lt;br /&gt;
deixe me explicar os dois tipos de XSS ataques&lt;br /&gt;
&lt;br /&gt;
42&lt;br /&gt;
00:06:32,093 --&gt; 00:06:35,561&lt;br /&gt;
XSS ataques tem duas variantes&lt;br /&gt;
&lt;br /&gt;
43&lt;br /&gt;
00:06:35,562 --&gt; 00:06:37,876&lt;br /&gt;
a primeira é a &quot;Não Pesistente&quot;&lt;br /&gt;
&lt;br /&gt;
44&lt;br /&gt;
00:06:37,877 --&gt; 00:06:39,841&lt;br /&gt;
a qual é a mais comum&lt;br /&gt;
&lt;br /&gt;
45&lt;br /&gt;
00:06:39,842 --&gt; 00:06:44,121&lt;br /&gt;
o código malicioso é injetado diratamente na URL do site&lt;br /&gt;
&lt;br /&gt;
46&lt;br /&gt;
00:06:44,122 --&gt; 00:06:49,455&lt;br /&gt;
e o hacker precisará que alguém explicitamente use a URL comprometida&lt;br /&gt;
&lt;br /&gt;
47&lt;br /&gt;
00:06:49,456 --&gt; 00:06:51,440&lt;br /&gt;
para que o ataque prossiga&lt;br /&gt;
&lt;br /&gt;
48&lt;br /&gt;
00:06:51,441 --&gt; 00:06:56,248&lt;br /&gt;
a URL é normalmente distribuida por email&lt;br /&gt;
&lt;br /&gt;
49&lt;br /&gt;
00:06:56,249 --&gt; 00:06:58,943&lt;br /&gt;
ou outras formas para colocar o ataque em ação&lt;br /&gt;
&lt;br /&gt;
50&lt;br /&gt;
00:06:58,944 --&gt; 00:07:01,527&lt;br /&gt;
e a segunda variante é a &quot;Persitente&quot;&lt;br /&gt;
&lt;br /&gt;
51&lt;br /&gt;
00:07:01,528 --&gt; 00:07:05,067&lt;br /&gt;
essa é menos comum mas muito mais perigosa&lt;br /&gt;
&lt;br /&gt;
52&lt;br /&gt;
00:07:05,068 --&gt; 00:07:08,746&lt;br /&gt;
o código malicioso é injetado de forma permanente na página&lt;br /&gt;
&lt;br /&gt;
53&lt;br /&gt;
00:07:08,747 --&gt; 00:07:13,359&lt;br /&gt;
o qual roda repedidamente a cada visita que a página tenha&lt;br /&gt;
&lt;br /&gt;
54&lt;br /&gt;
00:07:13,360 --&gt; 00:07:19,397&lt;br /&gt;
ok, agora vamos ver como é feito um ataque &quot;Não Persistente&quot;&lt;br /&gt;
&lt;br /&gt;
55&lt;br /&gt;
00:07:19,398 --&gt; 00:07:26,970&lt;br /&gt;
como disse agora a pouco, essa forma de ataque consiste na injeção&lt;br /&gt;
&lt;br /&gt;
56&lt;br /&gt;
00:07:26,971 --&gt; 00:07:28,544&lt;br /&gt;
de código na URL da página&lt;br /&gt;
&lt;br /&gt;
57&lt;br /&gt;
00:07:28,545 --&gt; 00:07:33,222&lt;br /&gt;
essa aplicação está intencionalmente vulnerável a esse tipo de ataque&lt;br /&gt;
&lt;br /&gt;
58&lt;br /&gt;
00:07:33,223 --&gt; 00:07:35,375&lt;br /&gt;
para que eu possa lhe mostrar como o ataque é feito&lt;br /&gt;
&lt;br /&gt;
59&lt;br /&gt;
00:07:35,376 --&gt; 00:07:40,254&lt;br /&gt;
como demonstração, eu irei inserir um alerta em JavaScript&lt;br /&gt;
&lt;br /&gt;
60&lt;br /&gt;
00:07:40,255 --&gt; 00:07:42,069&lt;br /&gt;
à URL da página&lt;br /&gt;
&lt;br /&gt;
61&lt;br /&gt;
00:07:42,070 --&gt; 00:07:46,560&lt;br /&gt;
nossa aplicação usa o método GET para receber os dados da URL&lt;br /&gt;
&lt;br /&gt;
62&lt;br /&gt;
00:07:46,561 --&gt; 00:07:58,111&lt;br /&gt;
assim, tudo que estiver depois do sinal de igual será impresso pelo PHP script&lt;br /&gt;
&lt;br /&gt;
63&lt;br /&gt;
00:08:24,842 --&gt; 00:08:27,255&lt;br /&gt;
agora eu irei acessar esse link compremetido&lt;br /&gt;
&lt;br /&gt;
64&lt;br /&gt;
00:08:27,256 --&gt; 00:08:31,082&lt;br /&gt;
e nosso alerta em JavaScript deve ser executado logo após a página carregar&lt;br /&gt;
&lt;br /&gt;
65&lt;br /&gt;
00:08:31,083 --&gt; 00:08:35,348&lt;br /&gt;
como você pode ver, o JavaScript que colocamos na URL&lt;br /&gt;
&lt;br /&gt;
66&lt;br /&gt;
00:08:35,349 --&gt; 00:08:37,120&lt;br /&gt;
foi executada&lt;br /&gt;
&lt;br /&gt;
67&lt;br /&gt;
00:08:37,121 --&gt; 00:08:40,844&lt;br /&gt;
esse foi um XSS ataque bem sucedido&lt;br /&gt;
&lt;br /&gt;
68&lt;br /&gt;
00:08:40,845 --&gt; 00:08:44,220&lt;br /&gt;
um alerta não causará nenhum mal&lt;br /&gt;
&lt;br /&gt;
69&lt;br /&gt;
00:08:44,221 --&gt; 00:08:47,832&lt;br /&gt;
mas um hacker geralmente injetará um código&lt;br /&gt;
&lt;br /&gt;
70&lt;br /&gt;
00:08:47,833 --&gt; 00:08:50,148&lt;br /&gt;
que fará o download de um script em um arquivo externo&lt;br /&gt;
&lt;br /&gt;
71&lt;br /&gt;
00:08:50,149 --&gt; 00:08:51,973&lt;br /&gt;
o qual fará muito mais estragos&lt;br /&gt;
&lt;br /&gt;
72&lt;br /&gt;
00:08:51,974 --&gt; 00:08:57,017&lt;br /&gt;
tais como roubar informações de cookies&lt;br /&gt;
&lt;br /&gt;
73&lt;br /&gt;
00:08:57,018 --&gt; 00:09:00,499&lt;br /&gt;
ou mesmo informações sensíveis guardadas no site&lt;br /&gt;
&lt;br /&gt;
74&lt;br /&gt;
00:09:00,500 --&gt; 00:09:03,748&lt;br /&gt;
como esse é um ataque &quot;Não Persistente&quot;&lt;br /&gt;
&lt;br /&gt;
75&lt;br /&gt;
00:09:03,749 --&gt; 00:09:07,635&lt;br /&gt;
o hacker terá distribuir a URL&lt;br /&gt;
&lt;br /&gt;
76&lt;br /&gt;
00:09:07,636 --&gt; 00:09:10,147&lt;br /&gt;
pra fazer com que as pessoas acessem o link compremetido&lt;br /&gt;
&lt;br /&gt;
77&lt;br /&gt;
00:09:10,148 --&gt; 00:09:12,218&lt;br /&gt;
e assim iniciar o ataque&lt;br /&gt;
&lt;br /&gt;
78&lt;br /&gt;
00:09:12,219 --&gt; 00:09:16,537&lt;br /&gt;
ok, esse foi uma demonstração de ataque &quot;Não Persistente&quot;&lt;br /&gt;
&lt;br /&gt;
79&lt;br /&gt;
00:09:16,538 --&gt; 00:09:21,330&lt;br /&gt;
agora vamos ver a variante &quot;Persistente&quot;&lt;br /&gt;
&lt;br /&gt;
80&lt;br /&gt;
00:09:21,331 --&gt; 00:09:25,837&lt;br /&gt;
eu fiz a aplicação suceptivel a esse tipo de ataque na área de comentários&lt;br /&gt;
&lt;br /&gt;
81&lt;br /&gt;
00:09:25,838 --&gt; 00:09:30,194&lt;br /&gt;
novamente, iremos injetar um simples alerta em JavaScript&lt;br /&gt;
&lt;br /&gt;
82&lt;br /&gt;
00:09:30,195 --&gt; 00:09:32,913&lt;br /&gt;
no comentário para vermos como o ataque é feito&lt;br /&gt;
&lt;br /&gt;
83&lt;br /&gt;
00:10:06,528 --&gt; 00:10:10,225&lt;br /&gt;
como você pode ver, o nosso script foi executado&lt;br /&gt;
&lt;br /&gt;
84&lt;br /&gt;
00:10:10,226 --&gt; 00:10:12,806&lt;br /&gt;
e podemos agora ver o alerta&lt;br /&gt;
&lt;br /&gt;
85&lt;br /&gt;
00:10:12,807 --&gt; 00:10:16,500&lt;br /&gt;
esse tipo de ataque é diferente&lt;br /&gt;
&lt;br /&gt;
86&lt;br /&gt;
00:10:16,501 --&gt; 00:10:19,943&lt;br /&gt;
pois o script malicioso foi salvo no banco de dados de forma permanente&lt;br /&gt;
&lt;br /&gt;
87&lt;br /&gt;
00:10:19,944 --&gt; 00:10:24,336&lt;br /&gt;
e assim será executado cada vez que essa página for visitada&lt;br /&gt;
&lt;br /&gt;
88&lt;br /&gt;
00:10:24,337 --&gt; 00:10:27,839&lt;br /&gt;
enquanto o script for deixado no banco de dados&lt;br /&gt;
&lt;br /&gt;
89&lt;br /&gt;
00:10:27,840 --&gt; 00:10:31,703&lt;br /&gt;
novamente, um alerta não causa nenhum mal&lt;br /&gt;
&lt;br /&gt;
90&lt;br /&gt;
00:10:31,704 --&gt; 00:10:37,535&lt;br /&gt;
mas um hacker geralmente injetará um código que fará o download de um script em um arquivo externo&lt;br /&gt;
&lt;br /&gt;
91&lt;br /&gt;
00:10:37,536 --&gt; 00:10:39,772&lt;br /&gt;
o qual fará muito mais estragos&lt;br /&gt;
&lt;br /&gt;
92&lt;br /&gt;
00:10:39,773 --&gt; 00:10:42,644&lt;br /&gt;
esses foram os dois tipos de ataques demonstrados&lt;br /&gt;
&lt;br /&gt;
93&lt;br /&gt;
00:10:42,645 --&gt; 00:10:47,154&lt;br /&gt;
agora vamos ver como prevenir-se contra eles&lt;br /&gt;
&lt;br /&gt;
94&lt;br /&gt;
00:10:47,155 --&gt; 00:10:51,042&lt;br /&gt;
sempre valide entrada de dados vindas de usuários&lt;br /&gt;
&lt;br /&gt;
95&lt;br /&gt;
00:10:51,043 --&gt; 00:10:53,859&lt;br /&gt;
nunca confie em dados submetido por usuários&lt;br /&gt;
&lt;br /&gt;
96&lt;br /&gt;
00:10:53,860 --&gt; 00:10:57,915&lt;br /&gt;
se você tá esperando números, faça a validação para aceita apenas números&lt;br /&gt;
&lt;br /&gt;
97&lt;br /&gt;
00:10:57,916 --&gt; 00:11:03,809&lt;br /&gt;
ou seja, não aceite dados que não é de acordo com o tipo esperado&lt;br /&gt;
&lt;br /&gt;
98&lt;br /&gt;
00:11:03,810 --&gt; 00:11:08,063&lt;br /&gt;
sempre faça a sanitização dos dados entrados&lt;br /&gt;
&lt;br /&gt;
99&lt;br /&gt;
00:11:08,064 --&gt; 00:11:10,487&lt;br /&gt;
antes de salva-los no banco de dados&lt;br /&gt;
&lt;br /&gt;
100&lt;br /&gt;
00:11:10,488 --&gt; 00:11:13,927&lt;br /&gt;
e sempre faça a sanitização das variáveis $_GET&lt;br /&gt;
&lt;br /&gt;
101&lt;br /&gt;
00:11:13,928 --&gt; 00:11:15,677&lt;br /&gt;
antes de executar uma query&lt;br /&gt;
&lt;br /&gt;
102&lt;br /&gt;
00:11:15,678 --&gt; 00:11:18,271&lt;br /&gt;
ou imprimi-los na tela&lt;br /&gt;
&lt;br /&gt;
103&lt;br /&gt;
00:11:18,272 --&gt; 00:11:22,186&lt;br /&gt;
vou demonstrar agora como fazer isso na nossa aplicação de simulação&lt;br /&gt;
&lt;br /&gt;
104&lt;br /&gt;
00:11:22,187 --&gt; 00:11:27,822&lt;br /&gt;
a variável $_GET está no momento sendo impressa sem nenhuma higienização&lt;br /&gt;
&lt;br /&gt;
105&lt;br /&gt;
00:11:27,823 --&gt; 00:11:32,843&lt;br /&gt;
e qualquer código injetado será executado pelo navegador&lt;br /&gt;
&lt;br /&gt;
106&lt;br /&gt;
00:11:32,844 --&gt; 00:11:36,392&lt;br /&gt;
já sabemos o quanto isso é perigoso&lt;br /&gt;
&lt;br /&gt;
107&lt;br /&gt;
00:11:36,393 --&gt; 00:11:41,161&lt;br /&gt;
felizmente PHP já vem com algumas funções nativas&lt;br /&gt;
&lt;br /&gt;
108&lt;br /&gt;
00:11:41,162 --&gt; 00:11:44,015&lt;br /&gt;
que podem ser usadas para higienizar dados&lt;br /&gt;
&lt;br /&gt;
109&lt;br /&gt;
00:11:44,016 --&gt; 00:11:47,471&lt;br /&gt;
htmlentities() é uma delas&lt;br /&gt;
&lt;br /&gt;
110&lt;br /&gt;
00:11:47,472 --&gt; 00:11:51,897&lt;br /&gt;
eu usarei essa função para converter todos os caracteres especiais submetidos&lt;br /&gt;
&lt;br /&gt;
111&lt;br /&gt;
00:11:51,898 --&gt; 00:11:53,768&lt;br /&gt;
em seus respectivos HTML equivalentes&lt;br /&gt;
&lt;br /&gt;
112&lt;br /&gt;
00:11:53,769 --&gt; 00:12:02,044&lt;br /&gt;
eu encapsalarei a nossa variável $_GET dentro da função htmlentities&lt;br /&gt;
&lt;br /&gt;
113&lt;br /&gt;
00:12:07,681 --&gt; 00:12:09,797&lt;br /&gt;
pronto!&lt;br /&gt;
&lt;br /&gt;
114&lt;br /&gt;
00:12:09,798 --&gt; 00:12:15,420&lt;br /&gt;
vamos acessar o link compremetido novamente pra ver se código foi higienizado&lt;br /&gt;
&lt;br /&gt;
115&lt;br /&gt;
00:12:21,894 --&gt; 00:12:26,475&lt;br /&gt;
ótimo, como você pode ver o ataque falhou&lt;br /&gt;
&lt;br /&gt;
116&lt;br /&gt;
00:12:26,476 --&gt; 00:12:29,907&lt;br /&gt;
a higienização foi bem sucessida&lt;br /&gt;
&lt;br /&gt;
117&lt;br /&gt;
00:12:29,908 --&gt; 00:12:33,421&lt;br /&gt;
vamos olhar o código fonte para ver como isso foi feito&lt;br /&gt;
&lt;br /&gt;
118&lt;br /&gt;
00:12:33,422 --&gt; 00:12:39,307&lt;br /&gt;
podemos ver que quase todos os caracteres especiais&lt;br /&gt;
&lt;br /&gt;
119&lt;br /&gt;
00:12:39,308 --&gt; 00:12:42,483&lt;br /&gt;
foram convertidos em entidades HTML&lt;br /&gt;
&lt;br /&gt;
120&lt;br /&gt;
00:12:42,484 --&gt; 00:12:46,625&lt;br /&gt;
assim impedir que o script injetado não seja executado&lt;br /&gt;
&lt;br /&gt;
121&lt;br /&gt;
00:12:46,626 --&gt; 00:12:53,813&lt;br /&gt;
ok, vamos ver agora como prevenir o ataque &quot;Persistente&quot;&lt;br /&gt;
&lt;br /&gt;
122&lt;br /&gt;
00:12:53,814 --&gt; 00:12:55,429&lt;br /&gt;
em nossa área de comentários&lt;br /&gt;
&lt;br /&gt;
123&lt;br /&gt;
00:12:55,430 --&gt; 00:13:03,520&lt;br /&gt;
como podemos ver, o código PHP não faz a higienização dos dados a serem salvos&lt;br /&gt;
&lt;br /&gt;
124&lt;br /&gt;
00:13:03,521 --&gt; 00:13:10,713&lt;br /&gt;
eu irei simplesmente encapsular as variáveis &#39;name&#39; e &#39;comment&#39; dentro da função htmlentities&lt;br /&gt;
&lt;br /&gt;
125&lt;br /&gt;
00:13:10,714 --&gt; 00:13:15,116&lt;br /&gt;
para que os dados sejam higienizados antes de serem salvos no banco de dados&lt;br /&gt;
&lt;br /&gt;
126&lt;br /&gt;
00:13:26,620 --&gt; 00:13:34,405&lt;br /&gt;
pronto, vamos ver agora se o ataque na área de comentários irá funcionar&lt;br /&gt;
&lt;br /&gt;
127&lt;br /&gt;
00:14:05,635 --&gt; 00:14:11,309&lt;br /&gt;
como podemos ver, o código injetado não foi executado&lt;br /&gt;
&lt;br /&gt;
128&lt;br /&gt;
00:14:11,310 --&gt; 00:14:15,181&lt;br /&gt;
e de fato o código foi higienizado&lt;br /&gt;
&lt;br /&gt;
129&lt;br /&gt;
00:14:15,182 --&gt; 00:14:21,123&lt;br /&gt;
vamos olhar o código fonte e ver a parte do comentário&lt;br /&gt;
&lt;br /&gt;
130&lt;br /&gt;
00:14:25,683 --&gt; 00:14:33,085&lt;br /&gt;
a função htmlentities converteu todos os caracteres especiais em suas respectivos entidades&lt;br /&gt;
&lt;br /&gt;
131&lt;br /&gt;
00:14:33,086 --&gt; 00:14:36,077&lt;br /&gt;
isso é exatamente o que queremos&lt;br /&gt;
&lt;br /&gt;
132&lt;br /&gt;
00:14:36,078 --&gt; 00:14:41,301&lt;br /&gt;
e como resultado, o XSS ataque falhou&lt;br /&gt;
&lt;br /&gt;
133&lt;br /&gt;
00:14:41,302 --&gt; 00:14:45,022&lt;br /&gt;
esse foi XSS explicado e demonstrado&lt;br /&gt;
&lt;br /&gt;
134&lt;br /&gt;
00:14:45,023 --&gt; 00:14:49,651&lt;br /&gt;
você agora está preparado para prevenir um ataque XSS&lt;br /&gt;
&lt;br /&gt;
135&lt;br /&gt;
00:14:49,652 --&gt; 00:14:52,379&lt;br /&gt;
e assim deixar os sites de seus clientes mais seguros&lt;br /&gt;
&lt;br /&gt;
136&lt;br /&gt;
00:14:52,380 --&gt; 00:14:57,471&lt;br /&gt;
Obrigado por assistir&lt;br /&gt;
&lt;/code&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/82862463242350854/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/como-prevenir-ataques-de-hackers-no-seu.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/82862463242350854'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/82862463242350854'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/como-prevenir-ataques-de-hackers-no-seu.html' title='Como Prevenir Ataques de Hackers no Seu Website'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-8784237351564905016</id><published>2010-07-22T05:42:00.000-07:00</published><updated>2010-07-22T05:51:30.518-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CMF"/><category scheme="http://www.blogger.com/atom/ns#" term="CMS"/><category scheme="http://www.blogger.com/atom/ns#" term="Criar Websites"/><category scheme="http://www.blogger.com/atom/ns#" term="Drupal"/><category scheme="http://www.blogger.com/atom/ns#" term="Internet e Tecnologia"/><category scheme="http://www.blogger.com/atom/ns#" term="Web 2.0"/><category scheme="http://www.blogger.com/atom/ns#" term="Webdesigner"/><category scheme="http://www.blogger.com/atom/ns#" term="Webmaster"/><title type='text'>Qual o conceito por trás do Drupal?</title><content type='html'>O Drupal é geralmente referido como um &lt;a href=&quot;http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo&quot; target=&quot;_blank&quot;&gt;content management system&lt;/a&gt;&amp;nbsp;(CMS), entretanto o mais apropriado &amp;nbsp;seria referencia-lo como sendo um &quot;content management framework&quot; (CMF), ou seja, Drupal é bem mais configurável e&amp;nbsp;customizável&amp;nbsp;que um CMS convencional, tanto por módulos desenvolvidos por terceiros quanto por módulos feitos por você mesmo.&lt;br /&gt;
&lt;br /&gt;
Imagine uma série de medidas onde de um lado da escala possuem coisas classificadas como &quot;específicas&quot; e do outro coisas classificadas como &quot;abstratas&quot;. &amp;nbsp;Agora, dentro desse espectro, as coisas &quot;específicas&quot; possuem forma especializada pois estas foram criadas para uma função específica, uma chave de fenda por exemplo. Já do outro lado as formas são abstratas e sem propósito definido, como uma barra de aço por exemplo. Entretanto uma barra de aço lhe trás inúmeras possibilidades, você poderia produzir uma chave de venda ou qualquer outra coisa que precisasse.&lt;br /&gt;
&lt;br /&gt;
Claro que, enquanto uma barra de aço é mais configurável que uma chave de fenda, uma barra de aço não possui muita utilidade de cara pois apenas algumas pessoas sabem como trabalhar o aço, assim obvioamente que as pessoas vão prefirir ter uma chave de fenda para fazer os concertos rotineiros de suas casas, mesmo que isso signifique a compra de jogos com Philips e fenda de diferente tamanhos.&lt;br /&gt;
&lt;br /&gt;
Ao usar Drupal, no entanto, você não precisa fazer essa escolha, pois Drupal é como se fosse uma única chave com várias cabeças que podem ser trocadas. Indo mais adiante com essa analogia, com o Drupal, você pode criar suas próprias cabeças caso você precise trabalhar com parafusos especiais.&lt;br /&gt;
&lt;br /&gt;
Drupal mora na esquina entre específico e abstrato, sendo mais fácil de usar que os frameworks os quais você precisa escrever grande parte do código por você mesmo, mas mais flexível que outros CMSs os quais foram criados para um uso específico, blogs por exemplo.&lt;br /&gt;
Seu design possui uma flexibilidade incrível e ainda assim permite que pessoas que não são programadoras a criar websites de última geração.&lt;br /&gt;
&lt;br /&gt;
É importate que se entenda o princípio do gerenciamento de abstração, pois este é o ponto central do sistema Drupal. A partir do momento que você compreender que uma certa quantidade de abstração tem grande valor, você começará a entender a força desse argumento quando tratar-se do uso do Drupal.</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/8784237351564905016/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/qual-o-conceito-por-tras-do-drupal.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/8784237351564905016'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/8784237351564905016'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/qual-o-conceito-por-tras-do-drupal.html' title='Qual o conceito por trás do Drupal?'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-7322876963349185576</id><published>2010-07-22T00:18:00.000-07:00</published><updated>2010-07-23T06:51:39.385-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Estratégias"/><category scheme="http://www.blogger.com/atom/ns#" term="Internet e Tecnologia"/><category scheme="http://www.blogger.com/atom/ns#" term="Redes Sociais"/><category scheme="http://www.blogger.com/atom/ns#" term="Web 2.0"/><title type='text'>Como fazer presença na internet e manter o seu negócio em sintonia com a nova era</title><content type='html'>&lt;blockquote&gt;&lt;p&gt;&lt;br /&gt;
A internet sem dúvida trouxe grandes avanços para o mundo dos negócios, fazendo com que grandes e pequenos possam competir de forma igualitária, mas e você! Já sabe como se relacionar com os seus clientes/fornecedores da era digital? &lt;br /&gt;
Se essa conversa de Web 2.0 soa como algo obscuro e que nada tem a ver com o seu cotidiano ou ainda pensa que presença online é só criar um website para o seu empreendimento, então você definitivamente precisa rever os seus conceitos.&lt;/p&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
Neste vídeo palestra o Manoel Fernandos, sócio da Bites.com.br, explica tudo o que você precisa saber sobre estratégias de negócios focada na era da Web 2.0.&lt;br /&gt;
&lt;a href=&quot;http://epocanegocios.isat.com.br/Embed/4d7a557a&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;Assista a Palestra com Manoel Fernandes sobre Planejamento de Negócios na Web 2.0&quot; src=&quot;http://sites.google.com/site/franciscoluzblog/files/francisco-luz-blogger-css/images/manoel_fernandes.png&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;display: none;&quot;&gt;Carregando... Aguarde&lt;br /&gt;
&lt;div id=&quot;inline_example1&quot; style=&quot;background: #fff; padding: 10px;&quot;&gt;&lt;iframe frameborder=&quot;0&quot; height=&quot;384&quot; scrolling=&quot;no&quot; src=&quot;http://epocanegocios.isat.com.br/Embed/4d7a557a&quot; width=&quot;942.666666666667&quot;&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/7322876963349185576/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/como-fazer-presenca-na-internet-e.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/7322876963349185576'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/7322876963349185576'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/como-fazer-presenca-na-internet-e.html' title='Como fazer presença na internet e manter o seu negócio em sintonia com a nova era'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-7916798494678976080</id><published>2010-07-21T06:07:00.000-07:00</published><updated>2010-07-22T01:26:17.367-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Estratégias"/><category scheme="http://www.blogger.com/atom/ns#" term="Marketing"/><category scheme="http://www.blogger.com/atom/ns#" term="Publicidade Online"/><category scheme="http://www.blogger.com/atom/ns#" term="Viral Videos"/><category scheme="http://www.blogger.com/atom/ns#" term="Web 2.0"/><title type='text'>Quanto custa para produzir um Viral Video e Como produzi-lo?</title><content type='html'>&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Quando se fala sobre viral video marketing e publicidade, as duas perguntas que ouço com frequência são &quot;&lt;em style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;quanto custa para se produzir um viral video online?&quot;&lt;/em&gt;&amp;nbsp;&amp;nbsp;e &quot;&lt;em style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;quais são os passos necessários?&quot;&lt;/em&gt;&amp;nbsp;. Bem, preço pode variar e depende de alguns fatores, então irei começar falando dos 4 elementos básicos e em seguida voltarei à questão preço.&lt;span id=&quot;more-24470&quot; style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Um viral vídeo de sucesso é aquele que atiça o internauta a compartilha-lo e assim criar uma dissiminação natural e continua. Ao contrário da tradicional &amp;nbsp;&quot;mídia paga&quot; tais como TV e radio onde uma vez que você pare de pagar o espaços publicitário também para de divulgar o seu anúncio.&lt;br /&gt;
&lt;br /&gt;
Marketing de redes sociais e mídia viral é geralmente referida como &quot;mídia ganha&quot;, pois o seu conteúdo permanece na web por um período longo, sem custo adicionais e por vezes a sua dissiminação continua mesmo depois que a campanha inicial tenha terminado.&lt;br /&gt;
&lt;br /&gt;
Obter um monte de visualizações é relativamente fácil, mas como mensurar se o seu vídeo está está sendo visto pelo seu público alvo? Bem, para levar o seu vídeo o mais longe possível e assim transmitir a sua mensagem com eficiência vai depender ou de um cuidadoso plano de ação ou muita sorte.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Criar, produzir e lançar uma vídeo com sua marca ou um seriado online envolve mais do que imaginar algo engraçado e se atracar em uma câmera, assim sendo irei concatenar todos os passos necessarios em &lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;4 categorias:&lt;/strong&gt;&lt;/div&gt;&lt;ol style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 36px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://francisco-luz.blogspot.com/2010/07/quanto-custa-pra-produzir-um-viral.html#1&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;Estabelecer objetivos e Estratégias&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://francisco-luz.blogspot.com/2010/07/quanto-custa-pra-produzir-um-viral.html#2&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;Criação&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://francisco-luz.blogspot.com/2010/07/quanto-custa-pra-produzir-um-viral.html#3&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;Produção&lt;/a&gt;&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;a href=&quot;http://francisco-luz.blogspot.com/2010/07/quanto-custa-pra-produzir-um-viral.html#4&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;Viral Video Marketing &amp;amp; Semeação&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;O sucesso de sua camapanha dependerá de uma focagem produtiva em cada uma dessas categorias.&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=1260799663176972633&amp;amp;postID=7916798494678976080&quot; name=&quot;1&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;h3 style=&quot;border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-top-width: 1px; clear: both; color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; padding-top: 8px;&quot;&gt;Objetivos e Estratégia&lt;/h3&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;A abordagem mais efetiva está em estabelecer os seus objetivos e &lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;definir sua estratégia&amp;nbsp;&lt;/strong&gt;antes de desenvolver os conceitos de criação. &amp;nbsp;Isso lhe ajudará a desenhar e manter em mente uma linha clara a ser seguida no processo de criação, produção e lançamento de sua campanha, bem como ajudará os diretores de marketing, gerentes de marcas, relações públicas &amp;nbsp;e outros responsáveis pelo sucesso de seu vídeo a qualificar o retorno sobre o investimento (ROI) ao final da campanha, quando os resultados são comparados com os objetivos iniciais.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Primeiro, estabeleça o que você quer alcançar ao final da camapanha e defina os pontos chaves de sua estratégia, basicamente pergunte a si mesmo, O que eu espero como resultado de minha campanha e Como chegarei lá?&lt;/div&gt;&lt;ul style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 36px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Objetivos&lt;/strong&gt;: Quais são os objetivos&amp;nbsp;a serem alcançados pela&amp;nbsp;camapanha, podendo ser exposição da marca, engajamentos, relação produto consumidor, vendas, tráfico?&lt;br /&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Conversões&lt;/strong&gt;: Quais reações você gostaria que os internautas divessem após assistirem o seu vídeo? Por exemplo, compartilhar com amigo(s), visitar o seu website, assistir mais vídeos, visitar uma página de compra, visitar sua loja virtual?&lt;br /&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Integração&lt;/strong&gt;: O seu vídeo faz parte de uma grande campanha monitorada pelo seu Relações Públicas ou uma agência de marketing a qual irá ajudar a espalhar a sua mensagem? Considere uma interação e integração com outros departamentos da empresa.&lt;br /&gt;
&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Marketing&lt;/strong&gt;: Defina o seu público alvo, influenciadores, redes sociais e alvos verticais (veja o tópico Viral Video Marketing &amp;amp; Semeação abaixo)&lt;/li&gt;
&lt;/ul&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Caso decida por contratar uma agência de criação, essa fica com a responsabilidade de fazer as perguntas certas para os membros de sua equipe de marketing para ajuda-los a determinar os objetivos e as estratégias a serem aplicadas ao seu viral video para garantir o sucesso de sua campanha.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Quanto mais preparado você e sua equipe estiverem, mais baixo será o custo da fase de criação.&lt;/div&gt;&lt;h3 style=&quot;border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-top-width: 1px; clear: both; color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; padding-top: 8px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Criação:&lt;/strong&gt;&lt;/h3&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;O &quot;conteúdo como entretenimento&quot; é em geral o mais efetivo para viral marketing devendo focar na criação de vídeos que maneram na mensagem publicitária e coloquem um pitada extra de entretenimento. Desta forma, mesmo quando o internauta está totalmente conciente que o vídeo se trata de uma mensagem publicitária ou que tenha um cunho publicitário, este não se incomodará, pois existe uma permuta onde o internauta dar o seu tempo e atenção em troca de ser entretido.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Gêneros dos vídeos podem incluir Engraçado, Inesperado, Chocante, Atraente, Realidade ou Ficção?, Inteligente, Informativo ou Não Convencional, mas todos eles tem algo em comum, eles atiçam o internauta a passa-lo adiante.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Se você trabalhar com uma agência de criação, taxas e custo para a elaboração de uma estratégia de ação podem variar conforme o modelo adotado bem como o escopo do projeto e a forma de pagamento oferecido pela agência de criação.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=1260799663176972633&amp;amp;postID=7916798494678976080&quot; name=&quot;3&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;h3 style=&quot;border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-top-width: 1px; clear: both; color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; padding-top: 8px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Produção:&lt;/strong&gt;&lt;/h3&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;A qualidade e custo de um viral video vai depender quase que integralmente das diretrizes desenhadas na fase de criação, os fatores a serem considerados são:&lt;/div&gt;&lt;h5 style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Pré Produção&lt;/h5&gt;&lt;ul style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 36px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Salários e caches (elenco e equipe de produção), animais treinados etc&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Investigar um local adequado, palco ou aluguel do local escolhido.&lt;/li&gt;
&lt;/ul&gt;&lt;h5 style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Produção&lt;/h5&gt;&lt;ul style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 36px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;A quantidade de vídeos; você ira gravar um único vídeo ou uma série? Mesmo quando vários vídeos são gravados no mesmo dia e dentro do mesmo orçamento, ainda assim esses irão requerer mais tempo na fase de pós produção&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Live-action vs animação; usar atores reais, animação ou ambos&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Equipamento necessários; o seu projeto pode ser gravado com uma câmera amadora ou será necessário uma equipe completa com câmeras profissionais e iluminação?&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Efeitos visuais ao vivo ou efeitos adicionados por computador&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Guarda-roupas, contra-regra e sets&lt;/li&gt;
&lt;/ul&gt;&lt;h5 style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Pós Produção&lt;/h5&gt;&lt;ul style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 36px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Edição&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Computação gráfica (CGI) e efeitos visuais&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Composição de música, própria ou licenciada?&lt;/li&gt;
&lt;/ul&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;A melhor coisa a fazer é pesar o seu orçamento contra os seus objetivos e abordar uma agência de criação que seja tanto efetiva e dentro de seu orçamento.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;&quot;&gt;&lt;a href=&quot;http://www.blogger.com/post-edit.g?blogID=1260799663176972633&amp;amp;postID=7916798494678976080&quot; name=&quot;4&quot; style=&quot;color: #285099; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;h3 style=&quot;border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: dotted; border-top-width: 1px; clear: both; color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; padding-top: 8px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Viral Video Marketing &amp;amp; Semeação:&lt;/strong&gt;&lt;/h3&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Uma campanha de Viral video marketing&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;span style=&quot;font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&amp;nbsp;deve começar pela &lt;/span&gt;identificação de seu público alvo primário&lt;/strong&gt;&amp;nbsp;e determinar a audiência ideal a qual você queira alcançar. Essas serão as pessoas com maiores chances de comprarem o seu produto ou serviço e evangelizarem a sua marca online ou em pessoa. &lt;br /&gt;
&lt;br /&gt;
Já o seu público alvo secundário deve incluir influenciadores tangenciais. Esse grupo de audiência serão aqueles que irão interagir e influenciar o seu público alvo primário em diferentes níveis de interesse.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;span style=&quot;font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Em seguida, &lt;/span&gt;identifique &lt;/strong&gt;blogs, blogueiros, websites, escritores e redes sociais&amp;nbsp;relevantes&amp;nbsp;que irão ser os seus &lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;influenciadores&lt;/strong&gt;&amp;nbsp;e também onde você &quot;semear&quot; o(s) seu(s) vídeo(s). &amp;nbsp;Crie uma lista de blogueiros, publicações e outros influenciadores chaves os quais tem contato e influência sobre o seu público alvo primário. &lt;br /&gt;
Elementos de uma companha de sucesso incluem:&lt;/div&gt;&lt;ul style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 36px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Mensagem:&lt;/strong&gt;&amp;nbsp;A mensagem digital que irá conquistar espaços em blogs e publicações&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Redes Sociais:&lt;/strong&gt;&amp;nbsp;Aborde comunidades no Orkut, Facebook, YouTube e Twitter&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Compartilhamento&lt;/strong&gt;: faça com que o compartilhamento seja fácil e inclua instruções de como compartilhar com amigos&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Conquistar&lt;/strong&gt;: alcance centenas de top blogs e publicações encorajando-os a falar sobre seu(s) vídeo(s) e inclui-lo(s) em conteúdos&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Ir onde a festa está: &lt;/strong&gt;se ainda não existir, crie um relacionamento com os seus influenciadores chaves que já estão engajados com o seu público alvo e estabeleça sua presença naquele ambiente&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Video Search Optimization (VSEO)&lt;/strong&gt;: inclua títulos, tags, descrições e narrativas&lt;/li&gt;
&lt;li style=&quot;list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;&lt;strong style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Relatórios e análises: &lt;/strong&gt;semanalmente e mensalmente para ajudar a determinar o ROI e assim fazer algumas correções no meio do percurso&lt;/li&gt;
&lt;/ul&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Viral video marketing e semeação de vídeo pode custar entre alguns centavos por visualização à algo bem acima dos 0,25 centavos por visualização. De cara isso pode soar muito caro até você considerar a forma a qual o viral marketing funciona. Para cada visualização propriamente alvejada, existirão visualizações adicionais, por exemplo, conversações online, blog embeds, menções em artigos, passe adiante por&amp;nbsp;redes sociais e valiosos engajamentos (comentário por exemplo) que irão adicionar valor à aquela visualização.&lt;br /&gt;
&lt;br /&gt;
Quanto mais &amp;nbsp;o vídeo se espalha, mais barulho é gerado em torno do vídeo propriamente dito bem como em torno de sua marca, produto ou serviço. Um viral video com estratégia bem executada irá de longe exceder a quantidade de visualizações esperadas diminuindo assim o custo por visualização, por exemplo, se sua estratégia foi feita para receber um total de 500.000 visualizações a um custo de R$-0,20 por visualização, uma vez que o seu vídeo atingir 1.000.000 de visualizaçãoes você terá cortado o seu custo inicial pela metade, ou seja esse cairá para R$-0,10 por visualização.&lt;/div&gt;&lt;div style=&quot;color: #121212; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; padding-top: 0px;&quot;&gt;Tenha em mente que o objetivo não é focar o gasto em cada visualização mas sim gastar o suficiente para alcançar os influenciadores chaves para que o seu vídeo crie vida própria e as visualizações almentem de forma orgânica.&lt;br /&gt;
&lt;br /&gt;
Se você gostou desse post, por favor compartilhe ou deixe sua pergunta ou comentário no formulário de comentários abaixo.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/7916798494678976080/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/quanto-custa-pra-produzir-um-viral.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/7916798494678976080'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/7916798494678976080'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/quanto-custa-pra-produzir-um-viral.html' title='Quanto custa para produzir um Viral Video e Como produzi-lo?'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1260799663176972633.post-1923144071847714052</id><published>2010-07-15T11:26:00.001-07:00</published><updated>2010-07-20T22:03:38.391-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="doctype.tv"/><category scheme="http://www.blogger.com/atom/ns#" term="Expressões Regulares"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="Internet e Tecnologia"/><category scheme="http://www.blogger.com/atom/ns#" term="RegExp"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Webdesigner"/><category scheme="http://www.blogger.com/atom/ns#" term="Webmaster"/><title type='text'>Criando efeitos 3D com elementos HTML, Aprendendo o básico das Expressões Regulares</title><content type='html'>&lt;blockquote&gt;&lt;p&gt;Nesse episódio legendado de DocType iremos aprender duas lições, a primeira na área de designing com o Nick ensinando como organizar os elementos HTML de forma a criar a sensação de profundidade. Em seguida o Jim ensina tudo que você precisa saber para dar o primeiros passos no mundo das expressões regulares.&lt;/p&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;object height=&quot;364&quot; width=&quot;445&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/NB3zFRPWnIM&amp;amp;hl=en_GB&amp;amp;fs=1?rel=0&amp;amp;color1=0x234900&amp;amp;color2=0x4e9e00&amp;amp;hd=1&amp;amp;border=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/NB3zFRPWnIM&amp;amp;hl=en_GB&amp;amp;fs=1?rel=0&amp;amp;color1=0x234900&amp;amp;color2=0x4e9e00&amp;amp;hd=1&amp;amp;border=1&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;445&quot; height=&quot;364&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;
&lt;br /&gt;
Se você gostou deste artigo, por favor ajude a divulga-lo enviando para seus amigos ou através das opções das redes sociais no final desta página.&lt;br /&gt;
&lt;br /&gt;
Veja abaixo a íntegra das legendas do vídeo acima.&lt;br /&gt;
&lt;br /&gt;
&lt;textarea&gt;&lt;br /&gt;
1&lt;br /&gt;
00:00:00,000 --&gt; 00:00:04,070&lt;br /&gt;
A seguir no DocType, iremos lhe mostrar coisas em 3D&lt;br /&gt;
&lt;br /&gt;
2&lt;br /&gt;
00:00:04,070 --&gt; 00:00:08,800&lt;br /&gt;
na verdade! só irei falar de profundidade e webdesign, o qual também é maneiro...&lt;br /&gt;
&lt;br /&gt;
3&lt;br /&gt;
00:00:08,800 --&gt; 00:00:13,380&lt;br /&gt;
depois mostraremos como se expressar com ”RegExp”&lt;br /&gt;
&lt;br /&gt;
4&lt;br /&gt;
00:00:13,380 --&gt; 00:00:18,390&lt;br /&gt;
coloque seus óculos de 3D porque é hora de DocType&lt;br /&gt;
&lt;br /&gt;
5&lt;br /&gt;
00:00:31,300 --&gt; 00:00:36,210&lt;br /&gt;
Publicidade...&lt;br /&gt;
&lt;br /&gt;
6&lt;br /&gt;
00:00:36,330 --&gt; 00:00:37,930&lt;br /&gt;
Eu sou Nick Pettit...&lt;br /&gt;
&lt;br /&gt;
7&lt;br /&gt;
00:00:37,940 --&gt; 00:00:39,000&lt;br /&gt;
e eu sou Jim Hoskins...&lt;br /&gt;
&lt;br /&gt;
8&lt;br /&gt;
00:00:39,000 --&gt; 00:00:40,480&lt;br /&gt;
E você está assistindo DocType&lt;br /&gt;
&lt;br /&gt;
9&lt;br /&gt;
00:00:40,480 --&gt; 00:00:43,530&lt;br /&gt;
para o designer que pensar que JS é um latte descafeinado...&lt;br /&gt;
&lt;br /&gt;
10&lt;br /&gt;
00:00:43,530 --&gt; 00:00:45,790&lt;br /&gt;
ou para o Developer que não diferencia a ”margin” do ”padding”&lt;br /&gt;
&lt;br /&gt;
11&lt;br /&gt;
00:00:45,790 --&gt; 00:00:48,430&lt;br /&gt;
DocType tem as últimas dicas e ferramentas para fazer&lt;br /&gt;
&lt;br /&gt;
12&lt;br /&gt;
00:00:48,430 --&gt; 00:00:50,050&lt;br /&gt;
se tornar o imperador da InterWebs&lt;br /&gt;
&lt;br /&gt;
13&lt;br /&gt;
00:00:50,050 --&gt; 00:00:54,460&lt;br /&gt;
então... flash vs HTML5 debate tá no ar&lt;br /&gt;
&lt;br /&gt;
14&lt;br /&gt;
00:00:54,460 --&gt; 00:00:57,670&lt;br /&gt;
assim Apple postou suas ideias no flash&lt;br /&gt;
&lt;br /&gt;
15&lt;br /&gt;
00:00:57,670 --&gt; 00:01:01,380&lt;br /&gt;
youtube developer blog também postaram o que eles pensam&lt;br /&gt;
&lt;br /&gt;
16&lt;br /&gt;
00:01:01,380 --&gt; 00:01:05,930&lt;br /&gt;
e no momento eles estão um pouco a favor do flash&lt;br /&gt;
&lt;br /&gt;
17&lt;br /&gt;
00:01:05,930 --&gt; 00:01:08,800&lt;br /&gt;
tem um monte de coisas que o HTML5 video não suporta&lt;br /&gt;
&lt;br /&gt;
18&lt;br /&gt;
00:01:08,800 --&gt; 00:01:12,030&lt;br /&gt;
tais como, streaming com diferentes ”bare rates”&lt;br /&gt;
&lt;br /&gt;
19&lt;br /&gt;
00:01:12,030 --&gt; 00:01:15,640&lt;br /&gt;
ser capaz de ler o arquivo sem precisar baixa-lo por completo&lt;br /&gt;
&lt;br /&gt;
20&lt;br /&gt;
00:01:15,640 --&gt; 00:01:17,760&lt;br /&gt;
tem a questão também de suporte para alguns dispositivos&lt;br /&gt;
&lt;br /&gt;
21&lt;br /&gt;
00:01:17,760 --&gt; 00:01:21,530&lt;br /&gt;
e outras coisas mais... não suporta webcams e SDRM&lt;br /&gt;
&lt;br /&gt;
22&lt;br /&gt;
00:01:21,530 --&gt; 00:01:25,550&lt;br /&gt;
resumindo, HTML5 video tá crescendo e se aperfeiçoando mas&lt;br /&gt;
&lt;br /&gt;
23&lt;br /&gt;
00:01:25,550 --&gt; 00:01:26,750&lt;br /&gt;
não chegueu lá ainda&lt;br /&gt;
&lt;br /&gt;
24&lt;br /&gt;
00:01:26,750 --&gt; 00:01:30,660&lt;br /&gt;
por enquanto não podemos dizer adeus para o flash completamente&lt;br /&gt;
&lt;br /&gt;
25&lt;br /&gt;
00:01:30,660 --&gt; 00:01:31,640&lt;br /&gt;
mas tá quase...&lt;br /&gt;
&lt;br /&gt;
26&lt;br /&gt;
00:01:31,640 --&gt; 00:01:33,500&lt;br /&gt;
tudo tem seu lugar acredito eu&lt;br /&gt;
&lt;br /&gt;
27&lt;br /&gt;
00:01:33,500 --&gt; 00:01:37,290&lt;br /&gt;
agora eu irei falar de profundidade em webdesign&lt;br /&gt;
&lt;br /&gt;
28&lt;br /&gt;
00:01:37,290 --&gt; 00:01:40,000&lt;br /&gt;
e eu mostrarei como encontrar qualquer coisa usando ”RegExp”&lt;br /&gt;
&lt;br /&gt;
29&lt;br /&gt;
00:01:40,010 --&gt; 00:01:41,390&lt;br /&gt;
manda vê!&lt;br /&gt;
&lt;br /&gt;
30&lt;br /&gt;
00:01:41,390 --&gt; 00:01:43,690&lt;br /&gt;
PROFUNDIDADE&lt;br /&gt;
&lt;br /&gt;
31&lt;br /&gt;
00:01:43,690 --&gt; 00:01:46,360&lt;br /&gt;
Criar uma sensação de profundidade em uma webpage&lt;br /&gt;
&lt;br /&gt;
32&lt;br /&gt;
00:01:46,370 --&gt; 00:01:48,640&lt;br /&gt;
soa como uma tarefa impossível&lt;br /&gt;
&lt;br /&gt;
33&lt;br /&gt;
00:01:48,640 --&gt; 00:01:51,750&lt;br /&gt;
se a tela é lisa, como podemos fazer parecer 3D?&lt;br /&gt;
&lt;br /&gt;
34&lt;br /&gt;
00:01:51,750 --&gt; 00:01:54,040&lt;br /&gt;
o truque é pensar em camadas&lt;br /&gt;
&lt;br /&gt;
35&lt;br /&gt;
00:01:54,040 --&gt; 00:02:01,810&lt;br /&gt;
um página com um plano de fundo, meio e frente você pode criar a sensação de profundidade&lt;br /&gt;
&lt;br /&gt;
36&lt;br /&gt;
00:02:01,810 --&gt; 00:02:04,910&lt;br /&gt;
a teoria das cores diz que cores frias aparentam está mais fundas&lt;br /&gt;
&lt;br /&gt;
37&lt;br /&gt;
00:02:04,910 --&gt; 00:02:08,540&lt;br /&gt;
enquanto cores quentes aparentam está mais perto do usuário&lt;br /&gt;
&lt;br /&gt;
38&lt;br /&gt;
00:02:08,540 --&gt; 00:02:16,070&lt;br /&gt;
essa não é uma regra absoluta, mas facilita se você escolhar cores escuras para o fundo&lt;br /&gt;
&lt;br /&gt;
39&lt;br /&gt;
00:02:16,070 --&gt; 00:02:18,570&lt;br /&gt;
e toms quentes na camada da frente&lt;br /&gt;
&lt;br /&gt;
40&lt;br /&gt;
00:02:18,570 --&gt; 00:02:21,790&lt;br /&gt;
por example, se você olhar a home page da DocType&lt;br /&gt;
&lt;br /&gt;
41&lt;br /&gt;
00:02:21,790 --&gt; 00:02:24,310&lt;br /&gt;
as películas com toms quentes pulam pra frente&lt;br /&gt;
&lt;br /&gt;
42&lt;br /&gt;
00:02:24,310 --&gt; 00:02:27,880&lt;br /&gt;
quando configurados contra o plano de fundo em azul e cinza&lt;br /&gt;
&lt;br /&gt;
43&lt;br /&gt;
00:02:27,880 --&gt; 00:02:29,590&lt;br /&gt;
ILUMINAÇÃO&lt;br /&gt;
&lt;br /&gt;
44&lt;br /&gt;
00:02:29,590 --&gt; 00:02:32,890&lt;br /&gt;
uma vez que você tenha construido o seu cenário com diferentes elementos em camadas&lt;br /&gt;
&lt;br /&gt;
45&lt;br /&gt;
00:02:32,890 --&gt; 00:02:34,790&lt;br /&gt;
você deve aplicar alguns efeitos de iluminação&lt;br /&gt;
&lt;br /&gt;
46&lt;br /&gt;
00:02:34,790 --&gt; 00:02:37,760&lt;br /&gt;
para separar os dois planos 2D no espaço&lt;br /&gt;
&lt;br /&gt;
47&lt;br /&gt;
00:02:37,760 --&gt; 00:02:39,930&lt;br /&gt;
antes de começar a iluminar o seu cenário&lt;br /&gt;
&lt;br /&gt;
48&lt;br /&gt;
00:02:39,930 --&gt; 00:02:43,290&lt;br /&gt;
considere primeiro alguns detalhes sobre a fonte de luz&lt;br /&gt;
&lt;br /&gt;
49&lt;br /&gt;
00:02:43,290 --&gt; 00:02:45,310&lt;br /&gt;
em qual direção tá vindo?&lt;br /&gt;
&lt;br /&gt;
50&lt;br /&gt;
00:02:45,310 --&gt; 00:02:46,620&lt;br /&gt;
qual é a cor da luz?&lt;br /&gt;
&lt;br /&gt;
51&lt;br /&gt;
00:02:46,620 --&gt; 00:02:48,060&lt;br /&gt;
e qual o nível de brilho?&lt;br /&gt;
&lt;br /&gt;
52&lt;br /&gt;
00:02:48,060 --&gt; 00:02:49,260&lt;br /&gt;
e assim vai...&lt;br /&gt;
&lt;br /&gt;
53&lt;br /&gt;
00:02:49,260 --&gt; 00:02:51,970&lt;br /&gt;
obviamente existem vários fatores para serem considerados aqui&lt;br /&gt;
&lt;br /&gt;
54&lt;br /&gt;
00:02:51,970 --&gt; 00:02:54,910&lt;br /&gt;
que podem ser usados para criar alguns efeitos de iluminação bem complexos&lt;br /&gt;
&lt;br /&gt;
55&lt;br /&gt;
00:02:54,910 --&gt; 00:02:57,480&lt;br /&gt;
quando a luz atinge diferentes elementos da página&lt;br /&gt;
&lt;br /&gt;
56&lt;br /&gt;
00:02:57,480 --&gt; 00:02:59,980&lt;br /&gt;
sombras devem ser criadas nas camadas inferiores&lt;br /&gt;
&lt;br /&gt;
57&lt;br /&gt;
00:02:59,980 --&gt; 00:03:07,260&lt;br /&gt;
adicionalmente, você pode adicionar destaques nas bordas dos elementos da página e de texto&lt;br /&gt;
&lt;br /&gt;
58&lt;br /&gt;
00:03:07,270 --&gt; 00:03:11,360&lt;br /&gt;
por último, você deve adicionar destaques em gradação para os elementos de curva&lt;br /&gt;
&lt;br /&gt;
59&lt;br /&gt;
00:03:11,360 --&gt; 00:03:13,730&lt;br /&gt;
como botões, para melhor definir sua forma&lt;br /&gt;
&lt;br /&gt;
60&lt;br /&gt;
00:03:13,730 --&gt; 00:03:18,780&lt;br /&gt;
fique ligado porque quando voltarmos o Jim vai falar sobre RegExp&lt;br /&gt;
&lt;br /&gt;
61&lt;br /&gt;
00:03:18,780 --&gt; 00:03:58,180&lt;br /&gt;
Publicidade...&lt;br /&gt;
&lt;br /&gt;
62&lt;br /&gt;
00:03:58,180 --&gt; 00:04:01,040&lt;br /&gt;
RegExp nos ajuda a verificar se uma amostra&lt;br /&gt;
&lt;br /&gt;
63&lt;br /&gt;
00:04:01,040 --&gt; 00:04:02,090&lt;br /&gt;
aparece em uma string&lt;br /&gt;
&lt;br /&gt;
64&lt;br /&gt;
00:04:02,090 --&gt; 00:04:04,400&lt;br /&gt;
mostrarei como usa-las em JavaScript&lt;br /&gt;
&lt;br /&gt;
65&lt;br /&gt;
00:04:04,400 --&gt; 00:04:09,860&lt;br /&gt;
se você não tá familiarizado com as regras das RegExp&lt;br /&gt;
&lt;br /&gt;
66&lt;br /&gt;
00:04:09,870 --&gt; 00:04:10,980&lt;br /&gt;
talvez elas possam parecer intimidadoras&lt;br /&gt;
&lt;br /&gt;
67&lt;br /&gt;
00:04:10,980 --&gt; 00:04:13,500&lt;br /&gt;
mas uma vez que você aprender as partes básicas de uma RegExp&lt;br /&gt;
&lt;br /&gt;
68&lt;br /&gt;
00:04:13,500 --&gt; 00:04:16,030&lt;br /&gt;
você poderá encontrar praticamente qualquer amostra em uma string&lt;br /&gt;
&lt;br /&gt;
69&lt;br /&gt;
00:04:16,030 --&gt; 00:04:18,380&lt;br /&gt;
Uma RegExp é constituida de duas partes&lt;br /&gt;
&lt;br /&gt;
70&lt;br /&gt;
00:04:18,380 --&gt; 00:04:22,430&lt;br /&gt;
uma string que pode usar letras, caracteres e sequências especiais&lt;br /&gt;
&lt;br /&gt;
71&lt;br /&gt;
00:04:22,430 --&gt; 00:04:24,700&lt;br /&gt;
que define a amostra que você gostaria de procurar&lt;br /&gt;
&lt;br /&gt;
72&lt;br /&gt;
00:04:24,700 --&gt; 00:04:28,370&lt;br /&gt;
e os modificadores os quais fazem a expressão regular agir de forma diferente&lt;br /&gt;
&lt;br /&gt;
73&lt;br /&gt;
00:04:28,370 --&gt; 00:04:31,090&lt;br /&gt;
por exemplo, aceitar ambos maiúsculos e menúsculos&lt;br /&gt;
&lt;br /&gt;
74&lt;br /&gt;
00:04:31,090 --&gt; 00:04:33,750&lt;br /&gt;
cada modificador é representado por um único caractere&lt;br /&gt;
&lt;br /&gt;
75&lt;br /&gt;
00:04:33,750 --&gt; 00:04:36,360&lt;br /&gt;
você pode definir uma RegExp em uma das duas formas&lt;br /&gt;
&lt;br /&gt;
76&lt;br /&gt;
00:04:36,360 --&gt; 00:04:43,170&lt;br /&gt;
primeira opção, podemos chamar new RegExp, a string da amostra e a string do modificador&lt;br /&gt;
&lt;br /&gt;
77&lt;br /&gt;
00:04:43,170 --&gt; 00:04:46,760&lt;br /&gt;
entretanto, JS oferece uma sintaxe mais curta para criar RegExp&lt;br /&gt;
&lt;br /&gt;
78&lt;br /&gt;
00:04:46,760 --&gt; 00:04:48,620&lt;br /&gt;
com o uso de barras&lt;br /&gt;
&lt;br /&gt;
79&lt;br /&gt;
00:04:48,620 --&gt; 00:04:52,410&lt;br /&gt;
uma barra inicia a amostra e a próxima barra finaliza a amostra&lt;br /&gt;
&lt;br /&gt;
80&lt;br /&gt;
00:04:52,410 --&gt; 00:04:59,290&lt;br /&gt;
e opcionalmente, os caracteres modificadores podem ser colocados logo depois&lt;br /&gt;
&lt;br /&gt;
81&lt;br /&gt;
00:04:59,290 --&gt; 00:05:01,950&lt;br /&gt;
BUSCAS SIMPLES&lt;br /&gt;
&lt;br /&gt;
82&lt;br /&gt;
00:05:01,950 --&gt; 00:05:04,970&lt;br /&gt;
você pode pesquisar por simples palavras ou frases em uma RegExp&lt;br /&gt;
&lt;br /&gt;
83&lt;br /&gt;
00:05:04,970 --&gt; 00:05:05,970&lt;br /&gt;
sem precisar usar nenhum modificador&lt;br /&gt;
&lt;br /&gt;
84&lt;br /&gt;
00:05:05,970 --&gt; 00:05:11,700&lt;br /&gt;
os caracteres de A à Z e 0 à 9 quando colocados em uma RegExp&lt;br /&gt;
&lt;br /&gt;
85&lt;br /&gt;
00:05:11,700 --&gt; 00:05:14,260&lt;br /&gt;
normalmente significa que você tá buscando somente por aqueles caracteres especificos&lt;br /&gt;
&lt;br /&gt;
86&lt;br /&gt;
00:05:14,260 --&gt; 00:05:18,670&lt;br /&gt;
usaremos a função match com uma RegExp como parâmetro&lt;br /&gt;
&lt;br /&gt;
87&lt;br /&gt;
00:05:18,670 --&gt; 00:05:22,110&lt;br /&gt;
para processar a string o qual retornar os resultados encontrados&lt;br /&gt;
&lt;br /&gt;
88&lt;br /&gt;
00:05:22,110 --&gt; 00:05:26,910&lt;br /&gt;
então por exemplo, se processarmos match com a RegExp contendo a letra ”a”&lt;br /&gt;
&lt;br /&gt;
89&lt;br /&gt;
00:05:26,910 --&gt; 00:05:30,840&lt;br /&gt;
na string ”orange” o resultado é uma array com ”a”&lt;br /&gt;
&lt;br /&gt;
90&lt;br /&gt;
00:05:30,840 --&gt; 00:05:34,060&lt;br /&gt;
mas se processarmos a mesma RegExp na string ”purple”&lt;br /&gt;
&lt;br /&gt;
91&lt;br /&gt;
00:05:34,060 --&gt; 00:05:36,310&lt;br /&gt;
o resultado é ”null” porque não há ”a” em ”purple”&lt;br /&gt;
&lt;br /&gt;
92&lt;br /&gt;
00:05:36,310 --&gt; 00:05:40,630&lt;br /&gt;
você pode colocar multiplos caracteres juntos para buscar por palavras ou frases&lt;br /&gt;
&lt;br /&gt;
93&lt;br /&gt;
00:05:40,630 --&gt; 00:05:42,220&lt;br /&gt;
ou uma sequência de caracteres&lt;br /&gt;
&lt;br /&gt;
94&lt;br /&gt;
00:05:42,230 --&gt; 00:05:46,590&lt;br /&gt;
por exemplo, podemos usar ”doll” e encontraremos em ”I have 2 dollars”&lt;br /&gt;
&lt;br /&gt;
95&lt;br /&gt;
00:05:46,590 --&gt; 00:05:50,200&lt;br /&gt;
podemos também usar ”2 dollars” para encontrar a frase ”2 dollars”&lt;br /&gt;
&lt;br /&gt;
96&lt;br /&gt;
00:05:50,210 --&gt; 00:05:52,810&lt;br /&gt;
CARACTERES ESPECIAIS&lt;br /&gt;
&lt;br /&gt;
97&lt;br /&gt;
00:05:52,820 --&gt; 00:05:55,520&lt;br /&gt;
Existem vários caracteres especiais em RegExp&lt;br /&gt;
&lt;br /&gt;
98&lt;br /&gt;
00:05:55,530 --&gt; 00:05:58,990&lt;br /&gt;
mas as mais comuns são o ? * e +&lt;br /&gt;
&lt;br /&gt;
99&lt;br /&gt;
00:05:59,000 --&gt; 00:06:04,150&lt;br /&gt;
o ? diz que o caractere anterior é opcional, pode aparecer 0 vezes ou 1 vez&lt;br /&gt;
&lt;br /&gt;
100&lt;br /&gt;
00:06:04,150 --&gt; 00:06:07,620&lt;br /&gt;
por exemplo, se quizermos buscar pelas diferentes formas de se escrever a palavra ”cor” em inglês&lt;br /&gt;
&lt;br /&gt;
101&lt;br /&gt;
00:06:07,620 --&gt; 00:06:14,310&lt;br /&gt;
então usamos ”colou?r”, o que quer dizer que o ”u” é opcional&lt;br /&gt;
&lt;br /&gt;
102&lt;br /&gt;
00:06:14,310 --&gt; 00:06:15,780&lt;br /&gt;
assim podemos soletrar ”cor” nas duas formas&lt;br /&gt;
&lt;br /&gt;
103&lt;br /&gt;
00:06:15,780 --&gt; 00:06:19,400&lt;br /&gt;
o * é como o ? mas permite que o caractere anterior apareça&lt;br /&gt;
&lt;br /&gt;
104&lt;br /&gt;
00:06:19,400 --&gt; 00:06:22,500&lt;br /&gt;
0 vezes, 1 vez ou várias vezes seguidas&lt;br /&gt;
&lt;br /&gt;
105&lt;br /&gt;
00:06:22,500 --&gt; 00:06:26,660&lt;br /&gt;
por exemplo, a string /ah*/ vai buscar pela lestra ”a”&lt;br /&gt;
&lt;br /&gt;
106&lt;br /&gt;
00:06:26,660 --&gt; 00:06:31,390&lt;br /&gt;
”ah”, ”ahh” e assim vai&lt;br /&gt;
&lt;br /&gt;
107&lt;br /&gt;
00:06:31,390 --&gt; 00:06:35,410&lt;br /&gt;
o + é igual o * mas o caracter anterior tem que aparecer pelo menos uma vez&lt;br /&gt;
&lt;br /&gt;
108&lt;br /&gt;
00:06:35,410 --&gt; 00:06:45,320&lt;br /&gt;
então /ah+/ vai buscar por ”ah”, ”ahh” e ”ahhhh” mas não retornar null se a string conter apenas ”a”&lt;br /&gt;
&lt;br /&gt;
109&lt;br /&gt;
00:06:45,330 --&gt; 00:06:47,270&lt;br /&gt;
GRUPOS&lt;br /&gt;
&lt;br /&gt;
110&lt;br /&gt;
00:06:47,270 --&gt; 00:06:50,570&lt;br /&gt;
podemos buscar por multiplo caracteres usando grupos&lt;br /&gt;
&lt;br /&gt;
111&lt;br /&gt;
00:06:50,570 --&gt; 00:06:52,430&lt;br /&gt;
Grupos são definidos por [ ]&lt;br /&gt;
&lt;br /&gt;
112&lt;br /&gt;
00:06:52,430 --&gt; 00:06:55,060&lt;br /&gt;
qualquer caracter que estiver dentro de [ ]&lt;br /&gt;
&lt;br /&gt;
113&lt;br /&gt;
00:06:55,070 --&gt; 00:06:57,080&lt;br /&gt;
se procurado na string da função match&lt;br /&gt;
&lt;br /&gt;
114&lt;br /&gt;
00:06:57,080 --&gt; 00:07:01,320&lt;br /&gt;
por exemplo, se quizermos encontrar as palavras ”flips”, ”flaps” ou ”flops”&lt;br /&gt;
&lt;br /&gt;
115&lt;br /&gt;
00:07:01,320 --&gt; 00:07:08,240&lt;br /&gt;
então usamos /fl[ioa]ps/&lt;br /&gt;
&lt;br /&gt;
116&lt;br /&gt;
00:07:08,240 --&gt; 00:07:13,360&lt;br /&gt;
qualquer letra entre ”L” e ”p” que não seja ”i o a” será ignorada&lt;br /&gt;
&lt;br /&gt;
117&lt;br /&gt;
00:07:13,360 --&gt; 00:07:16,010&lt;br /&gt;
mas se o grupo iniciar com ^ então a pesquisa considerará qualquer caractere&lt;br /&gt;
&lt;br /&gt;
118&lt;br /&gt;
00:07:16,010 --&gt; 00:07:20,710&lt;br /&gt;
que não pertença ao grupo&lt;br /&gt;
&lt;br /&gt;
119&lt;br /&gt;
00:07:20,710 --&gt; 00:07:24,000&lt;br /&gt;
por exemplo, se quizermos considerar qualquer caractere com excessão de vogais&lt;br /&gt;
&lt;br /&gt;
120&lt;br /&gt;
00:07:24,000 --&gt; 00:07:29,190&lt;br /&gt;
então escreveremos [^aeiou]&lt;br /&gt;
&lt;br /&gt;
121&lt;br /&gt;
00:07:29,190 --&gt; 00:07:32,910&lt;br /&gt;
dentro dos grupos você pode também usar concatenações de sequências&lt;br /&gt;
&lt;br /&gt;
122&lt;br /&gt;
00:07:32,910 --&gt; 00:07:34,900&lt;br /&gt;
para definir grupos de caracteres continuados&lt;br /&gt;
&lt;br /&gt;
123&lt;br /&gt;
00:07:34,900 --&gt; 00:07:39,160&lt;br /&gt;
por exemplo, se você quizer buscar por qualquer letra do alfabeto escreva [a-z]&lt;br /&gt;
&lt;br /&gt;
124&lt;br /&gt;
00:07:39,160 --&gt; 00:07:43,210&lt;br /&gt;
ou caso queira qualquer número escreva [0-9]&lt;br /&gt;
&lt;br /&gt;
125&lt;br /&gt;
00:07:43,210 --&gt; 00:07:50,550&lt;br /&gt;
se quiser tanto letras como números você tem a opção de [a-z0-9] ou [0-9a-z]&lt;br /&gt;
&lt;br /&gt;
126&lt;br /&gt;
00:07:50,560 --&gt; 00:07:53,100&lt;br /&gt;
a ordem dentro de grupos não importa&lt;br /&gt;
&lt;br /&gt;
127&lt;br /&gt;
00:07:53,100 --&gt; 00:07:55,130&lt;br /&gt;
um grupo age como se fosse um único caracter&lt;br /&gt;
&lt;br /&gt;
128&lt;br /&gt;
00:07:55,130 --&gt; 00:07:57,870&lt;br /&gt;
ele busca por apenas um caractere dentro da string&lt;br /&gt;
&lt;br /&gt;
129&lt;br /&gt;
00:07:57,870 --&gt; 00:08:03,520&lt;br /&gt;
você usar ? * ou + depois do grupo para buscar por multiplos caracteres na string&lt;br /&gt;
&lt;br /&gt;
130&lt;br /&gt;
00:08:03,520 --&gt; 00:08:09,030&lt;br /&gt;
por exemplo, para buscar por um número ”integer” você pode escrever /[0-9]+/&lt;br /&gt;
&lt;br /&gt;
131&lt;br /&gt;
00:08:09,030 --&gt; 00:08:11,200&lt;br /&gt;
assim retornar um ou mais números em sequência&lt;br /&gt;
&lt;br /&gt;
132&lt;br /&gt;
00:08:11,210 --&gt; 00:08:19,400&lt;br /&gt;
caso queira ”integers” com excessão daqueles que comecem com zero escreva /[1-9][0-9]*/&lt;br /&gt;
&lt;br /&gt;
133&lt;br /&gt;
00:08:19,400 --&gt; 00:08:22,250&lt;br /&gt;
assim buscaremos por qualquer número de 1 a 9&lt;br /&gt;
&lt;br /&gt;
134&lt;br /&gt;
00:08:22,250 --&gt; 00:08:25,070&lt;br /&gt;
e opcionalmente qualquer número que vier logo afrente entre 0 e 9&lt;br /&gt;
&lt;br /&gt;
135&lt;br /&gt;
00:08:25,080 --&gt; 00:08:27,720&lt;br /&gt;
essa foi apenas uma introdução básica às RegExp&lt;br /&gt;
&lt;br /&gt;
136&lt;br /&gt;
00:08:27,720 --&gt; 00:08:30,130&lt;br /&gt;
existem uma tonelada de outros jeitos especiais para se buscar amostras&lt;br /&gt;
&lt;br /&gt;
137&lt;br /&gt;
00:08:30,130 --&gt; 00:08:31,390&lt;br /&gt;
com o uso de RegExp&lt;br /&gt;
&lt;br /&gt;
138&lt;br /&gt;
00:08:31,390 --&gt; 00:08:34,320&lt;br /&gt;
na próximo vídeo iremos ver algo um pouco mais avançado&lt;br /&gt;
&lt;br /&gt;
139&lt;br /&gt;
00:08:34,320 --&gt; 00:09:09,480&lt;br /&gt;
Publicidade...&lt;br /&gt;
&lt;br /&gt;
140&lt;br /&gt;
00:09:09,480 --&gt; 00:09:10,500&lt;br /&gt;
e é isso para essa semana&lt;br /&gt;
&lt;br /&gt;
141&lt;br /&gt;
00:09:10,500 --&gt; 00:09:17,180&lt;br /&gt;
lembre-se de checar nossa página no facebook e twitter&lt;br /&gt;
&lt;br /&gt;
142&lt;br /&gt;
00:09:17,180 --&gt; 00:09:20,890&lt;br /&gt;
caso tenha alguma pergunta que gostaria que fosse coberta em próximos&lt;br /&gt;
&lt;br /&gt;
143&lt;br /&gt;
00:09:20,890 --&gt; 00:09:21,800&lt;br /&gt;
episódios do DocType, envie-nos um email para&lt;br /&gt;
&lt;br /&gt;
144&lt;br /&gt;
00:09:21,800 --&gt; 00:09:23,940&lt;br /&gt;
questions@doctype.tv (tem que ser em inglês)&lt;br /&gt;
&lt;br /&gt;
145&lt;br /&gt;
00:09:23,940 --&gt; 00:09:36,100&lt;br /&gt;
Legendas por Francisco Luz - http://francisco-luz.blogspot.com e http://www.outbackbrazil.com&lt;br /&gt;
&lt;/TEXTAREA&gt;</content><link rel='replies' type='application/atom+xml' href='http://francisco-luz.blogspot.com/feeds/1923144071847714052/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/criando-3d-efeitos-com-html-elementos_15.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/1923144071847714052'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1260799663176972633/posts/default/1923144071847714052'/><link rel='alternate' type='text/html' href='http://francisco-luz.blogspot.com/2010/07/criando-3d-efeitos-com-html-elementos_15.html' title='Criando efeitos 3D com elementos HTML, Aprendendo o básico das Expressões Regulares'/><author><name>Francisco Luz</name><uri>http://www.blogger.com/profile/01308756635885749996</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcqeejRBL8WjPKavVZ6hUhp5Y8lmUNJuGauLl51AexOya1Jopa-EMRXvw9U0EMXOhE4ItDOgTb79EX5LSX5DAPkkmQgfW6_G72ySgkbA9NkYTk4e-3Ta0wQcuFOrj0jc/s220/me.jpg'/></author><thr:total>0</thr:total></entry></feed>