Mobile app types (native, web, hybrid) in Intro to Computing - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the sentence to describe a native app.

Intro to Computing

A native app is built specifically for a [1] platform like iOS or Android.

Drag options to blanks, or click blank then click option'

Amobile

Bweb

Cdesktop

Dserver

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'web' because apps can use browsers

Choosing 'desktop' confusing mobile with computers

Native apps are designed for a specific mobile platform such as iOS or Android to use device features efficiently.

2fill in blank

medium

Complete the sentence to describe a web app.

Intro to Computing

A web app runs inside a [1] and does not need installation.

Drag options to blanks, or click blank then click option'

Aserver

Bnative app

Cdatabase

Dbrowser

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'server' confusing where the app runs

Choosing 'native app' mixing app types

Web apps run inside a browser like Chrome or Safari and can be accessed without installing.

3fill in blank

hard

Fix the error in the sentence about hybrid apps.

Intro to Computing

Hybrid apps combine features of native apps and [1] apps.

Drag options to blanks, or click blank then click option'

Aserver

Bdesktop

Cweb

Dcloud

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'desktop' or 'server' which are unrelated app types

Hybrid apps combine native app features with web app technologies to work on multiple platforms.

4fill in blank

hard

Fill both blanks to complete the description of native apps.

Intro to Computing

Native apps are installed on the device and can access [1] features like camera and GPS using [2] code.

Drag options to blanks, or click blank then click option'

Ahardware

Bweb

Cnative

Dcloud

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'web' code which is for web apps

Choosing 'cloud' which is unrelated

Native apps access hardware features using native code specific to the device platform.

5fill in blank

hard

Fill all three blanks to complete the hybrid app description.

Intro to Computing

Hybrid apps use a [1] container to run web code written in [2] and [3] languages.

Drag options to blanks, or click blank then click option'

Anative

BHTML

CCSS

Dserver

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'server' which is unrelated

Confusing container type

Hybrid apps run web code inside a native container using HTML and CSS for layout and style.

Practice

1. Which type of mobile app runs directly in a web browser without needing installation?

easy

A. Web app

B. Native app

C. Hybrid app

D. Desktop app

Solution

1. Step 1: Understand app installation requirements

   Web apps run inside browsers and do not require installation on the device.

2. Step 2: Compare app types

   Native apps need installation and are built for specific platforms; hybrid apps combine features but still often require installation.

3. Final Answer:

   Web app -> Option A

4. Quick Check:

   Runs in browser = Web app [OK]

Hint: Apps in browsers without install are web apps [OK]

Common Mistakes:

• Confusing native apps with web apps
• Thinking hybrid apps don't need installation
• Assuming desktop apps run on phones

2. Which of the following is the correct description of a native app?

easy

A. An app that runs only in web browsers

B. An app built specifically for one platform using device features

C. An app that mixes web and native code but cannot access device features

D. An app that requires no installation and works offline only

Solution

1. Step 1: Define native app characteristics

   Native apps are built for a specific platform (like iOS or Android) and use device features like camera or GPS.

2. Step 2: Eliminate incorrect options

   Web apps run in browsers; hybrid apps mix code and can access some features; offline-only apps are not native by definition.

3. Final Answer:

   An app built specifically for one platform using device features -> Option B

4. Quick Check:

   Native = platform-specific with device features [OK]

Hint: Native apps use device features and need platform-specific build [OK]

Common Mistakes:

• Thinking native apps run in browsers
• Believing hybrid apps cannot access device features
• Confusing offline-only apps with native apps

3. Look at this description: "An app that uses web technologies but is wrapped to run on multiple platforms and can access some device features." Which app type is this?

medium

A. Hybrid app

B. Native app

C. Web app

D. Desktop app

Solution

1. Step 1: Analyze the description

   The app uses web technologies but is wrapped to run on many platforms and accesses device features.

2. Step 2: Match description to app types

   Native apps are platform-specific; web apps run only in browsers; hybrid apps combine web code with native wrappers and device access.

3. Final Answer:

   Hybrid app -> Option A

4. Quick Check:

   Web + native wrapper = Hybrid app [OK]

Hint: Hybrid apps mix web code with native wrappers [OK]

Common Mistakes:

• Choosing native app for multi-platform web code
• Confusing web apps with hybrid apps
• Selecting desktop app which is unrelated

4. A developer wants to create an app that runs fast and uses all phone features but writes only one codebase for all platforms. What is the main problem with this plan?

medium

A. Hybrid apps are always slow

B. Web apps cannot access phone features

C. Native apps require separate codebases for each platform

D. Desktop apps are not for phones

Solution

1. Step 1: Understand native app development

   Native apps are fast and use all phone features but need separate codebases for iOS and Android.

2. Step 2: Identify the conflict in the plan

   The developer wants one codebase for all platforms, which is not possible with native apps.

3. Final Answer:

   Native apps require separate codebases for each platform -> Option C

4. Quick Check:

   Native = separate codebases [OK]

Hint: Native apps need separate code for each platform [OK]

Common Mistakes:

• Thinking native apps use one codebase
• Believing hybrid apps are always slow
• Confusing desktop apps with mobile apps

5. A company wants an app that works offline, uses device camera, and can be updated instantly without app store approval. Which app type best fits these needs?

hard

A. Native app

B. Web app

C. Desktop app

D. Hybrid app

Solution

1. Step 1: Analyze offline and device feature needs

   The app must work offline and use the device camera, which web apps alone cannot fully support.

2. Step 2: Consider update and deployment needs

   Instant updates without app store approval are easier with web-based code wrapped in hybrid apps.

3. Step 3: Match requirements to app types

   Native apps support features but require app store updates; web apps lack device access; hybrid apps combine both advantages.

4. Final Answer:

   Hybrid app -> Option D

5. Quick Check:

   Offline + device access + instant update = Hybrid app [OK]

Hint: Hybrid apps combine offline, device access, and easy updates [OK]

Common Mistakes:

• Choosing native app despite update delays
• Selecting web app lacking device access
• Ignoring hybrid app benefits