SlideShare ist ein Scribd-Unternehmen logo
1 von 60
Um  blog  (contração do termo " Web log "), também chamado de  blogue  em Portugal, é um site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos, ou "posts". Estes são, em geral, organizados de forma cronológica inversa, tendo como foco a temática proposta do blog, podendo ser escritos por um número variável de pessoas, de acordo com a política do blog.  O que são blogs
O blog atual é uma evolução dos diários online, onde pessoas mantinham informações constantes sobre suas vidas pessoais. Estes primeiros blogs eram simplesmente componentes de sites, atualizados manualmente no próprio código da página. A evolução das ferramentas que facilitavam a produção e manutenção de artigos postados em ordem cronológica facilitaram o processo de publicação, ajudando em muito na popularização do formato. Isso levou ao aperfeiçoamento de ferramentas e hospedagem próprios para blogs.  O que são blogs
Como Criar um Blog ?
Nesta  página,  você  deverá  criar  a  sua  conta  no  Blogger.  Preencha  os  campos solicitados: - Nome de usuário: você utilizará sempre que quiser acessar o Blogger - Senha: deve possuir no mínimo 6 caracteres e será usada sempre que quiser acessar o Blogger - Nome exibido: será a assinatura de seu blog - Endereço de e-mail Após ler os termos de serviço, aceite-os e clique em Continuar . Como Criar um Blog ?
Como Criar um Blog ?
Como Criar um Blog ?
Como Criar um Blog ?
Editando seu Blog
Editando seu Blog
Editando seu Blog
Comentários do Blog
Comentários do Blog
Comentários do Blog
Comfigurando o Blog
Na opção Settings, será possível fazer alguns ajustes em seu blog. Ela é composta por sub-opções, que serão apresentadas a seguir. A sub-opção Basic possui as seguintes possibilidades: - Em Title, você pode alterar o título do blog; - Em Description, você pode fazer uma breve descrição do blog; - Em Add  your  Blog  to  our  listings?,  você pode decidir se seu blog será adicionado à lista de blogs do Blogger. - Em Show Quick Editing on your Blog?, você tem a opção de criar um link de  acesso  para  editar  seu  blog  na  página  de  entrada  do  Blogger, imediatamente após seu login; - Em  Show Email Post links?,  você decide se quer que seu e-mail  apareça quando você posta uma mensagem Comfigurando o Blog
Comfigurando o Blog
Comfigurando o Blog
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Estrutura do Blog !
Estrutura do Blog !
Estrutura do Blog !
Estrutura do Blog !
Edição Personalizada
Exemplos de Blogs
Exemplos de Blogs
Exemplos de Blogs
Exemplos de Blogs
Exemplos de Blogs
Design do seu Blog!
Design do seu Blog! Template  (ou "modelo de documento") é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final. Web templates  (ou "modelos de página") são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um "sistema de template".
Design do seu Blog! Opção > Editar HTML : Apresentara o código-fonte do seu blog:   <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head>
Design do seu Blog!
Sites de Design
Template de blogs
Template de blogs
Template de blogs
Template de blogs
Template de blogs
Criação de gadgets Gadget  (em inglês:  geringonça, dispositivo ) é um equipamento que tem um propósito e uma função específica, prática e útil no cotidiano. São comumente chamados de  gadgets  dispositivos eletrônicos portáteis como PDAs, celulares,  smartphones , leitores de mp3, entre outros. Em outras palavras, é uma &quot;geringonça&quot; eletrônica.  Na Internet ou mesmo dentro de algum sistema computacional (sistema operacional, navegador  web  ou  desktop ), chama-se também de  gadget  algum pequeno  software , pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. No site iGoogle, por exemplo, é possível que seja adicionado alguns dos muitos  gadgets  disponíveis. O Google Desktop, o Windows Vista, o Mac OS X, o KDE e o Gnome são ambientes que aceitam alguns tipos de  gadgets  específicos, acrescentando funcionalidades ao  desktop  do sistema.
Criação de widgets Um widget, que possivelmente é a fusão entre windows (janela) e gadget, é um componente com interface gráfica (botões, menus, janelas...) e que permite adicionar ao sistema operacional uma funcionalidade específica, por exemplo, widgets de relógio, previsão do tempo, etc.  Os widgets são de dois tipos: de baixo nível e de alto nível. Os de baixo nível, de acordo com a wikipedia, &quot;são utilizados para a confeccção do sistema operacional e fazem parte do núcleo do sistema&quot;. Já os de alto nível &quot;seriam os objetos finais propriamente ditos. Muitas vezes fazem referências a objetos de baixo nível fornecidos pelo comando do sistema operacional. Estes objetos são facilmente encontrados em bibliotecas de desenvolvimento (toolkit) ou em frameworks&quot;.
Exemplos de widgets
Exemplos de widgets
Exemplos de widgets
Criação de widgets Linguagem especifica do blog : A implementação do blog pode ser feita toda em uma linguagem de script especifica. Exemplo no blogspot a linguagem utilizada é C++ script para a implementação dos widgets. Enquanto o a linguagem HTML juntamente com javascript tem a função de estruturação do blog, mantendo a base do sistema de apresentação da pagina.
Pratica de construção:  widgets Os widgets estão no auge de sua popularidade. Com eles é possível adicionar notícias, miniaplicativos, joguinhos e outros trecos digitais a qualquer blog ou site pessoal. Parece complicado de fazer, mas, em termos de programação, um widget é meramente um componente, classe ou página que gera o conteúdo em HTML, JavaScript ou Flash capaz de mostrar as informações desejadas. Neste tutorial, vamos montar um widget simples, capaz de baixar e mostrar as notícias de um canal RSS definido previamente, feito em PHP. O pacote de arquivos PHP e HTML usados no passo-a-passo está em  www.info.abril.com.br/download/5166.shtml .
Pratica de construção:  widgets Antes de mais nada uma breve explicação sobre Canais RSS: RSS  é um subconjunto de &quot;dialetos&quot; XML que servem para agregar conteúdo ou  &quot;Web syndication&quot; , podendo ser acessado mediante programas ou sites agregadores. É usado principalmente em sites de notícias e blogs.  A tecnologia do RSS permite aos usuários da internet se inscreverem em sites que fornecem &quot;feeds&quot; RSS. Estes são tipicamente sites que mudam ou atualizam o seu conteúdo regularmente. Para isso, são utilizados Feeds RSS que recebem estas atualizações, desta maneira o utilizador pode permanecer informado de diversas atualizações em diversos sites sem precisar visitá-los um a um.
Pratica de construção:  widgets Para começar, vamos instalar o pacote  WampServer . Ele será nossa base para testar o widget no computador local antes de enviá-lo para um servidor acessível pela internet.
Pratica de construção:  widgets Depois disso, crie uma pasta denominada widget, dentro do diretório C:ampww onde colocaremos os arquivos do widget.  O principal componente que usaremos em nosso widget é o Magpie RSS, um pacote para baixar e ler canais RSS. Para isso, descompacte o pacote Magpie RSS em uma pasta e copie os arquivos rss_fetch.inc, rss_parser.inc, rss_cache.inc e and rss_utils.inc para uma subpasta magpierss dentro da pasta widget criada acima. Além disso, copie para lá também a pasta extlib.
Pratica de construção:  widgets
Pratica de construção:  widgets
Pratica de construção:  widgets Copie, agora, para a pasta widget, o arquivo magpie_simple.php, que está na pasta scripts do pacote do Magpie. Edite o arquivo, substituindo a linha define(´MAGPIE_DIR´, ´../´); por define(´MAGPIE_DIR´, ´magpierss/´);. Grave tudo e acesse http://localhost/widget/magpie_simple.php. Digite o endereço de um canal RSS e verifique se o componente Magpie está funcionando corretamente.
Pratica de construção:  widgets Agora, use o editor HTML KompoZer para definir o visual de nosso widget. Como queremos mostrar notícias em seqüência, um visual tabular resolve bem. Lembre-se de deixar um texto referente a cada notícia, de forma a facilitar a localização dos pontos onde entrarão essas informações no código HTML gerado pelo editor.   *  Pode parecer complicado, mas é questão de pratica. Essas ferramentas são as mais simples usadas para construção de widgets. * Construção de blogs é uma área bastante vasta e pode inúmeras funcionalidades. Depende apenas da criatividade e determinação do Designer.
Pratica de construção:  widgets
Pratica de construção:  widgets Com o visual em HTML e o Magpie funcionando, é hora de juntar tudo. Use como exemplo o arquivo widget.php fornecido no pacote citado no começo deste tutorial. A idéia é usar a variável $widget para armazenar os comandos HTML. Ele começa recebendo o HTML referente aos comandos anteriores ao conteúdo em RSS, depois, em um laço foreach, gera as tags para cada notícia, recebendo, ao final, o restante do HTML. Ignore tudo o que vem antes de (incluindo o próprio) e depois de ao unir o HTML em uma página PHP. Novamente, se preferir, simplesmente use o arquivo fornecido e mexa nos comandos iniciados por $widget .=. Por fim, não se esqueça de substituir o endereço do RSS pelo do seu site.
Pratica de construção:  widgets Depois de cumprir o passo anterior, grave o arquivo widget.php na pasta widget e teste o resultado na URL  http://localhost / widget / widget . php . Se tudo correu bem, o widget deverá ser mostrado perfeitamente. Caso tenha ocorrido alguma mensagem de erro, verifique se há aspas dentro dos argumentos do comando echo e as retire. Outro erro comum é esquecer de finalizar cada linha em PHP com ponto-e-vírgula.
Pratica de construção:  widgets Com tudo funcionando, é possível enviar o widget para um provedor online e permitir seu uso por blogs e outros sites. Envie toda a pasta widget. Para adicionar o widget a uma página, basta usar o código abaixo (substituindo o endereço inicial pelo de seu site): Com isso, o widget aparece automaticamente. Vale a pena, posteriormente, mexer no código para adicionar recursos ao widget, como parâmetros para fixar o tamanho horizontal e vertical, número de itens RSS baixados, entre outros. No pacote indicado inicialmente, há um arquivo widget_p.php com alguns desses parâmetros prontos.  Há alguns serviços que permitem criar um widget com base em um canal RSS automaticamente, sem conhecimentos de programação. Uma versão simples é a do  Widgets . cc , com poucas opções de personalização. Já o widget do site  Grazr   pode receber temas, utilizar listas de canais em OPML e ser publicado em páginas como Netvibes e Pageflakes.
Pratica de construção:  widgets
Servidores de blogs
Servidores de blogs
Servidores de blogs
Conclusão sobre blogs A blogosfera, termo que representa o mundo dos blogs, ou os blogs como uma comunidade ou rede social, cresceu em ritmo espantoso. Em 1999 o número de blogs era estimado em menos de 50; no final de 2000, a estimativa era de poucos milhares. Menos de três anos depois, os números saltaram para algo em torno de 2,5 a 4 milhões. Atualmente existem cerca de 112 milhões de blogs e cerca de 120 mil são criados diariamente, de acordo com o estudo  State of Blogosphere . O Blog é uma ferramenta de comunicação social para difusão de informações, mais simplificadas e praticas que um website comum. Não esquecendo que um blog é uma home page com limitações, onde o potencial para seu desenvolvimento esta conhecimento do blogeiro.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Manual Joomla 1.5
 Manual Joomla 1.5 Manual Joomla 1.5
Manual Joomla 1.5
 
Aplicativo aula03
Aplicativo aula03Aplicativo aula03
Aplicativo aula03
 
Mini curso introdutório ao Django
Mini curso introdutório ao DjangoMini curso introdutório ao Django
Mini curso introdutório ao Django
 
SEO - Otimização de Sites
SEO - Otimização de SitesSEO - Otimização de Sites
SEO - Otimização de Sites
 
06 html links e frames
06 html   links e frames06 html   links e frames
06 html links e frames
 
Workshop de Web Components
Workshop de Web ComponentsWorkshop de Web Components
Workshop de Web Components
 
Wordpress basico
Wordpress basicoWordpress basico
Wordpress basico
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPress
 
Html básico 1
Html básico 1Html básico 1
Html básico 1
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogs
 
WordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteWordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu site
 
Como criar um blog - Usando o wordpress no seu próprio domínio
Como criar um blog - Usando o wordpress no seu próprio domínioComo criar um blog - Usando o wordpress no seu próprio domínio
Como criar um blog - Usando o wordpress no seu próprio domínio
 
Apostila curso xhtml css
Apostila curso xhtml cssApostila curso xhtml css
Apostila curso xhtml css
 
426 curso html
426 curso html426 curso html
426 curso html
 
Html manual
Html manualHtml manual
Html manual
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Html básico 3 links
Html básico 3   linksHtml básico 3   links
Html básico 3 links
 
Html aula 1
Html aula 1Html aula 1
Html aula 1
 

Ähnlich wie Criando widgets para blogs

Apresentação sobre Feeds (com respostas)
Apresentação sobre Feeds (com respostas)Apresentação sobre Feeds (com respostas)
Apresentação sobre Feeds (com respostas)guestd9017
 
Wordpress - Gerenciamento de Blogs e sites - Aula 1
Wordpress - Gerenciamento de Blogs e sites - Aula 1Wordpress - Gerenciamento de Blogs e sites - Aula 1
Wordpress - Gerenciamento de Blogs e sites - Aula 1Saulo Matias
 
Tutorial para Fazer Blogs
Tutorial para Fazer BlogsTutorial para Fazer Blogs
Tutorial para Fazer Blogsclair Zaffari
 
Criando e Usando Helpers
Criando e Usando HelpersCriando e Usando Helpers
Criando e Usando HelpersJoaoVagner
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010Guga Alves
 
Blog educacional
Blog educacionalBlog educacional
Blog educacionalYvana Costa
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogsjohnbank1
 
Wordpress SEO - Muito além de plugins
Wordpress SEO - Muito além de pluginsWordpress SEO - Muito além de plugins
Wordpress SEO - Muito além de pluginsFabio Ricotta
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojofabioginzel
 
Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Diego Lopes
 
Tutorial Sobre Flogs
Tutorial Sobre FlogsTutorial Sobre Flogs
Tutorial Sobre Flogsneuza
 

Ähnlich wie Criando widgets para blogs (20)

Apresentação sobre Feeds (com respostas)
Apresentação sobre Feeds (com respostas)Apresentação sobre Feeds (com respostas)
Apresentação sobre Feeds (com respostas)
 
Wordpress - Gerenciamento de Blogs e sites - Aula 1
Wordpress - Gerenciamento de Blogs e sites - Aula 1Wordpress - Gerenciamento de Blogs e sites - Aula 1
Wordpress - Gerenciamento de Blogs e sites - Aula 1
 
Tutorial para Fazer Blogs
Tutorial para Fazer BlogsTutorial para Fazer Blogs
Tutorial para Fazer Blogs
 
Criando e Usando Helpers
Criando e Usando HelpersCriando e Usando Helpers
Criando e Usando Helpers
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010
 
Html5 em 15_minutos
Html5 em 15_minutosHtml5 em 15_minutos
Html5 em 15_minutos
 
Blog educacional
Blog educacionalBlog educacional
Blog educacional
 
Passo a passo_blog educacional
Passo a passo_blog educacionalPasso a passo_blog educacional
Passo a passo_blog educacional
 
Guia BáSico 3
Guia BáSico 3Guia BáSico 3
Guia BáSico 3
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
 
Como desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a ZComo desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a Z
 
Wordpress SEO - Muito além de plugins
Wordpress SEO - Muito além de pluginsWordpress SEO - Muito além de plugins
Wordpress SEO - Muito além de plugins
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojo
 
Wordpress
WordpressWordpress
Wordpress
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Html manual
Html manualHtml manual
Html manual
 
Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
 
Tutorial Sobre Flogs
Tutorial Sobre FlogsTutorial Sobre Flogs
Tutorial Sobre Flogs
 
Feeds
FeedsFeeds
Feeds
 

Mehr von luizaselis

Laifi apresentação
Laifi   apresentaçãoLaifi   apresentação
Laifi apresentaçãoluizaselis
 
Redes sociais virtuais e ava apresentação
Redes sociais virtuais e ava  apresentaçãoRedes sociais virtuais e ava  apresentação
Redes sociais virtuais e ava apresentaçãoluizaselis
 
Twitter - Apresentação
Twitter - ApresentaçãoTwitter - Apresentação
Twitter - Apresentaçãoluizaselis
 
Redes Sociais Virtuais e AVA - Apresentação
Redes Sociais Virtuais e AVA - ApresentaçãoRedes Sociais Virtuais e AVA - Apresentação
Redes Sociais Virtuais e AVA - Apresentaçãoluizaselis
 
Slides apresentação calc_nte 03
Slides  apresentação calc_nte 03Slides  apresentação calc_nte 03
Slides apresentação calc_nte 03luizaselis
 
Slides apresentação impress nte 03
Slides apresentação impress nte 03Slides apresentação impress nte 03
Slides apresentação impress nte 03luizaselis
 
Slides apresentação writer nte 03
Slides apresentação  writer nte 03Slides apresentação  writer nte 03
Slides apresentação writer nte 03luizaselis
 
Slides de introdução oficina linux 2011_nte 03
Slides de introdução oficina linux 2011_nte 03Slides de introdução oficina linux 2011_nte 03
Slides de introdução oficina linux 2011_nte 03luizaselis
 
Celulas tronco 1
Celulas tronco 1Celulas tronco 1
Celulas tronco 1luizaselis
 
Tudo depende de mim
Tudo depende de mimTudo depende de mim
Tudo depende de mimluizaselis
 

Mehr von luizaselis (10)

Laifi apresentação
Laifi   apresentaçãoLaifi   apresentação
Laifi apresentação
 
Redes sociais virtuais e ava apresentação
Redes sociais virtuais e ava  apresentaçãoRedes sociais virtuais e ava  apresentação
Redes sociais virtuais e ava apresentação
 
Twitter - Apresentação
Twitter - ApresentaçãoTwitter - Apresentação
Twitter - Apresentação
 
Redes Sociais Virtuais e AVA - Apresentação
Redes Sociais Virtuais e AVA - ApresentaçãoRedes Sociais Virtuais e AVA - Apresentação
Redes Sociais Virtuais e AVA - Apresentação
 
Slides apresentação calc_nte 03
Slides  apresentação calc_nte 03Slides  apresentação calc_nte 03
Slides apresentação calc_nte 03
 
Slides apresentação impress nte 03
Slides apresentação impress nte 03Slides apresentação impress nte 03
Slides apresentação impress nte 03
 
Slides apresentação writer nte 03
Slides apresentação  writer nte 03Slides apresentação  writer nte 03
Slides apresentação writer nte 03
 
Slides de introdução oficina linux 2011_nte 03
Slides de introdução oficina linux 2011_nte 03Slides de introdução oficina linux 2011_nte 03
Slides de introdução oficina linux 2011_nte 03
 
Celulas tronco 1
Celulas tronco 1Celulas tronco 1
Celulas tronco 1
 
Tudo depende de mim
Tudo depende de mimTudo depende de mim
Tudo depende de mim
 

Criando widgets para blogs

  • 1. Um blog (contração do termo &quot; Web log &quot;), também chamado de blogue em Portugal, é um site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos, ou &quot;posts&quot;. Estes são, em geral, organizados de forma cronológica inversa, tendo como foco a temática proposta do blog, podendo ser escritos por um número variável de pessoas, de acordo com a política do blog. O que são blogs
  • 2. O blog atual é uma evolução dos diários online, onde pessoas mantinham informações constantes sobre suas vidas pessoais. Estes primeiros blogs eram simplesmente componentes de sites, atualizados manualmente no próprio código da página. A evolução das ferramentas que facilitavam a produção e manutenção de artigos postados em ordem cronológica facilitaram o processo de publicação, ajudando em muito na popularização do formato. Isso levou ao aperfeiçoamento de ferramentas e hospedagem próprios para blogs. O que são blogs
  • 3. Como Criar um Blog ?
  • 4. Nesta página, você deverá criar a sua conta no Blogger. Preencha os campos solicitados: - Nome de usuário: você utilizará sempre que quiser acessar o Blogger - Senha: deve possuir no mínimo 6 caracteres e será usada sempre que quiser acessar o Blogger - Nome exibido: será a assinatura de seu blog - Endereço de e-mail Após ler os termos de serviço, aceite-os e clique em Continuar . Como Criar um Blog ?
  • 5. Como Criar um Blog ?
  • 6. Como Criar um Blog ?
  • 7. Como Criar um Blog ?
  • 15. Na opção Settings, será possível fazer alguns ajustes em seu blog. Ela é composta por sub-opções, que serão apresentadas a seguir. A sub-opção Basic possui as seguintes possibilidades: - Em Title, você pode alterar o título do blog; - Em Description, você pode fazer uma breve descrição do blog; - Em Add your Blog to our listings?, você pode decidir se seu blog será adicionado à lista de blogs do Blogger. - Em Show Quick Editing on your Blog?, você tem a opção de criar um link de acesso para editar seu blog na página de entrada do Blogger, imediatamente após seu login; - Em Show Email Post links?, você decide se quer que seu e-mail apareça quando você posta uma mensagem Comfigurando o Blog
  • 18.
  • 28. Design do seu Blog!
  • 29. Design do seu Blog! Template (ou &quot;modelo de documento&quot;) é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final. Web templates (ou &quot;modelos de página&quot;) são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um &quot;sistema de template&quot;.
  • 30. Design do seu Blog! Opção > Editar HTML : Apresentara o código-fonte do seu blog: <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head>
  • 31. Design do seu Blog!
  • 38. Criação de gadgets Gadget (em inglês: geringonça, dispositivo ) é um equipamento que tem um propósito e uma função específica, prática e útil no cotidiano. São comumente chamados de gadgets dispositivos eletrônicos portáteis como PDAs, celulares, smartphones , leitores de mp3, entre outros. Em outras palavras, é uma &quot;geringonça&quot; eletrônica. Na Internet ou mesmo dentro de algum sistema computacional (sistema operacional, navegador web ou desktop ), chama-se também de gadget algum pequeno software , pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. No site iGoogle, por exemplo, é possível que seja adicionado alguns dos muitos gadgets disponíveis. O Google Desktop, o Windows Vista, o Mac OS X, o KDE e o Gnome são ambientes que aceitam alguns tipos de gadgets específicos, acrescentando funcionalidades ao desktop do sistema.
  • 39. Criação de widgets Um widget, que possivelmente é a fusão entre windows (janela) e gadget, é um componente com interface gráfica (botões, menus, janelas...) e que permite adicionar ao sistema operacional uma funcionalidade específica, por exemplo, widgets de relógio, previsão do tempo, etc. Os widgets são de dois tipos: de baixo nível e de alto nível. Os de baixo nível, de acordo com a wikipedia, &quot;são utilizados para a confeccção do sistema operacional e fazem parte do núcleo do sistema&quot;. Já os de alto nível &quot;seriam os objetos finais propriamente ditos. Muitas vezes fazem referências a objetos de baixo nível fornecidos pelo comando do sistema operacional. Estes objetos são facilmente encontrados em bibliotecas de desenvolvimento (toolkit) ou em frameworks&quot;.
  • 43. Criação de widgets Linguagem especifica do blog : A implementação do blog pode ser feita toda em uma linguagem de script especifica. Exemplo no blogspot a linguagem utilizada é C++ script para a implementação dos widgets. Enquanto o a linguagem HTML juntamente com javascript tem a função de estruturação do blog, mantendo a base do sistema de apresentação da pagina.
  • 44. Pratica de construção: widgets Os widgets estão no auge de sua popularidade. Com eles é possível adicionar notícias, miniaplicativos, joguinhos e outros trecos digitais a qualquer blog ou site pessoal. Parece complicado de fazer, mas, em termos de programação, um widget é meramente um componente, classe ou página que gera o conteúdo em HTML, JavaScript ou Flash capaz de mostrar as informações desejadas. Neste tutorial, vamos montar um widget simples, capaz de baixar e mostrar as notícias de um canal RSS definido previamente, feito em PHP. O pacote de arquivos PHP e HTML usados no passo-a-passo está em www.info.abril.com.br/download/5166.shtml .
  • 45. Pratica de construção: widgets Antes de mais nada uma breve explicação sobre Canais RSS: RSS é um subconjunto de &quot;dialetos&quot; XML que servem para agregar conteúdo ou &quot;Web syndication&quot; , podendo ser acessado mediante programas ou sites agregadores. É usado principalmente em sites de notícias e blogs. A tecnologia do RSS permite aos usuários da internet se inscreverem em sites que fornecem &quot;feeds&quot; RSS. Estes são tipicamente sites que mudam ou atualizam o seu conteúdo regularmente. Para isso, são utilizados Feeds RSS que recebem estas atualizações, desta maneira o utilizador pode permanecer informado de diversas atualizações em diversos sites sem precisar visitá-los um a um.
  • 46. Pratica de construção: widgets Para começar, vamos instalar o pacote WampServer . Ele será nossa base para testar o widget no computador local antes de enviá-lo para um servidor acessível pela internet.
  • 47. Pratica de construção: widgets Depois disso, crie uma pasta denominada widget, dentro do diretório C:ampww onde colocaremos os arquivos do widget. O principal componente que usaremos em nosso widget é o Magpie RSS, um pacote para baixar e ler canais RSS. Para isso, descompacte o pacote Magpie RSS em uma pasta e copie os arquivos rss_fetch.inc, rss_parser.inc, rss_cache.inc e and rss_utils.inc para uma subpasta magpierss dentro da pasta widget criada acima. Além disso, copie para lá também a pasta extlib.
  • 50. Pratica de construção: widgets Copie, agora, para a pasta widget, o arquivo magpie_simple.php, que está na pasta scripts do pacote do Magpie. Edite o arquivo, substituindo a linha define(´MAGPIE_DIR´, ´../´); por define(´MAGPIE_DIR´, ´magpierss/´);. Grave tudo e acesse http://localhost/widget/magpie_simple.php. Digite o endereço de um canal RSS e verifique se o componente Magpie está funcionando corretamente.
  • 51. Pratica de construção: widgets Agora, use o editor HTML KompoZer para definir o visual de nosso widget. Como queremos mostrar notícias em seqüência, um visual tabular resolve bem. Lembre-se de deixar um texto referente a cada notícia, de forma a facilitar a localização dos pontos onde entrarão essas informações no código HTML gerado pelo editor. * Pode parecer complicado, mas é questão de pratica. Essas ferramentas são as mais simples usadas para construção de widgets. * Construção de blogs é uma área bastante vasta e pode inúmeras funcionalidades. Depende apenas da criatividade e determinação do Designer.
  • 53. Pratica de construção: widgets Com o visual em HTML e o Magpie funcionando, é hora de juntar tudo. Use como exemplo o arquivo widget.php fornecido no pacote citado no começo deste tutorial. A idéia é usar a variável $widget para armazenar os comandos HTML. Ele começa recebendo o HTML referente aos comandos anteriores ao conteúdo em RSS, depois, em um laço foreach, gera as tags para cada notícia, recebendo, ao final, o restante do HTML. Ignore tudo o que vem antes de (incluindo o próprio) e depois de ao unir o HTML em uma página PHP. Novamente, se preferir, simplesmente use o arquivo fornecido e mexa nos comandos iniciados por $widget .=. Por fim, não se esqueça de substituir o endereço do RSS pelo do seu site.
  • 54. Pratica de construção: widgets Depois de cumprir o passo anterior, grave o arquivo widget.php na pasta widget e teste o resultado na URL http://localhost / widget / widget . php . Se tudo correu bem, o widget deverá ser mostrado perfeitamente. Caso tenha ocorrido alguma mensagem de erro, verifique se há aspas dentro dos argumentos do comando echo e as retire. Outro erro comum é esquecer de finalizar cada linha em PHP com ponto-e-vírgula.
  • 55. Pratica de construção: widgets Com tudo funcionando, é possível enviar o widget para um provedor online e permitir seu uso por blogs e outros sites. Envie toda a pasta widget. Para adicionar o widget a uma página, basta usar o código abaixo (substituindo o endereço inicial pelo de seu site): Com isso, o widget aparece automaticamente. Vale a pena, posteriormente, mexer no código para adicionar recursos ao widget, como parâmetros para fixar o tamanho horizontal e vertical, número de itens RSS baixados, entre outros. No pacote indicado inicialmente, há um arquivo widget_p.php com alguns desses parâmetros prontos. Há alguns serviços que permitem criar um widget com base em um canal RSS automaticamente, sem conhecimentos de programação. Uma versão simples é a do Widgets . cc , com poucas opções de personalização. Já o widget do site Grazr pode receber temas, utilizar listas de canais em OPML e ser publicado em páginas como Netvibes e Pageflakes.
  • 60. Conclusão sobre blogs A blogosfera, termo que representa o mundo dos blogs, ou os blogs como uma comunidade ou rede social, cresceu em ritmo espantoso. Em 1999 o número de blogs era estimado em menos de 50; no final de 2000, a estimativa era de poucos milhares. Menos de três anos depois, os números saltaram para algo em torno de 2,5 a 4 milhões. Atualmente existem cerca de 112 milhões de blogs e cerca de 120 mil são criados diariamente, de acordo com o estudo State of Blogosphere . O Blog é uma ferramenta de comunicação social para difusão de informações, mais simplificadas e praticas que um website comum. Não esquecendo que um blog é uma home page com limitações, onde o potencial para seu desenvolvimento esta conhecimento do blogeiro.