TNMK024 - Mobilprogrammering

Transkript

1 TNMK024 - Mobilprogrammering Daniel Sundberg 2007

2 Föreläs are Daniel Sundberg Medieteknik Exjobb Silicon Graphics Inc. Designing and Implementing a 3D User Interface Forskaringenjör NVIS Mjukvaruarkitekt VION Solutions AB

3 Föreläs ningar Intro till Java för mobila enheter MIDP, CLCD, JSR, Mobile Processing etc. Animeringar, sprites etc. Blåtandskommunikation i praktiken

4 Kort om Java Platformsoberoende Compile once, run everywhere 1. Javakod (.java) 2. Kompilator (javac) 3. Bytekod (.class) 4. Virtuell Maskin (java) 5. Interpreteras till maskinkod 6. Applikation körs

5 Java ME (Micro Edition) Applikationsplatform för mobila enheter Designat för att köras på många typer av enheter Mobiler, PDA, digitalboxar, brödrostar etc. Består av olika komponenter Java Community Process (JCP)

6 JCP och JS R Stort community som tar fram s.k. Java Specification Requests (JSR) Formella dokument för teknologier som läggs till i Java platformen 300+ JSRer ME (76 JSRs) SE/EE (212 JSRs) Exempel är JSR 118, definitionen för MIDP 2.0

7 J2ME paket J2ME är uppbyggt av olika API paket Olika pakettyper Konfigurationer Profiler Valbara paket Vi är intresserade av sammansättningen av MIDP och CLDC samt Bluetooth

8 MIDP och CLDC Mobile Information Device Profile MIDP 1.0 (JSR 37) MIDP 2.0 (JSR 118) Connected Limited Device Configuration CLDC 1.1 (JSR 139) Java API for Bluetooth (JSR 82)

9 Proces sing Programmerings IDE Prototypning Wrapper kring Java Låg inlärningskurva Vanlig Java-kod

10 Mobile Proces s ing Lika som Processing Java ME Korta utvecklingstider Allt klart Tuta och köra

11 Mobile Proces s ing Wrappers för snabb start Full access till alla java APIer Java's emulator för testning JAR paketering

12 Länkar APIer Java Specification Requests Processing

13 Mobilprogrammering Animeringar, s prites m.m.

14 Innehåll Animera objekt Sprites Lager Tilade lager Bakgrunds parallax

15 Animering Animera Samlingsnamn för rörliga bilder, skapade genom fotografering av teckningar eller objekt (dockor, lerfigurer, silhuetter e.d.) eller i dator. En filmkamera tar en eller ett fåtal bildrutor av varje teckning eller rörelsefas. Då filmen visas med normal hastighet flyter de enskilda bilderna samman till en kontinuerlig rörelse.

16 Animera objekt Flytta positionen på objekt mellan renderingar Förändra objekt mellan renderingar Målet oftast att skapa en kontinuerlig rörelse

17 Animera Exempel

18 S prite Från början en metod för att i hårdvara rendera multipla objekt till skärmbufferten Datorerna blev snabbare, kunde lösa samma problem generiskt, namnet kvar Generellt menas 2D bild som integreras i en större scen Oftast har en sprite många bildrutor och kan animeras

19 S prite Inte nödvändigtvis en lågupplöst pixlad bild i datorspel Används ofta även som effekter i 3D-spel, filmer etc. Billigt sätt att skapa effekter I 3D är en sprite alltid en billboard, objekt som alltid är riktat mot kameran

20 S prites i MIDP Inbyggt stöd för sprites i MIDP Håller koll på: Bildrutor Animering Kollision Definiera animations mönster

21 S prites i MIDP

22 S prites i MIDP setframe(int) nextframe() prevframe()

23 S prites i MIDP Definiera special sekvenser för mer kontroll på animationen

24 S prites Exempel

25 Lager Smidigt sätt att hantera multipla objekt Separera bakgrund, objekt etc. MIDP har en lagerhanterare

26 TiledLayer i MIDP Bygga större bilder av mindre bitar, tiles Sparar minne då man slipper att lagra jättestora bilder Enkelt att göra olika designer

27 TiledLayer

28 TiledLayer

29 TiledLayer - Animering

30 TiledLayer - Exempel Några tiles från SuperMario i Mobile Processing

31 TiledLayer Exempel

32 S crollande bakgrund Enkelt sätt att skapa en värld som är större än skärmen Använd med fördel TiledLayers Bakgrunden kan loopas för en oändlig värld Daniel Sundberg 2007

33 S crollande bakgrund Exempel

34 Parallax s crollning En variant av scrollande bakgrunder Byggs upp av olika lager Förgrund... Bakgrund Rör sig med olika hastigheter för att skapa en djupkänsla

35 Parallax s crollning

36 Parallax s crollning

37 Parallax S crollning Exempel

38 Parallax s crolling Att tänka på Hastigheter mellan lager Ordningen på lagren

39 Allt-i-ett Resultat

40 Mobilprogrammering Feedback/Återkoppling

41 Återkoppling/Feedback Principen att föra tillbaka signaler från ett system och låta denna information i sin tur påverka systemet. Används inom användargränssnitt för att t.ex. påkalla fokus Används inom spel för att t.ex. förstärka upplevelsen

42 Återkoppling exempel Tända lampan med hjälp av strömbrytaren, vilken feedback ges? Taktil, vi känner att knappen tryckts in Hörbar, vi hör att strömbrytaren slår om Visuell, ljuset tänds/släcks...

43 Återkoppling i gränssnitt Använder ofta signaler för att varna för t.ex. låg batterinivå etc. Blinkande fönster Mobiltelefon har olika typer av signaler för olika typer av händelser

44 De 5 s innena Syn Hörsel Smak Lukt Känsel

45 Mes t relevanta för oss Syn Hörsel Känsel

46 S yn Kroppens förmåga att upptäcka och tolka elektromagnetiska vågor i det synliga bandet ( nm, ljus) Intesiteten, antal fotoner Färg, fotonernas frekvens (våglängd)

47 S yn Sinne med störst bandbredd En bild säger mer än 1000 ord Approx. bandbredd för näthinnan 9 Mbit/s Väldigt fokuserat område, inga ögon i nacken

48 Hörs el Kroppens förmåga att uppfatta och tolka tryckförändringar i det omslutande mediet (luft, vatten, etc) Tryckförändringar uppfattas av trummhinnan Extremt höga samt låga frekvenser uppfattas också i viss mån av det taktila sensorsystemet

49 Hörs el 360 grader Indirekt, behöver inte fokusera på ljudet för att uppfatta det Dock bara ta upp direkt infomation från ett ljud i taget

50 Käns el Taktil återkoppling, uppfattas av känselceller t.ex. i fingertopparna Haptisk återkoppling, uppfattas av muskler och leder

51 Relevanta typer av återkoppling Visuell Hörbar Haptisk

52 Visuell återkoppling Informerar användaren om händelser Timglaset Pop-Up rutor Progress bar Nytt meddelande på mobilen visas ofta som ett litet brev Kräver att vi tittar på displayen

53 Hörbar återkoppling Typer Literell, Realistisk Abstrakt Metafor Kvitteringsljud

54 Literära ljud Ljud som efterliknar den verkliga händelsen Explosion Billjud, gas, broms, däckskrik Pappersprassel då papperskorgen töms Lätt att applicera som effekter till ett spel men svårt att applicera på ett användargränssnitt

55 Abs trakta ljud Så kallade Earcons Utvecklat delvis för synskadade Bygger på melodiska inslag Begränsat antal toner Rytm, pulser, slingor Kallas ofta musikaliskt gränssnitt

56 Metaforis ka ljud Ljud som försöker beskriva händelsen med en liknelse Exempel: Skrollist eller slider Pitchen (frekvensen) på ljudet återspeglar positionen Hög frekvens långt upp Låg frekvens långt ner

57 Aktions - eller kvitterings ljud Typ av ljud som ofta förknippas med kvittering av att något händer Knapptryckning, minimera fönster, avsluta datorn etc. Både medvetet designade eller på grund av kontruktion Ex. planerade ljud knappljudet ( pipen ) på mobiler Ex. oplanerade ljud, elektroniska lås som klickar när de låses upp

58 Haptis k återkoppling Används ofta i spelkotroller genom vibration Mer avancerade rattar och joysticks i form av Force-feedback Mer avancerad hårdvara som t.ex. SensAble Phantom

59 Vibration Visat sig mycket viktig för telefoner med touchscreen, ger kvittens på att något klickats på Tillgänglig i mobiltelefonen via Java Enkel och okomplex men ändå effektfull Varieras genom att t.ex. ändra längden på vibrationen eller att pulsa den samma

60 S ummering Mobiltelefonens fysiska egenskaper Visuella återkoppling Skärm Hörbar återkoppling Högtalare Haptisk återkoppling Vibrator

61 S ummering Hörbar återkoppling Förstärker det visuella Obegränsat med variationer (toner, ljudspår, effekter, etc.) Haptisk återkoppling Förstärker upplevelsen Inte lika dynamisk som ljud men det räcker