VISVESVARAYA TECHNOLOGICAL

UNIVERSITY

BELAGAVI – 590018, Karnataka

INTERNSHIP REPORT
ON

“SPARK ELECTRONICS –
E COMMERCE”
Submitted in partial fulfilment for the award of degree(21CSI85)

BACHELOR OF ENGINEERING
IN
INFORMATION SCIENCE AND
ENGINEERING
Submitted by:
REHAN AHMED MOHD AHMED
1AT21IS086

Conducted at
COMPOSFT TECHNOLOGIES

ATRIA INSTITUTE OF TECHNOLOGY

Department of Information Science & Engineering
Internship report 2023-24 1
 Anandnagar , Bengaluru-560 024

ATRIA INSTITUTE OF TECHNOLOGY

Department of branch Name
Accredited by NBA, New Delhi
Anandnagar,Bengaluru-560 024

CERTIFICATE

This is to certify that the Internship titled “SPARK ELECTRONICS - ECOMMERCE”

carried out by REHAN AHMED MOHD AHMED , a bonafide student of Atria Institute
of Technology, in partial fulfillment for the award of Bachelor of Engineering, in
Information Science And Engineering under Visvesvaraya Technological University,
Belagavi, during the year 2023-2024. It is certified that all corrections/suggestions
indicated have been incorporated in the report.

The project report has been approved as it satisfies the academic requirements in respect
of Internship prescribed for the course Internship / Professional Practice (21****)

Signature of Guide Signature of HOD Signature of Principal

External Viva:

Name of the Examiner Signature with Date

1)

2)

Internship report 2023-24 2

 DECLARATION

I, REHAN AHMED MOHD AHMED, third year student of Information

Science Branch, Atria Institute of Technology, declare that the Internship has
been successfully completed, in COMPSOFT TECHNOLOGIES. This report
is submitted in partial fulfillment of the requirements for award of Bachelor
Degree in Information Science Branch, during the academic year 2022-2023.

Date : 04.12.2023
Place : BANGALORE
USN : 1AT21IS086
NAME : REHAN AHMED MOHD AHMED

Internship report 2023-24 3

 OFFER LETTER PROVIDED BY THE COMPANY

Internship report 2023-24 4

 ACKNOWLEDGEMENT

This Internship is a result of accumulated guidance, direction and support of several

important persons. We take this opportunity to express our gratitude to all who have helped
us to complete the Internship.

We express our sincere thanks to our Principal, for providing us adequate facilities to
undertake this Internship.

We would like to thank our Head of Dept, for providing us an opportunity to carry out
Internship and for his valuable guidance and support.

We would like to thank our teachers for guiding and encouraging us at every step in
completing the Internship.

We would like to thank all the faculty members of our department for the support extended
during the course of Internship.

We would like to thank the non-teaching members of our dept, for helping us during the
Internship.

Last but not the least, we would like to thank our parents and friends without whose constant
help, the completion of Internship would have not been possible.

MOHAMMED SAQLAIN .
1AT21IS086

Internship report 2023-24 5

 ABSTRACT

The abstract for an online grocery store design using Figma involves creating an intuitive

and visually appealing user interface that enhances the user experience.

Using Figma involves outlining the key design elements and user experience
considerations.

Highlight the integration of intuitive navigation, visually appealing product displays, and
seamless checkout processes.

Employing Figma's collaborative features, the design process focuses on seamless

navigation, clear product categorization, and an efficient checkout process.

Prioritizing responsive design ensures accessibility across various devices, while

incorporating feedback loops facilitates continuous improvement.

This abstract underscores the importance of Figma's versatility in fostering collaboration

and iteration for an optimal online grocery shopping platform.

Internship report 2023-24 6

 Table of Contents

Sl no Description Page no

1 Company Profile

2 About the Company

3 Introduction

4 System Analysis

5 Requirement Analysis

6 Design Analysis

7 Feedback

8 Snapshots

9 Conclusion

10 References

Internship report 2023-24 7

 CHAPTER 1
COMPANY
PROFILE

Internship report 2023-24 8

 COMPANY PROFILE
A Brief History of Compsoft Technologies
Compsoft Technologies, was incorporated with a goal ”To provide high quality and optimal
Technological Solutions to business requirements of our clients”. Every business is a different
and has a unique business model and so are the technological requirements. They understand
this and hence the solutions provided to these requirements are different as well. They focus
on clients requirements and provide them with tailor made technological solutions. They also
understand that Reach of their Product to its targeted market or the automation of the existing
process into e-client and simple process are the key features that our clients desire from
Technological Solution they are looking for and these are the features that we focus on while
designing the solutions for their clients.

Compsoft Technologies is a Technology Organization providing solutions for all web design
and development, MYSQL, PYTHON Programming, HTML, CSS, ASP.NET and LINQ.
Meeting the ever increasing automation requirements, Sarvamoola Software Services.
specialize in ERP, Connectivity, SEO Services, Conference Management, effective web
promotion and tailor-made software products, designing solutions best suiting clients
requirements.

Compsoft Technologies, strive to be the front runner in creativity and innovation in software
development through their well-researched expertise and establish it as an out of the box
software development company in Bangalore, India. As a software development company,
they translate this software development expertise into value for their customers through their
professional solutions.

They understand that the best desired output can be achieved only by understanding the
clients demand better. Compsoft Technologies work with their clients and help them to
define their exact solution requirement. Sometimes even they wonder that they have
completely redefined their solution or new application requirement during the brainstorming
session, and here they position themselves as an IT solutions consulting group comprising of
high caliber consultants.

They believe that Technology when used properly can help any business to scale and achieve
new heights of success. It helps Improve its efficiency, profitability, reliability; to put it in
one sentence ” Technology helps you to Delight your Customers” and that is what we want to
achieve.

Internship report 2023-24 9

 CHAPTER 2
ABOUT THE COMPANY

Internship report 2023-24 10

 ABOUT THE COMPANY

Compsoft Technologies is a Technology Organization providing solutions for all web design
and development, MYSQL, PYTHON Programming, HTML, CSS, ASP.NET and LINQ.
Meeting the ever increasing automation requirements, Compsoft Technologies specialize in
ERP, Connectivity, SEO Services, Conference Management, effective web promotion and
tailor-made software products, designing solutions best suiting clients requirements. The
organization where they have a right mix of professionals as a stakeholders to help us serve
our clients with best of our capability and with at par industry standards. They have
young, enthusiastic, passionate and creative Professionals to develop technological
innovations in the field of Mobile technologies, Web applications as well as Business and
Enterprise solution. Motto of our organization is to “Collaborate with our clients to provide
them with best Technological solution hence creating Good Present and Better Future for our
client which will bring a cascading a positive effect in their business shape as well”.
Providing a Complete suite of technical solutions is not just our tag line, it is Our Vision for
Our Clients and for Us, We strive hard to achieve it.

Products of Company
Android Apps

It is the process by which new applications are created for devices running the Android
operating system. Applications are usually developed in Java (and/or Kotlin; or other such
option) programming language using the Android software development kit (SDK), but other
development environments are also available, some such as Kotlin support the exact same
Android APIs (and bytecode), while others such as Go have restricted API access.

The Android software development kit includes a comprehensive set of development tools.
These include a debugger, libraries, a handset emulator based on QEMU, documentation,
sample code, and tutorials. Currently supported development platforms include computers
running Linux (any modern desktop Linux distribution), Mac OS X 10.5.8 or later, and
Windows 7 or later. As of March 2015, the SDK is not available on Android itself, but
software development is possible by using specialized Android applications.

Web Application

It is a client–server computer program in which the client (including the user interface and
client- side logic) runs in a web browser. Common web applications include web mail, online

Internship report 2023-24 11

retail sales, online auctions, wikis, instant messaging services and many other functions. web
applications use web documents written in a standard format such as HTML and JavaScript,
which are supported by a variety of web browsers. Web applications can be considered
as a specific variant of client–server software where the client software is downloaded to the
client machine when visiting the relevant web page, using standard procedures such as HTTP.
The Client web software updates may happen each time the web page is visited. During the
session, the web browser interprets and displays the pages, and acts as the universal client
for any web application. The use of web application frameworks can often reduce the number
of errors in a program, both by making the code simpler, and by allowing one team to
concentrate on the framework while another focuses on a specified use case. In applications
which are exposed to constant hacking attempts on the Internet, security- related problems can
be caused by errors in the program.

Frameworks can also promote the use of best practices such as GET after POST. There are
some who view a web application as a two-tier architecture. This can be a “smart” client that
performs all the work and queries a “dumb” server, or a “dumb” client that relies on a “smart”
server. The client would handle the presentation tier, the server would have the database
(storage tier), and the business logic (application tier) would be on one of them or on both.
While this increases the scalability of the applications and separates the display and the
database, it still doesn't allow for true specialization of layers, so most applications will
outgrow this model. An emerging strategy for application software companies is to provide
web access to software previously distributed as local applications. Depending on the type of
application, it may require the development of an entirely different browser-based interface,
or merely adapting an existing application to use different presentation technology. These
programs allow the user to pay a monthly or yearly fee for use of a software application
without having to install it on a local hard drive. A company which follows this strategy is
known as an application service provider (ASP), and ASPs are currently receiving much
attention in the software industry.

Security breaches on these kinds of applications are a major concern because it can involve
both enterprise information and private customer data. Protecting these assets is an important
part of any web application and there are some key operational areas that must be included in
the development process. This includes processes for authentication, authorization, asset
handling, input, and logging and auditing. Building security into the applications from the
beginning can be more effective and less disruptive in the long run.

Internship report 2023-24 12

 Web design

It is encompasses many different skills and disciplines in the production and maintenance of
websites. The different areas of web design include web graphic design; interface design;
authoring, including standardized code and proprietary software; user experience design; and
search engine optimization. The term web design is normally used to describe the design
process relating to the front-end (client side) design of a website including writing mark up.
Web design partially overlaps web engineering in the broader scope of web development.
Web designers are expected to have an awareness of usability and if their role involves
creating mark-up then they are also expected to be up to date with web accessibility
guidelines. Web design partially overlaps web engineering in the broader scope of web
development.

Internship report 2023-24 13

 Departments and services offered
Compsoft Technologies plays an essential role as an institute, the level of education,
development of student’s skills are based on their trainers. If you do not have a good mentor
then you may lag in many things from others and that is why we at Compsoft Technologies
gives you the facility of skilled employees so that you do not feel unsecured about the
academics. Personality development and academic status are some of those things which lie
on mentor’s hands. If you are trained well then you can do well in your future and knowing
its importance of Compsoft Technologies always tries to give you the best.

They have a great team of skilled mentors who are always ready to direct their trainees in the
best possible way they can and to ensure the skills of mentors we held many skill
development programs as well so that each and every mentor can develop their own skills
with the demands of the companies so that they can prepare a complete packaged trainee.

Services provided by the Company

• Core Java and Advanced Java

• Web services and development

• UI/UX Designs for Independent Sites

• Dot Net Framework

• Python

• Selenium Testing

• Conference / Event Management Service

• Academic Project Guidance

• On The Job Training

• Software Training

Internship report 2023-24 14

 CHAPTER 3
INTRODUCTION

Internship report 2023-24 15

 INTRODUCTION

Introduction to UIUX Design

User Interface (UI) and User Experience (UX) design are pivotal components in the development
of digital products and services. They play a crucial role in ensuring that technology not only
functions effectively but also provides a seamless and enjoyable experience for users. This
introduction aims to provide an overview of UI/UX design, its significance, and its relevance in
the modern digital landscape, setting the stage for the internship report that follows.

1. Definition of UI/UX Design:

UI design refers to the creation of the visual elements that users interact with in a digital
interface. It encompasses the layout, aesthetics, and overall look and feel of a product or website.
On the other hand, UX design focuses on the user's journey and overall experience while using
the product. It involves understanding user needs, conducting research, and designing interfaces
that are intuitive, efficient, and enjoyable to use.

2. Significance of UI/UX Design:

Effective UI/UX design is crucial for several reasons:

- Enhanced User Satisfaction: A well-designed user interface and experience lead to increased
user satisfaction, higher user retention, and positive word-of-mouth recommendations.

- Improved Efficiency:Intuitive design can make complex tasks easier to complete, reducing
user frustration and boosting productivity.

- Competitive Advantage: In a crowded digital market, superior UI/UX design can set a product
apart from competitors and attract a loyal user base.

- Cost Savings: Proper UI/UX design reduces the need for extensive post-launch fixes and
updates, saving time and resources.

- User-Centered Approach:UI/UX design focuses on the needs and preferences of users,

ensuring that products meet their expectations and requirements.

Internship report 2023-24 16

3. Evolution of UI/UX Design:
UI/UX design has evolved significantly over the years. In the early days of computing,
interfaces were often text-based and lacked visual appeal. With the advent of graphical user
interfaces (GUIs), design became a more prominent consideration. Today, with the proliferation
of smartphones and web applications, UI/UX design has become a critical aspect of software
development, impacting everything from mobile apps and websites to smart devices and virtual
reality experiences.

4. Challenges and Opportunities:

While UI/UX design offers numerous benefits, it also presents challenges. The rapid pace of
technological change means designers must stay updated with the latest trends and technologies.
Moreover, catering to diverse user demographics and preferences can be complex.

However, these challenges also bring opportunities for those entering the field of UI/UX
design. Internships provide an excellent platform to gain hands-on experience, tackle real-world
design problems, and develop a deep understanding of the principles and practices that underpin
effective UI/UX design.

In conclusion, UI/UX design is a dynamic and essential field in the realm of technology and
digital product development. This report will delve deeper into the various aspects of UI/UX
design, including methodologies, best practices, and case studies, as well as providing insights
into the practical experiences gained during the internship. By the end of this report, it is hoped
that the reader will have a comprehensive understanding of the importance of UI/UX design and
the valuable role it plays in shaping the digital experiences of users.

Internship report 2023-24 17

 Problem Statement as mentioned in the proposal

Using Figma software design an ecommerce shopping

site.

Internship report 2023-24 18

 WHCHAPTER 4

SYSTEM ANALYSIS

Internship report 2023-24 19

 4. SYSTEM ANALYSIS
System analysis in the context of UI/UX involves understanding the requirements,
constraints, and objectives of designing a user interface and experience. Here's a
brief breakdown:

1. Requirements Gathering:
- Identify stakeholders and gather requirements from them.
- Understand the target audience, their needs, and preferences.
- Define functional and non-functional requirements for the UI/UX.

2. Contextual Inquiry:
- Conduct interviews and observations to understand the user's context and
tasks.
- Analyze user workflows and pain points to inform the design process.

3. Task Analysis:
- Break down user tasks into detailed steps to understand the workflow.
- Identify critical paths and potential bottlenecks in user interactions.

4. Prototyping:
- Create low-fidelity and high-fidelity prototypes to visualize the design.
- Use prototyping tools to simulate user interactions and gather feedback.

5. Usability Testing:
- Conduct usability testing with real users to evaluate the design.
- Analyze user feedback to iterate and improve the UI/UX

Internship report 2023-24 20

 CHAPTER 5
REQUIREMENT ANALYSIS

Internship report 2023-24 21

 5. REQUIREMENT ANALYSIS

Hardware Requirement Specification

UI/UX design primarily involves software and visual elements, but hardware considerations can
still impact the user experience indirectly. Here are some hardware-related factors to consider in
UI/UX design:

1. Device Types:
- Design with awareness of the devices your users will use (desktops, laptops, tablets,
smartphones).
- Consider screen sizes, resolutions, and aspect ratios for responsive design.

2. Performance:
- Ensure the UI/UX is optimized for various hardware capabilities.
- Graphics, animations, and transitions should run smoothly across different devices.

3. Input Methods:
- Design with consideration for different input methods (mouse, touch, keyboard).
- Ensure that the interface is accessible and user-friendly across input devices.

4. Touchscreen Considerations:
- Optimize UI elements for touch interactions on touchscreen devices.
- Consider the size of interactive elements for touch accuracy.

5. Hardware Constraints:
- Be mindful of resource-intensive design elements on less powerful devices.
- Avoid overloading the interface with features that could strain hardware resources.

Software Requirement Specification

To create a UI/UX design, you typically need software tools like:

1. UI Design:

Internship report 2023-24 22

 - Adobe XD

- Sketch

- Figma

- Adobe Photoshop

2. Prototyping:

- InVision

- Axure

- Marvel

3. Collaboration:

- Zeplin

- Figma (for collaborative design)

4. Version Control:

- Git (for collaborative development)

5. Graphics Editing:

- Adobe Illustrator (for vector graphics)

6. Usability Testing:

- UserTesting

- Lookback

Internship report 2023-24 23

 CHAPTER 6
DESIGN ANALYSIS

Internship report 2023-24 24

 DESIGN & ANALYSIS

To conduct a design analysis of UI/UX, consider the following key aspects:

1. User Research:
- Understand the target audience and their needs.
- Analyze user personas to tailor the design to specific user groups.

2. Information Architecture:
- Evaluate how information is organized and presented.
- Check if the navigation is intuitive and follows a logical flow.

3. Visual Design:
- Assess the overall aesthetics, including color schemes and typography.
- Ensure visual elements align with the brand and enhance user experience.

4. Interaction Design:
- Evaluate how users interact with the interface elements.
- Check for responsiveness, feedback mechanisms, and ease of interaction.

5. Usability Testing:
- Conduct usability tests to identify pain points and areas of improvement.
- Collect feedback from real users to inform design adjustments.

6. Consistency:
- Ensure consistency in design elements throughout the interface.
- Consistent navigation, buttons, and visual elements enhance user
familiarity.

7. Accessibility:
- Assess the design for accessibility standards, ensuring inclusivity for all
users.
- Consider factors like text legibility, contrast, and keyboard navigation.

8. Performance:
- Evaluate the speed and responsiveness of the UI.
- Optimize load times and ensure smooth transitions for a seamless
experience

Internship report 2023-24 25

 CHAPTER 7
Feedback on Work

Internship report 2023-24 26

 6. FEEDBACK ON WORK

1. Design Skills: Evaluate the intern's proficiency in tools like Adobe XD, Figma, or Sketch.
Assess their ability to create visually appealing and user-friendly interfaces.

2. User-Centered Design: Look for evidence of a user-centered design approach, considering user
personas, user journeys, and usability testing in their projects.

3. Creativity and Innovation: Assess their creativity in solving design problems and their ability
to bring innovative ideas to the table.

4. Communication Skills: Evaluate how well the intern communicates design decisions, both
verbally and visually, and their ability to articulate the rationale behind their choices.

5. Collaboration: Assess their teamwork and collaboration skills, including their ability to
incorporate feedback and work effectively with other team members or stakeholders.

6. Adaptability: Consider how well the intern adapts to feedback, changes in project
requirements, and emerging design trends.

7. Project Management: Evaluate their ability to manage time effectively, prioritize tasks, and
meet deadlines.

Providing specific examples and constructive feedback on each of these aspects can help the
intern understand their strengths and areas for improvement.

Internship report 2023-24 27

 CHAPTER 8

SNAPSHOTS

Internship report 2023-24 28

 8. SNAPSHOTS

Internship report 2023-24 29

Internship report 2023-24 30
 CHAPTER 9

CONCLUSION

Internship report 2023-24 31

 CONCLUSION
The package was designed in such a way that future modifications can be done easily. The
following conclusions can be deduced from the development of the project:

 Automation of the entire system improves the efficiency

 It provides a friendly graphical user interface which proves to be better when compared
to the existing system.

 It gives appropriate access to the authorized users depending on their permissions.

 It effectively overcomes the delay in communications.

 Updating of information becomes so easier

 System security, data security and reliability are the striking features.

 The System has adequate scope for modification in future if it is necessary.

Internship report 2023-24 32

 REFERENCE

1. https://www.nngroup.com
2. https://www.smashingmagazine.com
3. https://uxdesign.cc
4. https://www.awwwards.com
5. https://dribbble.com
6. https://www.behance.net

Internship report 2023-24 33

Internship report 2023-24 34