Attendy-Evaluation based Attendance

Few Terminology

What is Hybrid App?

Hybrid mobile apps are applications that are installed on a device, just like any other app. What differentiates them is the fact they possess elements from native apps, applications developed for a specific platform such as iOS or Android, with elements from web apps, websites that act like apps but are not installed on a device but are accessed on the Internet via a browser. In order to access a device’s hardware features for which the native apps are installed, it is possible to include native elements of each platform’s user interfaces native code will be used to access the specific features in order to create a seamless user experience. Hybrid apps can also rely on platforms that offer JavaScript APIs if those functionalities are called within a Web View.

React Native

React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS. Similar to React for the Web, React Native applications are written using a mixture of JavaScript and XML-esque markup, known as JSX.

Firebase

Firebase is a mobile- and web application development platform, backed by Google, to help developers deliver richer app experiences. Firebase manages its own infrastructure with a nice set of tools to simplify the workflow of the developer by providing them with development kits and an online dashboard. These tool kits are interconnected, scalable and integrable with third party software to overcome complex challenges with standard building blocks. The platform consists of a great set of development tools. The Real time Database and Cloud Firestore can stock document-structured data and synchronize the corresponding apps in milliseconds whenever a data transformation occurs. This means that both the app and its database listen to each other, providing the user with reactive app experiences. And Firebase Cloud Functions can even extend this functionality. These functions allow the developer to write backend code to respond to events happening in the Firebase platform without having to deal with any servers.

Abstract

Attendance is means a total number of people presented in an event or any place. In regular teaching attendance is taken so that student regularity can be recorded. In lectures the manual attendance is very much time consuming and also not perfect like some misunderstanding in Id number or some student missed their attendance call and many other scenario. For solving that problem we can make an app which can take attendance online through app which overcome all scenario. The particular student attendance can be marked present after he/she passed in the quiz which is posted by the teacher. This app can be possible with the help of mobile development cross-platform framework like flutter/react-native or any other. I used react native for development and firestore for real time database and other services provided by Firebase.

Introduction

App named as attendy which seems as short form of the student which are attending the lecture. First all of there is two section in authentication of the app one is for teacher and other is for student. Teacher routes can access create class and student routes can access join class other routes which are not related to that particular person are blocked. After creating in the class teacher can send auto generated code to the student via mail or any other source after that student can join that class. Then before lecture starts teacher can make a quiz which have a date and time on which it will be live and it contains the cut off marks and at last the question and answer section will be there. At the end of the lecture student can attempt the quiz and after passing their attendance will be marked.

Work Flow

Attendy app is divided into 2 main work flow one is teacher and other is student. Stating from on boarding followed by the partition of authentication then by creating or join class according to account type and lastly followed by the respective class functionality. In the class work flow there are different features like create quiz and download attendance of the teacher and for the student to attempt and check the attendance.

Authentication

Attendy app uses authentication provided by Firebase. With the help of name, email and password the user can register them self for using the app. User can login with the help of email and password. Name is just used for greeting in the app and for member identity in the class. Also with the help of Firebase forget password can be delivered to your registered email for resetting the password.

Database

Attendy app uses database provided by Firebase called firestore. It is of no SQL type and document handled means all information/data is stored in the form of document/object. Attendy database is divided into four main parts which are as under.

On boarding UI

On boarding is the process when any user enters into the app for first time to give brief introduction of the app and what is the purpose of the app.

Authentication UI:

Authentication is the process of authenticate the user. So proper UI must require for the user which are new they must redirect to register page and the user which are old user they redirect to login page.

Main UI:

When user authenticate their self they redirect to this UI from which they can route to different screen by navigation drawer and full fill their need. Main UI consist of home screen, create/join screen, profile screen and logout screen.

Class UI:

When user enter into class from home screen they redirect to this UI which consist of bottom navigator from which they can route into four different sections. Routes are divided as class home, create quiz, class setting and exit class.

Quiz UI:

When user want to create the quiz they redirect to create quiz route in class UI and from that this UI are used for creating and uploading the quiz for student to attend.

Conclusion:

In the modern digital world all manual work is shifting to digital work by this time and efforts are not wasted. Through attendy time of taking manual attendance can be removed and also exact number of attendance can be calculated with the number of student who attend the lecture with full concentration. So we can conclude that attendy can make teacher work less and also for the student it can affect in good way as they want attendance they will concentrate more in the lecture for passing the quiz.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store