Trang web quản lý bán hàng

TRƯỜNG ĐẠI HỌC KINH TẾ KHOA THỐNG KÊ – TIN HỌC BÁO CÁO THỰC TẬP NGHỀ NGHIỆP NGÀNH HỆ THỐNG THÔNG TIN QUẢN LÝ CHUYÊN NGÀNH TIN HỌC QUẢN LÝ TRANG WEB QUẢN LÝ BÁN HÀNG Đơn vị thực tập : Cơng ty TNHH TMA Solutions Bình Định Giảng viên hướng dẫn : TS Đặng Trung Thành LỜI CẢM ƠN Để hoàn thành báo cáo thực tập này, em xin gửi lời cảm ơn chân thành đến quý thầy cô Khoa Thống Kê – Tin Học trường Đại Học Kinh Tế - Đại Học Đà Nẵng tạo điều kiện để tụi em có hội thực tập thời gian vừa qua Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến thầy Nguyễn Trung Thành tận tình hướng dẫn, nhận xét góp ý để em hồn thành chun đề báo cáo thực tập Tiếp theo, em xin gửi lời cảm ơn đến ban lãnh đạo anh Mentors Phạm Quốc Khánh Cơng ty TNHH TMA Solutions Bình Định tạo điều kiện thuận lợi cho em thực tập, cọ sát với thực tế, học hỏi kiến thức giúp đỡ em trình thực tập cơng ty Trong q trình thực tập làm đề tài, hoàn thiện báo cáo thực tập khơng tránh khỏi thiếu sót, kính mong nhận góp ý q giá q thầy quý công ty Em xin chân thành cảm ơn! LỜI CAM ĐOAN Em xin cam đoan đề tài “Xây dựng Trang web quản lý bán hàng (Front-end).” em nghiên cứu thực dựa hướng dẫn tận tình đơn vị thực tập Cơng ty TNHH TMA Solutions Bình Định giảng viên Nguyễn Trung Thành, không chép từ nguồn khác Nội dung báo cáo thực tập nghề nghiệp kết mà em nỗ lực nghiên cứu, học tập tìm hiểu trình thực tập công ty đồng thời học hỏi từ tài liệu tham khảo mà đơn vị thực tập cung cấp Nội dung kết trình bày báo cáo nghiên cứu độc lập trung thực Nếu có hành vi chép hành vi gian lận nào, em xin chịu hoàn toàn trách nhiệm trước Hội đồng nhận kỷ luật MỤC LỤC LỜI CẢM ƠN………………………………………………………………… … iii LỜI CAM ĐOAN………………………………………………………………… iv MỤC LỤC……………………………………………………………………… …v DANH MỤC HÌNH ẢNH……………………………………………………… vii DANH MỤC BẢNG BIỂU…………………………………………………………ix DANH MỤC CÁC TỪ VIẾT TẮT……………………………………………… x LỜI MỞ ĐẦU………………………………………………………………………1 Chương TỔNG QUAN Về Công ty TNHH TMA Solutions Bình Định………2 1.1 Giới thiệu Cơng ty TNHH TMA Solutions Bình Định……………………… 1.1.1 Tổng quan……………………………………………………………… 1.1.2 Tầm nhìn, sứ mệnh……………………………………………………… 1.1.3 Tầm nhìn, sứ mệnh……………………………………………………… 1.2 Tổng quan nghề Developer…………………………………………… 1.2.1 Định nghĩa Developer…………………………………………………… 1.2.2 Developer làm cơng việc gì?…………………………………… 1.2.3 Cơ hội nghề nghiệp (FrontEnd)………………………………………… CHƯƠNG CƠ SỞ LÝ THUYẾT……………………………………………… 2.1 JavaScript…………………………………………………………………… 2.1.1 JavaScript gì?………………………………………………………… 2.1.2 Tại nên học JavaScript……………………………………………… 2.1.3 JavaScript tutorial………………………………………………………… 2.1.4 JavaScript Functions……………………………………………………… 2.1.5 JavaScript HTML DOM………………………………………………… 2.2 React JS……………………………………………………………………… 2.2.1 Introducing JSX………………………………………………………….8 2.2.2 Rendering Elements…………………………………………………… 2.2.3 Components and Props………………………………………………… 2.2.4 State and Lifecycle……………………………………………………… 2.2.5 Handling Events………………………………………………………… 2.2.6 Lists and Keys………………………………………………………… 2.2.7 Forms…………………………………………………………………….9 2.3 HOOK………………………………………………………………………9 2.3.1 Introducing Hooks……………………………………………………….9 2.3.2 Hooks at a Glance……………………………………………………… 2.3.3 Using the State Hook…………………………………………………… 2.3.4 Using the Effect Hook………………………………………………… 2.3.5 Hooks API Reference……………………………………………………10 2.4 REACT ROUTER………………………………………………………… 10 CHƯƠNG TRIỂN KHAI……………………………………………………….11 3.1 Phân tích yêu cầu hệ thống……………………………………………11 3.2 Thiết kế dự án……………………………………………………………… 11 3.2.1 Mục tiêu thiết kế giao diện……………………………………………… 12 3.2.2 Quy trình thiết kế giao diện……………………………………………….13 3.2.3 Thiết kế giao diện…………………………………………………………13 CHƯƠNG KẾT QUẢ……………………… ………………………………… 21 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN………………………………………… 22 TÀI LIỆU THAM KHẢO…………………………………………………………23 CHECK LIST CỦA BÁO CÁO………………………………………………… 24 PHỤ LỤC………………………………………………………………………… 25 DANH MỤC HÌNH ẢNH Hình 3.2.3.1 Trang chủ…………………………………………………………………16 Hình 3.2.3.2 Trang about……………………………………………………………… 17 Hình 3.2.3.3 Trang sản phẩm………………………………………………………… 19 Hình 3.2.3.4 Trang tìm kiếm……………………………………………………………19 Hình 3.2.3.5 Trang giỏ hàng…………………………………………………………….19 Hình 3.2.3.6 Trang tốn………………………………………………………… 20 Hình 3.2.3.7 Trang Admin………………………………………………………………20 Hình 3.2.3.8 Trang thêm sửa xóa sản phẩm…………………………………………….21 Hình 3.2.3.9 Trang thêm sửa xóa category…………………………………………… 22 Hình 3.2.3.10 Trang thêm sửa người dùng…………………………………………… 23 Hình 3.2.3.11 Trang đăng nhập…………………………………………………………24 Hình 3.2.3.12 Trang đăng ký……………………………………………………………24 Hình 3.2.3.13 Trang cá nhân……………………………………………………………25 DANH MỤC CÁC TỪ VIẾT TẮT AI : Artificial Intelligence … LỜI MỞ ĐẦU Mục tiêu đề tài ● Tạo giao diện hấp dẫn, tối ưu hóa trải nghiệm người dùng, tích hợp tính mua hàng linh hoạt đảm bảo tương thích đa tảng Đồng thời, khai thác công nghệ để nâng cao chất lượng hiệu suất trang web ● Ngôn ngữ sử dụng: JavaScript, Thư viện React Đối tượng phạm vi nghiên cứu ● Đối tượng nghiên cứu: React JS,Hook ; JavaScript ● Phạm vi nghiên cứu: Nghiên cứu ngôn ngữ công nghệ, thiết kế giao diện người dùng, quản lý trạng thái ứng dụng, tối ưu hóa hiệu suất trang web Kết cấu đề tài ● Chương 1: Tổng quan Cơng ty TNHH TMA Solutions Bình Định ● Chương 2: Cơ sở lý thuyết ● Chương 3: Triển khai ● Chương 4: Kết ● Kết luận hướng phát triển 10 CHƯƠNG 1: TỔNG QUAN VỀ CƠNG TY TNHH TMA SOLUTIONS BÌNH ĐỊNH 1.1 Giới thiệu Cơng ty TNHH TMA Solutions Bình Định i Tổng quan -Được thành lập năm 1997, TMA tập đồn cơng nghệ hàng đầu Việt Nam với 3500 kỹ sư khách hàng tập đồn cơng nghệ cao hàng đầu giới từ 30 quốc gia TMA có chi nhánh Việt Nam (6 Tp.HCM Tp Quy Nhơn) chi nhánh nước (Mỹ, Úc, Canada, Đức, Nhật, Singapore) -Tháng năm 2018, TMA mở chi nhánh Bình Định Sau năm, TMA Bình Định phát triển nhanh chóng với 400 kỹ sư, có nhiều kỹ sư làm việc TP.HCM trở làm việc quê hương -Tháng năm 2018, TMA khởi công xây dựng Công viên Sáng tạo TMA Bình Định (TMA Innovation Park – TIP) 10 hecta Thung lũng Sáng tạo Quy Nhơn (Quy Nhon Innovation Park – SNIVY) với vốn đầu tư hàng trăm tỷ đồng -Là trung tâm phần mềm Thung lũng Sáng tạo Quy Nhơn, Công viên Sáng tạo TMA mang sứ mệnh trở thành trung tâm phát triển phần mềm công nghệ cao hàng đầu miền Trung, góp phần quan trọng đưa Thung lũng sáng tạo Quy Nhơn trở thành điểm đến công nghệ 4.0 Việt Nam Công viên Sáng tạo TMA bao gồm Trung tâm Phát triển Phần Mềm, Xưởng Phần mềm, Trung tâm R&D, Trung tâm Khoa học Dữ liệu, Học viện Cơng Nghệ…với tổng diện tích sử dụng 15,000m2 -Với mối quan hệ mật thiết chương trình hợp tác chiến lược nhiều Đại học lớn khu vực miền Trung – Tây Nguyên ĐH Quy Nhơn, ĐH Tây Nguyên, ĐH Phú Yên Công viên Sáng tạo TMA với môi trường làm việc đại, đạt tiêu chuẩn quốc tế có quy mơ 3000 kỹ sư không nơi dành cho sinh viên Miền Trung đến lập nghiệp mà nơi nhân tài miền 11