A Report on

“E-learning: Front-end Development and Testing”

Submitted to fulfill the

requirements of M-Project
(18MCA6PWMP)

As part of

VI Semester MCA By

Nivedita
(1BM17MCA32)

Under the guidance of

Prof. Mr. Girish K

Assistant Professor

Department of Computer Applications

B.M.S COLLEGE OF ENGINEERING
(Autonomous College under VTU)
Bull Temple Road, Bangalore-
560019
 B M S COLLEGE OF ENGINEERING
(Autonomous College under VTU)
DEPARTMENT OF MCA

CERTIFICATE

This is to certify that Nivedita has satisfactorily completed the

requirements for Major-Project (18MCA6PWMP) entitled “E-learning:
Front-end Development and Testing”, as part of 6th semester MCA
course in this college during the year 2020 -2021.

Signature of Internal Guide: Signature of HOD

Student Name: Nivedita Signature of External

Guide: USN: 1BM17MCA32

 ACKNOWLEDGEMENT

No achievement is possible without the help, support and guidance of inspirational people and this
internship is incomplete without an acknowledgement of the gratitude of these individuals. Each one of
them has contributed in their own unique and invaluable way from the undertaking of this internship.

I wish to place my deep debt of gratitude to Dr. B. V. Ravishankar, Principal, B. M. S. College of

Engineering for his constant help.

I wish to express my heartfelt and deep debt of gratitude to Dr. K. Vijayakumar, Head, Department of
Computer Applications, B. M. S. College of Engineering for her invaluable inspiration and guidance
throughout my internship.

I wish to express my heartfelt debt of gratitude to Mr. Girish k, Assistant Professor, Department of
Computer Applications, B. M. S. College of Engineering for her continuous guidance and motivation
throughout the completion of my internship.
 Internship 2: 18MCA6NTI2 USN: 1BM17MCA32

Table of Contents

1. About DEVGLAN..............................................................................................................2
2. Work Responsibility during Internship.............................................................................2
3. Description of internship experience...............................................................................2
4. About Live Projects:.........................................................................................................2
5. Learning Outcome from Internship..................................................................................7
6. Conclusion.......................................................................................................................7
7. Duration of Internship............................................................................................................8
8. References:......................................................................................................................8
9. Plagiarism Report............................................................................................................9

1|Page
 1BM17MCA32: E-learning: Front-end Development and Testing 2020-2021

1. MOTIVATION:
The main motive of web development is to develop a website. Most of the programming
languages are used to develop a good website. Nowadays, PHP is an open-source technology
that is mainly used for web development. The web development process includes web design,
web content development, client-side, server-side scripting, network security configuration and
many more.

2. ABOUT ORGNIZATION:

Devglan is completely built on Spring MVC. It is built on spring boot in the backend and
JSP and for the view. In a few places, it uses Angular to bind the model with the view.
They are always committed in providing good quality contents and materials that benefit
developer around the globe. Most of the contents on Devglan are related to Java.
Information Technology is going through a technological reorientation. Software
Professionals need to get new-skilled, up skilled or re-skilled on these technologies to be
relevant in the field. Devglan has a vision to make this skilling process to an interesting
passionate experience without making it very complex.

“Any new technology can be made simple to learn and get expertise” is the vision of the
company. The company made this possible by linking/comparing/contrasting the new
technologies with that of the known existing technologies, explaining the concepts with a
simple storyline in a chronological order and providing the hands-on real-world projects
exposure. I felt that their vision was compatible with my world view and my future career
goals, which is the reason I applied for an internship position with them.

3. WORK RESPOSIBILITY DURING INTERNSHIP:

As an intern with Devglan. I worked in an intern position and was responsible for
industry study and a few live projects like UI and maintenance. I was part of the
development team. Together we worked on UI and few tastings, other projects to
accomplish the goal.

5
 1BM17MCA32: E-learning: Front-end Development and Testing 2020-2021

4. ABOUT LIVE PROJECT:

Hardware and Software Requirements:
 Processor – Intel Core@2.40
RAM – 4GHard Disk
Space – 256 GB

Software Requirements:

 OS - Windows 7 0r above Browsers- Google chrome,

Firefox Applications Tools - MYSQL, Aws, EC2, GitHub,
Bitbucket
 Technology Used- Spring boot, React, HTML, CSS

 APPLICATION TOOLS:

MYSQL –

 MySQL is a database system used on the web

 It is a database system that runs on a server. It is also ideal for both small and large
applications

Aws –

 Amazon Web Services is a subsidiary of Amazon providing on-demand cloud

computing platforms and APIs to individuals, companies, and governments, on a
metered pay-as-you-go basis.

EC2 –
 Amazon Elastic Compute Cloud is a part of Amazon. Om’s cloud-computing platform,
Amazon Web Services, that allows users to rent virtual computers on which to run
their own computer applications.

6
 1BM17MCA32: E-learning: Front-end Development and Testing 2020-2021

Bitbucket-

 Bitbucket is a Git-based source code repository hosting service owned by Atlassian.

Bitbucket offers both commercial plans and free accounts with an unlimited number of
private repositories.

7
  TECHNOLOGY USED-
Spring boot-

• Spring Boot makes it easy to create stand-alone,

production-grade Spring based Applications that
you can "just run".

React –
• React is a free and open-source front-end JavaScript library for building user
interfaces or UI components. It is maintained by Facebook and a community of
individual developers and companies. React can be used as a base in the
development of single-page or mobile applications.

Html/CSS –
• HTML describes the structure of a Web page. It consists of a series of
elements.HTML elements tell the browser how to display the content.

5. PROJECT STRUCTURE:
 1BM17MCA32-
USN: 1BM17MCA32

6. SYSTEM ANALYSIS:
 FEASIBILITY STUDY
The feasibility study is very important for any project. Requirements and features in a
project can be decided by the feasibility study. The feasibility study will be organized with
the association of multiple teams so that the structuring of the financial requirements,
operational requirements and the technical requirements can be properly defined. Feasibility
study will help us to optimize the working. The following features are considered in
feasibility study.

7. PROJECT PLAN:

Gant chart shows the tasks assigned from beginning to end of my project work with status and
duration to complete.

9
 1BM17MCA32-
USN: 1BM17MCA32
 PERT CHART:

PERT chart shows the logical order of different phases of the project from initial requirement
gathering to deployment.

8. BUSINESS MODEL:

10
 1BM17MCA32-
USN: 1BM17MCA32

shows the Business Model which gives an overview of the key partners and key resources
which are involved in building the project. Also, we can understand the key activities
involved in the project. These details help us to list out value prepositions, customer
relationships and segments. At last, we can evaluate cost structure and revenue streams of
the project.

9. SYSTEM ARCHITECTURE DIAGRAM

 Actor – User/client
 Tomcat – Application Server
 MySQL- MYSQL where we can store our data
 S3 – S3 will be used for storing images

10. SOFTWARE REQUIREMENTS SPECIFICATION

FUNCTIONAL REQUIREMENTS

 Backup Status: 30 days backup status of all the server with success, failure and
partially success status should be in green, red and yellow respectively.
 Storage Utilization: Storage utilization of Veeam backup in TB with free space in
green and utilized space in yellow color.
11
1BM17MCA32-
USN: 1BM17MCA32
 Failed Client Backup: Details of failed server of the client

 Monthly Server Report: Monthly details of all server is required here in the form of
table.
 Network Baseline Report: Status of networking devices installed in a site

NONFUNCTIONAL REQUIREMENTS
 Availability: The report should be available anytime when client want.
 Compatibility: The chart report access must be compatible to every smart device.
There should be no operating system barrier. It should be accessed from any of the
operating system.
 Usability: User requires no special knowledge or technical training to understand the
chart report as everything is represented in the pictorial form.

12
 1BM17MCA32-
USN: 1BM17MCA32

11. IMPLEMENTATION

SCREENSHORTS:

Login Page of Devglan

 This is the login page of devglan where two option is given first, we can login through
google and second, we can login through GitHub.

13
 1BM17MCA32-
USN: 1BM17MCA32

 This is the User Profile page after login it will be redirect on this page. Where we can
see how many articles, links user has posted on their website.

14
 1BM17MCA32-
USN: 1BM17MCA32

 This is the subpages of websites where we will get more options of different
programming languages. Where we can search any link, books, articles and tutorials.

15
 1BM17MCA32-
USN: 1BM17MCA32

 This is the subpages of websites where we will get more options of different
programming languages. Where we can search any link, books, articles and tutorials.

16
1BM17MCA32-
USN: 1BM17MCA32

17
12. TESTING
TEST
Test Case Input Output Expected Output Result CASES
ID
SAMPLE TEST
LN_001 Login successful Login successful Pass CASES FOR
Valid Email and
password
LOGIN
MODULE-
USER
LN_002 Invalid Email and Error Error Pass
password

LN_003 Empty username Please fill out this Please fill out this Pass
field field
field

Empty email field Please fill out this

LN_004 Please fill out this Pass
field field

Empty password field Please fill out this

LN_005 Please fill out this Pass
field field
 Login Module Report

SAMPLE TEST CASES FOR LOGIN MODULE-ADMIN

Test Case Input Output Expected Output Result

ID

LA_001 Valid Email and Login successful with Login successful with Pass
Admin access Admin access
password
rights rights
 LA_002 Invalid Email and Error Error Pass
password

LA_003 Empty username Please fill out this Please fill out this Pass
field field
field

Empty email field Please fill out this

LA_004 Please fill out this Pass
field field

Empty password field Please fill out this

LA_005 Please fill out this Pass
field field

Login Module Report

SAMPLE TEST CASES FOR REGISTRATION MODULE

Test Case Input Output Expected Output Result

ID

RG_001 Valid Email and Login successful Login successful Pass

password
 RG_002 Invalid Email and Error Error Pass
password

Empty email field Please fill out this

RG_003 Please fill out this Pass
field field

Registration Module Report

SAMPLE CASES FOR CHANGING PASSWORD

Test Case Input Output Expected Output Result

ID

CP_001 Valid Email Password changed Password changed Pass

successfully successfully

CP_002 Invalid Email Error Error Pass

Change Password Module Report

13. IMPACT ON SOCIETY

 The automate nature of E-learning provide animations for different concept which in turn
helps in gaining knowledge better.
 It always provides Free Quality Content.
 It is helping the people to learn about new and trending technology.
 It is providing free platform to showcase tech abilities.
14. CONCLUSION

 This internship helped me to enhance new skills along with having an exposure to IT
industry. There were many soft skills and interpersonal skills I learned with this
internship.
 This internship made me realize that, if you lack knowledge in something, you can
go and ask to your mentor, also, we should be honest, professional, formal and
creative.

 The main purpose of this website is to create a single hangout place for techies where any
techie can share their ideas, trending articles, blogging, and find the best courses from
around the web.
 Here I have learnt better understanding of how the IT industry works and how effective it
is.
 Overall, I found the Devglan internship experience to be positive, and I'm sure I will be
able to use the skills I learned in my career later.

15. Future Enhancement

 iOS/Android development
 Link optimization
 Video courses and Tutorials
 Certifications
In future they are planning to start video courses and tutorials and also certification will
be provide.

16. TEAM WORK DETAILS

 Scrum: Teams holds a weekly scrum meeting in evening and have a quick relevant
discussion about the ongoing project.
 Sync-up: Daily Sync-up meetings with mentors for updating the status of the current
tasks and discussions on issues during the development work.
  One-on-One: One-on-One is a communication meeting with the manager for
discussion on changes which needs to be carried out.

CONTRIBUTION

SI. No Name Designation Contribution

The idea on implementation

1 Dhiraj Ray System architect
and deployment of software.

2 Rachna Shukla Intern Worked on backend

Worked on front-end and

3 Nivedita Intern
testing

Teamwork details

17. REFERENCES
• https://www.java.com/en/
• https://www.python.org/
• https://www.blockchain.com/
• https://www.w3schools.com/js/js_intro.asp
• https://reactjs.org/
• https://kafka.apache.org/
18. PLAGARISM