Voor het eerst een AIR-toepassing op HTML-basis maken met Dreamweaver

Voor een snelle en praktische illustratie van de werking van Adobe® AIR® kunt u met deze instructies een eenvoudige AIR-toepassing op HTML-basis maken en in een pakket plaatsen. Voor deze “Hello World”-toepassing gebruikt u de Adobe® AIR®-extensie voor Dreamweaver®.

Als u dit nog niet hebt gedaan, downloadt en installeert u Adobe AIR, te vinden op de volgende locatie: www.adobe.com/go/air_nl .

Zie Extensie AIR voor Dreamweaver installeren voor instructies voor het installeren van de Adobe AIR-extensie voor Dreamweaver.

Zie Extensie AIR voor Dreamweaver voor een overzicht van de extensie, inclusief systeemvereisten.

Opmerking: AIR-toepassingen op basis van HTML kunnen alleen worden ontwikkeld voor het profielen desktop en extendedDesktop. Het mobiele profiel wordt niet ondersteund.

De toepassingsbestanden voorbereiden

De beginpagina en alle gerelateerde pagina's van de Adobe AIR-toepassing moeten in een Dreamweaver-site worden gedefinieerd:

  1. Start Dreamweaver en zorg ervoor dat er een site is gedefinieerd.

  2. Open een nieuwe HTML-pagina als volgt: selecteer Bestand > Nieuw, selecteer HTML in de kolom Paginatype, selecteer Geen in de kolom Indeling en klik op Maken.

  3. Typ Hello World! in de nieuwe pagina.

    Dit voorbeeld is zeer eenvoudig, maar u kunt desgewenst de tekst opmaken, meer inhoud aan de pagina toevoegen, andere pagina's aan deze startpagina toevoegen, enzovoort.

  4. Sla de pagina op (Bestand > Opslaan) als hello_world.html. Let erop dat het bestand in een Dreamweaver-site wordt opgeslagen.

Zie de Help bij Dreamweaver voor meer informatie over Dreamweaver-sites.

De Adobe AIR-toepassing maken

  1. Zorg ervoor dat de pagina hello_world.html is geopend in het documentvenster van Dreamweaver. (Raadpleeg de voorgaande secties voor instructies over het maken van deze pagina.)

  2. Selecteer Site > Air-toepassingsinstellingen.

    De meeste verplichte instellingen in het dialoogvenster Instellingen voor AIR-toepassing en installatieprogramma worden automatisch ingevuld. U moet echter de eerste inhoud (of startpagina) van de toepassing selecteren.

  3. Klik op de knop Bladeren naast de optie Aanvankelijke inhoud, navigeer naar de pagina hello_world.html en selecteer deze pagina.

  4. Klik op de knop Instellen naast de optie Digitale handtekening.

    Een digitale handtekening vormt een garantie dat de code voor een toepassing niet is gewijzigd of beschadigd is geraakt sinds deze is gemaakt door de auteur van de software. Voor alle Adobe AIR-toepassingen is een digitale handtekening vereist.

  5. Selecteer in het dialoogvenster Digitale handtekening de optie AIR-bestand ondertekenen met digitaal certificaat en klik op de knop Maken. (Als u al toegang hebt tot een digitaal certificaat, kunt u op de knop Bladeren klikken om dit te selecteren.)

  6. Vul de velden in het dialoogvenster Niet-geautoriseerd digitaal certificaat in. U moet de volgende gegevens invoeren: uw naam, een wachtwoord (dat u moet bevestigen) en een naam voor het bestand voor het digitale certificaat. Het digitale certificaat wordt in de hoofdmap van de site opgeslagen.

  7. Klik op OK om terug te keren naar het dialoogvenster Digitale handtekening.

  8. Voer in het dialoogvenster Digitale handtekening het wachtwoord in dat u voor het digitale certificaat hebt opgegeven en klik op OK.

    Wanneer het dialoogvenster Adobe AIR - Instellingen voor toepassing en installatieprogramma volledig is ingevuld, ziet het er ongeveer zo uit:

    Afbeelding op volledige grootte weergeven

    Zie Een AIR-toepassing maken in Dreamweaver als u meer wilt weten over de opties in het dialoogvenster en over hoe u deze opties kunt bewerken.

  9. Klik op de knop AIR-bestand maken.

    Het Adobe AIR-toepassingsbestand wordt gemaakt en opgeslagen in de hoofdmap van de site. Daarnaast wordt een bestand met de naam application.xml gemaakt en op dezelfde locatie opgeslagen. Dit bestand vormt een manifest, waarin verschillende eigenschappen van de toepassing worden gedefinieerd.

De toepassing op een bureaublad installeren

Nu het toepassingsbestand is gemaakt, kunt u het op elk gewenst bureaublad installeren.

  1. Verplaats het Adobe AIR-toepassingsbestand uit de Dreamweaver-site naar het bureaublad of het bureaublad op een andere computer.

    Dfeze stap is optioneel. U kunt de nieuwe toepassing ook rechtstreeks vanuit de Dreamweaver-site op uw computer installeren.

  2. Dubbelklik op het uitvoerbare bestand van de toepassing (met extensie .air) om de toepassing te installeren.

Voorbeeld van de Adobe AIR-toepassing bekijken

U kunt wanneer u maar wilt voorbeelden bekijken van de pagina's die deel uitmaken van AIR-toepassingen. U hoeft de toepassing dus niet in een pakket te plaatsen om te zien hoe de toepassing er na installatie uitziet.

  1. Open de pagina hello_world.html in het documentvenster van Dreamweaver.

  2. Ga naar de werkbalk Document, klik op de knop Voorvertonen/Fouten opsporen in browser en selecteer Voorbeeld in AIR.

    U kunt ook op Ctrl+Shift+F12 (Windows) of Cmd+Shift+F12 (Macintosh) drukken.

    Wanneer u een voorbeeld van deze pagina bekijkt, ziet u wat een gebruiker te zien krijgt op de beginpagina van de toepassing nadat de toepassing op een computer is geïnstalleerd.