| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <!-- | |
| Copyright (c) 2009, 2010, Oracle and/or its affiliates. All rights reserved. | |
| --> | |
| <html> | |
| <head>` | |
| <title>Guia de início rápido do desenvolvimento de MIDP em Java ME - Tutorial do NetBeans IDE</title> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | |
| <link rel="stylesheet" type="text/css" href="../../../netbeans.css"> | |
| <meta name="author" content=""> | |
| </head> | |
| <body> | |
| <h1>Guia de início rápido de desenvolvimento Java ME MIDP</h1> | |
| <p>Este tutorial guia você através das etapas básicas da utilização do NetBeans IDE para criar uma plataforma Java™, Micro Edition (plataforma Java™ ME), aplicativo Perfil de dispositivo de informação móvel (MIDP) e é desenhado para iniciar o desenvolvimento do aplicativo móvel mais rápido possível. O tutorial a seguir o orienta através de algumas etapas básicas do trabalho com o sistema de projeto. Nós mostramos duas maneiras de criar um projeto Java ME MIDP chamado "MyHello" que exibe o texto "Make My Day" em um emulador de dispositivo. Este tutorial preparar você para usar outros recursos do IDE para o desenvolvimento de aplicativos CLDC/MIDP.</p> | |
| <!-- <p class="notes"><b>Observação:</b> Se você estiver usando o NetBeans IDE 6.8, consulte o <a href="../../68/javame/quickstart.html">Guia de Início Rápido ao Desenvolvimento em NetBeans IDE 6.8 Java ME MIDP</a>.</p>--> | |
| <h3>Conteúdo</h3> | |
| <img src="../../../images_www/articles/69/netbeans-stamp-69-70-71.png" class="stamp" | |
| alt="O conteúdo desta página se aplica ao NetBeans IDE 6.9 ou posterior" | |
| title="O conteúdo desta página se aplica ao NetBeans IDE 6.9 ou posterior" /> | |
| <ul> | |
| <li><a href="#reqs" title="Requisitos do Tutorial">Requisitos do Tutorial</a></li> | |
| <li><a href="#vmd" title="Criando aplicações no vmd</a>Criando uma aplicação no Visual Mobile Designer"></li> | |
| <li><a href="#source" title="Criando aplicativos no editor de código-fonte">Criando aplicativos no editor de código-fonte</a></li> | |
| <li><a href="#nextsteps" title="Próximas etapas">Próximas etapas</a></li> | |
| </ul> | |
| <h2><a name="reqs"></a>Requisitos</h2> | |
| <p><b>Para concluir este tutorial, você precisa dos seguintes recursos e softwares:</b></p> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <th class="tblheader" scope="col">Software ou recurso</th> | |
| <th class="tblheader" scope="col">Versão necessária</th> | |
| </tr> | |
| <tr> | |
| <td class="tbltd1"><a href="https://netbeans.org/downloads/index.html" target="_blank">NetBeans IDE com Java ME</a></td> | |
| <td class="tbltd1">Versão 6.9 ou posterior </td> | |
| </tr> | |
| <tr> | |
| <td class="tbltd1"><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html" target="_blank">Java Development Kit</a> (JDK)</td> | |
| <td class="tbltd1">Versão 6 ou 7 </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <br> | |
| <p><b class="notes">Observação</b>: o emulador agrupado com o IDE varia dependendo de qual instalador de sistema operacional foi baixado.</p> | |
| <ul> | |
| <li>A distribuição do Windows do NetBeans 6.7 e posterior vêm agrupado com o Java ME SDK 3.0.</li> | |
| <li>A distribuição do Linux do NetBeans IDE está agrupado com o Sun Java Wireless Toolkit 2.5.2.</li> | |
| <li>A versão MacOS X do NetBeans 6.9 está agrupada com o Java ME SDK 3.0 para CLDC.</li> | |
| </ul> | |
| <h2><a name="vmd"></a>Criando um aplicativo MIDP utilizando o Visual Mobile Designer</h2> | |
| <p>O NetBeans IDE fornece um assistente que permite que você crie rapidamente um projeto MIDP. Ao criar o projeto, você pode optar por desenvolver a aplicação no Visual Mobile Designer (VMD) ou no editor de código-fonte. Utilizar o VMD fornece a habilidade de planejar visualmente o fluxo do aplicativo e o desenho da tela nas utilizações do aplicativo. O projetista cria automaticamente o código para o aplicativo conforme as alterações são salvas na tela de desenho. </p> | |
| <h3 class="tutorial">Criando uma aplicação MIDP/CLDC </h3> | |
| <ol> | |
| <li>Escolha <tt>Arquivo</tt> > <tt>Novo projeto (Ctrl+Shift+N)</tt>. Em Categorias, selecione <tt>Java ME</tt>. Em Projetos, selecione <tt>Aplicativo móvel</tt> e clique em Próximo.</li> | |
| <li>Insira <code>MyHello</code> no campo Nome do projeto. Use a localização de projeto padrão ou altere-a para o diretório de sua preferência no sistema. Neste tutorial, esse diretório é definido como <code>$PROJECTHOME</code>. </li> | |
| <li>Marque as caixas de verificação <tt>Definir como projeto principal</tt> e <tt>Criar Hello MIDlet</tt> (ambas estão marcadas por padrão). Clique em Próximo. </li> | |
| <li>Selecione o padrão como a plataforma do emulador e utilize os padrões restantes. Clique em Terminar. </li> | |
| <!--li><a name="template"></a>Expand "Configuration templates provided by | |
| installed CLDC platforms" and "Sun Java Wireless Toolkit 2.52 for CLDC " | |
| folders. Check the boxes next to each of the configurations. | |
| The IDE automatically creates a new project configuration for each template | |
| listed. | |
| --> | |
| <li>O IDE cria a pasta do projeto <code>$PROJECTHOME/MyHello</code>. A pasta do projeto contém todos os códigos-fonte e os metadados do projeto, como o script Ant do projeto. A própria aplicação é exibida na janela Design de fluxo do Visual Mobile Designer.</li> | |
| <p><img src="../../../images_www/articles/71/mobility/quickstart/newjavameproject.png" alt="Visualização de fluxo de Hello Midlet no IDE" width="608" height="374"></p> | |
| <p>Observação: para uma descrição completa dos componentes da paleta disponíveis, consulte a <a href="http://wiki.netbeans.org/VisualMobileDesignerPalatteReference">Referência da paleta do Visual Mobile Designer</a>.</p> | |
| </ol> | |
| <h3 class="tutorial">Editando o código-fonte Java</h3> | |
| <p>Agora, vamos editar o texto exibido pelo MIDlet.</p> | |
| <ol> | |
| <li>Em <tt>HelloMIDlet.java</tt> clique em Tela para mostrar a janela Projetista de tela exibindo a Tela do dispositivo, que é a única tela disponível no aplicativo. </li> | |
| <li>Clique na mensagem <tt>Hello World!</tt> na tela do dispositivo. Na janela Propriedades, clique no texto <tt>Hello World!</tt> para modificar a mensagem e pressione Enter. Neste exemplo, digitamos <tt>Make my day</tt>.</li> | |
| <p><img src="../../../images_www/articles/71/mobility/quickstart/stringedit.png" alt="O texto 'Make my day' é digitado no campo de texto da janela Propriedades." ></p> | |
| <li>A visualização Tela exibe o texto inserido no campo Texto.</li> | |
| <p><img src="../../../images_www/articles/71/mobility/quickstart/motd-screen.png" alt="O texto 'Make my day' está visível na visualização Tela do dispositivo na visualização Tela do VMD." ></p> | |
| </ol> | |
| <h3 class="tutorial">Compilando e executando o projeto</h3> | |
| <ol> | |
| <li>Selecione <tt>Executar</tt> > <tt>Executar projeto principal (F6)</tt> no menu Executar). Siga o progresso da compilação do projeto na Janela de saída. Observe que o arquivo <code>HelloMIDlet.java</code> é construído antes de ser executado. Um emulador de dispositivo é aberto para exibir os resultados do MIDlet executado. O emulador de dispositivo inicia o MIDlet e exibe o texto inserido no código-fonte.</li> | |
| <p><strong>Dica:</strong> é possível especificar o emulador para executar o MIDlet ao clicar com o botão direito do mouse no nó do projeto e selecionar Executar com...<tt></tt> do menu contextual. O <tt>DefaultFXPhone1</tt> disponível no Java ME SDK 3.0 é mostrado abaixo.</p> | |
| <p><img src="../../../images_www/articles/71/mobility/quickstart/motd-emulator.png" alt="Mensagem Faça meu dia exibida no emulador para celular Java ME SDK JavaFX "></p> | |
| <li>Clique no botão abaixo de Sair para fechar o MIDlet. Em seguida, clique no botão no canto superior direito do dispositivo para fechar a janela do emulador. </li> | |
| </ol> | |
| </div> | |
| <h2><a name="source"></a>Criando uma aplicação MIDP usando o editor de código-fonte</h2> | |
| <div class="indent"> | |
| <p>Usando o Editor de código-fonte, crie manualmente o código para os MIDlets. Ao criar o código no Editor de código-fonte, você tem mais flexibilidade ao editar o código e pode inserir blocos do código do pré-processador. Em seguida, criamos o aplicativo <code>MyHello</code> usando os assistentes para Novo projeto e Novo arquivo e completaremos o código usando o editor de código-fonte. </p> | |
| <h3 class="tutorial">Criando um novo projeto Java ME MIDP </h3> | |
| <ol> | |
| <li>Escolha <tt>Arquivo</tt> > <tt>Novo projeto (Ctrl-Shift-N)</tt>. Em Categorias, selecione <tt>Java ME</tt>. Em Projetos, selecione <tt>Aplicativo móvel</tt> e clique em Próximo.</li> | |
| <li>Digite <code>MyHelloMIDlet</code> no campo Nome do projeto (observe que "MID" é em maiúsculas). Especifique o local do projeto que é diferente do local do projeto <a href="#vmd"><code>MyHello</code></a> criado anteriormente. Fazemos referência a este diretório como <code>$PROJECTHOME</code> neste tutorial. </li> | |
| <li>Marque a caixa de verificação Definir como projeto principal e desmarque a caixa Criar Hello MIDlet. Clique em Próximo. </li> | |
| <li>Selecione a plataforma do emulador padrão e utilize os padrões restantes. Clique em Terminar. </li> | |
| <!--li>Expand "Configuration templates provided by installed CLDC platforms" and "Sun Java Wireless Toolkit 2.52 for CLDC " folders. Check the boxes next to each of the configurations. The IDE automatically creates a new project configuration for each template listed. </li--> | |
| <li>O IDE cria a pasta do projeto <code>$PROJECTHOME/MyHelloMIDlet</code>. A pasta do projeto contém todos os códigos-fonte e os metadados do projeto, como o script Ant do projeto. </li> | |
| <li>Clique com o botão direito do mouse no nó <code>MyHelloMIDlet</code> na janela do Explorer e escolha </tt>Novo<tt> > </tt>MIDlet<tt>.</li> | |
| <li>Insira <code>HelloMIDlet</code> como o nome do MIDlet (observe que "MID" não está em maiúsculas por padrão). Clique em Terminar. O arquivo <code>HelloMIDlet.java</code> é criado e o código-fonte é exibido na janela Editor do IDE. </li> | |
| <li>Clique no Editor de código-fonte e altere | |
| <pre class="examplecode">public class HelloMIDlet extends MIDlet</pre> | |
| para | |
| <pre class="examplecode">public class HelloMIDlet | |
| extends MIDlet implements javax.microedition.lcdui.CommandListener | |
| {</pre> | |
| </li> | |
| <li>Adicione o seguinte texto antes do método <code>startApp()</code>: | |
| <pre class="examplecode"> | |
| private void initialize() { | |
| javax.microedition.lcdui.Display.getDisplay(this).setCurrent(get_helloTextBox()); | |
| } | |
| public void commandAction(javax.microedition.lcdui.Command command, javax.microedition.lcdui.Displayable displayable) { | |
| if (displayable == helloTextBox) { | |
| if (command == exitCommand) { | |
| javax.microedition.lcdui.Display.getDisplay(this).setCurrent(null); | |
| destroyApp(true); | |
| notifyDestroyed(); | |
| } | |
| } | |
| } | |
| private javax.microedition.lcdui.TextBox get_helloTextBox() { | |
| if (helloTextBox == null) { | |
| helloTextBox = new javax.microedition.lcdui.TextBox(null, "Hello Test Code", 120, 0x0); | |
| helloTextBox.addCommand(get_exitCommand()); | |
| helloTextBox.setCommandListener(this); | |
| } | |
| return helloTextBox; | |
| } | |
| private javax.microedition.lcdui.Command get_exitCommand() { | |
| if (exitCommand == null) { | |
| exitCommand = new javax.microedition.lcdui.Command("Exit", javax.microedition.lcdui.Command.EXIT, | |
| 1); | |
| } | |
| return exitCommand; | |
| } | |
| javax.microedition.lcdui.TextBox helloTextBox; | |
| javax.microedition.lcdui.Command exitCommand; | |
| </pre> | |
| </li> | |
| <li>Adicione uma linha <code>initialize();</code> ao método <code>startApp()</code> para que tenha a seguinte aparência: | |
| <pre class="examplecode"> public void startApp() { | |
| initialize(); | |
| } | |
| </pre> | |
| </ol> | |
| <h3 class="tutorial">Editando o código-fonte Java</h3> | |
| <p>Agora, vamos adicionar texto ao MIDlet para exibição.</p> | |
| <ol> | |
| <li>No método <code>get_helloTextBox()</code>, substitua o código de exemplo, "Hello Test Code" com um texto a sua escolha. Por exemplo, "Faça meu dia." | |
| </ol> | |
| <!--<p><b class="notes">Observação:</b> para um guia completo sobre o uso do editor de código-fonte Java no NetBeans, consulte <a href="../../67/java/editor-tips.html">Edição de Java no NetBeans IDE</a>.</p>--> | |
| <h3 class="tutorial">Compilando e executando o projeto</h3> | |
| <ol> | |
| <li>Selecione <tt>Executar</tt> > <tt>Executar projeto principal (F6)</tt> no menu Executar). Siga o progresso da compilação do projeto na Janela de saída. Note que o arquivo <code>HelloMIDlet.java</code> é construído antes de ser executado. Um emulador de dispositivo abre para exibir os resultados do MIDlet executado e exibe o testo inserido no código fonte.</li> | |
| <p><img src="../../../images_www/articles/71/mobility/quickstart/mmd-emulator.png" alt="Mensagem Faça meu dia exibida no emulador Java ME SDK 3.0 CLDC Clamshell"></p> | |
| </ol> | |
| </div> | |
| <div class="feedback-box"><a href="/about/contact_form.html?to=6&subject=NetBeans%20MIDP%20Development%20Quick%20Start%20Guide">Envie-nos seus comentários</a></div> | |
| <br style="clear:both;" /> | |
| <h2><a name="nextsteps"></a>Próximas etapas </h2> | |
| <p>Para mais tutoriais mostrando como desenvolver aplicativos MIDP e CLDC visite a Trilha do aprendizado de aplicativo móvel.</p> | |
| <ul> | |
| <li><a href="../../trails/mobility.html">Trilha do aprendizado de Java ME no NetBeans</a></li> | |
| </ul> | |
| </body> | |
| </html> |