Como criar Widgets na Web para o iBooks Author

iBooks Author fornece objectos HTML que podem conter fragmentos de código HTML (o que a Apple chama de widgets da Web), que lhe permitem executar funcionalidade do site semelhante a partir de um e-book. Você não pode simplesmente copiar o código HTML para um padrão da web page- você tem que criar o que a Apple chama de um widget Web, usando sua ferramenta Dashcode, um download gratuito a partir do site da apple (Que exige que você se registrar como um desenvolvedor).

Para adicionar um objeto HTML, escolha HTML no menu ícone Widgets na barra de ferramentas ou escolha Inserir-Widget-HTML. Para obter o código do widget web em um objeto HTML selecionado, você tem algumas opções:

  • Arraste o arquivo Widget Dashcode a partir do Finder para o objeto.

  • Clique em Escolher no painel Interação do inspetor Widget para abrir uma folha de configurações, onde você pode localizar um arquivo Dashcode, selecione-o e clique em Inserir para adicioná-lo ao objeto HTML.

    image0.jpg

Como os objetos HTML reproduzir em modo de tela cheia no iPad, o tamanho padrão para um objeto HTML é relativamente pequena, sob a suposição de que a imagem de visualização é mais como um botão ou um ícone do que um fac-símile detalhada de uma página web. Você pode redimensionar o objeto HTML como qualquer outro objeto se a sua imagem de visualização garante um tamanho maior.

Se você está pensando em fazer mais do que os widgets básicos Dashcode, você precisa de HTML sólida, CSS e javascript habilidades. Mas o processo básico para a criação de um web widget é o mesmo, independentemente da sua complexidade.

Ao criar um widget web em Dashcode, a primeira decisão é o tipo de widget web que pretende criar. Para especificar o tipo de widget, siga estes passos:

  1. Inicie a aplicação Dashcode no seu Mac.

  2. Abra um novo projeto escolhendo Project New File-.

    Alternativamente, você pode pressionar Command + N.

  3. Escolha Painel como o tipo de widget do painel esquerdo na folha de definições que aparece.

    image1.jpg

    Você não pode usar os widgets Safari no iBooks Author.

  4. Selecione o modelo desejado a partir da folha de definições, e clique em Escolher.

    Você também pode clicar em Abrir existente para continuar trabalhando em um widget criado anteriormente.

Na janela do projecto que se abre depois de criar um widget, uma lista de atributos de objeto aparece no painel esquerdo, e uma lista de tarefas aparece na parte inferior desse painel. As opções variam de acordo com o tipo de widget que você escolheu para criar.

image2.jpg

A terceira geração do iPad tem uma resolução de tela de 2048 por 1536 pixels, mas você ainda definir as dimensões do widget web para a resolução de 1024 por 768 pixels, tanto para compatibilidade com os milhões de iPads de gerações anteriores e porque o terceiro iPad geração usa sua resolução extra para não empinar mais pixels na tela, mas para produzir pixels mais suaves que parecem mais imagens da vida real.

Porque web widgets em objectos HTML do iBooks Author executado em tela cheia no iPad, tirar pleno partido do que o tamanho da tela para os seus widgets.

Depois de definir visual do widget web, percorrer as várias componentes listados na parte inferior do painel da esquerda. Você também pode exibir (e editar) o código relevante abaixo da janela principal, escolhendo View-Source Code ou pressionando Command + 2.

image3.jpg

Abaixo da lista de componentes é o painel de fluxo de trabalho Passos, que permite percorrer as etapas necessárias para concluir o widget web, com ações necessárias listados. Clique no ícone de triângulo a uma exigência da esquerda para ter a janela principal mostra as configurações apropriadas. Clique em Marcar como Concluído para cada etapa do fluxo de trabalho que você terminou de modo que você pode facilmente acompanhar o seu progresso.

Visualize seu web widget clicando no botão Executar na barra de ferramentas.

Para obter o web widget para iBooks Author, vá para o passo do fluxo de trabalho final (Teste Share) e clique na opção Compartilhar. Clique em Salvar para disco e para criar o widget (.wdgt) De arquivo que podem ser importados ou arrastados para iBooks Author.

menu