Scribd
Upload
2 views

IS2023 Tutorial 8 Search

This tutorial focuses on enhancing an M-commerce application by adding a keyword search feature and functionalities for inserting, updating, and deleting products. It includes activities for setting up the project, creating navigation buttons, testing the app, and submitting the final work with required documentation. The tutorial emphasizes thorough testing before submission to ensure functionality.

Uploaded by

Winghei Hui
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

IS2023 Tutorial 8 Search

This tutorial focuses on enhancing an M-commerce application by adding a keyword search feature and functionalities for inserting, updating, and deleting products. It includes activities for setting up the project, creating navigation buttons, testing the app, and submitting the final work with required documentation. The tutorial emphasizes thorough testing before submission to ensure functionality.

Uploaded by

Winghei Hui
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

IS2023 Mobile Application for Business

Tutorial 8 Kodular – M-commerce Search

This tutorial builds on the previous one, where we created an M-commerce catalog. In this
tutorial, we will add a keyword search feature, as well as the ability to insert, update and delete
products. We will also create previous and next buttons to allow users to navigate between
products.

In this tutorial, you will learn how to:

• Implement a keyword search feature for your M-commerce catalog.

• Create, update, and remove Firebase records from your app.

• Create buttons to switch between the previous and next products.

Activity 1: Set up the project template and explore the app functionality.

1. You are provided with a complete app template named T8_Search_Template.aia.


2. On Screen1 and ScreenUpdateDB, please insert your Firebase URL, and Cloudinary API
keys.
3. The app has two screens that you can switch between.
4. Test the app thoroughly and examine its blocks.
5. To learn more about the blocks, please check the slides for lecture 8.

Activity 2: Create buttons to switch between the previous and next products.
• You need to create two buttons that can show the next product and the previous
product.
• You must handle the situation when the user reaches the end or the beginning of the
product list.
• No more hints will be provided.

Department of Information Systems, City University of Hong Kong


IS2023 Mobile Application for Business

Activity 3. Test your app

• Before submitting your application, it's crucial to ensure that it's functioning as expected.
In this activity, we'll walk through some steps for testing your app.

• You can watch a video named T8_demo that shows you an example of how to test your
invention.

• After you've thoroughly tested your app and you're confident that everything is working
as expected, you can proceed to submit it. Remember, it's better to discover and fix bugs
now than to have them found later by your users or during the evaluation process. Good
luck!

Activity 4. Submit your work!

1. Take screenshots of your component view and block view for all the screens in your M-
commerce search app.

2. Submit the screenshots to the designated Canvas "Tutorial 8 Submission Link".

3. Make sure to include your student ID and full name on the design view's screenshot.

4. The deadline for submission is within one week.

Done!

Reference: https://community.kodular.io/t/how-to-create-any-design-using-dynamic-
components-extension/80262

Department of Information Systems, City University of Hong Kong

You might also like