Início > Tutoriais > TUTORIAL: Crie widget para abrir um site

TUTORIAL: Crie widget para abrir um site

Introdução:

Como postei outro dia o widget para abrir meu blog, agora posto o tutorial de como criar seu próprio widget, que é bem fácil e simples.

Inicio:

Primeiro baixe o arquivo abaixo, que é um widget pronto.
http://library.forum.nokia.com/topic/Web_Developers_Library/OpenURL.wgz

Renomeie o arquivo OpenURL.wgz para OpenURL.zip, que ai ele vai mostrar como um arquivo ZIP normal, que agora deve ser descompactado para poder ser feito as devidas alterações, que ai vão ter 3 arquivos, Icon.png, info.plist e o widget.html.

Informações dos arquivos:

Icon.png: Arquivo que vai ser o ícone do widget, que pode ser editado como queira, mantendo tamanho máximo igual dessa imagem e tem que ser no formato png.

info.plist: Nele que vai conter instruções, e uma delas é fazer aparecer o nome do widget, aquele que vai aparecer no celular.

widget.html: Nesse arquivo vai ter o endereço do site a ser aberto pelo widget.

Renomeie os arquivos:

Para facilitar e entender, renomeie a pasta onde esta os 3 arquivos para o nome que deseja por no widget, vou usar como exemplo, o nome teste. Renomeie também o arquivo widget.html para teste.html(que é o nome que dei).

Editando os arquivos:

teste.html:
Abra o arquivo teste.html com o bloco de nota(clique com botão direito e escolha “abrir com”, escolha “bloco de notas”).

Com o arquivo aberto no bloco de nota, vai poder encontrar a linha abaixo:

widget.openURL(“http://www.forum.nokia.com/Resources_and_Information/Explore/Web_Technologies/Web_Runtime”);

Mude o endereço:
http://www.forum.nokia.com/Resources_and_Information/Explore/Web_Technologies/Web_Runtime
Para o endereço do site que deseja.

Salve o arquivo e feche.

info.plist:
Abra o arquivo info.plist com o bloco de nota(clique com botão direito e escolha “abrir com”, escolha “bloco de notas”).

Vamos encontrar as linhas:

<key>DisplayName</key>
<string>Widget</string>
<key>Identifier</key>
<string>com.S60.widget</string>
<key>Version</key>
<string>1.00</string>
<key>MainHTML</key>
<string>widget.html</string>

Altere conforme abaixo, onde teste é o nome do meu widget, então use o nome do seu futuro widget.

<key>DisplayName</key>
<string>teste</string>
<key>Identifier</key>
<string>teste</string>
<key>Version</key>
<string>1.00</string>
<key>MainHTML</key>
<string>teste.html</string>

Salve o arquivo e feche.

Finalizando:

Agora com todos arquivos alterados para seu widget personalizado, compacte em ZIP novamente a pasta que tinha sido descompactada, que no meu caso é a pasta como nome teste.

Renomeie o arquivo teste.zip para teste.wgz, que assim dele vai voltar a ser um widget como antes, só que alterado.

Pronto, esta feito, basta instalar no celular, que é  só colocar o arquivo dentro do celular e instale ele pelo gerenciador de arquivos do celular.

Espero que tenham gostado!

Fonte:
Forum Nokia

Anúncios
Categorias:Tutoriais
  1. Maycow
    06/11/2009 às 20:52

    Muito massa Belinex…valeu pelo tutorial!!

    Posta lá na comunidade N95&N95 8gb no orkut!!

    Abraço….

    Curtir

  2. 06/11/2009 às 21:53

    Valeu, Maycow!

    Curtir

  3. Roberto
    08/11/2009 às 09:51

    eu nunka entendi oq um widget direito.
    basicamente ele cria um atalho direto para um site?
    desculpa a ignorancia mas e q to vendo falar dese widget e n sei qq ele faz e oq ele é.

    Curtir

  4. 08/11/2009 às 11:21

    Roberto
    Esse tipo de widget que postei, serve apenas para criar atalhos para acesso de um site especifico, sem a necessidade de abrir o navegador e digitar o endereço do site.

    Curtir

  5. Roberto
    08/11/2009 às 21:57

    hum. entendi vlw

    Curtir

  6. Alaorlucio
    08/11/2009 às 23:19

    Comigo só deu certo quando eu não renomeei a 6ª linha do arquivo info.plist (widget.html). No geral, muito interessante.

    Curtir

  7. 09/11/2009 às 12:19

    @Alaorlucio
    8ª linha você quer dizer, certo?
    Mas então, você só vai renomear ela, se o arquivo html também for renomeado, ou seja, a ambos tem que ter o mesmo nome, a linha e o arquivo.

    Curtir

  8. Kawen
    19/11/2009 às 14:07

    Muito bom Belinex! Tentei uma vez criar um widget através do plusmo, mas o site travou e não consegui finalizar…

    Acho que algo que aumentaria muito a usabilidade do widget é permitir que ele mantenha salvo os dados de login (nome e senha), para que não seja necessário digitá-los novamente toda vez que se entra em algum site que exija cadastro!

    O que acha?

    Curtir

  9. 19/11/2009 às 14:19

    Valeu!

    Programação já não é minha área!
    Isso que postei é só um básico.

    Curtir

  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: