SINHAGAD COLLEGE OF ENGINEERING

Department of Information Technology

Project Based Seminar (Oral) Presentation

On
“REAL TIME WEB-BASED ATTENDANCE MONITORING SYSTEM”
By
T150238582 AMRUTA DEELIP LOHAR
T150238592 ANIKET DHANAJIRAO NIKAM
T150238514 MAYUR DHARMRAJ BEDKE
T150238556 APEKSHA CHANDRAKANT HORAMBE

Guide
“N. H. DESHPANDE”

Day and Date of Exam : Monday, 23 April 2018

 Contents
• Project Group
• Project Motivation
• Introduction
• Literature Survey
• Actual Seminar related topics
• Applications/advantages
• Conclusions
• References

1
 Project Details
• Project Title : Real Time Web-Based Attendance
Monitoring System
• Project Domain: Web Technology
• Project Group Members:
– T150238582 , Amruta Deelip Lohar
– T150358592 , Aniket Dhanajirao Nikam
– T150238514 , Mayur Dharmraj Bedke
– T150238556 , Apeksha Chandrakant Horambe

3
 Motivation
• Why you thought about this Project
• Explain need of this topic/area
• Any statement which motivated to take up this
seminar
• These slides of project should be explained only
once

one slide only

2
 Problem statement
• A problem statement is a clear concise description of the
issue(s) that need(s) to be addressed by your project.
• It is used to center and focus the project group at the
beginning, keep the team on track during the effort, and
is used to validate that the effort delivered an outcome
that solves the problem statement.

Only one slide

5
 Aim and Objectives of the Project
• The aim of this project is…
– Project aim is a statement of the overall “Why” of the project.
– That statement tells the reader what your overall goal is, what it is you
want to achieve
– It does not go into details or describe specific tasks
• Project objectives tell the “How” of the project
– Most projects will have between six and nine objectives.
– A project objective is usually a statement starting with the
words “To…”

one slide only 6

 Project and Seminar Topics
• Project Title :Real Time Attendance Monitoring
System
• Amruta Lohar :Web technique AngularJs vs
Traditional
• Aniket Nikam :Optimize Page Speed and Maintaining
Responsiveness of Webpage
• Mayur Bedke:Horizontal Aggregation in SQL to
Prepare Datasets for Data Mining Analysis
• Apeksha Horambe :Google Cloud Messaging
Technology
7
 Introduction
• JavaScript is High-Level Language.
• Led to the development of advanced web-
applications.
• A new family of JavaScript frameworks has
emerged.
• AngularJS is a structural framework for dynamic
webapps.
• AngularJS is built and maintained by Google.
2
 Introduction

• AngularJS is intended to build Single Page

Applications (SPAs).
• AngularJS is a client-side technology.
• Lets you extend HTML vocabulary for the
application.
2
 Literature Survey
• In 2008, Nucleus Research proposed the use of a
computerized attendance system, faculty has to take
attendance manually, only these records have to be entered
into the computerized system.
• “Online Student Attendance System”, P. N. Garad et al, in
this project, we gave access to three user i.e. Admin,
Student, Others. Here, the serve is Tomcat and client is JSP.
• Web service for student attendance management system is
used a QR Code technology to register the student presence
by scanning the QR Code using a QR Code scanner.
10
 Literature Survey
• "RFID-based students attendance management
system." International Journal of Scientific & Engineering
Research 4.2
• Presented a student attendance monitoring system in a
classroom based on the principle of Internet of the Things
(IoT) via designed a portable device using fingerprint
module [45].
• The attendance can also be stored using Location Based
Time and Attendance System [7]. This system by using the
location can determine whether the student is inside the
classroom or not.
11
 Literature Survey/Related work
Sr. No. Reference Name Seed Idea/ Work description Problems found Any other criteria
(Write Paper Title)
• Minimum FIVE references should be there from literature.
1 IEEESW 2017 AngularJS Performance Use of third party or
custom components,
inadequate architecture
decisions taken by
AngularJS users,
unnecessary processing.
2 IJCAT 2016 Performance Comparison AngularJS evaluates its
and Evaluation of performance and
compares it with
Traditional Web-Technology traditional frameworks like
with AngularJS jQuery
3 IRJCS 2017 Attendance Management To overcome the problem
System ofmanual attendance

4 SJET 2018 Student Attendance Manual computation

Management System produces errors, and
wastes a lot of time.

12
 Why AngularJS?

• Gives XAML Developers a Place to Go on the

Web.
• Handles Dependencies.
• Allows Developers to Express UI Declaratively and
Reduce Side Effects.
• Enables Massively Parallel Development.

13
AngularJS Architechture
14
 AngularJS framework testing tools

• Include tests that validate both its behavior and

performance.
• Unit and End-to-End Testing.
• Evaluates two popular web automation testing
frameworks: Protractor and Karma.
• Optimization Techniques.

15
AngularJS vs. Other Web
Techniques

16
 AngularJS ReactJS

A JavaScript framework. A JavaScript library.

Works with regular DOM. Works with virtual DOM.

2-way data binding. 1-way data binding.

Introduced by Google. Introduced by Facebook.

High learning Curve. Low learning curve.

17
 JavaScript AngularJS
Interpreted programming language used Front-end application framework based
to create dynamic web app. on JS, excels at building dynamic and
large SPAs.

Client-side scripting language developed Open-source JS tool developed and

by Netscape Communications to power maintain by Google with angular
web apps. directives.

Full-featured language used to Extends HTML with new attributes along

manipulate DOM. with other web technologies.

Do not support filters. Support Filters.

Make website more interactive. MVC based architechture that makes
apps easy to create from the scratch.

18
 AngularJS jQuery

It is a framework. It is a library.

Need to build a web app, need to go Need to build a website, jQuery is

with Angular. enough without Angular.

Supports two-way data binding. Doesn’t supports two-way data

binding.

Much use of Dependency Injection(DI). Doesn’t uses Dependency Injection(DI).

Mostly used for SPA. Used on any website or web

application.

19
Applications of AngularJS

20
 Applications of AngularJS
1. Modern version of Google
email service is an
example of SPA app.

21
 Applications of AngularJS
2. The Guardian is leading
in the design and publishing
Arena.UI of The Guardian
website is developed as an
AngularJS app.

22
 Applications of AngularJS
3. PayPal is another
example of large websites
using AngularJS.
PayPal company owns
online payments system

23
 Applications of AngularJS
4. American cable and satellite channel The Weather
Channel one the
big websites using
AngularJS.

24
 Applications of AngularJS
5. Youtube is a video hosting and video sharing website
owned by Google was written using Angular JS
framework:

25
 Advantages of AngularJS
• No need to use observable functions.
• Angular modifies the page DOM directly instead of
adding inner HTML code.
• Extended features such as dependency injection,
routing, animations, view orchestration, and more.
• Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
• Quite a number of different ways to do the same things.

26
 Disadvantages of AngularJS
• Angular is big and complicated.
• Angular implementations scale poorly.
• The lifecycle of Angular application is complex.

27
 Future Scope of AngularJS
• AngularJS has experienced some major changes from
versions 1.0 to 1.3 to enhance every single part of
AngularJS.
• After its version 1.3, in place of looking at
enhancements, their team has decided to focus on
AngularJS 2.0.
• The future of AngularJS will be inspiring for all the
developers.

28
 Conclusion
• Thus it can be concluded that the AngularJS is
more efficient than the existing client-side web
technologies like JavaScript and jQuery.
However, the area in which AngularJS gives the
best performance is SPA ( Single Page
Applications) and not simple Websites.

29
 References
[1] Kai Lei, Yining Ma, Zhi Tan, "Performance Comparison and
Evaluation of Web Development Technologies in PHP, Python
and Node.js", 2014 IEEE.
[2] Google Inc., “https://docs.angularjs.org/guide/introduction -
Developer Guide for AngularJS
[3] Comparison of angulaJS framework testing tool
https://ieeexplore.ieee.org/document/7513659.
[4] https://www.ijcat.org/IJCAT-2016/3-7/ Performance
Comparison-and-Evaluation-of-Traditional-Web-Technologies
with-AngularJS.pdf

30