AIR applicaties zijn bedoeld om cross-platform te kunnen draaien, dat betekend dat deze op zowel een computer met daarop Windows, OSX, of Linux hetzelfde eruit moeten zien. Wat hebben al deze platformen met elkaar gemeen wat van belang is voor het ontwerpen van vensters?

Laten we allereerst beginnen met hoe applicaties en vensters binnen deze besturingssystemen opgebouwd worden.

Microsoft® Windows®:

• Een top-level window heeft geen eigenaar-venster en wordt weergegeven op de taakbalk. In Windows Vista en later, dialoog schermen zonder eigenaar en eigenschapbladen worden ook beschouwd als top-level.
• Een owned window is eigendom van een eigenaar-venster en wordt niet weergegeven op de taakbalk.Voorbeelden: modale dialoogvensters, modusloze dialoogvensters.
• Een user-initiated window wordt weergegeven als het directe resultaat van de actie van een gebruiker. Het is program initiated wanneer het door het programma zelf is ingeleid, of system initiated als het is opgestart vanuit Microsoft® Windows®. Bijvoorbeeld, een dialoogvenster wordt geopend door een gebruiker, maar een
  bijeenkomst-herrinering is geopend door het programma.
• Een contextual window is een is een door de gebruiker geïnitieerde venster, dat een sterke relatie met het object van waaruit het werd gelanceerd heeft. Bijvoorbeeld, vensters weergegeven door de context menu’s of pictogrammen zijn contextuele, maar vensters weergegeven door menubalken zijn dat niet.
• De actieve monitor is de monitor waar het actieve programma wordt uitgevoerd.
• De standaard monitor, is degene met het menu Start, de taakbalk en systeemvak.

Bron: UXGuide.pdf

Apple OS X

• Document windows bevatten file-based gebruikers data. Zij presenteren een blik in de content die mensen maken en opslaan. Als het document groter is dan het venster, dan toont het venster een deel van de inhoud van het document en biedt gebruikers de mogelijkheid om naar andere gebieden te scrollen.
• Application windows zijn de belangrijkste vensters van applicaties die niet op basis van documenten werken. Deze vensters maken gebruik van de standaard Aqua uiterlijk en mogelijkheden; als de applicatie wordt gedraaid in versies van OS X hoger dan v10.5 (Leopard), dan kunnen ze gebruik maken van de optionele geborsteld metaal look.
• Panels zweven boven andere vensters en bieden tools of controlers die gebruikers kunnen gebruiken wanneer documenten open staan. In sommige gevallen kunnen panels transparant zijn. In eind-gebruikers documentatie moeten panels windows genoemd worden.
• Dialogs en waarschuwingen vereisen een reactie van de gebruiker.

Voorbeelden van al deze type vensters staan hieronder.

Bron: Apple Human Interface Guidelines

Linux

Voor linux zijn er verschillende grafische gebruikersomgevingen. De bekendste zijn KDE en GNOME.

KDE

KDE presenteerd net als alle andere venster systemen haar toepassingen in windows op het scherm. Deze zijn normaliter beweegbaar en resizable, en kan worden gepositioneerd volgens de gebruiker zijn wensen.

KDE maakt geen gebruik van MDI (Multi document interface). MDI is enkele jaren geleden ontworpen, en werd op grote schaal door Microsoft gebruikt voor haar Windows-producten. Het MDI concept bestaat uit een enkele, grote “moeder-venster” die de volledige applicatie bevat. Met de volledige applicatie wordt bedoeld, alle document windows, toolbar windows, help windows etc. Alles wat de applicatie on-screen laat zien verschijnt in dit “moeder venster”. Het meest bekende MDI applicatie is waarschijnlijk de File Manager uit Windows 3.1.

KDE maakt gebruik van SDI (Single Document interface).
Een SDI gebaseerde applicatie beschikt niet over een moeder-venster dat alle windows bevat. De applicatie windows zijn alle directe kinderen van de X root window. Wat betekend dat ze worden gecontroleerd door de window manager en vrij kan worden versleept over de desktop door de gebruiker.

Bron: KDE User Interface Guidelines

GNOME

Voor Gnome gelden over het algemeen dezelfde richtlijnen voor wat betreft windows.
zie ook: GNOME Human Interface Guidelines.

Basisinformatie over AIR-vensters

Air biedt een gebruikersvriendelijke API die op meerdere platforms kan worden gebruikt. Met deze API voor vensters kunnen met Flash®-, Flex™- en HTML-programmeertechnieken native vensters worden gemaakt (dit zijn vensters die eigen zijn aan het besturingssysteem).

Venstertypen

In de venstertypen van AIR zijn de interface- en zichtbaarheidskenmerken van het oorspronkelijke besturingssysteem gecombineerd. Op die manier zijn er drie functionele typen vensters ontstaan. Gebruik de constanten die in de klasse NativeWindowType zijn gedefinieerd, om in de code te verwijzen naar de naam van de typen. AIR biedt de volgende venstertypen:

Venstercatalogus

Vensterinstellingen Type: normal SystemChrome: standard Transparent: false
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen Type: utility SystemChrome: standard Transparent: false
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen Type: alle SystemChrome: none Transparent: false
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen Type: alle SystemChrome: none Transparent: true
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen mxWindowedApplication of mx:Window Type: alle SystemChrome: none Transparent: true
Mac OS X	Microsoft Windows	Linux *

*Ubuntu met Compiz-vensterbeheer

Bron: Adobe AIR Help.

Bewerken van vensters

Informatie voor het bewerken van vensters ga je naar: Adobe AIR Help.

Conclusie

Er zijn 3 type vensters beschikbaar binnen AIR, Normaal, Utiliteit en Lichtgewicht. Door gebruik te maken van deze verschillende vensters, gebruik je ook de guidelines die de verschillende platformen hanteren. Alle vensters in 1 venster gebruiken (ook wel MDI genaamd) is “not done”. Met dit document is het hopelijk duidelijk geworden dat er verschillende vormen van vensters zijn.
Wanneer een applicatie transparante vensters vereist doordat dit zo is vormgegeven is het aan te raden de schermen zo veel mogelijk qua vorm aan te laten sluiten met de venster vormen die in de verschillende platformen gebruikt worden. Dit is kort gezegd rechthoekig.

“Vermijd het maken van vensters met grote, volledig transparante gebieden, aangezien u de toegang van de gebruiker tot andere vensters of items op hun bureaublad mogelijk op onzichtbare wijze zou kunnen blokkeren.”(bron: Adobe AIR help).

Bekijk dit project

Adobe Media Player
AMF draait op het nieuwe AIR Platform (Adobe Integrated Runtime). Hierdoor is hij zowel te gebruiken met online content als offline. Gebruikers kunnen een abonnement nemen op een videocast. Hierop inspelende heeft Adobe een aantal belangrijke partners zoals CBS, PBS, MTV Networks, Universal Music Group en Comedy Central. Deze partners bieden hun video’s aan voor de AMF. De video’s worden in 3 resoluties aangeboden, namelijk: 1080p, 720p en 480i en kunnen zowel gedownload worden als gestreamd vanaf de server van de product.

Adobe TV
Adobe TV is een online tv gids waarin nieuwe video’s te vinden zijn die bekeken kunnen worden. Gebruikers kunnen zich abonneren op deze video waardoor nieuwe afleveringen automatisch getoond worden.
In een later stadium is Adobe van plan om ook video’s tegen betaling aan te bieden en video’s te verhuren. Naast bestaande videoprogramma’s biedt Adobe zelf ook een aantal programma’s aan. Er zijn 4 kanalen die betrekking hebben op fotografen, ontwerpers, videoprofessionals en ontwikkelaars. Hierin geven professionals op deze gebieden educatieve informatie over Adobe producten.

Vorige week zag ik bij het zoeken naar video editing software dat er binnenkort een pakket online komt waarmee je dit zou kunnen doen. Echter was dit niet de enige tool die de makers in petto hadden.

Aviary Tools is een set van online editing tools die in je browser of als los AIR pakket lokaal op je desktop kunnen draaien. Alle tools kunnen met elkaar communiceren zoals een 3d object gemaakt in Hummingbird kun je probleemloos importeren in Phoenix.

Op dit moment is er na inschrijving de image editor Phoenix beschikbaar. Deze heb ik al even getest en zag er goed uit. Het pakket draaiede probleemloos in de browser en bewerken van foto’s ging snel. Wat ik echter miste waren shortcuts. Voor mensen die Adobe Photoshop gewend zijn willen graag met één druk op de toets een tool selecteren. Zoals V voor de ‘move tool’. Zo kwam ik nog een paar minpuntjes tegen waar je uiteindelijk ook wel weer aan gewend kunt raken.

Alle tools zijn nog in beta fase en alleen Phoenix is beschikbaar voor als je bent ingeschreven. Ik was op zoek naar de video editor, maar daar zullen we nog even op moeten wachten.

Een aantal video’s over Aviary:

Na 8 maanden hard werken zal er een beta uitgegeven worden van de Google Analytics Reporting suite. Gebruikers kunnen zich inschrijven voor een persoonlijke URL. De beta start zodra er genoeg inschrijvingen zijn.

Er wordt gebruik gemaakt van een eigen API voor de communicatie met Google. Bijna alle mogelijkheden van Analytics zijn geïmplementeerd.

Schrijf je hier in

Deze media player is gemaakt in Apollo en is een desktop media player. De gebruiker kan hierin zijn favorieten content beheren en kanalen toevoegen die hij wilt zien. De aanbieders van deze kanalen kunnen op hun beurt weer branding toevoegen en in het filmpje is zelfs te zien dat er reclame kan worden toegevoegd aan video’s. Alles wordt gevoed door RSS welke weer van de aanbieders afkomstig zijn. Een aanbieder die dit al doet is blib.tv Dit is een Amerikaanse aanbieder van video content.

Er zijn een aantal tools te vinden die je dit kunnen vergemakkelijken. Een daarvan is OfficeTime. Deze applicatie is vooralsnog alleen op OSX beschikbaar en niet op windows.



Ik ben de laatste tijd veel bezig met ureninschattingen en dit blijft toch altijd een ingewikkeld iets. Ik zag dat een collega op zijn macbook een tooltje had staan waarin je uren kon bijhouden, dit was OfficeTime. Ik speelde zelf al met het idee om een tool hiervoor te gaan schrijven waarin je uren per project en werkzaamheden kon bijhouden. Simpel met een korte omschrijving en een timer. Toen Adobe Apollo Alpha releasde zag ik ineens een nog betere toepassing. Niet via het web waarbij je altijd een browser scherm open moet hebben staan maar een losse applicatie die op de achtergrond draait en je niet zomaar snel of per ongeluk afsluit. Dit waren alleen nog ideen maar de tijd ontbrak mij.




Nu zag ik dat Grant Skinner bezig is geweest met dit idee. Het houd blijkbaar meer mensen bezig. En nu is het ook nog eens zo dat hij dit in Flash CS3 heeft gedesigned en in Flex heeft ontwikkeld. Sinds Flex ook een extensie heeft gekregen voor Apollo is het niet zo moeilijk om het te compileren naar een Apollo formaat. Het draagt vooralsnog de toepasselijke naam GTimer en er is nog geen versie vrijgegeven maar wel al enkele screenshots. In de post op zijn weblog is meer hierover te lezen.




Dit interessante project hou ik goed in de gaten en ik hoop dat we binnenkort hier meer over zullen lezen en zien.

Een van die bedrijven is Cerulean Studios. Cerulean Studios is de maker van Trillian, dit is een stand-alone, skinnable chat client die AIM, ICQ, MSN, Yahoo Messenger en IRC ondersteund. Ze hebben hun nieuwste client “Astra