18 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
--------------------------------------------------------------------------------
/login.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
19 | Online Attendance
20 |
21 |
22 |
23 |
96 |
97 | Enter OTP that has send to your mail
24 | 25 | 94 | 95 |
17 |
29 |
30 | 31 |
92 |
93 |
94 |
95 |
--------------------------------------------------------------------------------
/js/qr.js:
--------------------------------------------------------------------------------
1 | function CameraQrScanner(previewContainer) {
2 | var self = this;
3 |
4 | this.camera = null;
5 | this.scanActive = false;
6 | this.lastResult = null;
7 | this.refractoryTimeout = null;
8 | this.captureImage = false;
9 |
10 | var cameraElement = document.createElement('video');
11 | cameraElement.setAttribute('autoplay', 'autoplay');
12 | previewContainer.appendChild(cameraElement);
13 |
14 | var canvas = document.createElement('canvas');
15 | canvas.style.display = 'none';
16 |
17 | this.onResult = function () { };
18 |
19 | this.start = function (camera, callback) {
20 | this.stop();
21 |
22 | this.camera = camera;
23 |
24 | this.camera.start(function (err, streamUrl) {
25 | if (err) {
26 | callback(err);
27 | } else {
28 | cameraElement.src = streamUrl;
29 | startScan();
30 | callback(null);
31 | }
32 | });
33 | };
34 |
35 | this.stop = function () {
36 | this.scanActive = false;
37 | cameraElement.src = '';
38 |
39 | if (this.camera) {
40 | this.camera.stop();
41 | this.camera = null;
42 | }
43 | };
44 |
45 | this.setCaptureImage = function (captureImage) {
46 | this.captureImage = captureImage;
47 | };
48 |
49 | this.imageBuffer = null;
50 | var context;
51 |
52 | var sensorLeft;
53 | var sensorTop;
54 | var sensorWidth;
55 | var sensorHeight;
56 |
57 | var ZXing = window.ZXing();
58 |
59 | var decodeCallback = ZXing.Runtime.addFunction(function (ptr, len, resultIndex, resultCount) {
60 | var result = new Uint8Array(ZXing.HEAPU8.buffer, ptr, len);
61 | var str = String.fromCharCode.apply(null, result);
62 | if (resultIndex === 0) {
63 | window.zxDecodeResult = '';
64 | }
65 | window.zxDecodeResult += str;
66 | });
67 |
68 | function startScan() {
69 | this.scanActive = true;
70 | requestAnimationFrame(scan);
71 | }
72 |
73 | var frameCount = 0;
74 | function scan() {
75 | if (!this.scanActive) {
76 | return;
77 | }
78 |
79 | requestAnimationFrame(scan);
80 |
81 | if (++frameCount !== 5) {
82 | return;
83 | } else {
84 | frameCount = 0;
85 | }
86 |
87 | if (!cameraElement.videoWidth) {
88 | return;
89 | }
90 |
91 | if (!this.imageBuffer) {
92 | var videoWidth = cameraElement.videoWidth;
93 | var videoHeight = cameraElement.videoHeight;
94 |
95 | sensorWidth = videoWidth;
96 | sensorHeight = videoHeight;
97 | sensorLeft = Math.floor((videoWidth / 2) - (sensorWidth / 2));
98 | sensorTop = Math.floor((videoHeight / 2) - (sensorHeight / 2));
99 | canvas.width = sensorWidth;
100 | canvas.height = sensorHeight;
101 |
102 | context = canvas.getContext('2d');
103 | this.imageBuffer = ZXing._resize(sensorWidth, sensorHeight);
104 | return;
105 | }
106 |
107 | context.drawImage(cameraElement, sensorLeft, sensorTop, sensorWidth, sensorHeight, 0, 0, sensorWidth, sensorHeight);
108 | var data = context.getImageData(0, 0, sensorWidth, sensorHeight).data;
109 |
110 | for (var i = 0, j = 0; i < data.length; i += 4, j++) {
111 | ZXing.HEAPU8[this.imageBuffer + j] = data[i];
112 | }
113 |
114 | var err = ZXing._decode_qr(decodeCallback);
115 | if (err) {
116 | return;
117 | }
118 |
119 | var result = window.zxDecodeResult;
120 | if ((result != null) && (result !== self.lastResult)) {
121 | clearTimeout(self.refractoryTimeout);
122 | self.refractoryTimeout = setTimeout(function () {
123 | self.lastResult = null;
124 | }, 6 * 1000);
125 |
126 | var image = self.captureImage ? canvas.toDataURL('image/webp', 0.8) : null;
127 |
128 | self.lastResult = result;
129 | setTimeout(function () {
130 | self.onResult(result, image);
131 | }, 0);
132 | }
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/supervisor/supervisor_home.php:
--------------------------------------------------------------------------------
1 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | 30 | 31 |
32 | email=$a; 45 | $this->pass=$b; 46 | $sql="SELECT * FROM super_admin WHERE email_id='$this->email' and password='$this->pass'"; 47 | $loginquery=mysqli_query($conn, $sql); 48 | $checkuser=mysqli_num_rows($loginquery); 49 | if($checkuser==1){ 50 | $_SESSION['email']=$this->email; 51 | header("Location:admin/index.php"); 52 | } 53 | else{ 54 | ?> 55 | 56 | email=$a; 63 | $this->pass=$b; 64 | $this->des_id=$c; 65 | $sql="SELECT * from employee_info WHERE emp_email='$this->email' and emp_password='$this->pass' and designation_id=$this->des_id"; 66 | $loginquery=mysqli_query($conn, $sql); 67 | $checkuser=mysqli_num_rows($loginquery); 68 | if($checkuser==1){ 69 | $_SESSION['staff']=$this->email; 70 | header("Location:supervisor/index.php"); 71 | } 72 | else{ 73 | ?> 74 | 75 | getAdmin($email,$pass); 86 | $re->getStaff($email,$pass,$des_id); 87 | 88 | } 89 | ?> 90 |
91 |QR-Attendance
38 |
40 |
47 |
48 |
56 |
57 |
102 |
103 |
104 |
105 |
106 |
107 |
110 |
111 |
112 |
113 |
--------------------------------------------------------------------------------
/admin/admin_home.php:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | QR-Attendance
36 |
38 |
45 |
46 |
54 |
55 |
103 |
104 |
105 |
106 |
107 |
110 |
111 |
112 |
113 |
--------------------------------------------------------------------------------
/supervisor/emp_details.php:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
56 |
101 |
102 | OnlineAttendance
31 |
33 |
44 |
45 |
53 |
109 |
110 |
111 |
112 |
113 |
114 |
--------------------------------------------------------------------------------
/admin/emp_details.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
54 |
108 |
55 |
56 |
106 |
107 |
57 |
105 |
58 | Employee Details
59 |
60 |
61 |
62 |
102 |
103 |
104 | | 81 | | 82 | | 83 | | 90 |Update | 91 |Details | 92 |Generate ID | 93 |
OnlineAttendance
30 |
32 |
43 |
44 |
52 |
107 |
108 |
109 |
110 |
111 |
112 |
--------------------------------------------------------------------------------
/admin/details.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
53 |
106 |
54 |
55 |
104 |
105 |
56 |
103 |
57 | Employee Details
58 |
59 |
60 |
61 |
100 |
101 |
102 | | 79 | | 80 | | 81 | | 88 |Update | 89 |Details | 90 |Generate ID | 91 |
OnlineAttendance
30 |
32 |
43 |
44 |
52 |
128 |
129 |
130 |
131 |
132 |
133 |
--------------------------------------------------------------------------------
/admin/updatedept.php:
--------------------------------------------------------------------------------
1 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
53 |
127 |
54 |
55 |
125 |
126 |
56 |
124 |
57 | Employee Details
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
72 |
121 |
122 |
123 | | Employee profile | 74 |Contact Information | 75 | 76 | 77 |
|---|---|
|
81 | 82 | 83 | |
84 | |
| Employee Name | 88 |Department | 89 |
| 92 | | 93 | 100 | | 101 |
| Gender | 104 |Designation | 105 |
| 108 | | 109 | 116 | | 117 |
OnlineAttendance
35 |
37 |
48 |
49 |
59 |
111 |
112 |
113 |
114 |
115 |
116 |
--------------------------------------------------------------------------------
/admin/department.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
60 |
110 |
61 |
108 |
109 |
62 |
107 |
63 | Update Department
64 |
65 |
105 |
106 |
66 |
104 |
67 |
68 |
103 |
69 |
77 |
78 | Please enter the departmen tname";
83 | }
84 | else{
85 |
86 | $sql = "UPDATE department SET dept_id='$dept'dept_name='$dept' Where dept_id=$dept_id";
87 | $query=mysqli_query($conn,$sql);
88 | if(!$query){
89 | echo "";
90 | }
91 | else{
92 | echo "";
93 | }
94 | }
95 |
96 | ?>
97 |
98 |
101 |
102 | OnlineAttendance
30 |
32 |
43 |
44 |
54 |
127 |
128 |
129 |
130 |
131 |
--------------------------------------------------------------------------------
/scancode.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
55 |
126 |
56 |
125 |
57 |
123 |
124 |
58 | Enter Department
59 |
60 |
77 |
83 |
84 |
122 |
85 | All Department
86 |
87 |
88 |
89 |
119 |
120 |
121 | | Sl.no | 91 |Department | 92 |Action | 93 ||
|---|---|---|---|
| 106 | | 107 | | 108 | | Update | 109 |
35 |
54 |
58 |
105 |
106 |
107 |
108 |
--------------------------------------------------------------------------------
/supervisor/details.php:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | OnlineAttendance
36 | 53 |OnlineAttendance
32 |
34 |
44 |
45 |
53 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 |
2 |
3 | #logreg-forms{
4 | width:412px;
5 | margin:10vh auto;
6 | background-color:#f3f3f3;
7 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
8 | transition: all 0.3s cubic-bezier(.25,.8,.25,1);
9 | }
10 | #logreg-forms form {
11 | width: 100%;
12 | max-width: 410px;
13 | padding: 15px;
14 | margin: auto;
15 | }
16 | #logreg-forms .form-control {
17 | position: relative;
18 | box-sizing: border-box;
19 | height: auto;
20 | padding: 10px;
21 | font-size: 16px;
22 | }
23 | #logreg-forms .form-control:focus { z-index: 2; }
24 | #logreg-forms .form-signin input[type="email"] {
25 | margin-bottom: -1px;
26 | border-bottom-right-radius: 0;
27 | border-bottom-left-radius: 0;
28 | }
29 | #logreg-forms .form-signin input[type="password"] {
30 | border-top-left-radius: 0;
31 | border-top-right-radius: 0;
32 | }
33 |
34 | #logreg-forms .social-login{
35 | width:390px;
36 | margin:0 auto;
37 | margin-bottom: 14px;
38 | }
39 | #logreg-forms .social-btn{
40 | font-weight: 100;
41 | color:white;
42 | width:190px;
43 | font-size: 0.9rem;
44 | }
45 |
46 | #logreg-forms a{
47 | display: block;
48 | padding-top:10px;
49 | color:lightseagreen;
50 | }
51 |
52 | #logreg-form .lines{
53 | width:200px;
54 | border:1px solid red;
55 | }
56 |
57 |
58 | #logreg-forms button[type="submit"]{ margin-top:10px; }
59 |
60 | #logreg-forms .facebook-btn{ background-color:#3C589C; }
61 |
62 | #logreg-forms .google-btn{ background-color: #DF4B3B; }
63 |
64 | #logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }
65 |
66 | #logreg-forms .form-signup .social-btn{ width:210px; }
67 |
68 | #logreg-forms .form-signup input { margin-bottom: 2px;}
69 |
70 | .form-signup .social-login{
71 | width:210px !important;
72 | margin: 0 auto;
73 | }
74 |
75 | /* Mobile */
76 |
77 | @media screen and (max-width:500px){
78 | #logreg-forms{
79 | width:300px;
80 | }
81 |
82 | #logreg-forms .social-login{
83 | width:200px;
84 | margin:0 auto;
85 | margin-bottom: 10px;
86 | }
87 | #logreg-forms .social-btn{
88 | font-size: 1.3rem;
89 | font-weight: 100;
90 | color:white;
91 | width:200px;
92 | height: 56px;
93 |
94 | }
95 | #logreg-forms .social-btn:nth-child(1){
96 | margin-bottom: 5px;
97 | }
98 | #logreg-forms .social-btn span{
99 | display: none;
100 | }
101 | #logreg-forms .facebook-btn:after{
102 | content:'Facebook';
103 | }
104 |
105 | #logreg-forms .google-btn:after{
106 | content:'Google+';
107 | }
108 |
109 | }
110 | .register{
111 | background: -webkit-linear-gradient(left, #3931af, #00c6ff);
112 |
113 | padding: 3%;
114 | }
115 | .register-left{
116 | text-align: center;
117 | color: #fff;
118 | margin-top: 4%;
119 | }
120 | .register-left input{
121 | border: none;
122 | border-radius: 1.5rem;
123 | padding: 2%;
124 | width: 60%;
125 | background: #f8f9fa;
126 | font-weight: bold;
127 | color: #383d41;
128 | margin-top: 30%;
129 | margin-bottom: 3%;
130 | cursor: pointer;
131 | }
132 | .register-right{
133 | background: #f8f9fa;
134 | border-top-left-radius: 10% 50%;
135 | border-bottom-left-radius: 10% 50%;
136 | }
137 | .register-left img{
138 | margin-top: 15%;
139 | margin-bottom: 5%;
140 | width: 25%;
141 | -webkit-animation: mover 2s infinite alternate;
142 | animation: mover 1s infinite alternate;
143 | }
144 | @-webkit-keyframes mover {
145 | 0% { transform: translateY(0); }
146 | 100% { transform: translateY(-20px); }
147 | }
148 | @keyframes mover {
149 | 0% { transform: translateY(0); }
150 | 100% { transform: translateY(-20px); }
151 | }
152 | .register-left p{
153 | font-weight: lighter;
154 | padding: 12%;
155 | margin-top: -9%;
156 | }
157 | .register .register-form{
158 | padding: 10%;
159 | margin-top: 10%;
160 | }
161 | .btnRegister{
162 | float: right;
163 | margin-top: 10%;
164 | border: none;
165 | border-radius: 1.5rem;
166 | padding: 2%;
167 | background: #0062cc;
168 | color: #fff;
169 | font-weight: 600;
170 | width: 50%;
171 | cursor: pointer;
172 | }
173 | .register .nav-tabs{
174 | margin-top: 3%;
175 | border: none;
176 | background: #0062cc;
177 | border-radius: 1.5rem;
178 | width: 28%;
179 | float: right;
180 | }
181 | .register .nav-tabs .nav-link{
182 | padding: 2%;
183 | height: 34px;
184 | font-weight: 600;
185 | color: #fff;
186 | border-top-right-radius: 1.5rem;
187 | border-bottom-right-radius: 1.5rem;
188 | }
189 | .register .nav-tabs .nav-link:hover{
190 | border: none;
191 | }
192 | .register .nav-tabs .nav-link.active{
193 | width: 100px;
194 | color: #0062cc;
195 | border: 2px solid #0062cc;
196 | border-top-left-radius: 1.5rem;
197 | border-bottom-left-radius: 1.5rem;
198 | }
199 | .register-heading{
200 | text-align: center;
201 | margin-top: 8%;
202 | margin-bottom: -15%;
203 | color: #495057;
204 | }
--------------------------------------------------------------------------------
/scans.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
54 |
133 |
55 |
56 |
131 |
132 |
57 |
130 |
58 | Employee Details
59 |
60 |
61 |
62 |
127 |
128 |
129 | | Emp ID | 64 |Emp Name | 65 | 67 |68 | |
|---|---|---|
| Employee profile | 80 |Contact Information | 81 | 82 | 83 ||
|
87 | 88 | 89 | |
90 | ||
| Employee Name | 94 |Department | 95 ||
| 98 | | 99 | 106 | | 107 ||
| Gender | 110 |Designation | 111 ||
| 114 | | 115 | 122 | | 123 |
OnlineAttendance
36 |
38 |
58 |
59 |
66 |
67 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
--------------------------------------------------------------------------------
/admin/report.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
68 |
121 |
122 |
123 |
69 |
70 |
117 |
118 |
119 |
120 | OnlineAttendance
30 |
32 |
43 |
44 |
52 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
134 |
135 |
136 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # QR_Employee_Attendance_System
2 | It is a web based application. A system that takes down Employee Attendance using QR code. Every Employee is provided with a card containing a unique ID. Employee just has to scan their cards in front of camera or scanner and the system notes down their attendance as per dates. Each QR code contains a unique ID for employees. System then stores the entire Employee’ attendance records and generates defaulter list. It also generates an overall report in Excel sheet or PDF according to the requirement for admin and Supervisor. Such type of application is very useful in NGO’s as well as in Organisation or IT companies for daily attendance.
3 | It is a web based application. A system that takes down Employee
4 | Attendance using QR code. Every Employee is provided with a card containing a unique ID. Employee just has to scan their cards in front of camera or scanner and the system notes down their attendance as per dates. Each QR code contains a unique ID for employees. System then stores the entire Employee’ attendance records and generates defaulter list.
5 | It also generates an overall report in Excel sheet or PDF according to the requirement for admin and Supervisor. Such type of application is very useful in NGO’s as well as in Organisation or IT companies for daily attendance.
6 |
7 | Features:
8 |
9 | The system deals with the maintaining Employee attendance taken by Supervisor. Supervisor will get assign by admin to which Department they have to take attendance. It is maintained on the daily basis of their attendance. The supervisor will be provided a platform were supervisor can easily take Employee attendance by just scanning QR code provided to Employees. Only if the Employee present on that particular Department and with the unique QR code identity. The attendance will be calculated on the basic of the Employee mark as present. The Employee’s attendance report can be generated by the Supervisor according to their requirement.
10 |
11 | QR code structure
12 | What is a QR Code?
13 | The QR Code is a two-dimensional version of the barcode, known from product packaging in the supermarket. Originally developed for process optimization in the logistics of the automotive industry, the QR Code has found its way into mobile marketing with the widespread adoption of smartphones. "QR" stands for "Quick Response", which refers to the instant access to the information hidden in the Code. QR Codes are gaining popularity because the technology is "open source", i.e. available for everyone. Significant advantages of QR Codes over conventional barcodes are larger data capacity and high fault tolerance.
14 | How is a QR Code structured?
15 | The black and white checkered pixel patterns appear at first glance to be a small crossword puzzle and seem to be composed at random. But if you look closely, certain structures can be identified. For the scanner to recognize a QR Code as such, the Code must always be square. A number of additional elements ensure that the information is read correctly.
16 | AIMS OF THE PROJECT:
17 |
18 | The main aim of this project is to computerized the attendance system and reduce time consumption and also give Attendance report to Supervisor.
19 | This project has the following objectives:-
20 |
21 | To develop a QR code generator using PHP
22 | To develop an attendance Management System
23 |
24 |
25 | Working of the Existing System:
26 |
27 | • Existing System is a manual entry for the Employees.
28 |
29 | • Attendance will be carried out in the hand written registers and put it on the MS excel.
30 |
31 | • Attendance is taking in daily basis by manually on the register and at the end of the month they uploaded to ms excel.
32 |
33 | • By the help of the register they calculate the salary by manual via MS excel or by calculator.
34 |
35 | • Number of leaves is calculating by counting the number of days he or she is absent by:-
36 |
37 |
38 | • Employee on a salary:
39 | • Annual salary % 52 (no. of weeks in a year)= weekly pay
40 | • Weekly pay % 7(no. of days in working week) = daily pay
41 | • Example: if the employee’s annual salary(before tax) is Rs. 200000
42 | • Rs.200000 ÷ 52 = Rs.3,846.15385 (weekly pay)
43 | • Rs. 3,846.15385 ÷ 7 = Rs.549.45055(daily pay)
44 |
45 |
46 | These are the following drawbacks with the existing system:
47 |
48 | Difficulty in report generating: They require more calculations and it takes time to generate the report and it may happen that the students may not get a single chance to improve their attendance.
49 |
50 | Lots of paperwork: Existing system requires lot of paper work. Loss of even a single register/record led to difficult situation because all the papers are needed to generate the reports.
51 |
52 | Time consuming: Every work is done manually so they cannot generate report in the middle of the session or as per the requirement because it is very time consuming.
53 |
54 | Proposed system:
55 |
56 | The proposed system uses QR-code method for authenticating Employees with a unique QR-code that represents their unique id. Every Employee is provided with a card that contains the QR-code.
57 | Features of Proposed system:
58 | • The QR code is used instead of manual login.
59 | • The QR code is a two-dimensional code which has black square arranged on a white background which efficiently stores data.
60 | • A QR code can be embedded anywhere, here it is embedded on the ID card.
61 | • The QR code could be scanned by camera or QR code Scanner.
62 | • QR codes are unique so it differs from one employee to other.
63 | • After Scanning the QR code the system will generate a report that contains the number of presents and absentees.
64 | • This system will also generate the salary cutting of absentees.
65 |
--------------------------------------------------------------------------------
/report.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
53 |
111 |
54 |
55 |
109 |
110 |
56 |
108 |
57 | Employee attendance
58 |
59 |
62 |
63 |
64 |
105 |
106 |
107 | | 83 | | 90 | | 91 | 92 | | 93 |94 | | 95 | 96 | |
OnlineAttendance
30 |
32 |
43 |
44 |
52 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
134 |
135 |
136 |
--------------------------------------------------------------------------------
/supervisor/report.php:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
53 |
111 |
54 |
55 |
109 |
110 |
56 |
108 |
57 | Employee Details
58 |
59 |
62 |
63 |
64 |
105 |
106 |
107 | | 83 | | 90 | | 91 | 92 | | 93 |94 | | 95 | 96 | |
OnlineAttendance
31 |
33 |
44 |
45 |
53 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
151 |
152 |
153 |
--------------------------------------------------------------------------------
/admin/generateid.php:
--------------------------------------------------------------------------------
1 | bookmark($_POST['url']);
17 |
18 | }elseif(isset($_POST['only_url'])){
19 | $qr->url($_POST['only_url']);
20 | }
21 | }
22 | $size = array('5'=>'232','6'=>'290');
23 | ?>
24 |
25 |
26 |
27 |
28 |
29 |
30 |
54 |
128 |
55 |
56 |
126 |
127 |
57 |
125 |
58 | Employee attendence
59 |
60 |
63 |
64 |
65 |
122 |
123 |
124 | | 94 | | 101 | | 102 | 103 | | 104 |105 | | 106 | 107 | |
| No Attendance Found | 115 |||||
OnlineAttendance
43 |
45 |
56 |
57 |
63 |
138 |
139 |
140 |
141 |
142 |
143 |
159 |
160 |
161 |
162 |
--------------------------------------------------------------------------------
/supervisor/generateid.php:
--------------------------------------------------------------------------------
1 | bookmark($_POST['url']);
17 |
18 | }elseif(isset($_POST['only_url'])){
19 | $qr->url($_POST['only_url']);
20 | }
21 | }
22 | $size = array('5'=>'232','6'=>'290');
23 | ?>
24 |
25 |
26 |
27 |
28 |
29 |
30 |
64 |
136 |
137 |
65 |
135 |
66 |
134 |
67 |
131 |
132 |
133 | OnlineAttendance
43 |
45 |
56 |
57 |
63 |
138 |
139 |
140 |
141 |
142 |
143 |
159 |
160 |
161 |
162 |
--------------------------------------------------------------------------------
/supervisor/updateemp.php:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
64 |
136 |
137 |
65 |
135 |
66 |
134 |
67 |
131 |
132 |
133 | OnlineAttendance
34 |
36 |
47 |
48 |
58 |
175 |
176 |
177 |
178 |
179 |
180 |
--------------------------------------------------------------------------------
/processing.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
59 |
174 |
60 |
172 |
173 |
61 |
171 |
62 | Update Employee
63 |
64 |
169 |
170 |
65 |
168 |
66 |
67 |
167 |
68 |
125 | 126 | Please Select Department
"; 131 | } 132 | $desig=$_POST['desig']; 133 | if(empty($desig)){ 134 | echo "Please Select Designation
"; 135 | } 136 | $phone=$_POST['phone']; 137 | if(!preg_match("/^[0-9]*$/",$phone)){ 138 | echo "Enter Valid Phone number
"; 139 | } 140 | $email=$_POST['email']; 141 | if(!preg_match("/^[0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/",$email)){ 142 | echo "Please enter correct email
"; 143 | } 144 | $salary=$_POST['salary']; 145 | if(!preg_match("/^[0-9]*$/",$salary)){ 146 | echo "Enter Salary in number
"; 147 | } 148 | else{ 149 | 150 | $sql = "UPDATE employee_info SET dept_id='$dept',designation_id='$desig',emp_phone='$phone',emp_email='$email',emp_salary='$salary' Where emp_id=$emp_id"; 151 | $query=mysqli_query($conn,$sql); 152 | if(!$query){ 153 | echo ""; 154 | } 155 | else{ 156 | echo ""; 157 | } 158 | } 159 | } 160 | ?> 161 | 162 | 165 | 166 |
30 |
31 |
46 |
55 |
47 |
54 |
48 |
52 |
53 |
113 |
114 |
115 |
122 |
123 |
116 |
120 |
121 |
169 |
170 |
171 |
179 |
172 |
176 |
177 |
178 |
183 |
184 |
185 |
186 |
187 |
--------------------------------------------------------------------------------
/admin/updateemp.php:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | OnlineAttendance
34 |
36 |
47 |
48 |
58 |
174 |
175 |
176 |
177 |
178 |
179 |
--------------------------------------------------------------------------------
/js/clipboard.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * clipboard.js v1.5.12
3 | * https://zenorocha.github.io/clipboard.js
4 | *
5 | * Licensed MIT © Zeno Rocha
6 | */
7 | !function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,o){function i(a,c){if(!n[a]){if(!e[a]){var s="function"==typeof require&&require;if(!c&&s)return s(a,!0);if(r)return r(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return i(n?n:t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a
59 |
173 |
60 |
171 |
172 |
61 |
170 |
62 | Update Employee
63 |
64 |
168 |
169 |
65 |
167 |
66 |
67 |
166 |
68 |
124 | 125 | Please Select Department
"; 130 | } 131 | $desig=$_POST['desig']; 132 | if(empty($desig)){ 133 | echo "Please Select Designation
"; 134 | } 135 | $phone=$_POST['phone']; 136 | if(!preg_match("/^[0-9]*$/",$phone)){ 137 | echo "Enter Valid Phone number
"; 138 | } 139 | $email=$_POST['email']; 140 | if(!preg_match("/^[0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/",$email)){ 141 | echo "Please enter correct email
"; 142 | } 143 | $salary=$_POST['salary']; 144 | if(!preg_match("/^[0-9]*$/",$salary)){ 145 | echo "Enter Salary in number
"; 146 | } 147 | else{ 148 | 149 | $sql = "UPDATE employee_info SET dept_id='$dept',designation_id='$desig',emp_phone='$phone',emp_email='$email',emp_salary='$salary' Where emp_id=$emp_id"; 150 | $query=mysqli_query($conn,$sql); 151 | if(!$query){ 152 | echo ""; 153 | } 154 | else{ 155 | echo ""; 156 | } 157 | } 158 | } 159 | ?> 160 | 161 | 164 | 165 |OnlineAttendance
31 |
33 |
44 |
45 |
55 |
223 |
224 |
225 |
226 |
--------------------------------------------------------------------------------
/admin/reg_employee.php:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
56 |
221 |
222 |
57 |
220 |
58 |
218 |
219 |
59 | Employee Registration
60 |
61 |
217 |
62 |
215 |
216 |
63 |
64 |
113 |
65 |
112 |
114 |
115 |
214 |
116 |
117 |
213 |
118 |
144 |
119 |
120 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 | 145 | Please Select Department
"; 150 | } 151 | $desig=$_POST['desig']; 152 | if(empty($desig)){ 153 | echo "Please Select Designation
"; 154 | } 155 | $name=$_POST['name']; 156 | if(!preg_match("/^[a-zA-Z ]*$/",$name)){ 157 | echo "Name should contain only alphabet
"; 158 | } 159 | $phone=$_POST['phone']; 160 | if(!preg_match("/^[0-9]*$/",$phone)){ 161 | echo "Enter Valid Phone number
"; 162 | } 163 | $gen=$_POST['gender']; 164 | if(empty($gen)){ 165 | echo "Please Select gender
"; 166 | } 167 | $email=$_POST['email']; 168 | if(!preg_match("/^[0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/",$email)){ 169 | echo "Please enter correct email
"; 170 | } 171 | $pass=md5($_POST['pass']); 172 | if(empty($pass)){ 173 | echo "Please Enter Password
"; 174 | } 175 | $salary=$_POST['salary']; 176 | if(!preg_match("/^[0-9]*$/",$salary)){ 177 | echo "Enter Salary in number
"; 178 | } 179 | $image_extension = array("png","jpg","jpeg","PNG","JPG","JPEG"); 180 | $validate_photo = pathinfo($_FILES["photo"]["name"], PATHINFO_EXTENSION); 181 | $photo = $_FILES['photo']['name']; 182 | $target = "../emp_photo/"; 183 | $fileTarget = $target.$photo; 184 | $tempFileName = $_FILES["photo"]["tmp_name"]; 185 | if ($_FILES["photo"]["size"] > 2097152) { 186 | echo ""; 187 | return; 188 | } 189 | else if (! in_array($validate_photo, $image_extension)) { 190 | 191 | echo ""; 192 | return; 193 | } 194 | else{ 195 | $result = move_uploaded_file($tempFileName,$fileTarget); 196 | $sql = "INSERT INTO employee_info(dept_id,designation_id,emp_name,emp_gender,emp_phone,emp_email,emp_password,emp_photo,emp_salary) VALUES ($dept,$desig,'$name','$gen',$phone,'$email','$pass','$fileTarget',$salary)"; 197 | $query=mysqli_query($conn,$sql); 198 | if(!$query){ 199 | echo ""; 200 | } 201 | else{ 202 | echo ""; 203 | } 204 | } 205 | } 206 | ?> 207 | 208 | 211 | 212 |OnlineAttendance
30 |
32 |
43 |
44 |
54 |
231 |
232 |
233 |
234 |
--------------------------------------------------------------------------------
/js/app.js:
--------------------------------------------------------------------------------
1 | function escapeHtml(text) {
2 | var map = {
3 | '&': '&',
4 | '<': '<',
5 | '>': '>',
6 | '"': '"',
7 | "'": '''
8 | };
9 |
10 | return text.replace(/[&<>"']/g, function (m) { return map[m]; });
11 | }
12 |
13 | var app = new Vue({
14 | el: '#app',
15 | data: {
16 | store: store,
17 | cameras: [],
18 | activeCamera: null,
19 | chime: null,
20 | scanner: null,
21 | currentTransform: { },
22 | currentHttpAction: { },
23 | scans: store.get('scans') || [],
24 | transforms: store.get('transforms') || [],
25 | linkAction: store.get('link-action') || 'none',
26 | httpAction: store.get('http-action') || { enabled: false },
27 | activeCameraId: store.get('active-camera-id') || null,
28 | playAudio: store.get('play-audio') || false,
29 | allowBackgroundScan: store.get('background-scan') || false
30 | },
31 | methods: {
32 | start: function () {
33 | var self = this;
34 |
35 | function startScanner(camera) {
36 | scanner.start(camera, function (err) {
37 | if (err && err.name === 'PermissionDeniedError') {
38 | self.showError('Camera access denied.');
39 | }
40 | });
41 | }
42 |
43 | var scanner = new CameraQrScanner(document.querySelector('#camera'));
44 | scanner.onResult = this.onScanResult;
45 |
46 | Camera.getCameras(function (err, cameras) {
47 | self.cameras = cameras;
48 |
49 | var camera = cameras[0];
50 | if (self.activeCameraId) {
51 | camera = cameras.find(c => c.id === self.activeCameraId) || camera;
52 | }
53 |
54 | self.activeCamera = camera;
55 | });
56 |
57 | this.$watch('activeCamera', function (camera) {
58 | self.store.set('active-camera-id', camera.id);
59 |
60 | if (camera.name) {
61 | this.showInfo(camera.name);
62 | }
63 |
64 | startScanner(camera);
65 | });
66 |
67 | this.$watch('playAudio', function (play) {
68 | self.store.set('play-audio', play);
69 | if (play) {
70 | this.chime.play();
71 | }
72 | });
73 |
74 | this.$watch('linkAction', function (linkAction) {
75 | self.store.set('link-action', linkAction);
76 | });
77 |
78 | this.$watch('scans', function (scans) {
79 | self.store.set('scans', scans);
80 | }, { deep: true });
81 |
82 | this.$watch('transforms', function (transforms) {
83 | self.store.set('transforms', transforms);
84 | }, { deep: true });
85 |
86 | this.$watch('allowBackgroundScan', function (allowBackgroundScan) {
87 | self.store.set('background-scan', allowBackgroundScan);
88 | });
89 |
90 | this.$watch('httpAction', function (action) {
91 | self.store.set('http-action', action);
92 | }, { deep: true });
93 |
94 | this.$watch('httpAction.captureImage', function (capture) {
95 | scanner.setCaptureImage(capture);
96 | });
97 |
98 | this.$watch('httpAction.enabled', function (enabled) {
99 | if (enabled) {
100 | this.editHttpAction(true);
101 | }
102 | });
103 |
104 | // Workaround: trigger change events on modal form inputs to fix styling.
105 | $('.modal').on('show.bs.modal', function (e) {
106 | $(e.currentTarget).find('.form-control').trigger('change');
107 | });
108 |
109 | new Clipboard('.clipboard-copy', {
110 | text: function (trigger) {
111 | return trigger.dataset.clipboard;
112 | }
113 | });
114 |
115 | Visibility.change(function (e, state) {
116 | if (self.allowBackgroundScan) {
117 | return;
118 | }
119 |
120 | if (state === 'visible') {
121 | setTimeout(function () {
122 | startScanner(self.activeCamera);
123 | }, 0);
124 | } else {
125 | scanner.stop();
126 | }
127 | });
128 |
129 | var audioElem = $('
55 |
229 |
230 |
56 |
228 |
57 |
226 |
227 |
58 | Employee Registration
59 |
60 |
225 |
61 |
223 |
224 |
62 |
63 |
112 |
64 |
111 |
113 |
114 |
222 |
115 |
116 |
221 |
117 |
152 |
118 |
119 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 | 153 | Please Select Department
"; 158 | } 159 | $desig=$_POST['desig']; 160 | if(empty($desig)){ 161 | echo "Please Select Designation
"; 162 | } 163 | $name=$_POST['name']; 164 | if(!preg_match("/^[a-zA-Z ]*$/",$name)){ 165 | echo "Name should contain only alphabet
"; 166 | } 167 | $phone=$_POST['phone']; 168 | if(!preg_match("/^[0-9]*$/",$phone)){ 169 | echo "Enter Valid Phone number
"; 170 | } 171 | $gen=$_POST['gender']; 172 | if(empty($gen)){ 173 | echo "Please Select gender
"; 174 | } 175 | $email=$_POST['email']; 176 | if(!preg_match("/^[0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/",$email)){ 177 | echo "Please enter correct email
"; 178 | } 179 | $pass=md5($_POST['pass']); 180 | if(empty($pass)){ 181 | echo "Please Enter Password
"; 182 | } 183 | $salary=$_POST['salary']; 184 | if(!preg_match("/^[0-9]*$/",$salary)){ 185 | echo "Enter Salary in number
"; 186 | } 187 | $image_extension = array("png","jpg","jpeg","PNG","JPG","JPEG"); 188 | $validate_photo = pathinfo($_FILES["photo"]["name"], PATHINFO_EXTENSION); 189 | $photo = $_FILES['photo']['name']; 190 | $target = "../emp_photo/"; 191 | $fileTarget = $target.$photo; 192 | $tempFileName = $_FILES["photo"]["tmp_name"]; 193 | if ($_FILES["photo"]["size"] > 2097152) { 194 | echo ""; 195 | return; 196 | } 197 | else if (! in_array($validate_photo, $image_extension)) { 198 | 199 | echo ""; 200 | return; 201 | } 202 | else{ 203 | $result = move_uploaded_file($tempFileName,$fileTarget); 204 | $sql = "INSERT INTO employee_info(dept_id,designation_id,emp_name,emp_gender,emp_phone,emp_email,emp_password,emp_photo,emp_salary) VALUES ($dept,$desig,'$name','$gen',$phone,'$email','$pass','$fileTarget',$salary)"; 205 | $query=mysqli_query($conn,$sql); 206 | if(!$query){ 207 | echo ""; 208 | } 209 | else{ 210 | echo ""; 211 | } 212 | } 213 | } 214 | ?> 215 | 216 | 219 | 220 |