Feiten en werkbladen voor interactieve apps maken

In onze digitale wereld kunnen we het belang van mobiel niet ontkennen toepassingen . Ze bieden oplossingen voor alledaagse problemen en maken ons leven gemakkelijker. In deze les gebruiken we App Lab om: interactieve apps maken . Een interactieve app is een app waarmee gebruikers kunnen communiceren “met audiovisuele informatie via gamification, visualisatie en zelfs VR/AR. Eigenlijk heeft elke app een soort van interactiviteit.”



Zie het feitenbestand hieronder voor meer informatie over het maken van interactieve apps of u kunt ons 28 pagina's tellende werkblad Interactieve apps maken downloaden voor gebruik in de klas of thuis.

Belangrijkste feiten en informatie

De gebruikersinterface ontwerpen

  • Een gebruikersinterface is het visuele uiterlijk van een website, software of applicatie waarmee gebruikers interactie hebben.
  • Om de app succesvol te laten zijn, moet de maker rekening houden met wat de app-gebruiker nodig heeft. De gebruikersinterface moet aantrekkelijk en effectief zijn. Het moet de reis van de gebruiker door de app ondersteunen en een positieve ervaring voor de gebruiker creëren.
  • App Lab voorziet makers van een ontwerptoolbox die alle app-componenten/-elementen bevat.
  • De app-maker kan eenvoudig de gebruikersinterface van zijn app ontwerpen door verschillende componenten te combineren.
  • Om een ​​element aan de app toe te voegen, moet de maker het element naar het scherm slepen en neerzetten. Ze kunnen het element overal in het scherm plaatsen en de eigenschappen van het element bewerken (formaat wijzigen, kleur wijzigen, tekst bewerken, enz.).

UI-elementen

  • Knop - vaak weergegeven als vormen met een label in het midden en stelt een gebruiker in staat een bepaald commando uit te voeren
  • Label – geeft tekst weer die de gebruiker informatie geeft over een bepaald object
  • Radio knop – klein cirkelvormig element waarmee gebruikers een optie uit een bepaalde lijst kunnen selecteren
  • Afbeelding - stelt makers in staat om een ​​afbeelding van een bepaald object op het scherm weer te geven
  • Scherm - stelt makers in staat een nieuw scherm aan de app toe te voegen
  • Grafiek - stelt makers in staat om gegevens aan gebruikers weer te geven en hun bericht over de genoemde gegevens te communiceren
  • Foto selecteren – stelt gebruikers in staat om een ​​foto op hun computer te selecteren en op te slaan
  • Tekst invoer – waar de gebruiker gegevens kan invoeren
  • Laten vallen – onthult een lijst met items waaruit de gebruiker een waarde kan selecteren of kiezen wanneer op een knop wordt geklikt
  • Selectievakje – stelt gebruikers in staat om een ​​item te selecteren door het vakje ernaast aan te vinken
  • Canvas – waar gebruikers kunnen tekenen en afbeeldingen maken
  • Tekstgebied - kan een onbeperkt aantal tekens bevatten (meestal gebruikt om gebruikersinvoer te verzamelen, zoals opmerkingen, recensies, enz.)
  • Schuifregelaar – stelt gebruikers in staat een waarde te regelen door de knop te verschuiven
  • Er is geen vaste formule voor het maken van de perfecte mobiele app, maar het volgen van deze goede ontwerpprincipes zal makers zeker helpen een succesvolle app te bouwen.
  • Ten eerste is het goed om te streven naar minimalisme. Vermijd rommel. Het scherm mag alleen alle noodzakelijke elementen bevatten. Het visuele en functionele ontwerp moet consistent zijn in de hele app. Gebruik dezelfde set lettertypen, kleurenschema en dergelijke. De gebruikers zullen verwachten dat de vergelijkbare elementen zich in de hele app op dezelfde manier zullen gedragen.
  • Het doel van de maker is om een ​​eenvoudige, gemakkelijk te begrijpen, functionele app te hebben. Met andere woorden, de gebruikersinterface moet intuïtief zijn.
  • Gebruikers moeten zonder enige training gemakkelijk door de app kunnen navigeren.
  • De app moet ook aantrekkelijk zijn. Gebruikers moeten wegkomen met het gevoel dat ze terug willen komen.
  • De app moet efficiënt zijn. Gebruikers zouden niet te veel stappen moeten doorlopen om te bereiken wat ze moeten doen. Kan de gebruiker zijn doel bereiken met slechts een paar klikken?
  • De gebruiker moet zich ook gesteund voelen wanneer hij de app gebruikt. Als ze hulp of advies nodig hebben, heeft de app dan een manier om ze te helpen?
  • Ten slotte moeten gebruikers gemakkelijk kunnen herstellen wanneer ze een fout maken.

Een app interactief maken

  • Code maakt de elementen van de gebruikersinterface interactief. De ontwerper heeft code nodig om ervoor te zorgen dat de elementen zich op een bepaalde manier gedragen en om gebruikers in staat te stellen ermee te communiceren.
  • Het voorbeeld laat zien hoe je een knop zo codeert dat wanneer de gebruiker erop klikt, deze een taak uitvoert (de achtergrond groen maken).
  • De ontwerper moet de juiste informatie invoeren in het coderingsblok, zoals hieronder weergegeven.
  • 'Interactieve apps hebben zowel UI-elementen als event-handlers nodig voor die UI-elementen en elk type gebruikersinteractie dat nodig is.'
  • Met de eerste vervolgkeuzelijst kan de ontwerper het element selecteren dat hij wil coderen.
  • Met de tweede vervolgkeuzelijst kan de ontwerper het type actie selecteren dat de gebruiker moet doen om de opgegeven gebeurtenis te activeren.
  • Welke taak of opdracht het element ook moet uitvoeren, het is te vinden in het gebeurtenisblok. Als u in het voorbeeld op de knop klikt, wordt de achtergrondkleur van het scherm groen.
  • Vul de onderstaande werkbladen in voor meer informatie over het codeerproces.

Opmerking:

  • Voor het gebruik van de werkbladen moet u zich aanmelden bij uw App Lab-account. Ga naar https://code.org/educate/applab.
  • Dit werkbladpakket is een vervolg op: Inleiding tot het maken van apps . Als je een meer diepgaande beginnershandleiding over App Lab nodig hebt, raadpleeg dan dat werkbladpakket.

Interactieve apps-werkbladen maken

Dit is een fantastische bundel die alles bevat wat je moet weten over het maken van interactieve apps op 28 diepgaande pagina's. Dit zijn kant-en-klare Interactieve Apps-werkbladen maken die perfect zijn om studenten te leren over het belang van mobiele applicaties. Ze bieden oplossingen voor alledaagse problemen en maken ons leven gemakkelijker. In deze les gebruiken we App Lab om interactieve apps te maken. Een interactieve app is een app waarmee gebruikers kunnen communiceren “met audiovisuele informatie via gamification, visualisatie en zelfs VR/AR. Eigenlijk heeft elke app een soort van interactiviteit.”

Volledige lijst met meegeleverde werkbladen

  • Feiten over interactieve apps maken
  • Goede ontwerpprincipes
  • Goed UI-ontwerp
  • Interactieve app-elementen
  • Je favoriete app
  • Muziek-app
  • Rekenmachine-app
  • Enquête/Poll-app
  • Meester Clicker-spel
  • Waar is de bug? Spel
  • Wat is uw app-idee?

Link/citeer deze pagina

Als u naar een van de inhoud op deze pagina op uw eigen website verwijst, gebruik dan de onderstaande code om deze pagina als de originele bron te vermelden.

Feiten en werkbladen voor interactieve apps maken: https://kidskonnect.com - KidsKonnect, 23 november 2020

Link verschijnt als Feiten en werkbladen voor interactieve apps maken: https://kidskonnect.com - KidsKonnect, 23 november 2020

Gebruik met elk leerplan

Deze werkbladen zijn speciaal ontworpen voor gebruik met elk internationaal curriculum. U kunt deze werkbladen ongewijzigd gebruiken of ze bewerken met Google Presentaties om ze specifieker te maken voor uw eigen vaardigheidsniveaus van leerlingen en leerplannormen.

Deel Het Met Je Vrienden: