Daffodil International University Co-Supervised By

(1)

INTERNSHIP REPORT ON

ONLINE SHOPPING CART

BY

SALMAN MOHAMMAD ABDULLAH ID: 161-15-1000

This Report Presented in Partial Fulfillment of the Requirements for the Degree of Bachelor of Science in Computer Science and Engineering

Supervised By

Mr. Md. Mahfujur Rahman

Lecturer

Department of CSE

Daffodil International University Co-Supervised By

Mr. Saif Mahmud Parvez

Lecturer

Department of CSE

Daffodil International University

DAFFODIL INTERNATIONAL UNIVERSITY

^[

DHAKA, BANGLADESH DECEMBER 2019

(2)

CONTENTS PAGE NO

Approval

i

Declaration of the Student ii

Acknowledgment iii

Abstract iv

CHAPTER 1: Introduction (8-9)

1.1 Introduction 8

1.2 Motivation 8

1.3 Internship Objectives 9

1.4 Internship goal 9

CHAPTER 2: Organization (10-12)

2.1 About the company 10

2.2 company service 10

2.3 Mission and vison 11

2.6 Organization Structure 12

CHAPTER 3: PROBLEM SOLVING & Project Show (13-27)

3.1 Before start work 13

3.2: Project Show (13-22) 3.20 Project task and Activities 23

(3)

CONTENTS PAGE NO

3.21: Implementation and Learning process gain from this project 24

3.22 Use-case Diagram 25

3.23 Flow Chart 26

3.24: Challenge Internship 27

CHAPTER 4: Internship Outcomes (28-28)

4.1: learning something 28

4.2: Internship outcome 28

CHAPTER 5: Conclusion and Future Career (29-29)

5.1: conclusion 29

5.2: future scope 29

REFFERENCE 30

(4)

LIST OF FIGURES

FIGURES PAGE

Figure: 3.1 Navbar 13

Figure: 3.2 Product Show 14

Figure: 3.3 Makeup Items 14

Figure: 3.4 Tops 15

Figure: 3.5 Camis 15

Figure: 3.6 Perfume 16

Figure: 3.7 Handbag 16

Figure: 3.8 Sunglass 17

Figure: 3.9 Winter Product 17

Figure: 3.10 Gadgets & accessories 18

Figure: 3.11 Gadgets & accessories Item 18

Figure: 3.12 Registration Page 19

Figure: 3.13 Customer Information 19

Figure: 3.14 Registration Page Code 20

Figure: 3.15 CSS Code 20

Figure: 3.16 Home Code 21

Figure: 3.17 Product Items Code 21

Figure: 3.18 Gadgets and Accessories Items Code 22

Figure: 3.19 Mobile View 22

(5)

ACKNOWLEDGEMENT

From the outset, I have to gratefulness of Allah for gift me and fortifying me to complete my last year Internship works successfully. I'm incredibly happy that, grateful to my good supervisor Mr.

Md. Mahfujur Rahman and co-supervisor Mr. Saif Mahmud Parvez instructor of Department of Computer science and Engineering (CSE), Daffodil International University, Dhaka. Critical data and profound information on my boss in this field of Web Design and Development affected me to do this Internship. their magnificent and well disposed behavior, instructive bearing, significant data and keen supervision made it conceivable to complete my website composition venture furthermore, entry level position. What's more, subsequently I should offer my generous gratitude to all other employees of Computer Science and engineering department of Daffodil International University, they give significant data which is significant for endure effectively in future. I totally completed my everything courses in light of their inviting conduct and they generally give significant data which is out obviously. By then I should thanks my accommodating mates in Daffodil International University, who offer me significant guidance while completing the course work. At last, I should respect and appreciation to my folks for all their help and inspiration.

iii © Daffodil International University

(6)

ABSTRACT

BD smart fashion is a E-commerce base website, it’s a system which focus buy and sell many different product in online. This online market is so important for Bangladesh, this system for those peoples who spends less time to visit the market place. The project aimed to design a web page that enhance marketing through online advertising online buying and selling. In this system multi-tired architecture, and implementation technologies are JQUERY, BOOTSTRAP, HTML5 and CSS. It’s a project with the objective to develop a basic website where a customer is provide with a shopping card application and also to know about the technologies use to develop such an application.

iv

(7)

CHAPTER 1 Introduction 1.1 Introduction

The temporary job builds up a student's understanding. The entry level position known is to increase a few wisdom from the diverse numerous associations that will assist a great deal with making a connection among the theoretic and handy information. The Internship information is wanted to make strides understudies chipping away at record and servitor in productive science degrees in law requirement or recovers with a chance to form quickness into the reasonable utilization of scholastic information. By watching the work exercises of the individuals from a criminal legitimize office and by working under guard, understudies will be better prepared to meet their own advantage and become fit for a career.

1.2 Motivation

This was a significant adventure for me. As a CSE understudy, I need to profound information on web application Design and Development. So I have the entry level position on web application Design and Development at ZAFIDIGITAL. From this adventure I was found out numerous significant things and I was meet with numerous sorts of individuals and figured out how to deal with numerous sorts of legitimate issue, and I imagine that this will assist me with building my profession well overall and I assembled such huge numbers of instructive and authority information. I accept that the temporary position will give me the standard chance to broaden my Career.

In this adventure I was found out HTML, CSS, JavaScript, WordPress and Bootstrap which are the critical to plan a site and now I can structure a site appropriately and in present time I am learning step by step.

Because of my varsity and the organization where I was finished my entry level position, this association offers me the chance to learn part of significant things. I trust that I will

manufactured myself as an expert website specialist and engineer moreover.

8

(8)

1.3 Internship Objectives

Form this internship my objectives are gather knowledge on web design and how to handle official problem.

Some objectives are:

 To gather more technical information’s

 Learn how to maintain official environment.

 Improve my communication skill.

 To know about some framework and some popular language.

 Know some clear knowledge about web design and development.

 Increase some data about job area.

 Gain team work performance skill.

1.4 Internship Goals

My internship goal are:

 To improve proficient morals.

 Addition information about the Job division.

 For solid information about web architecture.

 Instructions to do customer work in an official way.

 How to understand the customer's necessity?

 The capacity for critical thinking.

 Functions admirably with the group.

9

(9)

CHAPTER 2 ORGANIZATION

2.1 About the company

ZAFIDIGITAL is a privet IT organization. They are so much popular to their client for their works and step by step they are expanded their level and buckle down. This organization work for many different items which are android applications, website, graphics design, logo design, video marketing, affiliate marketing and also CPA marketing et cetera.

They have also excellent more experience trainer for train other employ and fresher and internship students.

This organization buckles down for improving in future and they are cautious for their clients.

Company name: ZAFIDIGITAL

Head office: House #28, road #4 Block #D, Banasree Dhaka

2.2 Company Services

ZAFIDIGITAL is a IT farm, this company provides many kind of services android applications, website, graphics design, logo design, video marketing, affiliate marketing and also CPA

marketing etc. they work for professional web application design, development & maintenance all kind of web services like Web Design, Web Development, , Software Development, Android Apps, Wordpress Theme Development etc. and they give total front-end and back-end improve dependent on the most recent advancements and industry inclination.

10

(10)

2.3 Mission and Vision

Our strategic give best administrations to the client's for maintained their business effectively and accomplish their fulfillment. We offer the best advanced promoting arrangements bringing about the most intelligent results for clients.

and our vision is furnish the best IT arrangement with the most brilliant outcome and fulfill for customers everywhere throughout the world.

11

(11)

2.6 Organizational Structure

Fig 2.1

12

CEO/

Managing Dirrector

Delivery Manager

Project Manager

Asst. Manager

Team Lead

Senior Software Engineer

Associates Trainer

Head-HR, Admin

&marketing

Training Co- ordinator

Accounts Officer

Front Off.

Executive

Sr. HR.

Executives

Business Development

executiver HR.

Executive s

Marketing Manager

Sales Executives

Trainer Placement

Officer

Students

(12)

CHAPTER 3 PROBLEM SOLVING AND PRODUCT SHOW

3.1 Before start work

Actually I know about the organization before joining. When joined the organization they disclose to me the work, how would I work? Furthermore, present different laborers. After I comprehended my work, I started my day by day working. Prior to working, I'm doing introduced all the essential software such as code editor notepad++, XAMPP, Visual Studio code

3.2 Project screenshot Navber

Fig 3.1 Navber

13

(13)

3.3 Product Show

Fig 3.2 product show

3.4 Makeup Items

Fig 3.3 Makeup Item

14

(14)

3.5 Tops

Fig 3.4 Tops

3.6 Camis

Fig 3.5 Camis

15

(15)

3.7 Perfume

Fig 3.6 Perfume

3.8 Handbag

Fig 3.7 Handbag

16

(16)

3.9 Sunglass

Fig 3.8 Sunglass

3.10 Winter Items

Fig 3.9 Winter product

17

(17)

3.11 Gadgets & Accessories

Fig 3.10 Gadgets & Accessories

3.12 Gadgets & Accessories Item

Fig 3.11 Gadgets & Accessories Item

18

(18)

3.13 Registration Page

Fig 3.12 Registration Page

3.14 Customer Information

Fig 3.13 Customer Information

19 © Daffodil International University

(19)

3.15 Registration Page Code

Fig 3.14 Registration Page Code

3.16

CSS Code

Fig: 3.15 CSS Code

(20)

3.17 Home Code

Fig: 3.16 Home Code

3.18 Product Items Code

Fig: 3.17 Product Item Code

21

(21)

3.19 Gadgets and Accessories Items Code

Fig 3.18 Gadgets and Accessories Items Code

3.20 Mobile view

Fig 3.19 Mobile view

22

(22)

3.20 Project task and Activities

After join this ZAFIDIGITAL organization I have a ton of increases. It was an incredible chance to work with the ZAFIDIGITAL group, I also do some different work in this company.

 I also learn how can I work in online market place

 Video marketing

 Gain some knowledge about Android

 They also teach me how can I do work for iOS applications.

 They also give some information about Js and MySQL query.

 And from this company I learn how to maintain a customer.

23

(23)

3.21 Implementation and Learning process gain from this project

The languages utilized in the execution of the venture are HTML5, CSS3, BOOTSTRAP and a little bit of Js, and I want short explain about it…

HTML5

This HTML language is so popular language In this world for all kind of web base work, and day by day many developer do update this language, in this time HTML5 is running.

CSS3

The full form of CSS is “Cascading style sheet” mainly it’s use for design, color, lent, width and different type of shadow, and frame etc. so this language mainly use for designing.

and it’s also improve by mane developer day by day, the running upgrade version is CSS3.

JS

Js means JavaScript which Is a high level programming language, and also well for web development because of it’s a scripting language.

BOOTSTRAP

Mainly Bootstrap is a framework, it’s so popular because it’s totally free and open source. This framework built on some popular language which are HTML,CSS and JavaScript for facilitate the development of responsive.

²⁴

(24)

3.22 Use Case Diagram

25

(25)

3.23 Flow Chart

Yes

No No

Yes Yes

No

Yes

Yes No

Figure: 3.20 Flow ChartShow

26

Shop

View search item

Add item to cart

Display cart content

Change cart item

Checkout

Change item overview

Payment info Shopping

cart

Logout

View account status

Approved View account

status

Order confirm Shipping &

Handling

End process

Start

(26)

3.20 Challenges during Internship

Website specialist and Developer is certifiably not a straightforward take as it accompanies a variety of difficulties. Each and every the very first moment Designer and engineer needs to confront various issues and difficulties. Yet, as a creator and engineer must discover an approach to take care of that issue with a productive outcome. Else, it would not be a decent Designer and engineer Responsive and basic reasoning and speed transfers. So as to tackle this sort of issue and give incredible client experience to a customer, the web engineers must be patient and address the difficulties perseveringly. Each website specialist and designer must have the quality to take care of every issue and taking equipped for challenges.

27

(27)

CHAPTER 4 INTERNSHIP OUTCOMES

4.1 Learning Something

Before start internship the Jafi Digital company, actually I had no idea about web design and development. I just heard about it and some language which are HTML and CSS, but after join this internship I can learn more about this, and also learn more details about many languages and framework which are HTML,CSS, JavaScript and Bootstrap.

4.2 Internship Outcomes

 At first it taught me how can I work in a team.

 It also give me a lot of tricks about how can I develop my communication skill.

 It also taught me about official environment and office manner.

 This internship taught me how can I handle a official environment and work.

 It also taught me how can I understand a client and company customer.

²⁸

(28)

CHAPTER 5 Conclusion and Future Scope

5.1 Conclusion

In a single word from this internship actually I learn about web design and gather a little bit of knowledge about web development, and learn more details different language and some popular framework. And also see a corporate life style and learn official manner, hopefully it will be a great achievement for my future career and my future job sector.

5.2 Future Scope

Finding a good job from current job sector, maybe isn’t it easy and it’s too much hard in this time if I have no experience in job market place, but I have a good experience from this internship and I think I will be good for me.

(29)

REFFERENCES

[1] HTML5 <<https://dash.generalassemb.ly/>> access time: 11.30 am-05/08/19 [2] HTML5 <<https://www.w3schools.com/>> access time: 10.00 am-05/08/19 [3] HTML5 <<https://itbari.com/>> access time: 12.30 pm- 08/08/19

[4] CSS3 <<https://dash.generalassemb.ly/>> access time:09.30 am-02/09/19 [5] CSS3 <<https://itbari.com/>> access time:03.00 pm- 15/09/19

[6] JavaScript <<https://dash.generalassemb.ly/>> access time:01.00 pm-19/09/19 [7] JavaScript <<https://www.youtube.com/>> access time:10.00 am-22/09/19 [8] Bootstrap <<https://www.udemy.com/>> access time:09.30am-07/10/19 [9] Bootstrap <<https://www.youtube.com/>> access time:11.00 am-15/10/19

30

(30)

Daffodil International University Co-Supervised By

This Report Presented in Partial Fulfillment of the Requirements for the Degree of Bachelor of Science in Computer Science and Engineering

Supervised By

Lecturer

Department of CSE

Daffodil International University Co-Supervised By

Lecturer

Department of CSE

Daffodil International University

DAFFODIL INTERNATIONAL UNIVERSITY

TABLE OF CONTENTS

CONTENTS PAGE NO

CHAPTER 1: Introduction (8-9)

CHAPTER 2: Organization (10-12)

CHAPTER 3: PROBLEM SOLVING & Project Show (13-27)

CONTENTS PAGE NO

CHAPTER 4: Internship Outcomes (28-28)

CHAPTER 5: Conclusion and Future Career (29-29)

REFFERENCE 30

LIST OF FIGURES

ACKNOWLEDGEMENT

ABSTRACT

CHAPTER 1 Introduction 1.1 Introduction

1.2 Motivation

1.3 Internship Objectives

1.4 Internship Goals

CHAPTER 2 ORGANIZATION

2.1 About the company

2.2 Company Services

2.3 Mission and Vision

2.6 Organizational Structure

CHAPTER 3

PROBLEM SOLVING AND PRODUCT SHOW

3.1 Before start work

3.2 Project screenshot Navber

3.3 Product Show

3.4 Makeup Items

3.5 Tops

3.6 Camis

3.7 Perfume

3.8 Handbag

3.9 Sunglass

3.10 Winter Items

3.11 Gadgets & Accessories

3.12 Gadgets & Accessories Item

3.13 Registration Page

3.14 Customer Information

3.15 Registration Page Code

3.16

3.17 Home Code

3.18 Product Items Code

3.19 Gadgets and Accessories Items Code

3.20 Mobile view

3.20 Project task and Activities

3.21 Implementation and Learning process gain from this project

HTML5

CSS3

JS

BOOTSTRAP

3.22 Use Case Diagram

3.23 Flow Chart

3.20 Challenges during Internship

CHAPTER 4

INTERNSHIP OUTCOMES

4.1 Learning Something

4.2 Internship Outcomes

CHAPTER 5

Conclusion and Future Scope

5.1 Conclusion

5.2 Future Scope

REFFERENCES