<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webdesign and development &#8211; Blog Goweb Agency</title>
	<atom:link href="https://blog.goweb.pt/category/webdesign-and-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.goweb.pt</link>
	<description>Blog Goweb com novas tendências para web, tudo sobre como ter uma boa presença online.</description>
	<lastBuildDate>Thu, 26 Sep 2019 10:08:24 +0000</lastBuildDate>
	<language>pt-PT</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	

<image>
	<url>https://blog.goweb.pt/wp-content/uploads/2019/01/cropped-favicon_goweb-1-32x32.png</url>
	<title>Webdesign and development &#8211; Blog Goweb Agency</title>
	<link>https://blog.goweb.pt</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Benefícios de ter um chatbot</title>
		<link>https://blog.goweb.pt/beneficios-ter-um-chatbot/</link>
		<pubDate>Tue, 04 Dec 2018 09:00:56 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Sabia Que]]></category>
		<category><![CDATA[Webdesign and development]]></category>

		<guid isPermaLink="false">https://blog.goweb.pt/?p=1252</guid>
		<description><![CDATA[<p>Os chatbots são robots que simulam um atendedor real através de chats, basicamente simulam um humano em interação com as [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/beneficios-ter-um-chatbot/">Benefícios de ter um chatbot</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Os chatbots são robots que simulam um atendedor real através de chats, basicamente simulam um humano em interação com as pessoas, entre as perguntas feitas pelos clientes e as respostas já pré-programadas, tornando o diálogo mais amigável e compreensível. Provavelmente já deve ter interagido com algum, mas nunca se apercebeu devido ao grau de realidade que ele apresenta. Este ano foi, e é, o dos Chatbots e a utilização dos mesmos traz enormes vantagens. Apresentamos abaixo as mais importantes:</p>
<ol>
<li>É uma forma das marcas comunicarem online, e de criar proximidade com o cliente. Por isso as empresas começam a recorrer a chatbots integrados nos seus websites ou em aplicações de mensagens instantâneas para dar apoio ao cliente, gerar leads, vender produtos, entre outros.</li>
<li>Um chatbot torna-se mais pessoal e humano do que um formulário, um e-mail, ou qualquer outra forma de interação virtual. No entanto, existe uma naturalidade, que é programada e personalizada para que o utilizador pense que está a falar com um humano, existindo, então, mais interação e conversão.</li>
<li>Um chatbot consegue reduzir o custo por ser um mecanismo automatizado, não sendo necessário alocar recursos humanos. E, por ser menos intrusivo que uma chamada telefónica, gera mais leads com um custo total mais reduzido.</li>
<li>De construção e implementação rápida e descomplicada. Existem algumas ferramentas que permitem criar um guião, estrutura e disposição do chat em poucas horas.</li>
<li>Não é necessário criar interface conversacional muito complexa, pois não é isso que o cliente procura. E devido à sua taxa de conversão criam uma maior empatia com o utilizador e geram menor fricção na resposta.</li>
</ol>
<p>Podemos dizer então que é uma mais-valia pois o seu custo de implementação, o número de interações e a taxa de conversões permitem calcular facilmente o retorno de investimento e verificar o sucesso da estratégia.</p>
<p>Fontes:</p>
<p><a href="https://impacting.digital/benefits-of-chatbots-for-business/" target="_blank">https://impacting.digital/benefits-of-chatbots-for-business/</a></p>
<p><a href="https://blog.algartelecom.com.br/tecnologia/chatbots-os-beneficios-da-interacao-inteligente-com-clientes/" target="_blank">https://blog.algartelecom.com.br/tecnologia/chatbots-os-beneficios-da-interacao-inteligente-com-clientes/</a></p>
<p><a href="https://www.marketingtechnews.net/news/2018/oct/19/power-and-potential-emotional-chatbots/" target="_blank">https://www.marketingtechnews.net/news/2018/oct/19/power-and-potential-emotional-chatbots/</a></p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/beneficios-ter-um-chatbot/">Benefícios de ter um chatbot</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Google lança uma nova ferramenta que mede o grau da implementação de SEO num site</title>
		<link>https://blog.goweb.pt/google-lanca-nova-ferramenta-mede-grau-da-implementacao-seo-num-site/</link>
		<pubDate>Wed, 21 Nov 2018 15:00:19 +0000</pubDate>
		<dc:creator><![CDATA[Claudia Pinto]]></dc:creator>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign and development]]></category>

		<guid isPermaLink="false">https://blog.goweb.pt/?p=1237</guid>
		<description><![CDATA[<p>A Google lançou um nova ferramenta que mede muitos aspetos de websites, incluindo as práticas de SEO. Encontra-se disponível em [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/google-lanca-nova-ferramenta-mede-grau-da-implementacao-seo-num-site/">Google lança uma nova ferramenta que mede o grau da implementação de SEO num site</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>A Google lançou um nova ferramenta que mede muitos aspetos de websites, incluindo as práticas de SEO. Encontra-se disponível em versão beta na web.dev. e foi desenhada para ajudar os developers e os proprietários dos site a aplicarem novos recursos web que fornecem análises e recomendações. A Google afirma que a ferramenta é o culminar de mais de 10 anos de aprendizagem sobre as necessidades dos utilizadores. Esta ferramenta ajuda os proprietários de sites a oferecer a melhor experiência possível aos seus utilizadores, a web.dev tem auditorias de SEO, desempenho, acessibilidade e muito mais.</p>
<p>Podemos dizer que esta nova ferramenta procura :<br />
• Performance: auditorias a métricas e tempo de interação;<br />
• PWA: avalia a página através de uma relação a uma lista de verificação.<br />
• Práticas recomendadas: procura tudo, desde o uso de hppts até correções de proporções de imagens;<br />
• SEO: verifica as práticas recomendadas para garantir que o site é detetável;<br />
• Acessibilidade: verifica problemas comuns que podem impedir que os seus utilizadores acedam ao seu conteúdo.<br />
Qualquer site pode ser medido simplesmente sendo inserido o URL neste link <a href="https://web.dev/measure">https://web.dev/measure</a>.<br />
Experimente e analise o seu site para melhorar a experiência dos seus utilizadores.</p>
<p>fonte: <a href="https://www.searchenginejournal.com/google-launches-new-tool-that-grades-a-sites-seo-implementation/278473/">https://www.searchenginejournal.com/google-launches-new-tool-that-grades-a-sites-seo-implementation/278473/</a></p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/google-lanca-nova-ferramenta-mede-grau-da-implementacao-seo-num-site/">Google lança uma nova ferramenta que mede o grau da implementação de SEO num site</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>WordPress &#8211; Plugin de RGPD hackeado</title>
		<link>https://blog.goweb.pt/wordpress-plugin-rgpd-hackeado/</link>
		<pubDate>Tue, 13 Nov 2018 17:34:50 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Sabia Que]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign and development]]></category>

		<guid isPermaLink="false">https://blog.goweb.pt/?p=1233</guid>
		<description><![CDATA[<p>O plug-in mais popular do WordPress, GDRP Compliance plugin, tem um sério problema de vulnerabilidade (as atualizações abaixo de 1.4.3. [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/wordpress-plugin-rgpd-hackeado/">WordPress &#8211; Plugin de RGPD hackeado</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>O plug-in mais popular do WordPress, GDRP Compliance plugin, tem um sério problema de vulnerabilidade (as atualizações abaixo de 1.4.3. são as mais vulneráveis). Os Hackers estão a hackear este plug-in, por isso, é altamente recomendado fazer uma atualização. Ao que parece podem estar a instalar bots cujo papel será invadir sites WP através desta vulnerabilidade do plugin e, por fim, registar contas com nível de administrador para mais tarde começarem a criar páginas maliciosas.</p>
<p>De acordo com WPScan Vulnerability Database, a vulnerabilidade permite que o hacker faça o que quiser com o site: “The plugin WP GDPR Compliance allows unauthenticated users to execute any action and to update any database value.”</p>
<p>Portanto, se utilizar este plugin faça a sua atualização para que não surjam complicações com o seu site.</p>
<p>Fontes:</p>
<p><a href="https://www.searchenginejournal.com/gdpr-plugin-hacked/277743/" target="_blank">https://www.searchenginejournal.com/gdpr-plugin-hacked/277743/</a></p>
<p><a href="https://wpvulndb.com/vulnerabilities/9144" target="_blank">https://wpvulndb.com/vulnerabilities/9144</a></p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/wordpress-plugin-rgpd-hackeado/">WordPress &#8211; Plugin de RGPD hackeado</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Marketing Moments : Altice contrata robô Sophia para campanha de lançamento da nova box.</title>
		<link>https://blog.goweb.pt/marketing-altice-sophia/</link>
		<comments>https://blog.goweb.pt/marketing-altice-sophia/#comments</comments>
		<pubDate>Mon, 19 Mar 2018 09:37:20 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Webdesign and development]]></category>

		<guid isPermaLink="false">https://blog.goweb.pt/?p=1035</guid>
		<description><![CDATA[<p>A Altice Portugal anunciou o lançamento da sua nova box 4K Wifi, que se liga ao “router” através de Wifi [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/marketing-altice-sophia/">Marketing Moments : Altice contrata robô Sophia para campanha de lançamento da nova box.</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>A Altice Portugal <strong>anunciou o lançamento da sua nova box 4K Wifi,</strong> que se liga ao “router” <strong>através de Wifi e sem necessidade de fios</strong>.</p>
<p>A <em>box</em> pode assim, ser movida dentro de casa, porque a <strong>comunicação com o “router” feita via Wifi</strong>. Luís Alvarinho explicou ainda que a tecnologia desenvolvida pela Altice, permite que a <em>box</em> consiga atingir v<strong>elocidade mais elevada</strong> derivada ao facto de a ligação ser sem fios.</p>
<p>Para além disso e citando João Epifânio ao SAPO24: “A tecnologia que utilizamos usa os fundamentais da <strong>inteligência artificial</strong>, nomeadamente processos de auto aprendizagem que permitem que consigamos interpretar aquilo que são os hábitos de consumo dos clientes e o consigamos converter numa experiência mais ajustada”</p>
<p>Definitivamente, a Altice surpreendeu-nos pela vertente tecnológica e inovação da sua nova <em>box</em>.</p>
<p>São novidades tecnológicas que de facto merecem louvor!<br />
No entanto, aquilo que nós decidimos <strong>destacar</strong> é a <strong>campanha publicitária</strong> aliada a esta nova b<em>ox</em>.</p>
<p><strong>A Altice decide inovar e junta Cristiano Ronaldo à robô Sophia</strong>. &#8220;O Ronaldo precisaria de ter mais alguém com ele&#8221;, explicou o CEO da Altice Portugal.</p>
<p>Cristiano Ronaldo é sem dúvida a figura de maior destaque nas publicidades da empresa de telecomunicações. Mas agora irá partilhar os holofotes com <strong>Sophia</strong>.</p>
<p><strong>Sophia, é um<em> robô humanóide</em> desenvolvido pela empresa Hanson Robotics</strong>, de Hong Kong, capaz de reproduzir 62 expressões faciais. Esta, foi projetada de modo a adaptar-se ao comportamento humano e futuramente trabalhar com seres humanos.</p>
<p>Em Outubro de 2017, tornou-se o primeiro<em> robot</em> a receber cidadania de um país – Arábia Saudita.</p>
<p>Para além desse título, arriscamos a dizer que também tornou-se o primeiro robô <em>humanóide</em> a entrar numa campanha publicitária.<br />
Parabéns Sophia!</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/marketing-altice-sophia/">Marketing Moments : Altice contrata robô Sophia para campanha de lançamento da nova box.</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/marketing-altice-sophia/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>4 Dicas: Aumentar a Experiência de Compra no seu Site</title>
		<link>https://blog.goweb.pt/4-dicas-aumentar-experiencia-compra-site/</link>
		<comments>https://blog.goweb.pt/4-dicas-aumentar-experiencia-compra-site/#respond</comments>
		<pubDate>Mon, 05 Feb 2018 23:12:43 +0000</pubDate>
		<dc:creator><![CDATA[Tiago Nogueira]]></dc:creator>
				<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign and development]]></category>
		<category><![CDATA[Aumentar a performance do seu site]]></category>
		<category><![CDATA[Digital]]></category>
		<category><![CDATA[digital marketing]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[marketing digital]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[User experience]]></category>
		<category><![CDATA[Ux]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[website performance]]></category>

		<guid isPermaLink="false">https://blog.goweb.pt/?p=858</guid>
		<description><![CDATA[<p>Certamente já se deparou com resultados analíticos de visitas no seu site, mas que poucas, ou até nenhumas, se convertiam em [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/4-dicas-aumentar-experiencia-compra-site/">4 Dicas: Aumentar a Experiência de Compra no seu Site</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>Certamente já se deparou com resultados analíticos de visitas no seu site, mas que poucas, ou até nenhumas, se convertiam em vendas ou ações que pretendia? Não, não é coincidência.</p>
<p>Normalmente algo está mal com o seu site, e que por várias vezes, são pormenores bastante simples, que tornam toda a experiência do utilizador bastante mais complexa.</p>
<p>De modo a ajuda-lo a tirar todo o potencial do seu site, preparamos um conjunto de 4 dicas essenciais para qualquer site. Será que as está a colocar em prática?</p>
<ul>
<li>
<h2>Page speed</h2>
</li>
</ul>
<p>Quantas são as vezes que acedemos a um site e nos deparamos com uma página que demora mais de 5 segundos a abrir? Que ao clicar de uma página para outra sentimos a necessidade de fechar e seguir caminho? Isto porque a experiência no site não está a ser proveitosa!</p>
<p>Temos (sempre) que nos colocar no lugar do utilizador, que está na paragem de autocarro a procurar o horário, ou que está à procura do melhor sitío para almoçar em lisboa, ou até mesmo a realizar uma compra online e o próprio site parece sabotar esta experiência de compra.</p>
<p>Já existem <a href="https://blog.radware.com/applicationdelivery/applicationaccelerationoptimization/2014/01/55-web-performance-stats-youll-want-to-know/">estudos</a> que comprovam o que mencionamos acima e acreditem quando vos dizemos que determinam o (in)sucesso das organizações!</p>
<p><img class="aligncenter wp-image-861 size-full" src="https://blog.goweb.pt/wp-content/uploads/2018/02/Untitled-design-70-760x400.png" alt="page speed melhorar experiência de compra" width="760" height="400" srcset="https://blog.goweb.pt/wp-content/uploads/2018/02/Untitled-design-70-760x400.png 760w, https://blog.goweb.pt/wp-content/uploads/2018/02/Untitled-design-70-760x400-300x158.png 300w" sizes="(max-width: 760px) 100vw, 760px" /></p>
<ul>
<li>
<h2>Call-to-action</h2>
</li>
</ul>
<p>Certamente já vos aconteceram situações em que os utilizadores ficam bastante tempo dentro da página do produto, mas acabam por não comprar, correto?</p>
<p>Isto deve-se ao facto de não ser intuitivo para o utilizador. Não há uma boa experiência de compra dentro dessa página e que por muitas das vezes poderá dever-se a um simples botão. Poderemos estar a falar, por exemplo, da cor do botão, da dimensão do botão, do local onde o botão está localizado (quer estejamos a pensar em versão mobile), como da disposição da página e o estilo da mesma.</p>
<p>Retenha a importância destes call-to-action para aumentar a experiência de compra no seu site, e tornar esses utilizadores passivos em utilizadores ativos, oferecendo mesmo call-to-actions mais diretos (ex: Compre aqui / Compre Agora).</p>
<p><img class="wp-image-862 aligncenter" src="https://blog.goweb.pt/wp-content/uploads/2018/02/transferir.png" alt="call to action melhorar experiência site" width="433" height="154" srcset="https://blog.goweb.pt/wp-content/uploads/2018/02/transferir.png 377w, https://blog.goweb.pt/wp-content/uploads/2018/02/transferir-300x107.png 300w" sizes="(max-width: 433px) 100vw, 433px" /></p>
<ul>
<li>
<h2>Responsive &amp; Mobile-Friendly</h2>
</li>
</ul>
<p>Com uma panóplia cada vez maior de dispositivos ao nosso dispor, é necessário que o nosso site esteja pronto a ser acedido de qualquer um desses dispositivos e que consiga ter a mesma (excelente) performance, independentemente de qualquer um deles.</p>
<p>Através de uma rápida pesquisa no Google, como eu fiz, consegue encontrar uma <a href="http://mattkersley.com/responsive/">ferramenta</a> que lhe exibe como o seu site é visto em diferentes formatos.</p>
<p><img class="aligncenter wp-image-863 " src="https://blog.goweb.pt/wp-content/uploads/2018/02/mobile-friendly-pic-300x157.jpg" alt="mobile friendly melhorar experiência compra site" width="455" height="238" srcset="https://blog.goweb.pt/wp-content/uploads/2018/02/mobile-friendly-pic-300x157.jpg 300w, https://blog.goweb.pt/wp-content/uploads/2018/02/mobile-friendly-pic-768x401.jpg 768w, https://blog.goweb.pt/wp-content/uploads/2018/02/mobile-friendly-pic.jpg 836w" sizes="(max-width: 455px) 100vw, 455px" /></p>
<ul>
<li>
<h2>Utilize Bullets</h2>
</li>
</ul>
<p>Bullets são ícones, como o que acabamos de utilizar em cima, que permitem dar destaque ou enfâse a certas palavras-chave ou título do nosso texto. Isto permite cativar a atenção do utilizador ao ler determinado texto, e prende a sua atenção, pois fica-se com a ideia de que é nestes &#8220;pontos&#8221; que está a parte mais importante, aquela que o utilizador procura.</p>
<p>Contudo, é necessário saber utiliza-los, pois de uma forma exagerada não irá criar valor, mas estará sim a diminuir a experiência de compra no seu site, pois o utilizador sente-se mais perdido, e por ventura poderá levar a deixar o seu site.</p>
<p>Numa época em que cada vez se privilegia a experiência do utilizador dentro do site, poderá utilizar pequenas imagens (ícones) como bullets. Imagens essas que representam gráficamente o que está escrito naquele pequeno texto e que irão ajudar a reter a atenção e interesse do utilizador.</p>
<p><img class="size-full wp-image-864 aligncenter" src="https://blog.goweb.pt/wp-content/uploads/2018/02/alternative-to-bullets4.png" alt="website bullets melhorar experiência compra" width="500" height="250" srcset="https://blog.goweb.pt/wp-content/uploads/2018/02/alternative-to-bullets4.png 500w, https://blog.goweb.pt/wp-content/uploads/2018/02/alternative-to-bullets4-300x150.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Com estas 4 dicas (fundamentai)s para aumentar a experiência de compra no seu site estará mais próximo de conseguir cativar os utilizadores e transformar os seus visitantes em clientes.</p>
<p>Dê-nos o seu feedback sobre este artigo e se tiver interesse, traremos mais 4 dicas extra (avançadas) sobre como aumentar a experiência de compra no seu site!</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/4-dicas-aumentar-experiencia-compra-site/">4 Dicas: Aumentar a Experiência de Compra no seu Site</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/4-dicas-aumentar-experiencia-compra-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bye! Microsoft Edge também vai trocar Flash por HTML5 em seu próximo update</title>
		<link>https://blog.goweb.pt/bye-microsoft-edge-tambem-vai-trocar-flash-html5-proximo-update/</link>
		<comments>https://blog.goweb.pt/bye-microsoft-edge-tambem-vai-trocar-flash-html5-proximo-update/#respond</comments>
		<pubDate>Mon, 11 Sep 2017 09:30:34 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Webdesign and development]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Updates]]></category>
		<category><![CDATA[Webdeveloper]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://blog.goweb.pt/?p=405</guid>
		<description><![CDATA[<p>Embora em outros tempos sua tecnologia e seus recursos fossem verdadeiros reis da internet, adornando sites de todos os tipos, [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/bye-microsoft-edge-tambem-vai-trocar-flash-html5-proximo-update/">Bye! Microsoft Edge também vai trocar Flash por HTML5 em seu próximo update</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div style="text-align:justify;">
<p>Embora em outros tempos sua tecnologia e seus recursos fossem verdadeiros reis da internet, adornando sites de todos os tipos, temas e gostos, o Flash está quase que literalmente com os seus dias contados. Depois de a <a href="https://www.tecmundo.com.br/google/" target="_blank">Google</a> lançar oficialmente <a href="https://www.tecmundo.com.br/google-chrome/112310-google-lanca-versao-55-chrome-ela-troca-flash-html5.htm" target="_blank">uma versão do Chrome que chuta o formato para escanteio em favor do mais atual e dinâmico HTML5</a>, agora é a vez da <a href="https://www.tecmundo.com.br/microsoft/" target="_blank">Microsoft</a> mandar avisar que o novo navegador da casa, o <a href="https://www.tecmundo.com.br/microsoft-edge/" target="_blank">Edge</a>, também vai seguir um caminho parecido.</p>
<p>De acordo com uma postagem no blog oficial do <a href="https://www.tecmundo.com.br/windows-10/" target="_blank">Windows 10</a>, a empresa de Redmond deixou claro que o antigo padrão vai ser praticamente aposentado na próxima atualização do browser. A ideia é que, ao ser instalado, o programa desabilite automaticamente o Flash e ative a reprodução em HTML5 caso ela esteja disponível na página. Se o novo player não for oferecido, o software deve apresentar aos internautas a opção de ativar o plugin legado.</p>
<h2 style="font-size:19px;">O usuário terá a opção de ativar o plugin caso seja necessário</h2>
<p>A estratégia é bem semelhante a implementada recentemente pela Gigante das Buscas, incluindo a “isenção” desse bloqueio a grande portais e sites que ainda dependem muito dessa tecnologia – embora, no caso da Microsoft, não haja uma listagem das marcas nessa situação ou quanto tempo elas têm para se adaptar ao novo formato. Segundo a publicação da companhia, os integrantes do programa de testes da casa – o Insider – devem receber muito em breve esse update, ajudando a polir possíveis rebarbas dessa mudança.</p>
<p>&#8220;Google, Apple e até Mozilla já deixaram claro seus planos de substituir o Flash&#8221;</p>
<p>Quando o usuário final pode esperar pela novida? Tudo indica que essa versão do navegador vai ser liberada ao público geral no início de 2017, muito provavelmente junto do já bastante aguardado Creator’s Update – o próximo grande pacote de atualizações programado para o Windows 10. Seja como for, não é como se a Microsoft estivesse dando algum tipo de golpe baixo na Adobe, uma parceira de longa data. Isso porque Google, Apple e até Mozilla já deixaram claro seus planos de substituir completamente o Flash no futuro próximo.</p>
<p style="font-size:16px;">FONTE(S) <a href="https://www.theverge.com/circuitbreaker/2016/12/14/13957820/microsoft-edge-adobe-flash-block-windows-10" target="_blank">THE VERGE/CHAIM GARTENBERG</a><br />IMAGEN(S) <a href="https://blogs.windows.com/msedgedev/2016/12/14/edge-flash-click-run/#vzOXiY2T3LziE2if.97" target="_blank">WINDOWS BLOG</a></p>
<div>
<p style="margin-top: 20px; margin-bottom: 20px;font-size:16px;">Origem: <a href="https://goo.gl/r3MSZp" target="_blank">https://goo.gl/r3MSZp</a></p>
</div>
</div>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/bye-microsoft-edge-tambem-vai-trocar-flash-html5-proximo-update/">Bye! Microsoft Edge também vai trocar Flash por HTML5 em seu próximo update</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/bye-microsoft-edge-tambem-vai-trocar-flash-html5-proximo-update/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como converter um vídeo para HTML5</title>
		<link>https://blog.goweb.pt/converter-um-video-html5/</link>
		<comments>https://blog.goweb.pt/converter-um-video-html5/#respond</comments>
		<pubDate>Fri, 08 Sep 2017 09:30:20 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Webdesign and development]]></category>
		<category><![CDATA[converter]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://blog.goweb.pt/?p=396</guid>
		<description><![CDATA[<p>Exibir vídeos em uma página na web tornou-se bem comum, principalmente depois que os portais como o YouTube passaram a [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/converter-um-video-html5/">Como converter um vídeo para HTML5</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div style="text-align: justify;">
Exibir vídeos em uma página na web tornou-se bem comum, principalmente depois que os portais como o YouTube passaram a oferecer os códigos de “embed”, que permitem incorporar o conteúdo à qualquer site ou blog facilmente.</p>
<h2 style="font-size: 18px;">Com o surgimento do HTML5, ter vídeos nas páginas ficou ainda mais simples.</h2>
<p>Por isso, muitas pessoas procuram maneiras de utilizar o novo recurso oferecido pela quinta forma do HTML em seus blogs e sites pessoais.</p>
<p>Nós preparamos este rápido tutorial a fim de mostrar todos os passos necessários para você converter os vídeos para HTML5 e utilizá-los em uma página web. Veja como é simples!</p>
<p><strong>Você vai precisar de&#8230;</strong></p>
<p>Para a execução dos passos descritos abaixo, você vai precisar ter o programa Freemake Video Converter instalado em seu computador. A aplicação é compatível com todas as versões mais recentes do Windows e pode ser utilizada em qualquer máquina sem problemas.</p>
<p><a href="http://www.baixaki.com.br/download/freemake-video-converter.htm" target="_blank"><img class="alignnone size-full wp-image-558" src="http://blog.goweb.pt/wp-content/uploads/2017/09/914082715812821.jpg" alt="914082715812821" width="228" height="74" /></a></p>
<p><strong>Atenção na instalação</strong></p>
<p>Durante o processo de instalação do Freemake Video Converter, você precisa ficar atento para não instalar toolbars indesejadas ou ter as configurações pessoais do seu navegador modificadas sem a devida autorização.</p>
<p>Em uma das telas do assistente, é possível escolher entre as opções “Quick installation (ad-supported)” e “Parameters settings (Advanced)”. Para evitar a adição de barras de ferramentas ao navegador, selecione a segunda opção e desmarque todos os itens exibidos abaixo dela, como mostra a imagem a seguir.</p>
<p><img class="alignnone size-full wp-image-561" src="http://blog.goweb.pt/wp-content/uploads/2017/09/914082715812139.jpg" alt="Como converter um vídeo para HTML5" width="544" height="429" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/914082715812139.jpg 544w, https://blog.goweb.pt/wp-content/uploads/2017/09/914082715812139-300x237.jpg 300w" sizes="(max-width: 544px) 100vw, 544px" /></p>
<p>Além disso, você também pode selecionar se deseja ou não a instalação dos plugins do Freemake Video Converter para o Firefox e o Google Chrome</p>
<p><strong>Convertendo os vídeos</strong></p>
<p>1) Na tela principal do Freemake Video Converter, clique sobre a opção “Video”, presente na barra de ferramentas superior do programa.</p>
<p><img class="alignnone size-full wp-image-563" src="http://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121427.jpg" alt="Como converter um vídeo para HTML5" width="600" height="332" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121427.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121427-300x166.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>2) Agora, adicione os vídeos que deseja converter. Você pode criar uma lista com quantos arquivos quiser. O programa faz a conversão de cada um separadamente.</p>
<p>3) Feito isso, é hora de selecionar o formato para o qual os arquivos serão convertidos. Na barra de ferramentas localizada na parte inferior da janela do programa, clique na seta para a direita até que a opção “to HTML5” seja mostrada.</p>
<p><img class="alignnone size-full wp-image-565" src="http://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121517.jpg" alt="Como converter um vídeo para HTML5" width="600" height="378" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121517.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121517-300x189.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>4) Clique sobre o item “to HTML5” e aguarde alguns instantes para que a tela de configurações apareça.</p>
<p>5) O próximo passo é escolher a resolução para o arquivo de saída. Além das opções tradicionais, o Freemake Video Converter também permite que o conteúdo seja exibido em alta definição.</p>
<p><img class="alignnone size-full wp-image-566" src="http://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121558.jpg" alt="Como converter um vídeo para HTML5" width="523" height="380" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121558.jpg 523w, https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158121558-300x218.jpg 300w" sizes="(max-width: 523px) 100vw, 523px" /></p>
<p>6) Agora, é só escolher o diretório no qual o vídeo convertido será armazenado e o tamanho limite do arquivo, se assim desejar.</p>
<p>7) Para finalizar o processo, clique em “Converter” e aguarde até que a tarefa seja finalizada.</p>
<p><strong>Vídeo convertido! E agora?</strong></p>
<p>Quando os seus vídeos forem convertidos, o Freemake Video Converter exibe uma tela com os quatro passos necessário para você exibir os arquivos em uma página da internet.</p>
<p>De forma resumida, é preciso hospedar o conteúdo áudio visual em algum servidor, para que ele possa ser linkado em seu site, e copiar o código fornecido pelo Freemake Video Converter entre as tags e da sua página.</p>
<p><img class="alignnone size-full wp-image-567" src="http://blog.goweb.pt/wp-content/uploads/2017/09/9140827158122418.jpg" alt="Como converter um vídeo para HTML5" width="495" height="550" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158122418.jpg 495w, https://blog.goweb.pt/wp-content/uploads/2017/09/9140827158122418-270x300.jpg 270w" sizes="(max-width: 495px) 100vw, 495px" /></p>
<p>Pronto! Na tela com as instruções, também é possível pré-visualizar o vídeo e ter uma ideia de como ele será mostrado no seu site. Assim, você pode fazer os ajustes necessário antes mesmo de colocar o conteúdo no ar.</p>
<p>Quer saber mais sobre HTML5? Então não deixe de conferir o artigo <a href="https://www.tecmundo.com.br/tutorial/23238-como-converter-um-video-para-html5.htm" target="_blank">“O que é HTML 5?”</a> e fique por dentro de tudo o que a quinta edição do código mais utilizado na internet tem para oferecer.</p>
<div>
<p style="margin-top: 20px; margin-bottom: 20px; font-size: 16px;">Origem: <a href="https://goo.gl/K5u1YI" target="_blank">https://goo.gl/K5u1YI</a></p>
</div>
</div>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/converter-um-video-html5/">Como converter um vídeo para HTML5</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/converter-um-video-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Qual a diferença entre sites em Flash e em HTML5?</title>
		<link>https://blog.goweb.pt/qual-diferenca-sites-flash-html5/</link>
		<comments>https://blog.goweb.pt/qual-diferenca-sites-flash-html5/#respond</comments>
		<pubDate>Wed, 06 Sep 2017 09:30:34 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Webdesign and development]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://blog.goweb.pt/?p=390</guid>
		<description><![CDATA[<p>Páginas web com conteúdo dinâmico não são mais nenhuma novidade. Graças ao Flash, da Adobe, hoje é possível criar sites [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/qual-diferenca-sites-flash-html5/">Qual a diferença entre sites em Flash e em HTML5?</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div style="text-align: justify;">
<h2 style="font-size: 18px;">Páginas web com conteúdo dinâmico não são mais nenhuma novidade.</h2>
<p>Graças ao Flash, da Adobe, hoje é possível criar sites totalmente animados e com uma rotatividade de conteúdo muito maior do que antigamente. Mesmo assim, a tecnologia da Adobe deixa um pouco a desejar no quesito velocidade de carregamento, além de exigir a instalação do plugin nos navegadores para funcionar corretamente.</p>
<p>Por isso, quando surgiu o HTML5, muitas pessoas diziam que o Flash iria morrer, pois, além de carregar o conteúdo dinâmico de forma muito mais rápida do que o seu “concorrente”, a quinta forma do HTML funciona sem a necessidade de ferramentas extras, desde que o navegador tenha suporte à tecnologia.<br />
Como você pode perceber nos parágrafos acima, Flash e HTML5 possuem suas particularidades e cada um leva vantagem em um determinado ponto. Enquanto um trabalha com Ogg Theora e H.264, o outro faz uso de H.264 e AAC. É difícil dizer qual a melhor tecnologia, mas, por enquanto, a melhor opção vem sendo o HTML5.</p>
<p><img class="alignnone size-full wp-image-575" src="http://blog.goweb.pt/wp-content/uploads/2017/09/24660557199743.jpg" alt="Qual a diferença entre sites em Flash e em HTML5?" width="400" height="400" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/24660557199743.jpg 400w, https://blog.goweb.pt/wp-content/uploads/2017/09/24660557199743-150x150.jpg 150w, https://blog.goweb.pt/wp-content/uploads/2017/09/24660557199743-300x300.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p><a href="https://img.ibxk.com.br/2012/7/materias/24660557199535-o.jpg?w=700" target="_blank">Ampliar</a></p>
<p>Embora o formato mais recente ainda não tenha a mesma quantidade de recursos que o Flash, o seu uso é bem mais simples e, como citado anteriormente, dispensa o uso de plugins no navegador. Além disso, o conteúdo é exibido de forma bem mais rápida quando o HTML5 é utilizado, principalmente no caso dos vídeos.</p>
<p>Para os portáteis, o HTML5 está sendo considerado uma salvação. Isso porque alguns aparelhos, como iPhones, iPads e aqueles com a última versão do Android, não possuem suporte ao Flash. Além de abrir um mercado novo para a nova tecnologia, essa falta de apoio dos dispositivos móveis à Adobe limita muito a reprodução de alguns conteúdos nas páginas, fazendo com que muitos desenvolvedores recorram ao HTML5.</p>
<p>Mas se você está pensando que o Flash está com os dias contados, é melhor esperar mais um pouco para tirar suas conclusões.</p>
<p><strong>Engatinhando</strong></p>
<p>Mesmo oferecendo diversas vantagens, o HTML5 possui muitas limitações. Para começar, não são todos os navegadores que suportam a quinta forma do HTML. Apenas Internet Explorer, Chrome e Safari reproduzem corretamente sites desenvolvidos utilizando a tecnologia mais recente.</p>
<p><img class="alignnone size-full wp-image-576" src="http://blog.goweb.pt/wp-content/uploads/2017/09/24660557199627-o.jpg" alt="Qual a diferença entre sites em Flash e em HTML5?" width="600" height="407" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/24660557199627-o.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/24660557199627-o-300x204.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>(Fonte da imagem: W3C)</p>
<p>Além disso, o HTML5 não suporta streaming de vídeos, webcam e reprodução de conteúdo audiovisual em tela cheia. Um problemão para portais que dependem de tais funcionalidades para tornar a exibição de alguns itens mais interessante.</p>
<p>Ao que tudo indica, Flash e HTML5 terão que conviver lado a lados por algum tempo. Mas não há dúvida de que a Adobe precisa melhorar, e muito, a sua tecnologia para não perder colocação quando os novos recursos da linguagem de programação web começarem a ganhar seu espaço e a conquistar mais seguidores.</p>
<p>Quer saber um pouco mais a respeito do HTML5? Então não deixe de acessar o artigo <a href="https://www.tecmundo.com.br/tutorial/23238-como-converter-um-video-para-html5.htm" target="_blank">“O que é HTML5?”</a>. Abaixo, você confere uma lista com alguns sites que utilizam os recursos oferecidos pela nova tecnologia.</p>
<ul style="list-style-type: square;">
<li><a href="https://www.youtube.com/" target="_blank">YouTube;</a></li>
<li><a href="https://www.apple.com/br/safari/" target="_blank">Home do browser Safari;</a></li>
<li><a href="http://canvaspaint.org/" target="_blank">CanvasPaint;</a></li>
<li><a href="http://mrdoob.com/125/Multiuser_Sketchpad" target="_blank">Multiuser Sketchpad;</a></li>
<li><a href="http://mrdoob.com/96/Google_Sphere" target="_blank">Google Sphere.</a></li>
</ul>
<p>Não deixe de ler o artigo <a href="https://www.tecmundo.com.br/html5/13750-14-experimentos-com-html-5-de-cair-o-queixo.htm" target="_blank">“14 experimentos com HTML 5 de cair o queixo”</a> para visualizar mais algumas características do HTML5.</p>
<div>
<p style="margin-top: 20px; margin-bottom: 20px; font-size: 16px;">Origem: <a href="https://goo.gl/hqQd3l" target="_blank">https://goo.gl/hqQd3l</a></p>
</div>
</div>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/qual-diferenca-sites-flash-html5/">Qual a diferença entre sites em Flash e em HTML5?</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/qual-diferenca-sites-flash-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>14 experimentos com HTML 5 de cair o queixo</title>
		<link>https://blog.goweb.pt/14-experimentos-html-5-cair-queixo/</link>
		<comments>https://blog.goweb.pt/14-experimentos-html-5-cair-queixo/#respond</comments>
		<pubDate>Mon, 04 Sep 2017 09:30:41 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Webdesign and development]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.goweb.pt/?p=383</guid>
		<description><![CDATA[<p>Nos últimos meses, o HTML 5 vem ganhando destaque por conquistar cada vez mais um espaço que até então parecia [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/14-experimentos-html-5-cair-queixo/">14 experimentos com HTML 5 de cair o queixo</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div style="text-align: justify;">
<h2 style="font-size: 18px;">Nos últimos meses, o HTML 5 vem ganhando destaque por conquistar cada vez mais um espaço que até então parecia exclusivo das aplicações em Flash. Embora o software da Adobe continue sendo usado por uma grande quantidade de sites, a falta de suporte à tecnologia em produtos Apple e, futuramente, também no <a href="https://www.tecmundo.com.br/windows-8/13455-adobe-se-pronuncia-quanto-a-falta-do-flash-no-windows-8.htm" target="_blank">Windows 8</a>, faz com que surjam dúvidas quanto a seu futuro.</h2>
<p>É fácil entender os motivos pelos quais o <a href="https://www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm" target="_blank">HTML 5</a> ganha cada vez mais espaço e conquista a preferência das fabricantes. Dispensando totalmente a instalação de qualquer espécie de plugin, a tecnologia permite inserir vídeos, jogos e conteúdos interativos em sites de uma forma simples para o desenvolvedor e mais confortável para o usuário.</p>
<p>Para tornar o processo de desenvolvimento mais simples, a linguagem utiliza tags objetivas que dispensam o uso de códigos complicados para o desenvolvimento de sites mais interessantes. Nesse artigo, apresentamos alguns exemplos do que pode ser feito por essa tecnologia que deve mudar de forma substancial a internet nos próximos anos.</p>
<p><strong>The Wilderness Downtown</strong></p>
<p><a href="http://www.thewildernessdowntown.com/" target="_blank">Nesse endereço</a>, basta digitar o nome de uma cidade qualquer para transformá-la em uma peça importante dentro de um videoclipe. Para tornar o resultado mais interessante, são abertas diversas abas com tamanho variável no navegador, cada uma mostrando um ângulo diferente da ação.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55501.jpg" alt="The Wilderness Downtown" width="600" height="402" class="alignnone size-full wp-image-580" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55501.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55501-300x201.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Para obter um filme com mais elementos, é indispensável escolher uma localização que esteja retratada no serviço Google Street View. Depois de assistir ao resultado final, é possível compartilhá-lo com amigos através de sites como o Facebook e o Twitter.</p>
<p><strong>Flower Power</strong></p>
<p>Exemplo da interatividade, o FlowerPower é um site que permite aos usuários escrever ou desenhar qualquer coisa usando flores que desabrocham com um simples clique do mouse.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55515.jpg" alt="Flower Power" width="600" height="288" class="alignnone size-full wp-image-581" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55515.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55515-300x144.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Controladores na parte superior da tela permitem alterar o tamanho da escrita e até mesmo a velocidade com que as flores surgem. O resultado é só uma mostra do que o HTML 5 pode entregar sem em nenhum momento interferir no desempenho de um navegador.</p>
<p><strong>WebGL Water Simulation</strong></p>
<p><iframe src="https://www.youtube.com/embed/R0O_9bp3EKQ" width="100%" height="300" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>Recomendado somente para quem possui instalada uma placa de vídeo um pouco mais atual, o <a href="http://madebyevan.com/webgl-water/" target="_blank">WebGL Water Simulation</a> é um belo exemplo das capacidade 3D do HTML 5. Esse experimento mostra uma interação com a água extremamente realista, incluindo uma fonte de luz que se adapta ao posicionamento de cada elemento e ao ângulo de visualização escolhido pelo usuário.</p>
<p><strong>ROME</strong></p>
<p>Um surpreendente videoclipe interativo que mistura filmagens com atores reais, animação em 3D e desenhos tradicionais, <a href="http://www.ro.me/" target="_blank">ROME</a> guia o usuário por uma viagem surreal em que nada é o que realmente parece ser.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55705.jpg" alt="ROME" width="600" height="256" class="alignnone size-full wp-image-582" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55705.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55705-300x128.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>A interação com os elementos presentes na tela se dá através do ponteiro do mouse, que pode ser usado para mudar o ângulo da câmera, revelando detalhes que normalmente passariam despercebidos. Além disso, também podem ocorrer transformações em elementos do cenário, com resultados bastante coloridos e surreais. Para obter um melhor desempenho, é imprescindível o uso do navegador <a href="http://www.baixaki.com.br/download/google-chrome.htm" target="_blank">Google Chrome</a>.</p>
<p><strong>Voxels</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55516.jpg" alt="Voxels" width="600" height="327" class="alignnone size-full wp-image-583" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55516.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55516-300x164.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Uma espécie de <a href="http://mrdoob.com/129/Voxels" target="_blank">LEGO virtual</a> no qual é possível adicionar uma grande quantidade de peças das mais variadas cores. Usando somente o ponteiro do mouse, o usuário pode mudar rapidamente o ângulo de visão e mudar o nível de zoom dos elementos apresentados na tela.</p>
<p><strong>Google Sphere</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55519.jpg" alt="Google Sphere" width="600" height="347" class="alignnone size-full wp-image-584" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55519.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55519-300x174.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Que tal se, em vez de apresentar os resultados de uma busca na forma de listas, o Google aproveitasse melhor o espaço em branco disponível em sua página inicial? É justamente isso que faz o <a href="http://mrdoob.com/96/Google_Sphere" target="_blank">Sphere</a>, transformando qualquer busca em uma verdadeira nuvem de tags interativa.</p>
<p><strong>Conductor</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55520.jpg" alt="Conductor" width="600" height="460" class="alignnone size-full wp-image-585" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55520.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55520-300x230.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Diversas <a href="http://www.mta.me/" target="_blank">linhas se movem de forma totalmente aleatória pela tela</a> e, ao se cruzarem, resultam na reprodução de diferentes notas musicais. O usuário possui a liberdade de usar o ponteiro do mouse para interagir com qualquer elemento da tela, em uma experiência que impressiona pela criatividade.</p>
<p><strong>Asteroids</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55521.jpg" alt="Asteroids" width="600" height="481" class="alignnone size-full wp-image-586" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55521.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55521-300x241.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Uma <a href="http://www.kevs3d.co.uk/dev/asteroids/" target="_blank">recriação em três dimensões do jogo clássico lançado pela Atari</a> em 1979, essa versão de Asteroids apresenta gráficos atualizados que rodam diretamente no navegador, dispensando a instalação de qualquer plugin. Ideal para passar o tempo em uma tarde de tédio.</p>
<p><strong>Ball Pool</strong></p>
<p>Nessa <a href="http://mrdoob.com/projects/chromeexperiments/ball-pool/" target="_blank">bela experiência com HTML 5</a>, o usuário tem à disposição bolas de diversos tamanhos que pode movimentar da maneira que deseja pela tela. O projeto se destaca pela física realista e pela interação que possui com o navegador.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55524.jpg" alt="Ball Pool" width="600" height="262" class="alignnone size-full wp-image-587" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55524.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55524-300x131.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Não deixe de testar ações como clicar duas vezes sobre um objeto, selecionar o plano de fundo ou literalmente chacoalhar o navegador para ver as bolas saltando de um lado para o outro da tela. A experiência é interessante o bastante para justificar a perda de uma boa quantidade de minutos em frente ao computador.</p>
<p><strong>Magnetic</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55523.jpg" alt="Magnetic" width="600" height="428" class="alignnone size-full wp-image-588" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55523.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55523-300x214.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Aprenda mais sobre <a href="http://lab.hakim.se/magnetic/02/" target="_blank">a forma como ímãs atuam</a> sobre partículas presentes no ambiente e entre si mesmos. Além de arrastar os elementos da tela, o usuário pode adicionar novos ímãs com tamanhos variáveis usando um duplo clique do mouse em qualquer lugar do ambiente.</p>
<p><strong>Z-Type</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55526.jpg" alt="Z-Type" width="337" height="660" class="alignnone size-full wp-image-589" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55526.jpg 337w, https://blog.goweb.pt/wp-content/uploads/2017/09/55526-153x300.jpg 153w" sizes="(max-width: 337px) 100vw, 337px" /></p>
<p>Teste sua velocidade de digitação nesse <a href="http://zty.pe/" target="_blank">jogo viciante</a> em que o objetivo é escrever o mais rápido possível as palavras que surgem na tela. Cada letra correta garante um tiro, e é preciso uma boa habilidade no teclado para derrotar os inimigos que surgem nos estágios mais avançados do título.</p>
<p><strong>BreakDOM</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55527.jpg" alt="BreakDOM" width="562" height="520" class="alignnone size-full wp-image-590" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55527.jpg 562w, https://blog.goweb.pt/wp-content/uploads/2017/09/55527-300x278.jpg 300w" sizes="(max-width: 562px) 100vw, 562px" /></p>
<p>Nesse <a href="http://lab.hakim.se/breakdom/" target="_blank">remake do game Breakout</a>, o jogador utiliza uma barra de rolagem para controlar uma bola responsável por eliminar diversas caixas de seleção. Os controles são simples e podem ser efetuados tanto através do mouse quanto pelas setas do teclado.</p>
<p><strong>Trail</strong></p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55528.jpg" alt="Trail" width="600" height="362" class="alignnone size-full wp-image-591" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55528.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55528-300x181.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Faça desenhos coloridos na tela do navegador usando <a href="http://lab.hakim.se/trail/02/" target="_blank">traços que acompanham a movimentação do ponteiro do mouse</a>. Para expandir o raio dos traços que ficam girando de forma constante, basta pressionar e segurar o botão esquerdo do dispositivo.</p>
<p><strong>Typographic Rain</strong></p>
<p>Uma verdadeira <a href="http://andrew.wang-hoyer.com/experiments/rain/" target="_blank">chuva de caracteres</a> vai inundar seu navegador neste experimento que mostra como diferentes elementos de HTML 5 podem interagir entre si. Cada uma das letras que “chove” na tela é constituída por um código diferente, que responde de forma realista aos demais elementos da tela.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/55529.jpg" alt="Typographic Rain" width="600" height="426" class="alignnone size-full wp-image-592" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/55529.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/55529-300x213.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Além de contar com uma espécie de guarda-chuva que bloqueia determinados caracteres, o usuário pode alterar o tamanho das letras, a frequência com que elas caem e até mesmo o nível da gravidade presente no ambiente.</p>
<div>
<p style="margin-top: 20px; margin-bottom: 20px; font-size: 16px;">Origem: <a href="https://goo.gl/KZVdj9" target="_blank">https://goo.gl/KZVdj9</a></p>
</div>
</div>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/14-experimentos-html-5-cair-queixo/">14 experimentos com HTML 5 de cair o queixo</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/14-experimentos-html-5-cair-queixo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como criar aplicativos para smartphones sem saber programar</title>
		<link>https://blog.goweb.pt/criar-aplicativos-smartphones-sem-saber-programar/</link>
		<comments>https://blog.goweb.pt/criar-aplicativos-smartphones-sem-saber-programar/#respond</comments>
		<pubDate>Fri, 01 Sep 2017 09:30:38 +0000</pubDate>
		<dc:creator><![CDATA[goweb]]></dc:creator>
				<category><![CDATA[Webdesign and development]]></category>
		<category><![CDATA[Aplicativos]]></category>
		<category><![CDATA[Smartphones]]></category>

		<guid isPermaLink="false">http://blog.goweb.pt/?p=372</guid>
		<description><![CDATA[<p>Crie apps na linguagem HTML5 em pouquíssimos minutos (Fonte da imagem: Reprodução/Digital Trends) Criar um aplicativo para dispositivos móveis – [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/criar-aplicativos-smartphones-sem-saber-programar/">Como criar aplicativos para smartphones sem saber programar</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div style="text-align:justify;">
<h2 style="font-size:18px;">Crie apps na linguagem HTML5 em pouquíssimos minutos</h2>
<p> (Fonte da imagem: <a href="https://www.digitaltrends.com/" alt="Digital Trends" title="Digital Trends" target="_blank">Reprodução/Digital Trends</a>)</p>
<p>Criar um aplicativo para dispositivos móveis – independentemente do sistema operacional – não é uma tarefa para qualquer um. Além de conhecimento em linguagens de programação, também é essencial saber um pouco de design para desenvolver a interface do seu software; tudo isso sem citar o tempo gasto para inserir o app criado nas lojas virtuais mais famosas, como a <a href="https://itunes.apple.com/br/genre/m%C3%BAsica/id34" target="_blank">App Store</a> e a <a href="https://play.google.com/store" target="_blank">Google Play</a>.</p>
<p>Foi pensando nisto que um grupo de desenvolvedores brasileiros resolveu lançar o <a href="http://fabricadeaplicativos.com.br/" target="_blank">Universo.mobi</a>, uma espécie de “fábrica de aplicativos” dotada de ferramentas que permitem que qualquer pessoa faça seu próprio software em HTML5 mesmo sem entender nada de tal linguagem. De acordo com Gregório Marin, cofundador do serviço, o objetivo é “permitir que as pessoas que não possuem acesso às tecnologias necessárias para criação de um aplicativo divirtam-se fazendo um de forma simples e gratuita”.</p>
<p>Hoje, o Universo.mobi está disponível também em inglês e espanhol, servindo como plataforma para a criação de cerca de 100 aplicações por dia. Algumas delas, inclusive, conseguem ganhar bastante destaque na mídia – é o caso, por exemplo, do <a href="http://galeria.fabricadeaplicativos.com.br/culturadeponta" alt="Cultura de Ponta" title="Cultura de Ponta" target="_bank">Cultura de Ponta</a>, que divulga informações sobre eventos culturais e artísticos nas zonas mais carentes de São Paulo capital.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144618.jpg" alt="Como criar aplicativos para smartphones sem saber programar" width="600" height="265" class="alignnone size-full wp-image-602" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144618.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144618-300x133.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><strong>Entenda como o serviço funciona</strong></p>
<p>É muito fácil e rápido criar um aplicativo móvel com a ajuda do Universo.mobi. Contudo, antes de começar o passo a passo, vamos entender detalhadamente como funciona o desenvolvimento e publicação de um app através de tal serviço online.</p>
<p>A versão gratuita do Universo.mobi dá ao utilizador o direito de criar um software em HTML5 (que pode ser executado em dispositivos Android, iOS, Windows Phone, Blackberry e até mesmo Java). Contudo, todas as criações levam um pequeno banner publicitário do utilitário. Para retirá-lo, é necessário assinar o plano “Sem banner”, que custa R$ 9 por mês ou R$ 99 por ano (por cada aplicativo criado).</p>
<p>Se você deseja obter um resultado ainda mais profissional, você pode assinar o plano “Pro”, que permite a publicação do app criado nas lojas Google Play e App Store (enquanto os softwares desenvolvidos pelos outros pacotes ficam hospedados exclusivamente no próprio Universo.mobi). O preço da assinatura é de R$ 699 por ano (para cada app publicado).</p>
<p><iframe width="100%" height="300" src="https://www.youtube.com/embed/c3pmKlt-WkU?list=UUPsR4L8c1QWAcSuul2QczFw" frameborder="0" allowfullscreen></iframe></p>
<p><strong>Primeiras etapas</strong></p>
<p>Agora que você já compreendeu o funcionamento básico do Universo.mobi e já escolheu o plano que utilizará para criar seu produto, hora de fazer um rápido cadastro no serviço <a href="http://fabricadeaplicativos.com.br/?lang=pt" atl="Fábrica de Aplicativos" title="Fábrica de Aplicativos" target="_blank">visitando este link</a> e clicando em “Crie o seu agora”. Depois de confirmar sua conta através do email enviado para sua caixa de entrada, faça login no site para começar o processo de criação.</p>
<p>O primeiro passo é personalizar o visual do seu aplicativo. É possível utilizar um esquema de cores já pronto e adicionar suas próprias imagens nos mais variados setores do software (ícones de seções, logotipo, imagem de fundo etc.). Para fazer essas alterações extras, basta clicar em “Modificar o tema”.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144645.jpg" alt="Como criar aplicativos para smartphones sem saber programar" width="600" height="328" class="alignnone size-full wp-image-605" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144645.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144645-300x164.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><strong>Adicionando conteúdos</strong></p>
<p>Em seguida, você deve adicionar os chamados Moblets – ou seja, as páginas – de seu aplicativo. Para isso, você pode utilizar uma grande diversidade de conteúdos multimídia, como textos simples ou formatados, galerias de fotos, páginas do Facebook, feeds RSS, mapas do Google, vídeos do YouTube, listas ordenadas e diversos outros.</p>
<p>No nosso caso, simulamos um aplicativo do <a href="https://www.tecmundo.com.br/" target="_blank">TecMundo</a> que mostra as <a href="https://www.tecmundo.com.br/novidades/" target="_blank">últimas notícias publicadas</a>, as atualizações de nosso <a href="https://www.facebook.com/tecmundo" target="_blank">perfil no Facebook</a>, as últimas mensagens enviadas através do <a href="https://twitter.com/Tec_Mundo" target="_blank">nosso Twitter</a> e uma página contendo um pequena biografia do grupo <a href="http://nzn.io/" target="_blank">No Zebra Network</a>. O processo de edição é bastante simples e consiste em dar um nome ao Moblet, especificar a URL que contém os conteúdos a serem importados e definir um ícone personalizado para tal página.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144714.jpg" alt="Como criar aplicativos para smartphones sem saber programar" width="600" height="316" class="alignnone size-full wp-image-607" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144714.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144714-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><strong>Últimos passos</strong></p>
<p>A última etapa é informar o nome, categoria, URL de download e descrição de seu aplicativo. Além disso, você precisa escolher um ícone que será utilizado na identificação de seu software publicado (sendo possível utilizar um dos oferecidos pelo Universo.mobi ou enviar uma imagem inédita).</p>
<p>Perceba que você pode interagir com a imagem de pré-visualização localizada na região direita da interface do serviço, que simula um iPhone rodando o app recém-criado.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144729.jpg" alt="Como criar aplicativos para smartphones sem saber programar" width="600" height="436" class="alignnone size-full wp-image-608" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144729.jpg 600w, https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144729-300x218.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><strong>Distribuindo sua aplicação</strong></p>
<p>Com tudo pronto, basta clicar em “Gerar meu app” e sua criação será imediatamente publicada. Sinta-se livre para divulgar a URL – ou o QR Code – de download com seus amigos.</p>
<p><img src="http://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144912.png" alt="Como criar aplicativos para smartphones sem saber programar" width="400" height="170" class="alignnone size-full wp-image-609" srcset="https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144912.png 400w, https://blog.goweb.pt/wp-content/uploads/2017/09/13100368116144912-300x128.png 300w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p>Caso queira conferir o app de exemplo que criamos para este tutorial, basta acessar <a href="http://galeria.fabricadeaplicativos.com.br/tecmundoapp" alt="TecMundo" title="TecMundo" target="_blank">este link</a> através do seu dispositivo móvel – ou escanear o código presente na imagem acima utilizando o seu smartphone ou tablet.</p>
<div>
<p style="margin-top: 20px; margin-bottom: 20px;font-size:16px;">Origem: <a href="https://goo.gl/HaqtsG" target="_blank">https://goo.gl/HaqtsG</a></p>
</div>
</div>
<p>The post <a rel="nofollow" href="https://blog.goweb.pt/criar-aplicativos-smartphones-sem-saber-programar/">Como criar aplicativos para smartphones sem saber programar</a> appeared first on <a rel="nofollow" href="https://blog.goweb.pt">Blog Goweb Agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://blog.goweb.pt/criar-aplicativos-smartphones-sem-saber-programar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
