# data[].attributes.body
1. find 5 indonesian foods

2. order one meal

3. update your meal preferences

4. watch the tutorial for mochi

5. find a meal that contains chicken

# data[].attributes.body
1. When asked to find 5 Indonesian foods, his first instinct was to click the "menu" button in the navbar, and scroll to find the Indonesian menu. This indicates that the navigation for finding "menu" page is straightforward.
2. When asked too order one meal, he immediately clicked on a meal and found the "order" option there, which means that we correctly predicted that it's best to put the order option in the recipe page.
3. When asked to update the meal preferences, clicked on the burger (three bars) menu on the left side of the navbar, and found it there. We suspect that this is because he had seen the option there earlier when he was exploring the page.
4. He went to the homepage and found mochi at the "trending" section. Then, he clicked it and found the "watch tutorial" option at the recipe page. Again, this indicates that this feature should be at the recipe page.
5. His first instinct was to search it using the searchbar on the homepage, but since in the figma prototype the searchbar is not functional, he went to the menu page instead and found it there. This indicates that the searchbar is essential.

# data[].attributes.body
https://drive.google.com/file/d/1wlmARdFNZ00NBvsh8E8UK8OaMl05dtcp/view?usp=sharing

# data[].attributes.body
Go to https://eralf.github.io/Healthify_v0.4/

notes:
- you have to start from "https://eralf.github.io/Healthify_v0.4/", you can't start from another subdirectory because the website uses react router. so for example if you go to "https://eralf.github.io/Healthify_v0.4/home" directly, it will show 404 not found.
- sometimes the images take several seconds to load. your patience is appreciated.

# data[].attributes.body
Our website is usable. The design and placement of the features are intuitive, meaning that users can rely on their intuition to find what they need to find.
Although some users find that some design choices are annoying (we did not change these, as they're necessary), such as navigation buttons that appear twice (in the navbar and in the burger menu), the website is mostly convenient to use. Users don't have to look for everything in the homepage, they can do so in the menu page or the search page.

# data[].attributes.body
Sign in, or sign up. You have to fulfill the requirements. If you don't, an error message will appear, telling you what you got wrong. Once all the requirements are fulfilled, you will be redirected to the Home Page.

# data[].attributes.body
The home page has several features:

# data[].attributes.body
https://eralf.github.io/Healthify_v0.4/

# data[].attributes.body
We use a consistent color palette, as well as several fonts that we use in different areas but are consistent in their own areas.

# data[].attributes.body
People of all ages can use our website because the navigation is self-explanatory and the features do not require a deeper understanding of anything to use.

# data[].attributes.body
The feedback on our interface is in the search section, if you search for food or something that is not on our menu, it will be given a feedback in the form of an interface that shows that what the user is looking for does not exist.

# data[].attributes.body
Show an error message for every requirement that's not fulfilled in the sign in page, one by one from top to bottom.

# data[].attributes.body
For this section, when the user signs up, the system will remind the user to fill the name page with 8-12 characters with symbols to prevent error to the sign up page.

# data[].attributes.body
When signing in, if the user enters the wrong password but the username entered is correct / exists in the database, then the sign in page will repeat the user to fill in the password correctly, but the username section will still be filled in and not deleted, so the user does not need to repeat filling in all sections, only the wrong section.

# data[].attributes.body
Users can control what menu will be shown. For example, when the user chooses not to want to eat fish, there will be no fish menu shown on the website

# data[].attributes.body
1. When asked to search for 5 Indonesian foods, his first instinct was to search the homepage, then look for the menu button that leads directly to the Indonesian food section.
2. When asked to order one meal, his firs instinct to go to the left of the navbar but we haven't put the order directly in the navbar, after some searching he find the order button.
3. He immediately find not only 1 but 2 button for edit preferences.
4. When asked to watch the tutorial he immediately find it, we think because he already seen it when searching for the order button.
5. His first instinct is to use the search bar but because the figma for the prototype is not responsive he then search it manually in the menu section.

# data[].attributes.body
1. When asked to find 5 foods of the same category, his first instinct was to go to the home page and look for them, instead of immediately going to the menu page, even though afterwards he did opened the menu page to find the remaining foods.
2. When asked to order a meal, he immediately clicked the meal he wanted to order, and found the order button there, indicating that it was the right choice to put the order button in the recipes page.
3. When asked to edit his preferences, he immediately clicked the edit preferences button on the navbar
4. When asked to watch a tutorial, his first instinct was to click on the food first, and then watching the tutorial through the recipes page.
5. His first instinct when asked to find a meal containing chicken was to go to the menu page to look for it. He did not use the searchbar because he did not notice it even though it's at the very top of the homepage. This might indicate a sort of visibility issue or lack of spotlight on the searchbar.

some input he gave for the website:
- in the recipe page, the prep time, total time, and servings and their respective values should be in one line
- in the recipe page, the nutritional values should have a background, preferably a white background with black text to make it look like the nutritional values you'd find on the back of a packaged food.
- in the menu page, the estimated time should have a clock icon

# data[].attributes.attachment_link.description
Store photos and docs online. Access them from any PC, Mac or phone. Create and work together on Word, Excel or PowerPoint documents.

# data[].attributes.headline
Norberth - Homecook - 1 year experience (cooking)

# data[].attributes.subject
Norberth - Homecook - 1 year experience (cooking)

# data[].attributes.body
1. Iya, Sangat berbeda. Kalau ambil contoh 1 hari, masak bisa save sekitar setengah biaya dari order makanan. Tapi masih tergantung biaya pada ingredient masak sama harga restorannya.

2. Mencari inspirasi masak dan beberapa masakan susah tekniknya.

3. App mealkit baik untuk pemula yang kurang dalam fundamentalnya. Tapi aku (yang sudah bisa masak) kemungkinan tidak menggunakannya karena ada youtube atau internet resep dan caranya dan biasanya masak makanan yang ingredientnya sudah ada di rumah.

4. Biasanya tidak, Tapi setidaknya ada sayuran atau keliatan agak sehat.

5. 50 ribu an tergantung resepnya. Kalau contoh nasi goreng, harusnya sekitar 30-40 ribu tergantung isi dari nasi goreng. Kalau harga mealkit lebih mahal dibanding masak sendiri, menurut dia masih dapat diterimakan karena sudah ada resepnya dan deliverynya.

6. Rasa. Karena kalau nutrisi, dapat makan sayuran atau buah-buhan dan setidaknya pasti ada protein pada makanannya. Untuk angka spesifik protein gitu tidak dipedulikan.

7. Biasanya dari youtube, ibunya, dan karya sendiri. Untuk informasi tentang nutrisi, tidak dia perhatikan tapi kalau makanan diet seharusnya ada informasinya.

# data[].attributes.body
Social Environment
- Customer Service

Organizational Environment
- We will collaborate with other organizations such as suppliers and delivery service companies

Technical Environment
- Desktop Web

# data[].attributes.body
1. User Data:

User profiles: Store user information such as names, email addresses, delivery addresses, and contact details.

Dietary preferences: Capture user-specific dietary restrictions, allergies, and preferences to personalize meal recommendations.

Payment information: Store user payment details securely for seamless transactions.

2. Recipe Data:

Recipe details: Store recipe information including names, descriptions, cooking instructions, ingredient lists, and nutritional information.

Recipe images: Store high-quality images for each recipe to showcase the finished dish.

Recipe categorization: Tag recipes with categories such as cuisines, dietary labels, and difficulty levels for easy browsing.

3. Order Data:

Order details: Capture information about each user's order, including selected meal kits, quantities, delivery dates, and total amounts.

Order status: Track the status of orders, from placement to processing, shipping, and delivery.

Delivery tracking: Store delivery information, such as tracking numbers, carrier details, and estimated delivery times.

# data[].attributes.body
1. Order tracking: Users should have access to real-time updates on the status of their meal kit orders, including order confirmation, shipping details, and estimated delivery times.
2. Personalization: Users should be able to customize their meal choices by selecting specific recipes or dietary preferences (e.g., vegetarian, vegan, gluten-free) for their meal kits. Not only customization, but the app should also offer personalized recipe recommendations based on user preferences, previous orders, or cooking habits.
3. Payment

# data[].attributes.body
You can search for recipes using a keyword, the meals that will show up are ones that have the the keyword in their titles or ingredients

# data[].attributes.body
weight loss, muscle gain, athlete, etc

# data[].attributes.body
- Allergies: nuts, milk, seafood
- Unhealthy contents: fats, sugar, cholesterol

# data[].attributes.body
Carbohydrate
Protein

# data[].attributes.body
Reasons for cooking:
- Saving money
- Independence
- Healthier
Reasons for not cooking:
- Having a family member to cook for them
- Laziness
- Not having time to cook & buy ingredients & washing dishes
- Cooking skill issue
- No facility for cooking

# data[].attributes.headline
Choice for purpose of using the app [Qualitative]

# data[].attributes.subject
Choice for purpose of using the app [Qualitative]

# data[].attributes.body
Memberikan keluasan bagi pengguna untuk memilih tujuan mereka dalam menggunakan mealkit. Bagi pengguna yang ingin menggunakan mealkit untuk kebutuhan sehari hari maka akan diberikan opsi berbagai menu yang terjangkau. sebaliknya bagi mereka yang ingin memiliki pola makan sehat maka akan diberikan opsi menu yang kaya akan nutrisi. Perlu diketahui bahwa setiap menu memiliki kadar nutrisi yang sudah dipertimabangkan dan harga yang terjangkau namun disesuaikan lagi kepada penggunanya itu sendiri.

# data[].attributes.headline
Confidence in the kitchen [Quantitative]

# data[].attributes.subject
Confidence in the kitchen [Quantitative]

# data[].attributes.body
1 (not confident) - 12%
2 (quite nervous) - 17%
3 (fairly confident) - 33%
4 (confident) - 21%
5 (very confident) - 17%

# data[].attributes.headline
Expected features in a mealkit app [Quantitative]

# data[].attributes.subject
Expected features in a mealkit app [Quantitative]

# data[].attributes.body
Delivery Service - 91%
Others (guidance for cooking) - 9%

# data[].attributes.body
BMI-Based: 24%
Health condition: 38%
Preferences: 37%
Others: 1%

# data[].attributes.headline
Reasons for not using a mealkit app [Quantitative]

# data[].attributes.subject
Reasons for not using a mealkit app [Quantitative]

# data[].attributes.body
Inaccessibility: 69%
Impracticality: 14%
Others: 17%

# data[].attributes.headline
Cons of using a mealkit app [Quantitative]

# data[].attributes.subject
Cons of using a mealkit app [Quantitative]

# data[].attributes.body
33.33% - The groceries aren't as good as that from grocery stores
75% - Not sure about the freshness

# data[].attributes.body
EMMANUEL CANDRA SULISTIAWAN (2602140225)

DEVIN JONATHAN (2602070622)

JACKSON ANG (2602073883)

JONATHAN THEOFILUS EMMANUEL (2602053124)

MICHAEL WIDADA (2602073725)

RODERICK KANGSON (2602083940)

# data[].attributes.body
30%:Yes, 70%: No

# data[].attributes.body
https://forms.office.com/Pages/AnalysisPage.aspx?AnalyzerToken=0PZ3VgVoJMpACAI7nBVgx1tKukIGbXfL&id=Y7mFNLqCb0qBD7XMIm_4mJdVDUfSUEFHqtb3nZRiayBURVNVSU8zUk5UU042REgzM1VVMVY5UlQwVC4u

# data[].attributes.headline
Pros of using a mealkit app [Quantitative]

# data[].attributes.subject
Pros of using a mealkit app [Quantitative]

# data[].attributes.body
66.67% - Easy to use
75% - Convenient

# data[].attributes.body
12% Yes, 88% No

# data[].attributes.body
1. When asked to find 5 Indonesian foods, he started by searching for them in the home page, but couldn't find any, so he finally navigated to the menu page to search for them.
2. He immediately knew that to order a meal, he just needed to click on a meal and order from the recipe page.
3. He knew that the edit preferences page can be accessed through the navbar.
4. He went to the search bar to find mochi, found it in the search page, and then clicked on it to open the recipe page, in which he found the watch tutorial button.
5. To find a meal that contains chicken, he typed "chicken" into the search bar and found one in the search results.

# data[].attributes.body
1. Apakah anda mempertimbangkan nutrisi dalam makanan anda?

2. Apa saja zat-zat nutrisi yang harus diperhatikan untuk menjaga pola makan sehat?

3. Apa pendapat anda tentang mealkit app?

4. Apa saja hal-hal yang harus dipertimbangkan ketika mempersonalisasikan pola makan pribadi?

5. Apa saja keuntungan bagi kesehatan apabila seseorang mendapatkan nutrisi yang ia perlukan?

6. Bahan makanan apa yang perlu dihindari dalam menjalankan pola makan yang sehat?

7. Bahan makanan apa yang dapat menyebabkan reaksi alergi?

8. Apa saran anda bagi orang yang menggunakan aplikasi mealkit untuk memperbaiki atau meningkatkan pola makan mereka?

# data[].attributes.body
1. Ya, tentunya nutrisi merupakan salah satu pertimbangan penting yang harus diterapkan dalam makanan.

2. Nutrisi yang terkandung dalam sayuran dan juga buahan ataupun biji bijian dalam menjaga pola makan sehat tetapi selain itu kita juga perlu memperhatikan kadar protein dan karbohidrat dari makanan tersebut.

3. Mealkit merupakan suatu aplikasi yang sering kali disederhanakan bagi sebagian masyarakat, banyak dari mereka yang merasa mereka ingin memilih makanan mereka sendiri. Selain membantu memudahkan kita dalam memasak mealkit juga bisa menjadi sumber informasi kita dalam  menjaga pola makan sehat untuk menentukan makanan yang baik untuk kita.

4. Hal yang perlu diperhatikan adalah tujuan dari pola makan sehat itu sendiri, misalkan jika seseorang ingin bertujuan untuk menurunkan berat badan tentunya pola makan yang harus diterapkan berbeda dengan seorang atlet.

5. Tentunya keuntungan bagi seseorang yang menerapkan pola makan sehat yang paling penting adalah rendahnya resiko penyakit seperti diabetes ataupun kolesterol tinggi.

6. Bahan bahan yang perlu dihindari saat menjaga pola makan sehat adalah bahan bahan makanan yang memiliki kadar lemak dan kadar gula yang terlalu tinggi.

7. Alergi cenderung datang dari berbagai makanan dan harus disesuaikan dengan setiap orangnya karena beberapa bahan yang menimbulkan alergi cenderung muncul di bahan bahan makan kita sehari hari seperti susu sapi, kacang, atau beberapa hewan laut.

8. Saran bagi orang yang ingin menggunakan mealkit adalah untuk selalu konsisten karena tentunya tidak mudah merubah pola makan secara drastis, tetapi hal ini mungkin bisa dilakukan secara perlahan namun konsisten.

# data[].attributes.headline
Alton - Homecook - no experience (cooking)

# data[].attributes.subject
Alton - Homecook - no experience (cooking)

# data[].attributes.body
1. Yes, Perbedaannya cukup jauh.

2. Hasilnya tidak sesuai

3. Menarik, akan menggunakan jika accessible

4. Tidak

5. 10rb

6. Rasa

7. Tidak menggunakan resep, tapi memakai feeling. Hasilnya makanannya terkadang tidak enak.

# data[].attributes.headline
3b: Trending meals & Upcoming deliveries

# data[].attributes.subject
3b: Trending meals & Upcoming deliveries

# data[].attributes.body
Trending meals: you can look at a list of the Healthify's top meals. To scroll left or right, press the arrow buttons. Press one of the cards and you will be redirected to the recipe page of that meal.

Upcoming deliveries: a list of your orders [the "view all" button is not clickable at the moment, don't worry about that]

# data[].attributes.body
Information about a meal, as well as recommended articles which will take you to the recipes of those meals

# data[].attributes.body
More meals that are popular on Healthify, use the arrow buttons to scroll left or right, press on a card to view the recipe page of that meal

# data[].attributes.body
Some of Healthify's highest-rated meals. Again, just click on one if you wanna look at the recipe.

# data[].attributes.body
the search page shows search results using the keyword that the user typed into the searchbar. clicking on one of these cards would redirect to its recipe page.

# data[].attributes.body
It shows the name of the dish, a picture, a button that redirects to a tutorial video, a button that allows you to order the dish, other details such as time and servings, ingredients, nutritional values, and directions.

# data[].attributes.body
you can choose the amount, delivery date, and time. you can also see the price (delivery fee is 10%, maxed out at rp.15,000). after you press "place order", there will be a closure message that will confirm that your order has been placed.

# data[].attributes.body
"Our menu": redirects to menu page
"Healthify" logo: redirects to home page
"Preferences": redirects to redirects to edit preferences page

Burger menu (left): opens a popup that have buttons that can navigate to home, menu, edit preferences, and about us (at the moment, about us leads to home page because there isn't much to say about the website yet)

Profile picture (right): shows a popup of the user's information, including profile picture, name, age, weight, and sex, as well as their address, preferred payment method, and settings, all of which can be edited (not at the moment, we didn't think it necessary to make them editable)

# data[].attributes.body
Shows different dishes from different menu categories. Click on one and it will redirect you to its recipe page.

# data[].attributes.body
1. Apakah masak sendiri lebih murah daripada membeli diluar?

2. Apa kesulitan anda saat memasak?

3. (Mealkit) Apa pendapat anda tentang mealkit app?

4. Apakah anda mempertimbangkan nutrisi dalam masakan anda?

5. (Mealkit) Berapakah biaya mealkit yang masih dapat diterima?

6. Apakah anda lebih mengutamakan nutrisi atau rasa dari makanan yang anda masak?

7. Dari mana sumber resep dari masakan anda? Apakah ada menginformasikan tentang nutrisi dari makanan tersebut??