{"id":5443,"date":"2024-12-28T16:23:08","date_gmt":"2024-12-28T16:23:08","guid":{"rendered":"https:\/\/obsidiansofteducation.com\/?page_id=5443"},"modified":"2024-12-28T16:23:08","modified_gmt":"2024-12-28T16:23:08","slug":"age-verification-for-neutral-age-screen","status":"publish","type":"page","link":"https:\/\/obsidiansofteducation.com\/index.php\/age-verification-for-neutral-age-screen\/","title":{"rendered":"Age Verification for Neutral Age Screen"},"content":{"rendered":"\n

Hello friends and welcome to Obsidian Soft,<\/p>\n\n\n\n

Recently, one of my viewers commented on my video and queried about the age verification check in an app. So, this piqued my curiosity and I couldn\u2019t stop myself from coding a short app for this purpose. So, here it goes:<\/p>\n\n\n\n

Start a new project in MIT App Inventor. I will name it AgeVerificationApp. I will check in this app if the user is 18 or not but you can change it to any year you want e.g. 13 for COPPA-compliant neutral age screens.<\/p>\n\n\n\n

Design the screen by adding a DatePicker and Button from the User Interface Palette. Rename the datepicker to birthDatePicker and the button to submitBtn. Change the text on them accordingly.<\/p>\n\n\n\n

Add a notifier from the user interface. Also, add a clock from the Sensors palette. Turn off the timer enabled checkbox as we just need the clock for getting the current date and not for running any timers.<\/p>\n\n\n\n

This is what my screen looks like:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

The components:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Go to the blocks section. Add a global variable for age.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Next, add a procedure from Procedures (use the one without the result). Rename to \u201ccalculateAge\u201d. Keep it empty for the moment.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

And call the procedure every time, the user changes his\/her birth date.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Inside the submitBtn click event, add an if\/else block from Control to check if the age is >= 18. Show alerts using the notifier accordingly. You can change this 18 number block to whatever age you want to verify against.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Last but not least, work on the custom procedure: calculateAge. Add a local variable within it.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Click on the clog wheel of the local variable and add 6 variables to it.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Once done, it will look similar to this:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Rename the first variable i.e. name to birthDay, x to currentDay, x2 to birthMonth, x3 to currentMonth, x4 to birthYear, and x5 to currentYear.<\/p>\n\n\n\n

Now, assign them values accordingly by looking at how I am doing below:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Now, our logic is that if the current month is > than the birth month OR it is the same AND the current day is > = birthday then this means that the birthday has already passed so we can calculate age as current year minus birth year. In the other situation, the person\u2019s age is current year minus birth year minus 1.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

So, this is done and I hope you liked this short tutorial on an important topic i.e. verifying user-provided birthdate.<\/p>\n\n\n\n

If you like my tutorials, consider supporting me:<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n
\n