Đề tài xây dựng website bán hàng cho shop trần duy hưng spring boot và angular 0

Trong khoảng thời gian thực tập qua, em đã được nhận vào một công ty công nghệ có tên: Công ty cô phần công nghệ Việt Bắc.. Sau khoảng thời gian thực tập tại Công ty Việt Bắc, em đã được

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC MO DIA CHAT

BAO CAO THUC TAP DOANH NGHIEP

NGANH CONG NGHE THONG TIN

CHUYEN NGANH CONG NGHE PHAN MEM PHAT TRIEN UNG DUNG WEB CIRCLE

Hà Nội 10/2023

BAO CAO THUC TAP DOANH NGHIEP

CHUYEN NGANH: CONG NGHE PHAN MEM

TEN DE TAI THUC TAP

XAY DUNG VA PHAT TRIEN WEBSITE CIRCLE

Sinh viên thực tập: Bùi Hoàng Nam

MUC LUC

MỞ ĐÂU th TH nhìn nên HH HH HH Hệ giàu 5 CHUONG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 255c52 St tS2vxcrterkkrrrkrerrrrerree 6 1.1 Giới thiệu cơng IV thựcC lẬP cà HH TT KH HH HT Hành HH KH HH 6

1/4/21 .4 aee Ố.ỐỐ.ỐốỐố.ố 6

In can ốacĩẶúacIỤỘỪ 6

[I X/ 7 n 2n nhe exa Aä7 ốỐốỐốỐốỐ.ố .` ốeaeee 7

CHƯƠNG 2: NỘI DUNG THỰC TẬP - 2t + SE TH nghe 9 2.1 Phát triểm ứng dụng web Cïrcle cành re 9

2.1.1 Chỉ HIẾI HỘI (HH à cọ HH Hay 9

2.1.2 Các cơng cụ, phần mỀm sử dủỤHẸ thọ thhnntnHHn HH ryk 17 2.1.3 Các cơng nghệ, kĩ thuật, lÍ thHyẾ! ấp đụHg: cọc cọc 18 2.1.4 Một số phần mềm khác được yêu CẪU SỬ đỈỤHẸ cào nhe HH Heeerkc 18 2.2 Kiểm tra và sửa chữa các lỗi nuÌÏ trong dafabAse ccccencrherrrerrrererrrrree 18

CHƯƠNG 3: ĐÁNH GIÁ KÉT QUÁ VÀ ĐỊNH HƯỚNG PHÁT TRIÈN - 21

Đánh giá kết quả thực HẬP ào ct thì hTHgnHHHHHHH HH re 21

50009000077 àHH iặẬẬặậặậặHậHậH))) 22

BANG HiNH ANH

HAnh 1: Màn hAnh BulkGrade

HAnh 2: Các option tAm kiêm trong màn hAnh BulkGrade

s0) 6i 6ä .:aaiiiiẳiẳẳa HAnh 4: File template import khi được download về

HAnh 5: Checkbox bang false trên màn hình Site

HAnh 6: De/aw1 của Condition Assets khi checkbox bang false

HAnh 7: Checkbox bang true trén man hinh Sites

HAnh 8: Defaut cua Condition Assets khi checkbox bang true

HAnh 9: Hién thi dit liéu cia control Orders 000 ccc ccc ccc veces cee cee uv ceeeeceeveees HAnh 10: Control Orders 0.00 ccc cc cee cc cece crete cen nee ee tee ne see ne eee nne ten ente HAnh 11: 7icket về thêm màn hình GradeBulÏ ào sò cà na HAnh 12: Ticket thém checkbox xu ly deƒaut Condlition Asset khi Save HAnh 13: Ticket Optimize Controls 0.0 cc cc ccc cic ce ee ne nee ne en cee tee ta eaees HAnh 14: Lối null Object reference not set to an instance of an object

HAnh 16: L6i null database oo 0.0 coco ccc cee ccc ccc cuv cee cecuvcee tee tevvuvseeteetevueeeean HAnh l7: 7@aÖle ÁS§€fS Q.20 00001 TH ng TH ng ket cv cv ty

MỞ ĐẦU

Thực tập luôn là khoảng thời gian quan trọng cho mọi sinh viên công nghệ thông tin bởi đây khoảng thời gian tích lũy kinh nghiệm vô cùng quý giá Trong khoảng thời gian thực tập qua, em đã được nhận vào một công ty công nghệ có tên: Công ty

cô phần công nghệ Việt Bắc Sau khoảng thời gian thực tập tại Công ty Việt Bắc, em

đã được tham gia vào một số dự án thực tế của công ty, từ đó tích lũy được nhiều kinh nghiệm quý giá để làm hành trang cho công việc sau này

Em đã được tham gia vào dự án dài hạn với khách hàng của công ty Đây vừa là

một cái lợi những cũng là một thách thức cực kA lớn đối với một thực tập sinh như

em Về mặt tốt dự án web đài hạn giúp em cung cấp cơ hội đề bạn tiếp tục học hỏi

và phát triển kỹ năng của mAnh theo thời gian Có thê ứng dụng các kĩ năng đã học

và thực tế trong nhiều trường hợp Về mặt không tốt , dự án đài hạn đòi hỏi thời gian

và nỗ lực liên tục, gây áp lực lên đề đáp ứng các mục tiêu và tiến độ dự án và các yêu cầu cũng rất phức tạp và thách thức kỹ thuật, đòi hỏi phải nắm vững nhiều công

nghệ và kỹ thuật mới

Và dưới đây, em xin được trAnh bày cụ thê về quá trAnh thực tập, những dự án em

đã và đang được làm; những thuận lợi và ca những khó khăn trong quãng thời gian

thực tập vừa qua

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP

1.1 Giới thiệu công ty thực tập

- _ Tên công ty: CONG TY CO PHAN CONG NGHỆ VIỆT BẮC

- - Giám đốc: Nguyễn Minh Tuần

- _ Địa chỉ hiện tại: Khu đô thị 26 LK- LIA —- Mỗ Lao - Hà Đông — Hà Nội

-_ Số điện thoại: 0983610640

- Mã số thuế: 0107632957

- Giới thiệu công ty:

o Công ty cô phần công nghệ Việt Bắc được thành lập vào ngày 22/07/2020 Hiện

công ty đã hoạt động được 3 năm

o_ Công ty hiện tại đang là đối tác của một hệ thống bên Singrapo

o_ Một số dự án tiêu biểu của công ty bao gồm:

= Circle

» JOA

=» [TAD

1.2 VỊ trí thực tập

- VỊ trí thực tập hiện tại: Lập trAnh viên

- Công việc duoc giao:

o_ Lập trAnh phát triển website Circle gồm Front end và Back end

o_ Fix lỗi và tôi ưu hóa code

1.3 Dé tài thực tập

Như đã trAnh bày ở phần giới thiệu, đề tài trong quãng thời gian thực tập của em

là “phát triển ứng dụng web Circle”

-Gap mặt, nghe | VũAnhĐức | Đúng tiến độ được

hướng dẫn phố biến giao

về công việc thực tập

-Nhận đề tài Vũ Anh Đức | Đúng tiến độ được

giao

- Tự học tại công ty | Vũ Anh Đức | Đúng tiến độ được

Việt Bắc, bao gồm giao

các kiến thức về C#,

Thiết kế hướng đối

tượng, ASPnet web

app, sql server

-TAm hiểu về hệ thống Vũ Anh Đức | Đúng tiến độ được

cua Circle giao

- Thêm tính năng mới | Vũ Anh Đức | Đúng tiến độ được

cho website (do giao

khach hang yéu cau)

- Fix 16i liên quan đến

null đữ liệu

- Tối ưu hóa code, | Vũ Anh Đức | Đúng tiến độ được

giúp website chạy tốt

hơn

- Code các dự án cá

nhân liên quan đến các phần kiến thức giao

CHUONG 2: NOI DUNG THUC TAP 2.1 Phát triển ứng dung web Circle

2.1.1 Chỉ tiết nội dung

Giới thiệu về web Site:

Circel là web site quản lí hàng hóa của công ty TES AMM (là một công ty chuyên

tái chế linh kiện điện tử)

Hình 1: Trang Index cua Circle

2.1.1.1 Thay đổi nội dung hiển thị

Ở màn hAnh Sort/Move/Nest khi scans Asset , sẽ hiển thị 2 thuộc tính của là Assetnumber và Container của Asset lén man hAnh

Bùi Hoàng Nam-—L p#ông ngh_ iâân mêâm K64B9

¥ Local Development System

Hinh 1: Man hinh Sort/Move/Nest

Ticket yêu cââu hiển thị thêm 2 giá trị liên quan đễn Asset là Type và Grading

XX Local Development System

Ticket yéu câu tạo thêm 2 trường mới cho bảng Part Maintenance và lây giá

trị khi save và hiện thị trên màn hAnh

Circle / TOP-2913

Global - US Raised: Part Maintenance Changes

© Details

Unresolved None

¥ Description

Requestor : Keith Layton

he Part mainte:

* Cutline (2 Dropdown values - Below & Above)

® Short Description ( Free Text like Description Field

Connected Tickets : 2524

Screen has to change to have thi

Additionally, Show these 2 new fields on the parts maintenance list and approval list pages

Hình 7: Yêu cẩu cia ticket

Bùi Hoàng Nam-—L p#ông ngh_ ữâân mêâm K64B12

‘Hinh 8:Hién thi GridView chita 2 truéng méi duge them ˆ

2.1.1.3 Tạo một nút quay lai JobOrder Khi dang 6 man hinh CollectionOrder

Yêu cầu tạo một button Back to JobOrder khi dang 6 man hAnh CollectionOrder

Bùi Hoàng Nam-—L p#ông ngh_ ữâân mêâm K64B13

add new button on collection orders - Back to Job Order

On click of this - system has to take user to the respective JO and show the Data tab on JO

Hình 9:yêu cầu từ ticket

Em đã viết code đề khi click vao button Back to JobOrder sé sang man hAnh JobOrder với Id bang voi Id trong bang Collection tuong tng

Dưới đây là tên của ticket ma em da làm

Circle / TOP-2895

Global - US Raised: Routing of Collection Order to JO

Circle Í TOP-2631

GLOBAL - DEU raised: Sort/Move/Nest Screen: add Type and Grading

¥ Details

Pr ~ Low Fix Versi None ffects Vers None

abe! None

Sprin Circle Sprint 82, Circle Sprint 84, Circle Sprint 83, Circle Sprint 88 ( DE Release), Circle Sprint 90 (DE Release!

¥ Description

© Circle DE Live System

Hình 12: Ticket hiển thị thêm 2 giá trị lên màn hình

Bùi Hoàng Nam-—L p#êông ngh_ hâân mêâm K64B17

Circle TOP-2913

Global - US Raised: Part Maintenance Changes

# Edit Q Add comment Assign More v UAT v

¥ Details

T sex Resolution Unresolved

n the Part maintenance ta bles

= Short Description ( Free Text like Description Field

Connected Tickets : 2524 & 2778

Screen has to change to have these fields to show and update the data when mod parts creation screens and approval screens

o Hé quan tri co so dir ligu Management SQL Server

Bùi Hoàng Nam-—L p#êông ngh_ hâân mêâm K64B18

2.1.3 Cách lý thuyết, kĩ thuật được áp dụng:

o Strdung HTML, CSS , Bootstrap dé xay dung

o Str dung C#, Ajax, Query SQL dé viết logic backend

o Str dung Query SQL dé kiém tra data

2.1.4 Một số phần mềm khác được yêu cầu sử dụng

o Sw dung SourceTree dé commit code

o Sw dung Jira dé bao cáo tiên độ công việc

o_ Sử dụng Outlock và Skype đề trao đổi công việc

2.2 Check và fix các lỗi null database

® TAnh trang

Trong mô hệ thông lớn thường xuyên gặp các trAnh trạng bị null đữ liệu khi cô

gang truy cập vào một thuộc tính hay một phương thức mà giá trị co no bang null Nguyên nhân gây ra là khi data được nhập vào thường sẽ bị người dùng nhập thiêu , hoặc giá trị ban đầu của Data là null mà chúng ta cỗ gắn nó vào một biến int , string thA sẽ gây ra tAnh trạng như bên dưới

Hinh 14:L6i null Object reference not set to an instance of an object

Bùi Hoàng Nam-—L p#êông ngh_ hâân mêâm K64B19

e©_ Giải quyết

Những lỗi này cũng cần phải xử lý nhanh chóng với mức ưu tiên 1, giúp

không bị delay tiên độ

Tùy vào từng trường hợp , nhưng thông thường em sẽ thêm điều kiện ¡f != null đề có thê loại bỏ những tAnh trạng không mong muôn

CHUONG 3: DANH GIA KET QUA VA DINH HUONG PHAT TRIEN

3.1 Đánh giá kết quả thực tập

Trên đây là tât cả những gA em đã được làm việc thực tế trong suốt quãng thời gian thực tập qua Ngoài việc được làm các công việc thực tế, em cũng được học thêm các kiến thức, kĩ năng quan trọng khác như kĩ năng tự nghiên cứu, kĩ năng tự

học, kĩ năng làm việc nhóm, đặc biệt là việc giao tiếp với các thành viên trong một nhóm sao cho tốt và hiệu quả nhất

Với cá nhân em, trong quảng thời gian thực tập vừa qua, mặc dù được tham gia

dự án thực tế không nhiều nhưng em tự đánh giá mAnh có trách nhiệm với công việc

Vé mang lập trAnh Web App cũng khác mới lạ với em, đặc biệt là khi được làm dự

án có một hệ thông lớn, nhưng phần nào đó em vẫn có thê hoàn thành tốt các công việc được giao, dù tộc độ xử lí công việc vẫn còn chậm, tuy nhiên được sự hỗ trợ nhiệt tAnh từ các anh chị đông nghiệp đi trước, cho đến thời điểm này, em vẫn hoàn thành tốt các công việc được giao và dân thích nghi với môi trường tại công ty 3.2 Định hướng phát triển của đề tài

Định hướng của em là sẽ tiếp tục sửa chữa các lỗi còn tồn đọng liên mà tối ưu hóa cải tiến website, em sẽ cô gắng đây nhanh hơn tốc độ hoàn thành công được giao Sau đó, em mong muốn sẽ được trở về đúng chuyên môn mà em đã định hướng là lập trAnh Backend và Frontend web Cuối cùng em sẽ cô gắng hết sức để có thê tham gia vào các dự án mới của công ty Việt Bắc, từ đó phát triển các kỉ năng chuyên môn và kĩ năng mềm nhiều hơn nữa đề từng bước trở thành một lập trAnh

KÉT LUẬN Khoảng thời gian thực tập qua em đã được học hỏi rất nhiều không chỉ về mặt

kiến thức chuyên môn mà còn về các kĩ năng mềm, kĩ năng làm việc nhóm Ngoài

ra, em dần hiểu được quy trAnh thực tế bắt đầu, bàn giao và kết thúc của một dự án

công nghệ thông tin diễn ra như thế nào Đặc biệt em nhận ra các kiến thức trước kia

được học trên trường là rất quan trọng, vA chỉ khi tiếp xúc với các vấn đề thực tế, em mới đần hiểu ra được các kiến thức mà trước kia em cho là khô khan, khó học Mục tiêu của em là sẽ cố gắng nhiều hơn nữa trong công việc, học hỏi các công nghệ

mới, cải thiện khả nảng ngoại ngữ, kĩ năng mềm để từng bước trở thành một lập tAnh

viên chuyên nghiệp

Cuối cùng, em xin cảm ơn cô Nguyễn Thị Thanh đã tận tAnh giúp đỡ, theo dõi sát sao quá trAnh thực tập của em để kịp thời đưa ra hướng giải quyết khi gặp phải những vấn đề khó khăn trong quá trAnh thực tập

TÀI LIỆU THAM KHẢO

1.Lập trAnh C# cơ bản

2.Tài liệu sử dụng Source Tree

3.Lập trAnh với query SQL