Oprettelse af interaktive apps fakta og regneark

I vores digitale verden kan vi ikke benægte vigtigheden af ​​mobil applikationer . De giver løsninger på hverdagens problemer og gør vores liv lettere. I denne lektion bruger vi App Lab til Opret interaktive apps . En interaktiv app er en app, der giver brugerne mulighed for at interagere “med audiovisuel information via gamification, visualisering og endda VR / AR. Dybest set har hver app en eller anden form for interaktivitet. ”

Se faktafilen nedenfor for at få flere oplysninger om, hvordan du laver interaktive apps, eller du kan også downloade vores 28-siders Making Interactive Apps-regnearkpakke til brug i klasseværelset eller hjemmemiljøet.

Nøglefakta og information

Design af brugergrænsefladen

  • En brugergrænseflade er det visuelle udseende af et websted, software eller et program, som brugerne interagerer med.
  • For at appen skal lykkes, skal skaberen tage højde for, hvad appbrugeren har brug for. Brugergrænsefladen skal være engagerende og effektiv. Det skal understøtte brugerens rejse gennem appen og skabe en positiv oplevelse for brugeren.
  • App Lab udstyrer skabere med en designværktøjskasse, der indeholder alle appkomponenter / -elementer.
  • Appskaberen kan nemt designe deres apps brugergrænseflade ved at kombinere forskellige komponenter.
  • For at føje et element til appen skal skaberen trække og slippe elementet til skærmen. De kan placere elementet hvor som helst på skærmen og redigere egenskaberne for det nævnte element (ændre størrelse, ændre farve, redigere tekst osv.).

UI-elementer

  • Knap - vises ofte som figurer med en etiket i midten og giver brugeren mulighed for at udføre en bestemt kommando
  • Etiket - viser tekst, der giver oplysninger til brugeren om et bestemt objekt
  • Radio knap - lille cirkulært element, der giver brugerne mulighed for at vælge en indstilling fra en bestemt liste
  • Billede - tillader skabere at vise et billede af et bestemt objekt på skærmen
  • Skærm - tillader skabere at tilføje en ny skærm til appen
  • Diagram - tillader skabere at vise data til brugerne og kommunikere deres besked om de nævnte data
  • Vælg foto - giver brugerne mulighed for at vælge et foto fra deres computer og gemme det
  • Tekstinput - hvor brugeren kan indtaste data
  • Dropdown - afslører en liste over emner, hvorfra brugeren kan vælge eller vælge en værdi, når der klikkes på en knap
  • Afkrydsningsfelt - giver brugerne mulighed for at vælge et element ved at markere afkrydsningsfeltet ved siden af ​​det
  • Lærred - hvor brugerne kan tegne og oprette grafik
  • Tekstområde - kan indeholde ubegrænset antal tegn (bruges normalt til at indsamle brugerinput som kommentarer, anmeldelser osv.)
  • Skyder - giver brugerne mulighed for at kontrollere en værdi ved at skubbe knappen
  • Der er ingen fast formel til at lave den perfekte mobilapp, men at følge disse gode designprincipper vil helt sikkert hjælpe skabere med at opbygge en vellykket app.
  • For det første er det godt at stræbe efter minimalisme. Undgå rod. Skærmen skal kun have alle de nødvendige elementer. Det visuelle og funktionelle design skal være ensartet i hele appen. Brug det samme sæt skrifttyper, farveskema og lignende. Brugerne forventer, at de lignende elementer vil opføre sig på samme måde i hele appen.
  • Målet med skaberen er at have en enkel, letforståelig, funktionel app. Med andre ord skal brugergrænsefladen være intuitiv.
  • Brugere skal være i stand til nemt at navigere i appen uden nogen træning.
  • Appen skal også være engagerende. Brugere skal komme væk og føle at de vil komme tilbage.
  • Appen skal være effektiv. Brugere skal ikke være nødt til at gennemgå for mange trin bare for at udføre det, de har brug for at gøre. Kan brugeren nå sit mål med blot et par klik?
  • Brugeren skal også føle sig støttet, når de bruger appen. Hvis de har brug for hjælp eller rådgivning, har appen da en måde at hjælpe dem på?
  • Endelig skal brugerne være i stand til nemt at komme sig, når de laver en fejl.

Gør en app interaktiv

  • Kode gør brugergrænsefladeelementerne interaktive. Designeren har brug for kode for at få elementerne til at opføre sig på en bestemt måde og gøre det muligt for brugerne at interagere med den.
  • Eksemplet viser, hvordan man koder en knap på en sådan måde, at når brugeren klikker på den, udfører den en opgave (gør baggrunden grøn).
  • Designeren skal indtaste de korrekte oplysninger inde i kodeblokken, som vist nedenfor.
  • 'Interaktive apps har brug for både brugergrænsefladeelementer og begivenhedshåndterere til disse brugergrænsefladeelementer og hver type brugerinteraktion, der er nødvendig.'
  • Den første rullemenu giver designeren mulighed for at vælge det element, som de vil kode.
  • Den anden rullemenu giver designeren mulighed for at vælge den type handling, de vil have brugeren for at udløse den angivne begivenhed.
  • Uanset hvilken opgave eller kommando elementet skal udføre findes i begivenhedsblokken. I eksemplet indstilles skærmens baggrundsfarve til grøn ved at klikke på knappen.
  • For at lære mere om kodningsprocessen, udfyld regnearket nedenfor.

Bemærk:

  • Brug af regneark kræver, at du logger ind på din App Lab-konto. Besøg https://code.org/educate/applab.
  • Denne regnearkpakke er en efterfølger til Introduktion til App Making . Hvis du har brug for en mere detaljeret begyndervejledning om App Lab, skal du henvise til den regnearkpakke.

Oprettelse af interaktive apps-regneark

Dette er en fantastisk pakke, der indeholder alt hvad du behøver at vide om Making Interactive Apps på 28 dybtgående sider. Disse er klar til brug Oprettelse af interaktive apps-regneark, der er perfekte til at undervise studerende om vigtigheden af ​​mobilapplikationer. De giver løsninger på hverdagens problemer og gør vores liv lettere. I denne lektion bruger vi App Lab til at oprette interaktive apps. En interaktiv app er en app, der giver brugerne mulighed for at interagere “med audiovisuel information via gamification, visualisering og endda VR / AR. Dybest set har hver app en eller anden form for interaktivitet. ”



Komplet liste over inkluderede regneark

  • At lave interaktive apps fakta
  • Principper for godt design
  • Godt UI-design
  • Interaktive appelementer
  • Din yndlingsapp
  • Musik-app
  • Lommeregner-app
  • Undersøgelse / afstemningsapp
  • Master Clicker-spil
  • Hvor er bugten? Spil
  • Hvad er din appidé?

Link / citer denne side

Hvis du henviser til noget af indholdet på denne side på dit eget websted, skal du bruge koden nedenfor for at citere denne side som den originale kilde.

Sådan laver du interaktive apps fakta og regneark: https://diocese-evora.pt - KidsKonnect, 23. november 2020

Link vises som Sådan laver du interaktive apps fakta og regneark: https://diocese-evora.pt - KidsKonnect, 23. november 2020

Brug med enhver læseplan

Disse regneark er specielt designet til brug med enhver international læseplan. Du kan bruge disse regneark som de er eller redigere dem ved hjælp af Google Slides for at gøre dem mere specifikke for dine egne studerendes evner og læseplanstandarder.