STREAMLINE APPLICATION FOR ZENFORIANZ CLUB

submitted in partial fulfilment of the requirements for the award of the degree of

BACHELOR OF SCIENCE IN COMPUTER SCIENCE

submitted by

MEENA SELVI N (20SUCS26)

under the guidance of

Mr. R. CHANDRASEKAR M.C.A., M.Phil(CA)., SET.

DEPARTMENT OF COMPUTER SCIENCE

THIAGARAJAR COLLEGE (AUTONOMOUS)

(Affiliated to Madurai Kamaraj University)

Re-Accredited with “A++ Grade” by NAAC

Ranked 22nd in NIRF

Madurai – 625009

APRIL - 2023
 THIAGARAJAR COLLEGE (AUTONOMOUS)
(Affiliated to Madurai Kamaraj University)
Re-Accredited with “A++ Grade” by NAAC
Ranked 22nd in NIRF
DEPARTMENT OF COMPUTER SCIENCE

BONAFIDE CERTIFICATE

This is certify that the project work entitled as “STREAMLINE

APPLICATION FOR ZENFORIANZ CLUB” is the project work, done
by MEENA SELVI N (20SUCS26), in the partial fulfillment of the
requirement for the award of the degree of Bachelor of Science in
Computer Science during final viva voce examination held on
.

Project Guide Head of the Department

(Mr. R. CHANDRASEKAR) (Mrs. SM. VALLI)

External Examiner
MEENA SELVI N (20SUCS41),

III BSc (Computer Science) SF,

Thiagarajar College (Autonomous),

Madurai– 625009.

DECLARATION

Hereby I declare that this software product “STREAMLINE

APPLICATION FOR ZENFORIANZ CLUB” has been done
thouroughly at the outset of my knowledge and has not been drafted out to
any other modes of information. This software has been purely
developed by me.

Place:

Date:

(MEENA SELVI N)
 ACKNOWLEDGEMENT

I extend my sincere thanks to the almighty for giving us physical,

mental strength and ability for the effective completion ofthe project.

I am grateful to thank principal Dr. D. PANDIARAJA M.Sc.,

M.Phil., P.G.D.CA., B.Ed., Ph.D., Thiagarajar College, Madurai., for his
encouragement to take up this project.

I would like to express my profound gratitude for the support offered

by my Head of the Department of Computer Science Mrs. SM. VALLI
B.E., M.C.A., M.Phil., I am also thankful to her who guided and
encouraged in this project work.

I also extend my gratitude and sincere thanks to my project guide

Mr. R. CHANDRASEKAR M.C.A., M.Phil (CA).,SET., I will be
grateful to him for having faith in my ability and entrusting us with this
project.

I thank all the faculty members of Computer Science Department for

their cooperation. I also personally thank my family members and friends
for their continuous encouragements.
 TABLE OF CONTENTS

S.NO TITLES PAGENO

1. INTRODUCTION
1.1 Abstract 1
1.2 Aims and Objectives 2

2. SYSTEM ANALYSIS
2.1 Existing System 3
2.2 Proposed System 3
2.3 Feasibility Study 4

3. SYSTEM SPECIFICATION
3.1 Hardware Specification 7
3.2 Software Specification 7
3.3 Software Description 8

4. PROJECT DESCRIPTION 19
5. SYSTEM DESIGN
5.1 Input Design 23
5.2 Output Design 24
5.4 Data Flow Diagram 31

6. SYSTEM TESTING & IMPLEMENTATION

6.1 System Testing 34
6.2 Implementations 36

7. SAMPLES
7.1 Coding 38
7.2 Screen Shots 54

8. CONCLUSION 85
9. FUTURE ENHANCEMENT 86
10. BIBILOGRAPHY
10.1 Book Reference 87
10.2 Web Reference 88
INTRODUCTION
 1. INTRODUCTION

1.1 Abstract

The goal of the zenforianz club is to provide club-wise information and the
ability to register as a member and attendee without visiting the club in person to encourage
them to easily attend the right event. Python and MySQL were used to create the proposed
system.
In this website, the club coordinators and members planned together to organize
various events and participate in free activities, especially preview activities that will help
them develop their technical and non-technical skills that will be useful in the interview. It is
much more useful to organize and fill out the application forms manually on the computer.
Manually saving club data requires more storage and increases the possibility of loss.
We can avoid this problem by computerizing data storage. Computer major
students can use this website maintained by club authorities to register for events and track
their results. Event coordinators conduct member-organized activities and monitor results.
Events are mainly organized by members.
They prepare a form for members to fill out, provide event information and prepare an event
report. Participants select an event and fill out an application; having participated, they
comment on the event.

1
1.2 Aims and Objectives

The main aims and objectives are:

 To avoid the manual work of the user.

 To compare previous year event details.
 To verify the upcoming event details.

2
SYSTEM ANALYSIS
 2. SYSTEM ANALYSIS

2.1 Existing System

In the existing system the registration, report and result were done manually.
There is no dashboard viewing facility. Need to handle lots of excel for the
upcoming and previous year event details.

Disadvantages of Existing system

 More human power

 Repetition of same procedure.
 Difficulty to handle.
 Record keeping is difficult.

2.2 Proposed System

In the proposed system i have made registration, report and result through the
computer. There is dashboard viewing facility. We can store all the record in the
computer by which record keeping will be easy.

Advantages of Proposed system

 Dashboard viewing facility.

 No need for manual registration.
 Record keeping will be easy.

3
2.3 Feasibility Study

The feasibility of the project is analyzed in this phase and business proposal is put forth
with a very general plan for the project and some cost estimates. During system analysis the
feasibility study of the proposed system is to be carried out. This is to ensure that the proposed
system is not a burden to the company. For feasibility analysis, some understanding of the
major requirements for the system is essential.
Three key considerations involved in the feasibility analysis are:
● Economical Feasibility
● Technical Feasibility
● Operational Feasibility

Economical Feasibility
An organization makes good investment on the system. So, they should be worthful for
the amount they spend in the system. Always the financial benefit equals or less the cost of
the system, but should not exceed the cost.

● The cost of investment is analyzed for the entire system.

● The cost of Hardware and Software is also noted.
● Analyzing the way in which the cost can be
reduced.

Every organization wants to reduce the cost but at the same time quality of the Service
should also be maintained. The system is developed according the estimation of the cost made
by the concern. In this project, the proposed system will definitely reduce the cost and there
are new techniques for predicting the water quality. Also, the prediction is done on
smaller datasets for analyzing which algorithm is best.

Technical Feasibility
The Technical feasibility is the study of the software and how it is included in the study
of our project. Regarding this there are some technical issues that should be noted they are as
follows:

4
 ● Is the necessary technique available and how it is suggested and acquired?
● Does the proposed equipment have the technical capacity to hold the data
required using the new system?
● Will the system provide adequate response that is made by the requester at a
periodic time interval?
● Can this system be expanded after this project development?
● Are there a technique guarantees of accuracy, reliability in case of access of
data and security?

The technical issues are raised during the feasibility study of investigating our System.
Thus, the technical consideration evaluates the hardware requirements, software, etc. This
system uses PYTHON as front end and MACHINE LEARNING as back end. They also
provide sufficient memory to hold and process the data. As the company is going to install all
the process in the system it is the cheap and efficient technique.

This system technique accepts the entire dataset given as the input and the response
is done without failure and delay. It is a study about the resources available and how they are
achieved as an acceptable system. It is an essential process for analysis and definition of
conducting a parallel assessment of technical feasibility.

Though storing and computing of data is enormous, it can be easily handled by

Machine learning. As the machine learning algorithms can be run in any system and the
operation does not differ from one to another. So, this is effective.

Operational Feasibility

It is a measure of how perfectly a proposed system intends to solve the stated problem
and leverage the opportunities identified during the scope definition phase. Additionally, it
also determines how it will satisfy every requirement identified in its requirement analysis
phase.

Operational feasibility depends on the project’s available human resources and

determines if the system is usable once the project is developed and implemented. It analyzes
the preparedness of the organization to support the proposed system. Unlike the technical and
economic feasibility, operational feasibility is quite hard to gauge.

5
 Nevertheless, to determine operational feasibility, you need to understand
management’s commitment towards the proposed project. If management were the initiator of
operational feasibility, it would likely be accepted and used once completed.

Operational feasibility also performs the following tasks.

● Determines whether the problems anticipated in user requirements are of high

priority
● Determines whether the solution suggested by the software development team
is acceptable
● Analyzes whether users will adapt to new software
● Determines whether the organization is satisfied with the alternative solutions
proposed by the software development team.

Regarding the project, the system is very much supported and friendly for the user and
for future researches. The methods are defined in an effective manner and proper conditions
are given in other to avoid the harm or loss of data. These are three basic feasibility studies that
are done in every project.

6
SYSTEM SPECIFICATION
 3. SYSTEM SPECIFICATION

3.1 HARDWARE SPECIFICATION

RAM : 4 GB

Processor : AMD 3020e with Radeon Graphics

Processor Speed : 1.20 GHz

3.2 SOFTWARE SPECIFICATION

Operating System : Windows 10

Frontend : PYTHON

Backend : MySQL

Browser : Google(2401:4900:173b:2eb6:6cab:9579:7c85:b344)
3.3 SOFTWARE DESCRIPTION

3.3.1 Introduction to Python

Python is a popular programming language. It was created by Guido van Rossum, and
released in 1991. Python works on different platforms (Windows, Mac, Linux, Raspberry Pi,
etc).It has a simple syntax similar to the English language. It has syntax that allows
developers to write programs with fewer lines than some other programming languages. It runs
on an interpreter system, meaning that code can be executed as soon as it is written. This
means that prototyping can be very quick.

Python can be treated in a procedural way, an object-oriented way or a functional way.

It is an interpreted, high-level, general-purpose, and object-oriented scripting language,
Python is an interpreted and dynamically typed language. Python can be used on a server to
create web applications. It can connect to database systems. It can also read and modify files.
It can be used to handle big data and perform complex mathematics. It can be used for rapid
prototyping, or for production-ready software development. It is perfect for: Web app
development, Data science, Scripting, Database programming, Quick prototyping.

The python language is one of the most accessible programming languages available
because it has simplified syntax and not complicated, which gives more emphasis on natural
language. Due to its ease of learning and usage, python codes can be easily written and
executed much faster than other programming languages. It requires relatively fewer numbers
of lines of code to perform the same operations and tasks done in other programming
languages with larger code blocks.
A simple python program is of the following form:
print("Hello World")
We no need any header file to be included. To print a hello statement we just
need the print function which displays the output. No need for lengthy prefacing code or
inclusion of libraries; the only required code is what is needed to get the job done!

Characteristics of Python

As we may have realized, the Python language revolves around the central theme of
practicality. Python is about providing the programmer with the necessary tools to get the job

9
done in a quick and efficient fashion. Five important characteristics make
Python’s practicalnature possible:

● Free and Open-Souce.

● Interpreted.
● Portable.
● Extensible.
● Dynamic Memory Allocation.

3.3.2 Introduction to MySQL

MySQL is an open-source relational database management system

(RDBMS).Its name is a combination of "My", the name of co-founder
Michael Widenius's daughter My,[and "SQL", the acronym for Structured
Query Language. A relational database organizes data into one or more
data tables in which data may be related to each other; these relations help
structure the data. SQL is a language programmers use to create, modify
and extract data from the relational database, as well as control user access
to the database. In addition to relational databases and SQL, an RDBMS
like MySQL works with an operating system to implement a relational
database in a computer's storage system, manages users, allows for network
access and facilitates testing database integrity and creation of backups.
MySQL is free and open-source software under the terms of the GNU General
Public License, and is also available under a variety of proprietary licenses.
MySQL was owned and sponsored by the Swedish company MySQL AB, which
was bought by Sun Microsystems (now Oracle Corporation).In 2010, when
Oracle acquired Sun, Widenius forked the open-source MySQL project to create
MariaDB.
MySQL has stand-alone clients that allow users to interact directly
with a MySQL database using SQL, but more often, MySQL is used with other
programs to implement applications that need relational database capability.
MySQL is a component of the LAMP web application software stack (and
others), which is an acronym for Linux, Apache, MySQL, Perl/PHP/Python.
MySQL is used by many database-driven web applications, including Drupal,
Joomla,phpBB,andWordPress.

10
phpMyAdmin

phpMyAdmin is an open-source software tool introduced on September 9,

1998, which is written in PHP. Basically, it is a third-party tool to manage the
tables and data inside the database. phpMyAdmin supports various type of
operations on MariaDB and MySQL. The main purpose of phpMyAdmin is
to handle theadministration of MySQL over the web.

It is the most popular application for MySQL database management. We can

create, update, drop, alter, delete, import, and export MySQL database tables by
using this software. phpMyAdmin also supports a wide range of operation like
managing databases, relations, tables, columns, indexes, permissions, and
users, etc., on MySQL and MariaDB. These operations can be performed via
user interface, whilewe still have the ability to execute any SQL statement.

phpMyAdmin is translated into 72 languages and also supports both RTL and
LTR languages so that the wide range of people can easily use this software.
We can run MySQL queries, repair, optimized, check tables, and also execute
other database management commands. phpMyAdmin can also be used to
perform administrative tasks such as database creation, query execution.

phpMyAdmin is a GUI-based application which is used to manage MySQL

database. We can manually create database and table and execute the query on
them. It provides a web-based interface and can run on any server. Since it is
web-based, sowe can access it from any computer.

11
 Features of phpMyAdmin
phpMyAdmin supports several features that are given below:

o phpMyAdmin can create, alter, browse, and drop databases, views,

tables, columns, and indexes.
o It can display multiple results sets through queries and stored procedures.
o phpMyAdmin use stored procedure and queries to display multiple results
sets.
o It supports foreign keys and InnoDB tables.
o phpMyAdmin can track the changes done on databases, views, and tables.
o We can also create PDF graphics of our database layout.
o phpMyAdmin can be exported into various formats such as XML,
CSV, PDF,ISO/IEC 26300 - OpenDocument Text and Spreadsheet.
o It supports mysqli, which is the improved MySQL extension.
o phpMyAdmin can interact with 80 different languages.
o phpMyAdmin can edit, execute, and bookmark any SQL-
statements and evenbatch-queries.
o By using a set of pre-defined functions, it can transform stored
data into any format. For example - BLOB-data as image or
download-link.
o It provides the facility to backup the database into different forms.

Advantanges:

o phpMyAdmin can run on any server or any OS as it has a web browser.

o We can easily create, delete, and edit the database and can manage
all elements using the graphical interface of phpMyAdmin, which
is much easier than MySQL command-line editor.
o phpMyAdmin helps us to control the user's permission and operate
several servers at the same time.
o We can also backup our database and export the data into different
formats like XML, CSV, SQL, PDF, OpenDocument Text, Excel,

12
Word, and Spreadsheet, etc.

13
Disadvantages:

o phpMyAdmin is a simple interface, but quite tough for a beginner to

learn.
o phpMyAdmin is difficult to install as it needs three more software
tools before installation, which is- Apache server, PHP, and
MySQL.
o We have to install all these software tools individually, whereas
XAMPP already contains them in a single package. XAMPP is the
easiest way to get phpMyAdmin.
o It has no schema visualization.
o phpMyAdmin is a web-based software tool which runs only on the
browser, so It completely depends on browsers.
o It does not have auto-compilation capability.
o We can execute complex SQL statements and queries, create and
edit functions, triggers, and events using the graphical interface of
phpMyAdmin.

14
PROJECT DESCRIPTION
 4. PROJECT DESCRIPTION

● Modules

 Organizer

• Dashboard.
 Member.
• Event
• Contact
• Result
• Report
• Survey
 Student.
• Event
• Contact
• About Us
• Result
• Report

● Module Description

Event

 In event the member can enter the event that is going to take place.
And the participants can view about the event.

About Us

 In about us we can view details about the club such as activity that
have taken place.

22
Result
 In result we can view the winners of the event that have taken place.

Report

 In report we can view details about the events conducted in the

club.

Survey
 In survey we can check what the members and participants think
about the club.

23
SYSTEM DESIGN
 5. SYSTEM DESIGN

5.1. INPUT DESIGN

The input design is the link between the information system and the user. It
comprises the developing specification and procedures for data preparation and
those steps are necessary to put transaction data in to a usable form for processing
can be achieved by inspecting the computer to read data from a written or printed
document or it can occur by having people keying the data directly into the system.
The design of input focuses on controlling the amount of input required, controlling
the errors, avoiding delay, avoiding extra steps and keeping the process simple. The
input is designed in such a way so that it provides security and ease of use with
retaining the privacy. Input Design considered the following things:

● What data should be given as input?

● How the data should be arranged or coded?
● The dialog to guide the operating personnel in providing input.
● Methods for preparing input validations and steps to follow
when erroroccur.

OBJECTIVES

1. Input Design is the process of converting a user-oriented description of

the input into a computer-based system. This design is important to avoid
errors in the data input process and show the correct direction to the
management for getting correct information from the computerized
system.

2. It is achieved by creating user-friendly screens for the data entry to

handle large volume of data. The goal of designing input is to make data
entry easier and to be free from errors. The data entry screen is designed
in such a way that all the data manipulates can be performed. It also
provides record viewing facilities.
When the data is entered it will check for its validity. Data can be entered with the
help of screens. Appropriate messages are provided as when needed so that the user
will not be in maize of instant. Thus, the objective of input design is to create an
input layout that is easy to follow .

5.2. OUTPUT DESIGN

A quality output is one, which meets the requirements of the end user and
presents the information clearly. In any system results of processing are
communicated to the users and to other system through outputs. In output design it
is determined how the information is to be displaced for immediate need and also
the hard copy output. It is the most important and direct source information to the
user. Efficient and intelligent output design improves the system’s relationship to
help user decision-making.

1. Designing computer output should proceed in an organized, well

thought out manner; the right output must be developed while
ensuring that each output element is designed so that people will find
the system can use easily and effectively. When analysis design
computer output, they should Identify the specific output that is
needed to meet the requirements.
2. Select methods for presenting information.
3. Create document, report, or other formats that contain information
produced by the system.

The output form of an information system should accomplish one or more of

the following objectives.

● Convey information about past activities, current status or

projections ofthe future.
● Signal important events, opportunities, problems, or warnings.
● Trigger an action.
● Confirm an action.

26
5.1. DATABASE DESIGN
Column Type Constraint
Name varchar(20) Not Null
Gender varchar(20) Not Null
Age varchar(20) Not Null
Date varchar(20) Not Null
clg_name varchar(20) Not Null
Degree varchar(20) Not Null
phone_number varchar(20) Not Null
email_id varchar(20) Not Null

Column Type Constraint

First Name varchar(20) Not Null
Last Name varchar(20) Not Null
Country varchar(20) Not Null
Subject Varchar(200) Not Null

Column Type Constraint

Event varchar(20) Not Null
Date varchar(20) Not Null
Participant varchar(20) Not Null
Venue varchar(20) Not Null
Winner varchar(20) Not Null
First Prize varchar(20) Not Null

27
28
2
8
29
2
9
30
33
5.4 Data Flow Diagram

Data flow diagram is a graphical tool. The system models are termed as data flow
diagram (DFD). It is used to describe and analyses the movement of data through a system –
manual or automated. This is a central tool and the basis from which the other component is
developed. The data flow diagram is based on the top-down approach in this system. A level 0
DFD, also called as context model, represents the entire software element as single bubble
with the input and output data indicated by incoming and outgoing arrows.

DFD consists of processes, flows, warehouses, and terminators. There are several ways
to view these DFD components. Data flow diagram shows the transfer of information from one
part of the system to another. The symbol of the flow is the arrow. It is determined for system
developers, on one hand, project contractor on the other, so the entity names should be adapted
for model domain or professionals. It is necessary to maintain consistency across all DFD
levels. Creating a dataflow diagram will allow the programmer to create a program with
minimal discomfort in programming the accrual code and further increase the productivity of
the programmer or program group. Data flow diagrams help the programmer figure out what
options the programs will need in order to handle the data it is given. Using the data flow
diagram, it makes easy to explain the program to laypeople. It will definitely save the amount
of time for programmer would have spent explaining the code to other people.The data flow
diagram will help the programmer be able to see what will happen if certain code is injected
into the program.

DFD symbol

● A magnetic disk defines a source of the system.

● An arrow identifies data flow (data motion).

● A diamond represents a condition or process that transforms incoming data flows into
outgoing data flows.

● A rectangle represents the process.

● A terminator represents the end of the system.

26
5.4 DATA FLOW DIAGRAM

Admin

CheckC
Check Username and
password

Organizer Dashboard

Member

Check Username and

password

Event

Contact

Result

Report

Survey

26
Member

Event Registration
Contact

About Us

Result

Contact

Report

26
SYSTEM TESTING

&

IMPLEMENTATION
 6. SYSTEM TESTING & IMPLEMENTATION

6.1 System Testing

System Testing is an important stage in any system development life cycle.

Testing is a process of executing a program with the intention of finding errors. The
importance of software testing and its implications with respect to software quality
cannot be overemphasized. Software testing is a critical element of software quality
assurance and represents the ultimate review of specification, design and coding. A
good test case is one that has a high probability of finding a yet undiscovered error.

The purpose of testing is to discover errors. Testing is the process of trying

to discover every conceivable fault or weakness in a work product. It provides a
way to check the functionality of components, sub-assemblies, assemblies and/or a
finished product It is the process of exercising software with the intent of ensuring
that the Software system meets its requirements and user expectations and does not
fail in an unacceptable manner. There are various types of tests. Each test type
addresses aspecific testing requirement.

Testing is the set of activities that can be planned in advance and conducted
systematically. Different test conditions should be thoroughly checked and the bugs
detected should be fixed. The testing strategies formed by the user are performed to
prove that the software is free and clear from errors. To do this, there are many
ways of testing the system’s reliability, completeness and maintainability.

The important phase of software development is concerned with translating

the design specification into the error-free source code. Testing is carried out to
ensure that the system does not fail, that it meets the specification and it satisfies
the user. The system testing was carried out in a systematic manner with a test data
containing all possible combinations of data to check the features of the system. A
test data was prepared for each module, which took care of all the modules of the
program.
 System Testing is an important stage where the system developed is tested
with duplicate or original data. It is a process of executing a program with the intent
of finding an error. It is a critical process that can consume fifty percent of the
development time.

The following are the attributes of good test:

 A good test is not redundant.

 A good test should be "best of breed".

 A good test should be neither simple nor too complex.

6.1.1. UNIT TESTING

In the unit testing the analyst tests the program making up a system. The software
units in a system are the modules and routines that are assembled and integrated to
perform a specific function. In a large system, many modules on different levels are
needed.

Unit testing can be performed from the bottom up starting with the smallest and
lowest level modules and proceeding one at a time. For each module in a bottom-up
testing, a short program executes the module and provides the needed data.

6.1.2. INTEGRATION TESTING

Integration testing is a systematic technique for constructing the program

structure while conducting test to uncover errors associate with interfacing.
Objectives are used to take unit test modules and built program structure that has
been directed by design.

The integration testing is performed for this Project when all the modules
where to make it a complete system. After integration the project works
successfully.
6.1.3. VALIDATION TESTING

Validation testing can be defined in many ways, but a simple definition is

that can be reasonably expected by the customer. After validation test has been
conducted, one of two possible conditions exists.

● The functions or performance characteristics confirm to

specificationand are accepted.
● A deviation from specification is uncovered and a
deficiency list iscreated.

Proposed system under consideration has been tested by using validation

testing and found to be working satisfactorily. For example, in this project
validation testing is performed against module. This module is tested with the
following valid and invalid inputs for the field id.

6.1.4. WHITE BOX TESTING

White box testing, sometimes called glass-box testing is a test case design method
that uses the control structure of the procedural design to derive test cases. Using
white boxtesting methods, the software engineer can derive test cases that :

● Guarantee that all independent paths with in a module

have beenexercised at least once.
● Exercise all logical decisions on their true and false sides.
● Execute all loops at their boundaries and within their
operationalbounds and
● Exercise internal data structure to assure their validity.

For example, in this project white box testing is performed against patient module.
Without entering text if we apply it displays the message “First add record then
save it”else it should be saved.
6.1.5. BLACK BOX TESTING

This method treats the coded module as a black box. The module runs with inputs
that are likely to cause errors. Then the output is checked to see if any error
occurred. This method cannot be used to test all errors, because some errors may
depend on the codeor algorithm used to implement the module.

6.2 Implementations

Implementation is the stage in the project where the theoretical design is

turned into a working system. The most critical stage is achieving a successful
system and in giving confidence on the new system for the users, what it will work
efficient and effectively. It involves careful planning, investing of the current
system, and its constraints on implementation, design of methods to achieve the
changeover methods.

The implementation process begins with preparing a plan for the

implementationof the system. According to this plan, the activities are to be carried
out in these plans; discussion has been made regarding the equipment, resources
and how to test activities.

The coding step translates a detail design representation into a programming

language realization. Programming languages are vehicles for communication
between human and computers programming language characteristics and coding
style canprofoundly affect software quality and maintainability. The coding is done
with the following characteristics in mind.

● Ease of design to code translation.

● Code efficiency.
● Memory efficiency.
● Maintainability.
 The user should be very careful while implementing a project to ensure
what they have planned is properly implemented. The user should not change the
purpose of project while implementing. The user should not go in a roundabout
way to achieve a solution; it should be direct, crisp and clear and up to the point.

Implementation is the stage of the project when the theoretical design is

turned out into a working system. Thus, it can be considered to be the most critical
stage in achieving a successful new system and in giving the user, confidence that
the new system will work and be effective.

The implementation stage involves careful planning, investigation of the

existing system and its constraints on implementation, designing of methods to
achieve changeover and evaluation of changeover methods.

39
SAMPLES
 7. SAMPLES

7.1 Coding
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body{
font-family: Calibri, Helvetica, sans-serif;
background-color: pink;
}
.container {
padding: 50px;
background-color: lightblue;
}

input[type=text], input[type=password], textarea {

width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}
input[type=text]:focus, input[type=password]:focus {
background-color: orange;
outline: none;
}
div {
padding: 10px 0;
}
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
.registerbtn {
background-color: #4CAF50;
color: white;
padding: 16px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.registerbtn:hover {
opacity: 1;
}
</style>
41
</head>
<body>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<form>
<div class="container">
<center> <h1> Join Event</h1> </center>
<hr>
<label> Firstname </label>
<input type="text" name="firstname" placeholder= "Firstname" size="15" required />
<label> Middlename: </label>
<input type="text" name="middlename" placeholder="Middlename" size="15" required />
<label> Lastname: </label>
<input type="text" name="lastname" placeholder="Lastname" size="15"required />
<div>
<label>
Course :
</label>

<select>
<option value="Course"></option>
<option value="First">First Year</option>
<option value="Second">Second Year</option>
<option value="Third">Third Year</option>
<option value="Data">Data Science</option>
</select>
</div>
<div>
<label>
Gender :
</label><br>
<input type="radio" value="Male" name="gender" checked > Male
<input type="radio" value="Female" name="gender"> Female
<input type="radio" value="Other" name="gender"> Other

</div>
<label>
Phone :
</label>
<input type="text" name="country code" placeholder="Country Code" value="+91" size="2"/>
<input type="text" name="phone" placeholder="phone no." size="10"/ required>
Current Address :
<textarea cols="80" rows="5" placeholder="Current Address" value="address" required>
</textarea>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>

<div class="input-group">
<label>Category</label>
<div class="checkbox-group">
<div>
42
 <label for="Technical">
<input type="checkbox" name="Category" id=Technical">
Technical
</label>
</div>

<div>
<label for="Non-Technical">
<input type="checkbox" name="Non-Technical" id="Non-Technical">
Non-Technical
</label>
</div>

</div>
</div>
<div class="row">
<div class="input-group">
<label>Event </label>
<input type="text" placholder="Enter the Event">
</div>
</div>
<div class="row">
<div class="input-group">
<label for="">Why do you wish to join this event ?</label>
<textarea> </textarea>
</div>
</div>
<button id="demo" onclick="myFunction()">Join</button>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "YOU JOINED!";
}
</script>
</form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<title>time table</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
{% include 'css/user_result.css' %}
</style>
<style>
body {
background-color: pink;
43
 mix-blend-mode: darken;
}

header h1 {
margin-top: 10%;
text-align: center;
color: black;
font-weight: bold;
font-family: sans-serif;
}

table {
margin-top: 2%;
width: max-content;
border: 1px solid black;
height: 300px;
margin-left: 23%;
}

td {
text-align: center;
border: 1px solid black;
}

#blank {
color: #000;
background-color: #fff;
}

#s {
font-weight: 800;
text-transform: uppercase;
font-family: sans-serif;
background-color: #ffffff;
}

#seminar {
font-weight: 800;
font-family: sans-serif;
background-color: #ffffff;
text-transform: uppercase;
}

#sub {
color: black;
font-family: sans-serif;
font-weight: 400;
background-color: #ffffff;
}

#sub1 {
background-color: #fff;
44
}

#sub2 {
color: black;
text-transform: uppercase;
background-color: #ffffff;
}

#sub3 {
background-color: #ffffff;
font-family: sans-serif;
font-weight: 800;
}

#box1 {
color: cornflowerblue;
font-family: sans-serif;
font-weight: 800;
}

#box2 {
color: darkorange;
font-weight: 800;
font-family: sans-serif;
}

#box3 {
color: darkviolet;
font-weight: 800;
font-family: sans-serif;
}

#box4 {
color: green;
font-weight: 800;
font-family: sans-serif;
}

#box5 {
color: red;
font-family: sans-serif;
font-weight: 800;
}

#box6 {
color: hotpink;
font-weight: 800;
font-family: sans-serif;
}

#box7 {
color: blue;
45
 font-family: sans-serif;
font-weight: 800;
}
</style>
</head>
<body bgcolor="baby pink">
<li class="nav-item ">
<a class="nav-link cool"
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<header>
<h1>Event Result</h1>
</header>
<table>
<thead>
<tr>
<td id="sub">Event</td>
<td id="sub">Venue</td>
<td id="sub">No of participants</td>
<td id="sub">Winners</td>
<td id="sub">First Prize</td>
<td id="sub">Second Prize</td>
<td id="sub">Third Prize</td>
</tr>
</thead>
<tbody>
<tr>
<td id="box1">Quiz</td>
<td id="box2">CS Lab</td>
<td id="box3">15</td>
<td id="box4">3</td>
<td id="box4">Kayal</td>
<td id="box5">Kanna</td>
<td id="box6">Kavya</td>
</tr>
<tr>
<td id="box1">Coder</td>
<td id="box2">CS Lab</td>
<td id="box3">25</td>
<td id="blank">4</td>
<td id="box2">Karthik<br>Kalai</td>
<td id="box3">Maya</td>
<td id="box4">Vignesh</td>
</tr>
<tr>
<td id="box1">Blindfold</td>
<td id="box2">CS Lab</td>
<td id="box5">10</td>
<td id="box3">3</td>
<td id="box4" >Ananya</td>
46
 <td id="box4" >Savitha</td>
<td id="box4" >Sangavi</td>
</tr>
<tr>
<td id="box1">Meme Creation</td>
<td id="box2">CS Lab</td>
<td id="box3">30</td>
<td id="box4">3</td>
<td id="box2">Megha</td>
<td id="box5">Vanuvamalai</td>
<td id="box3">Tom</td>
</tr>
<tr>
<td id="box1">Mime</td>
<td id="box2">CS Lab</td>
<td id="box3">20</td>
<td id="box4">3</td>
<td id="box5">Seetha</td>
<td id="box5">Kavya</td>
<td id="sub2">Kayal</td>
</tr>

</tbody>
</table>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

input[type=text], select, textarea {

width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}

input[type=submit] {
background-color: #04AA6D;
color: white;
padding: 12px 20px;
border: none;
47
 border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #45a049;
}

.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
</head>
<body bgcolor="pink">

<h3>Contact Form</h3>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link cool"
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<div class="container">
<form action="/action_page.php">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">

<label for="lname">Last Name</label>

<input type="text" id="lname" name="lastname" placeholder="Your last name..">

<label for="country">Country</label>
<select id="country" name="country">
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>

<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.."
style="height:200px"></textarea>
</div>
</form>
</div>
<button id="demo" onclick="myFunction()">Submit</button>

<script>
function myFunction() {
48
 document.getElementById("demo").innerHTML = "YOU SUBMITTED!";
}
</script>

</body>
</html>

<!-- file: index.html -->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Survey Form</title>
<style>
{% include 'css/stylishes.css' %}
</style>
</head>
<body>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link cool"
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<header>
<h1 id="title">Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
</header>
<form id="survey-form">
<fieldset>
<label id="name-label">
Name
<input id="name" type="text" placeholder="Enter your name" require>
</label>
<label id="email-label">
email
<input id="email" type="email" placeholder="Enter your Email" require="true">
</label>
<label id="number-label">
Age(optional)
<input id="number" type="number" placeholder="Age" min="1" max="25">
</label>
<label>
Which option best describes your current role?
<select id="dropdown">
<option>Select current role</option>
<option>Member</option>
<option>Paricipant</option>
49
 </select>
</label>
</fieldset>

<fieldset>
Would you recommend Zenforianz to a friend?
<label>
<input type="radio" name="reco" value="Definitely"> Definitely
</label>
<label>
<input type="radio" name="reco" value="Maybe"> Maybe
</label>
<label>
<input type="radio" name="reco" value="Not sure"> Not sure
</label>
What would you like to see improved? (Check all that apply)
<textarea placeholder="Enter your comment here..." rows="5"></textarea>
</fieldset>
<fieldset>
Any comments or suggestions?
<textarea placeholder="Enter your comment here..." rows="5"></textarea>

</fieldset>

<button id="demo" onclick="myFunction()">Submit</button>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "YOU SUBMITTED!";
}
</script>

</form>

</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {

animationEnabled: true,
theme: "light2", // "light1", "light2", "dark1", "dark2"
title: {
text: "Club Growth Rate - 2023"
},
50
 axisY: {
title: "Response Rate (in %)",
suffix: "%"
},
axisX: {
title: "Month"
},
data: [{
type: "column",
yValueFormatString: "#,##0.0#\"%\"",
dataPoints: [
{ label: "August", y: 1.60 },
{ label: "September", y: 1.60 },
{ label: "October", y: 1.80 },
{ label: "Novomber", y: 2.30 },
{ label: "December", y: 2.50 },
{ label: "January", y: 5.00 },
{ label: "February", y: 6.70 },
{ label: "March", y: 7.1 }

]
}]
});
chart.render();

}
</script>
</head>
<body bgcolor="baby pink">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link cool"
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>

<!DOCTYPE html>
<html>

<body bgcolor="lightblue">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link cool"
51
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<center>
<table border="1" cellspacing="5" bgcolor="white">
<caption><b>Event Results</b></caption>
<tr>
<th rowspan="2">Event</th>
<th colspan="4"Details</th>

</tr>
<tr>
<th>Date</th>
<th>No of participants</th>
<th>Venue</th>
<th>Winner</th>
<th>First Prize</th>

</tr>
<tr>
<td><input type="text" id="aname"></td>
<td><input type="text" id="am"></td>
<td><input type="text" id="aj"></td>
<td><input type="text" id="ad"></td>
<td><input type="text" id="an"></td>
<td><input type="text" id="av"></td>
</tr>
<tr>
<th colspan="6" height="30">
<input type="submit" value="Add To Table" onclick="Sub()"></th>
</tr>
</table>
<br>
<table border="1" cellspacing="5" bgcolor="white"
height="100" width="500" cellpadding="5" id="TableScore">
<caption><b>Event Data</b></caption>
<tr>
<th width="180">Name</th>
<th>Participants</th>
<th>First prize</th>
<th>Completed Or Not Completed</th>
</tr>

</table>
</center>
<script type="text/javascript">
function Sub(){
var n, k, r, e, v,m, sum, avg;
n=(document.getElementById('aname').value);
k=parseFloat(document.getElementById('am').value);
r=parseFloat(document.getElementById('aj').value);
52
 e=parseFloat(document.getElementById('ad').value);
v=parseFloat(document.getElementById('an').value);
m=(document.getElementById('av').value);
// Calculating Total
sum=r+v;
avg=sum/2;
// Display on Student Data
var newTable = document.getElementById('TableScore');
var row = newTable.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(0);
var cell3 = row.insertCell(0);
var cell4 = row.insertCell(0);

cell4.innerHTML= n;
cell3.innerHTML=r;
cell2.innerHTML = m;

if(sum>=1){
cell1.innerHTML="<font color=green>Completed</font>";
}else{
cell1.innerHTML="<font color=red>Not Completed</font>";
}
}
</script>
</body>
</html>

</html><HTML>
<HEAD>
<STYLE>
body
{
border-radius: 20px;
border-style: double;
border-color: black;
position: absolute;
width: 850px;
height: 705px;
top: 15px;
left: 45px;
padding: 30px 30px 50px 30px;
background-color:#E30B5C;
}
#tbl,#tbl2
{
border-collapse:collapse;
font-size:18;
font-family:Century Gothic;
}
.demo
53
{
position:absolute;
left:35px;
top:380px;
font-size:17;
font-family:Arial;
font-weight:bold;
margin-top:35px;
border-collapse:collapse;
}
#demoname
{
font-size:15px
}
.btn
{
position:absolute;
top:355px;
left:720px;
}
</STYLE>
<style>
{% include 'css/result.css' %}
</style>
<SCRIPT>
function myFun()
{
var a=document.form1.txtname.value;
document.getElementById("demoname").innerHTML=a;
var b=document.form1.txtfname.value;
document.getElementById("demofname").innerHTML=b;
var c=document.form1.txtins.value;
document.getElementById("demoins").innerHTML=c;
var d=document.form1.txtbatch.value;
document.getElementById("demobatch").innerHTML=d;
var e=document.form1.txtoffice.value;
document.getElementById("demooffice").innerHTML=e;
var f=document.form1.txtweb.value;
document.getElementById("demoweb").innerHTML=f;
var g=document.form1.txtit.value;
document.getElementById("demoit").innerHTML=g;
var h=document.form1.txtc.value;
document.getElementById("democ").innerHTML=h;
var txt1=eval(parseFloat(document.form1.txtoffice.value)+parseFloat(document.form1.txtweb.value)
+parseFloat(document.form1.txtit.value)+parseFloat(document.form1.txtc.value));
document.getElementById("demototal").innerHTML=txt1;
var txt2=eval(parseFloat(txt1*100)/400);
document.getElementById("demoper").innerHTML=txt2.toFixed(2)+"%";

switch(true)
{
case(txt2>=80):
54
document.getElementById("demograde").innerHTML="A1";
break;
case(txt2>=70):
document.getElementById("demograde").innerHTML="A";
break;
case(txt2>=60):
document.getElementById("demograde").innerHTML="B";
break;
case(txt2>=50):
document.getElementById("demograde").innerHTML="C";
break;
case(txt2>=40):
document.getElementById("demograde").innerHTML="D";
break;
case(txt2<40):
document.getElementById("demograde").innerHTML="Fail";
break;
}

}
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</HEAD>

<BODY>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link cool"
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<DIV class="color">
<H1 align="center"style="font-family:cambria;font-size:40";><U>EVENT RESULT SHEET</H1>
<FIELDSET>
<LEGEND> EVENT INFORMATION </LEGEND>
<TABLE align="center" id="tbl">
<FORM name="form1">
</TR>
<TD width="140">Event Name:</TD> <TD><INPUT type="text" name="txtname"/></TD>
<TD> &nbsp; &nbsp;Category:</TD><TD> <INPUT type="text" name="txtfname"/></TD>
</TR>

<TR>
<TD width="140" > Venue:</TD><TD> <INPUT type="text" name="txtins"/></TD>
<TD style="text-indent:16px">Date:</TD><TD> <INPUT type="text" name="txtbatch"/></TD>
</TR>
</TABLE>
</FIELDSET></BR>
<FIELDSET>
55
<LEGEND> EVENT DETAILS </LEGEND>
<TABLE id="tbl2">
<TR>
<TD> Participants:</TD><TD> <INPUT type="text" name="txtoffice" maxlength="2" size="10"/> </TD>

</TR>
<TR>
<TD> Winners:</TD><TD> <INPUT type="text" name="txtweb" maxlength="2" size="10"/></TD>
</TR>
<TR>
<TD> First Prize:</TD><TD> <INPUT type="text" name="txtit" maxlength="20" size="10"/> </TD>
</TR>
<TR>
<TD> Second Prize:</TD><TD> <INPUT type="text" name="txtc" maxlength="20" size="10"/></TD>
</TR>
<TR>
<TD> Third Prize:</TD><TD> <INPUT type="text" name="txtc" maxlength="20" size="10"/></TD>
</TR>
</TABLE>
</FIELDSET>
<DIV class="btn">
<button style="font-size:17" type="button" onclick='myFun()'>Submit</button>
<button style="font-size:17" type="Reset">Reset</button>
</DIV>
<DIV class="demo">
<TABLE border="1">
<TR>
<TH colspan="8" width="240"> EVENT INFORMATION </TH>
</TR>
<TR>
<TD width="135">Event Name:</TD><TD><FONT face="arial" id="demoname"></FONT></TD>
</TR>
<TR>
<TD width="135"> Category:</TD><TD><FONT face="arial" id="demofname"></FONT></TD>
</TR>
<TR>
<TD width="135">Venue:</TD><TD><FONT face="arial" id="demoins"></FONT></TD>
</TR>
<TD width="135">Date:</TD> <TD><FONT face="arial" id="demobatch"></FONT></TD>
</TR>
<TR>
<TH colspan="8" width="240"> EVENT DETAILS </TH>
</TR>
<TR>
<TD width="135">Paticipants:</TD> <TD><FONT face="arial" id="demooffice"></FONT></TD>
</TR>
<TR>
<TD width="135">Winners:</TD><TD><FONT face="arial" id="demoweb"></FONT></TD>
</TR>
<TR>

</TABLE>
56
</DIV>
</DIV>

<script src="script.js"></script>

</BODY>
</HTML>

<body bgcolor="pink">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/user_home">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link cool"
href="/member_home">Member Home
<span class="sr-only">(current)</span>
</a>
</li>
<div><div><img></div>

<p>THIAGARAJAR COLLEGE, MADURAI</p>

<p>AN AUTONOMOUS INSTITUTION AFFILIATED TO MADURAI KAMARAJ UNIVERSITY</p>

<p>RE-ACCREDITED WITH ‘A⁺⁺' GRADE BY NAAC RANKED 23^rd IN

NIRF</p>

<div><img></div>

<p>CLUB ACTIVITIES</p>

<p>Posted By :</p>

<p>Department Of Computer Science</p>

<p>Categories:</p>

<p>Club Activities</p>

<p>EVENTS</p>

<p>LOGO AND CERTIFICATE DESIGNING CONTEST</p>

<div><img></div>

<p>Contest:</p>

<p>Logo Creation</p>

<p>Certificate Design</p>

<p>Date:</p>
57
<p>December-10^th 2021 - December-13^th 2021</p>

<p>Mode:</p>

<p>Online</p>

<p>Description:</p>

<p>We conducted two preliminary events to all our department students to create a logo for our club and
certificate design.</p>

<p>This enhanced their creative thinking and designing skills.</p>

<p>Participants:</p>

<p>Totally 33 students participated in logo making and 18 participated in certificate designing, out of
which one was selected as winner in each.</p>

<p>Registration:</p>

<p>https://docs.google.com/forms/d/e/1FAIpQLSff9hUtdKnDmUOzxLoWaeEWRQ0LS057 R-
pkAxpfrL9pOvUBtA/viewform?usp=sf_link</p>

<p>Winner of Logo Designing: M.Mohandhass 20SUCS04</p>

<p>II-B.Sc CS ‘SF'</p>

<p>Winner of Certificate Designing:</p>

<p>R.Swetha 21SUCS50</p>

<p>I-B.Sc CS ‘SF'</p>

<p>INAUGURATION OF ZENFORIANZ CLUB</p>

<div><img></div>

<p>Date:</p>

<p>December - 28^th 2021</p>

<p>Time:</p>

<p>11:30 am to 1:00 pm</p>

<p>Mode:</p>

<p>Offline</p>

<p>Venue:</p>

58
<p>Diamond jubilee hall</p>

<p>Description:</p>

<p>Our honorable Principal Dr.D.Pandiaraja sir launched the logo for zenforianz club.</p>

<div><img></div>

<p>Then he delivered the presidential address.</p>

<p>And he distributed the prizes for the winners of logo designing and certificate designing.</p>

<div><img></div>

<div><img></div>

<p>Our club coordinators Dr.N.Gnanasankaran sir and Mr.R.Chandrasekar sir motivated the students via
inaugural speech.</p>

<p>Our respected HOD Mrs.S.M.Valli mam appreciated the participants via certificates.</p>

<p>Conclusion:</p>

<p>Successfully we inaugurated our club,In the following days we are going to conduct the events based on
technical and non-technical skills.</p>

<p>TECH INTELLECT</p>

<div><img></div>

<div><img></div>

<p>Date:</p>

<p>February-25^th 2022</p>

<p>Time:</p>

<p>12:30 pm to 1:30 pm</p>

<p>Mode:</p>

<p>Offline</p>

<p>Venue:</p>

<p>Computer Science Lab</p>

<p>Description:</p>

<p>To improve the technical knowledge of our department students we conducted a quiz event called
"TECH INTELLECT" which is based on General computer science and C programming.</p>
59
<p>Tech Intellect comprised of three rounds,they were</p>

<p>Round 1-General computer science</p>

<p>Round 2-Output finding</p>

<p>Round 3-Debugging</p>

<p>Each round had 10 questions except the final round which had 5 questions</p>

<p>Registration:</p>

<p>Students registered via google form</p>

<div><img></div>

<p>Participants:</p>

<p>In total 23 teams of our department students participated enthusiastically consisting 2 members per
team<strong>.</strong></p>

<p>Registration link:</p>

<p>https://forms.gle/2cqcLCvSiEMFWCCbA</p>

<div><img></div>

<div><img></div>

<p>Winners:</p>

<p>JC.Srivishnu 20SUCS16</p>

<p>II-BSC CS-‘AIDED'</p>

<p>NG.Kabilan 20SUCS09</p>

<p>II-BSC CS-‘AIDED'</p>

<p>Runners:</p>

<p>M.Nithish kumar 20SUCS14</p>

<p>II-BSC CS-‘AIDED'</p>

<p>M.Manikandan 20SUCS12</p>

<p>II-BSC CS-‘AIDED'</p>

<p>M.Aruna 20SUCS17</p>

60
<p>II-BSC CS-‘SF'</p>

<p>TD.Divya dharshini 20SUCS19</p>

<p>BSC CS-‘SF'</p>

<p>Conclusion:</p>

<p>As a result of this event we developed interest for technical skills among students and encouraged them
to enthusiastically participate in the upcoming events.</p>

<p>POSTER MASTER</p>

<div><img></div>

<div><img></div>

<p>Date:</p>

<p>March - 11^th 2022</p>

<p>Time:</p>

<p>1:00 pm – 2:00 pm</p>

<p>Mode:</p>

<p>Offline</p>

<p>Venue:</p>

<p>Computer Science Lab</p>

<p>Description:</p>

<p>To make our department students inquisitive in designing we came up with a competition called
"POSTER MASTER".</p>

<p>This event had a choice of three topics which were provided on the spot to create posters</p>

<p>The choice topics provided were,</p>

<p>Create a poster to promote gender equality.</p>

<p>Create a poster to raise awareness about the crisis between Russia and Ukriane.</p>

<p>Create a billboard describing how to avoid covid 19.</p>

<p>Registeration:</p>

<p>Students registered via google form</p>

61
<p><a
href="https://docs.google.com/forms/d/1VVGRLSKt_TofLJ2pQEef6BNx2HJyUxZ9Emx6aD2YnDI/edit?us
p=sharing">https://docs.google.com/forms/d/1VVGRLSKt_TofLJ2pQEef6BNx2HJyUxZ9Emx6aD2YnDI/<
/a> <a
href="https://docs.google.com/forms/d/1VVGRLSKt_TofLJ2pQEef6BNx2HJyUxZ9Emx6aD2YnDI/edit?us
p=sharing">edit?usp=sharing</a></p>

<div><img></div>

<p>Participants:</p>

<p>Totally 7 students participated eagerly to showcase their designing skill .</p>

<div><img></div>

<div><img></div>

<p>Winner:</p>

<p>N.Nithya Prashanth 21SUCS14</p>

<p>I-BSC CS-SELF FINANCED</p>

<div><img></div>

<p>Runner:</p>

<p>NJK.Dharshini 21SUCS24</p>

<p>I-BSC CS-SELF FINANCED</p>

<div><img></div>

<p>Conclusion:</p>

<p>In the end , we were able to see the creativity of participants lively and they were curious to compete
in this competition.</p>

<p>JOLLY O GYMKHANA</p>

<div><img></div>

<div><img></div>

<p>Date:</p>

<p>August-11 2022</p>

<p>Time:</p>

<p>12:30 pm to 2:00 pm</p>

62
<p>Mode:</p>

<p>Offline</p>

<p>Venue:</p>

<p>Computer Science Lab</p>

<p>Description:</p>

<p>Our objective was to conduct a refreshment event for our department students and engage them in fun
activities</p>

<p>Mr. Vishal lead the team members of our club</p>

<p>We conducted a fun event ‘JOLLY O GYMKHANA' comprising three rounds as follows</p>

<p>Dumb Charades</p>

<p>Meme creation</p>

<p>Nadula konjam lyrics ah kanom</p>

<p>and each round had eliminations.</p>

<p>Registration:</p>

<p>Students registered via Google form</p>

<div><img></div>

<p>Participants:</p>

<p>In total 32 teams of our department students participated enthusiastically consisting 2 members per
team.</p>

<p>Registration link:</p>

<p><a href="https://forms.gle/c7FP9BxEMBwJ2pjT9">https://forms.gle/c7FP9BxEMBwJ2pjT9</a></p>

<div><img></div>

<div><img></div>

<div><img></div>

<p>Winners:</p>

<p>VAISHNAV DEVI G R</p>

<p>20SUCS40</p>

63
<p>III BSC CS (SF)B</p>

<p>NILA K</p>

<p>20SUCS29</p>

<p>III BSC CS (SF) B</p>

<p>Runners:</p>

<p>M.ARUNA </p>

<p>20SUCS17</p>

<p>III-B.SC -CS -SF</p>

<p>M.OVIYA</p>

<p>20SUCS30</p>

<p>III-B.SC-CS-SF</p>

<p>Conclusion:</p>

<p>On account of this event our department students had a good time and became enthusiastic to participate
in the upcoming event.</p>

</div>

64
 7.2 Screenshots
Admin Login

65
MEMBER LOGIN

66
HOME PAGE

67
EVENT REGISTRATION

68
RESULT

69
CONTACT

70
SURVEY

71
RATING

72
ABOUT US

73
RESULTS

74
CONCLUSION

75
 6. CONCLUSION

Conclusion on overall, the project has achieved its objectives. The project has
provided useful web application for Zenforianz club and was successfully built
using Python and MySQL. As it is being served as web application, it provides
more convenient to the user.

In this web application, the dashboard can be viewed and it is used for future
enhancement of the student. Members can update the event and Student can
also register for the event in same website. Student don’t need to go in person.

So this website will be very useful for all user.

76
.

FUTURE ENHANCEMENT

77
 7. FUTURE ENHANCEMENT

Now the system is designed to fulfill the current needs and achieved the primary
objectives. There are some additional features can be added to the system in thefuture.
These features may take the application to the next level. We can provide Qr code for
registering the event, and download the record and report of the event. We can make it more
interactive

78
BIBILIOGRAPHY

79
 8. BIBILIOGRAPHY

10.1 Book References

 Mirdula Pariha, Jeff Webb, 2012 ,”Microsoft ASP.NET”, 2nd Edition,

Tata MacGraw Hill Publications.
 Paul Bertucci, Paul Jensen 2002, “Microsoft SQL SERVER2000”, 2nd
Edition, Sams Publications.
 Gerry O‟Brien ,2000, “ Microsoft IIS 5.0 Administration” , Sams
Publications.
 Gayle Coffman, 1999, “Sql Server7 - The complete
Reference”,McGraw-Hill Professional Publishing.
 Richard WayMire, 1998, “ Teach yourself Microsoft SQL Server
7.0”,Sams Publications.
 Stephen Walther, 2003, “ Asp.Net”, Second Edition, Sams
Publications.
 Daniel Maharry, 2008, “Asp.Net 3.5“, 4th Edition, O‟Reilly Media
Publications.

10.2 Web References

• https://www.python.org/
• https://www.cashfree.com/
• https://codepen.io/wilvyrux/pen/ddMrda
• https://realpython.com/python-send-email/

80
81
82
83
84
85
86
87
A
d
m
i
n
73
74
75
7
6
Su
rv
ey
78
79
80
81
8
2
83
84
76
76