1. Trang chủ
  2. » Luận Văn - Báo Cáo

báo cáo thực tập tốt nghiệp front end

50 5 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 50
Dung lượng 3,7 MB

Nội dung

Ngày nay, với sự phát triển mạnh mẽ của công nghệ thông tin và những ứng dụng của nó trong đời sống. Máy tính không còn là một thứ phương tiện lạ lẫm đối với mọi người mà nó dần trở thành một công cụ làm việc và giải trí thông dụng và hữu ích của chúng ta, không chỉ ở công sở mà còn ngay cả trong gia đình. Trong nền kinh tế hiện nay, với xu thế toàn cầu hoá nền kinh tế thế giới, mọi mặt của đời sống xã hội ngày càng được nâng cao, đặc biệt là nhu cầu trao đổi hàng hoá của con người ngày càng tăng, cả về số lượng và chất lượng. Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho phép tiến hành thương mại hóa sản phẩm trên Internet. Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử. Với những thao tác đơn giản trên máy có nối mạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mất nhiều thời gian. Bạn chỉ cần vào các trang dịch vụ thương mại điện tử, làm theo hướng dẫn và chọn những sản phẩm bạn cần. Các nhà dịch vụ sẽ mang đến tận nhà cho bạn. Và Frontend chính là giao diện mà người dùng tương tác trực tiếp, và nó có thể tạo ấn tượng mạnh và thu hút khách hàng nếu được thực hiện một cách chuyên nghiệp.

ỦY BAN NHÂN DÂN TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC SÀI GỊN KHOA CƠNG NGHỆ THƠNG TIN Họ tên sinh viên: Hồng Thái BÁO CÁO THỰC TẬP TỐT NGHIỆP Công ty thực tập : Công ty Trách nhiệm hữu hạn Đại Ninh Sơn Chuyên gia hướng dẫn : Lê Vĩnh Tường Giảng viên hướng dẫn : TS Nguyễn Quốc Huy TP Hồ Chí Minh, tháng 12 năm 2022 MỤC LỤC DANH MỤC HÌNH ẢNH III NHẬN XÉT CỦA CHUYÊN GIA DOANH NGHIỆP V NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN VI LỜI CẢM ƠN LỜI MỞ ĐẦU CHƯƠNG GIỚI THIỆU 1.1 Giới thiệu công ty thực tập 1.1.1 Giới thiệu chung 1.1.2 Tầm nhìn sứ mệnh 1.2 Nhiệm vụ thực tập .6 1.2.1 Tổng hợp lại kiến thức lập trình ngơn ngữ PHP, HTML, CSS, JS SQL 1.2.2 Xây dựng website Wordpress 10 1.2.3 WooComerce 15 1.3 Hosting DirectAdmin 17 1.4 OmniChannel 18 CHƯƠNG NỘI DUNG BÁO CÁO 20 2.1 Xây dựng Website Skybros Wordpress Elementor 20 2.1.1 Đối với khách hàng 20 2.1.2 Đối với người quản trị 22 2.2 Xây dựng Website kết hợp với Bricks Builder WooCommerce 25 2.2.1 Đối với khách hàng 25 2.2.2 Đối với người quản trị 29 2.3 Xây dựng Website Pantera với Haravan Omnichannel 32 2.3.1 Đối với khách hàng 33 2.3.2 Đối với người quản trị 34 CHƯƠNG 3: KẾT QUẢ THỰC TẬP .37 3.1 Kết thực tập .37 3.2 Ghi nhận kết thực tập hàng tuần .38 3.3 Đánh giá trình thực tập tốt nghiệp 40 i 3.4 Đánh giá kết thực tập tốt nghiệp .41 CHƯƠNG KẾT LUẬN VÀ KIẾN NGHỊ 42 4.1 Kết luận 42 4.2 Kiến nghị 42 TÀI LIỆU THAM KHẢO 43 ii DANH MỤC HÌNH ẢNH Hình Logo cơng ty Đại Ninh Sơn Hình Logo cơng ty Clover Hình HTML Hình CSS .7 Hình Javascript Hình PHP .9 Hình Ngơn ngữ SQL 10 Hình Wordpress 10 Hình Elementor Page Builder 12 Hình 10 Bricks Builder 14 Hình 11 Woocommerce 15 Hình 12 DirectAdmin 17 Hình 13 OmniChannel 18 Hình 14 Trang chủ Website SkyBros 20 Hình 15 Trang Liên hệ 20 Hình 16 Lên lịch hẹn 21 Hình 17 Trang Liên hệ web SkyBros 21 Hình 18 Giao diện hình admin .22 Hình 19 Các vai trị website 22 Hình 20 Xây dựng Website với Elementor 23 Hình 21 Tối ưu Website điện thoại .23 Hình 22 Tối ưu Website máy tính bảng 24 Hình 23 Thêm dịch vụ 24 Hình 24 Xây dựng Website phong thuỷ với Bricks .25 Hình 25 Trang Kiến thức 25 Hình 26 Trang Dịch vụ 26 Hình 27 Chi tiết trang Dịch vụ .26 Hình 28 Trang Liên hệ 27 Hình 29 Trang Sản phẩm 27 Hình 30 Chi tiết sản phẩm 28 iii Hình 31 Trang Giỏ hàng 28 Hình 32 Trang Thanh tốn 29 Hình 33 Màn hình giao diện admin 29 Hình 34 Xây dựng Website với Bricks 30 Hình 35 Tối ưu điện thoại máy tính bảng .30 Hình 36 Đơn hàng 31 Hình 37 Trang cấu trúc Dịch vụ 31 Hình 38 Thêm dịch vụ 32 Hình 39 Trang chủ Website Pantera .32 Hình 40 Trang sản phẩm Pantera 33 Hình 41 Trang Liên hệ 33 Hình 42 Trang Giỏ hàng 34 Hình 43 Màn hình giao diện admin 34 Hình 44 Màn hình giao diện admin 35 Hình 45 Sản phẩm 35 Hình 46 Quản lý tồn kho 36 Hình 47 Thơng tin khách hàng .36 iv NHẬN XÉT CỦA CHUYÊN GIA DOANH NGHIỆP v NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN vi LỜI CẢM ƠN Học tập đường dẫn đến thành công lĩnh vực nhiên đường đầy rẫy khó khăn thử thách Trong khoảng thời gian rèn luyện học tập trường Đại học Sài Gòn làm việc công ty, em cảm thấy trân trọng biết ơn nhận giúp đỡ tận tình thầy cô, anh chị đồng nghiệp bạn bè Với giúp đỡ nhiệt, em xin chân thành gửi lời cảm ơn đến quý thầy cô khoa Công nghệ thông tin anh chị làm việc Đại Ninh Sơn quan tâm, giúp đỡ, định hướng cho em, sẵn sàng dành thời gian để giải đáp thắc mắc em, tin tưởng tạo điều kiện cho em để thực đề tài cách thuận lợi Trong thời gian thực tập, ban đầu thứ mẻ với em, em gặp nhiều khó khăn chun mơn nhiên nhờ hướng dẫn tận tình anh Lê Vĩnh Tường, anh truyền đạt kinh nghiệm quý báu cho em suốt trình thực tập công ty Em xin gửi lời cảm ơn chân thành tới anh Lê Vĩnh Tường, anh tin tưởng tận tình hướng dẫn Anh Tường giúp đỡ em nhiều từ việc phát triển tư duy, cách quan sát, anh theo sát động viên, góp ý, chỉnh sửa, cung cấp tài liệu hay để em hồn thành đề tài giao, bên cạnh anh cịn bảo kinh nghiệm sống, cách ứng xử thái độ làm việc để giúp em hồn thiện thân Em xin cảm ơn đến thầy TS Nguyễn Quốc Huy theo dõi, nhắc nhở, giúp đỡ suốt trình thực tập em Tại cơng ty Đại Ninh Sơn, em may mắn gặp người muốn sát cánh chinh chiến, họ đàn anh đàn chị, người ln sẵn lịng giúp đỡ chia sẻ lúc em gặp khó khăn Em xin gửi lời cảm ơn tới ban lãnh đạo, anh chị đồng nghiệp – anh Lê Vĩnh Tường (hướng dẫn trực tiếp), … Công ty Trách nhiệm hữu hạn (TNHH) Đại Ninh Sơn, giúp đỡ nhiệt tình để em hồn thành tốt cơng việc đề tài giao Cơng việc có lẽ khơng thể hồn chỉnh khơng có giúp đỡ tận tình từ anh chị Sau cùng, em xin cảm ơn bạn bè gia đình người quan tâm ln giúp đỡ, động viên em lúc khó khăn Mọi người ln chỗ dựa để em phát triển thân, tiến tương lai tươi đẹp phía trước Kính chúc thầy Nguyễn Quốc Huy, thầy Nguyễn Thành Huy, quý thầy cô làm việc trường Đại học Sài Gòn anh Tường thật nhiều sức khỏe, niềm vui để tiếp tục thực dự định dang dở tương lai Chúc thầy Bảo ln trì sứ mệnh cao - truyền đạt kiến thức quý báu truyền lửa cho hệ mai sau, chúc anh Tường thành công gặp nhiều may mắn cơng việc Thành phố Hồ Chí Minh, ngày tháng 12 năm 2022 Sinh viên thực Hồng Thái LỜI MỞ ĐẦU Việc tổ chức thực tập cho sinh viên việc cần thiết bổ ích cho sinh viên q trình đào tạo trường Đại học Đây hội tuyệt vời để sinh viên cọ xát công việc thực tế, áp dụng kiến thức học vào thực tiễn, hội để tích luỹ, trau dồi kinh nghiệm cho thân, hành trang tuyệt vời để sinh viên vững vàng sau hoàn thành chặng đường Đại học Trải qua khoảng thời gian vơ khó khăn đại dịch vừa qua, , hoạt động doanh nghiệp hay trường học gặp phải nhiều trở ngại, nhiên Trường Đại học Sài Gịn với cơng ty TNHH Đại Ninh Sơn tạo điều kiện hỗ trợ em thực khoá thực tập tốt nghiệp, em cảm kích biết ơn mà nhà trường công ty tạo điều kiện cho em Nhờ Trường Đại học Sài Gòn tạo điều kiện cho sinh viên khoa CNTT nói chung chấp thuận Công ty TNHH Đại Ninh Sơn, em vinh dự trở thành thành viên công ty với vai trò thực tập sinh Thời gian làm việc cơng ty giúp em có hiểu rõ quy trình làm việc cơng ty, học hỏi thêm nhiều kiến thức thực tế, quen biết với nhiều anh chị đồng nghiệp, người giúp đỡ chia kiến thức, kinh nghiệm thực tiễn q báu Đó trải nghiệm vơ quý báu giúp em ngày hoàn thiện kĩ năng, trau dồi thêm nhiều kiến thức, hành trang vơ quan trọng để em sẵn sàng bước khỏi cánh cổng Đại học Do bỡ ngỡ lần đầu va chạm với dự án thực tế công ty, bên cạnh kiến thức chun mơn cịn hạn chế, nên q trình thực khố thực tập báo cáo em cịn mắc phải sai sót Em mong nhận dẫn đóng góp ý kiến từ phía nhà trường cơng ty để em tiếp thu hoàn thiện báo cáo thực tập tốt nghiệp Em xin chân thành cảm ơn! Ở trang tốn, khách hàng nhập thơng tin cần thiết mình, kiểm tra số lượng, giá tất đơn hàng xác nhận đặt hàng Hình 32 Trang Thanh tốn 2.2.2 Đối với người quản trị Để truy cập vào trang này, người dùng cần phải có tài khoản mật admin Hình 33 Màn hình giao diện admin Giống trang web SkyBros, người quản trị phân quyền cho tài khoản khác với vai trị khác nhau, sử dụng với mục đích khác 29 Với tài khoản có vai trị người quản lý chỉnh sửa giao diện Website tuỳ ý Hình 34 Xây dựng Website với Bricks Cũng giống Elementor, Bricks Builder hồn tồn tối ưu điện thoại máy tính bảng Hình 35 Tối ưu điện thoại máy tính bảng 30 Ngồi ra, người quản trị cịn theo dõi đơn hàng mục WooCommerce Hình 36 Đơn hàng Ngoài việc xây dựng website, tạo trang sản phẩm, người quản trị phải xây dựng cấu trúc cố định cho dịch vụ để việc thay đổi nội dung dịch vụ trở nên dễ dàng thuận tiện Hình 37 Trang cấu trúc Dịch vụ 31 Sau xây dựng xong cấu trúc dịch vụ người quản trị phân quyền cho tài khoản với vai trò biên tập viên để họ thêm chỉnh sửa dịch vụ cách dễ dàng tiết kiệm thời gian Hình 38 Thêm dịch vụ 2.3 Xây dựng Website Pantera với tảng quản lý bán hàng đa kênh Haravan Omnichannel Là website bán quần áo, cung cấp nhiều loại mẫu áo thời trang cho nam giới Websute bao gồm trang cho khách hàng trang dành cho người quản trị Hình 39 Trang chủ Website Pantera 32 2.3.1 Đối với khách hàng Khách hàng xem đặt mua mẫu quần áo với giao diện bắt mắt, đơn giản thân thiện với người dùng Hình 40 Trang sản phẩm Pantera Khách hàng liên hệ với cửa hàng trang Liên hệ cách nhập thơng tin cần thiết Hình 41 Trang Liên hệ 33 Khách hàng đặt mua hàng cách chọn vào sản phẩm mong muốn thêm vào giỏ hàng, sản phẩm chuyển vào trang Giỏ hàng Hình 42 Trang Giỏ hàng 2.3.2 Đối với người quản trị Để truy cập vào trang quản trị tài khoản phải phân quyền admin Hình 43 Màn hình giao diện admin Ở người quản trị theo dõi đơn hàng, thông tin vận chuyển, số lượng tồn kho sản phẩm, quản lý tồn kho thông tin khách hàng, quản lý tồn kho chỉnh sửa giao diện theo ý muốn 34 Hình 44 Màn hình giao diện admin Hình 45 Sản phẩm 35 Hình 46 Quản lý tồn kho Hình 47 Thơng tin khách hàng Haravan Omichannel tảng bán hàng đa kênh nên liên kết kho hàng bạn với sàn thương mại điện tử Shopee, Lazada, cách dễ dàng hiệu Đó tính bật tảng bán hàng đa kênh Bên cạnh đó, có đầy đủ tính cần thiết cho nghiệp vụ quản lý bán hàng 36 CHƯƠNG 3: KẾT QUẢ THỰC TẬP 3.1 Kết thực tập - Nâng cao vốn tiếng Anh - Được trải nghiệm với điều mẻ quan trọng cần thiết - Làm quen với môi trường làm việc chuyên nghiệp, cọ xát với đồng nghiệp tuyệt vời - Tiếp thu kiến thức lập trình, mở mang tầm nhìn - Tham gia đóng góp trực tiếp vào trình phát triển dự án với vai trị tương tự nhân viên cơng ty - Được hỗ trợ sử dụng công nghệ, công cụ tốt để phục vụ cho công việc - Sau khoảng thời gian tháng thực tập công ty, em làm việc trải nghiệm nhiều thứ quý báu Không kiến thức chun mơn mà cịn tinh thần làm việc, tư sáng tạo công việc Cơng ty Đại Ninh Sơn, hay Clover có thành viên tuyệt vời với kinh nghiệm dày dặn , ban lãnh đạo đầy uy tín, kiến thức sâu rộng đội ngũ nhân viên vô nhiệt huyết, động, sẻ chia, với đội ngũ nhân viên ban lãnh đạo chất lượng công ty chắn thành cơng Chính lí đó, cơng ty nơi mà em muốn gắn bó lâu dài, em nhận tin tưởng giúp đỡ, hội tuyệt vời để em rèn luyện thân 37 3.2 Ghi nhận kết thực tập hàng tuần 38 39 3.3 Đánh giá trình thực tập tốt nghiệp 40 3.4 Đánh giá kết thực tập tốt nghiệp ỦY BAN NHÂN DÂN TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC SÀI GÒN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc KHOA CNTT PHIẾU ĐÁNH GIÁ KẾT QUẢ THỰC TẬP TỐT NGHIỆP (do giảng viên hướng dẫn đánh giá) Họ tên sinh viên: Hồng Thái Ngày sinh: 17/02/2000 Mã số sinh viên: 3118411028 Lớp: DCT118C1 Thời gian thực tập: tuần Doanh nghiệp thực tập: Công ty TNHH Đại Ninh Sơn Địa doanh nghiệp: 36 đường 31C, Phường An Phú, TP Thủ Đức Chuyên gia doanh nghiệp hướng dẫn: Lê Vĩnh Tường I ĐIỂM CỦA CHUYÊN GIA DOANH NGHIỆP : (thang điểm 10) II ĐIỂM CỦA GIẢNG VIÊN HƯỚNG DẪN: (thang điểm 10) II ĐIỂM TỔNG KẾT: (trung bình cộng cột điểm trên, thang điểm 10) Xếp loại : TP Hồ Chí Minh, ngày tháng năm 2022 Giảng viên hướng dẫn 41 CHƯƠNG KẾT LUẬN VÀ KIẾN NGHỊ 4.1 Kết luận Những nội dung mà em nghiên cứu, học tập, thực hành: - Ôn tập nội dung HTML, CSS, JS, PHP - Tìm hiểu tảng quản lý bán hàng đa kênh Onmichannel với cơng cụ xây dựng website hồn chỉnh, chun nghiệp + Elementor + Bricks Builder + Flatsome Trong tháng thực tập vừa qua, em cảm thấy vui trân trọng khoảng thời gian làm việc công ty Với giúp đỡ tận tình thầy TS Nguyễn Quốc Huy đồng nghiệp công ty, đặc biệt anh leader Lê Vĩnh Tường giúp đỡ em để hồn thành báo cáo Vì tiếp xúc với thứ hồn tồn mẻ, nên bài cáo khơng tránh khỏi thiếu sót, em mong nhận đóng góp quý báu thầy cô đồng nghiệp công ty báo cáo em qua đó, em rút kinh nghiệm nâng cao vốn kiến thức Em xin chân thành cảm ơn 4.2 Kiến nghị Đại Ninh Sơn hay Clover công ty với phong cách làm việc chuyên nghiệp Công ty mang lại cho nhân viên cảm giác gần gũi, tôn trọng nhiệt huyết cơng việc, cịn nhiều khó khăn công ty định thành công Em xin cảm ơn khoảng thời gian gắn bó với cơng ty, làm việc, học tập trau dồi kiến thức với đồng nghiệp lãnh đạo tận tình vinh dự lớn em 42 TÀI LIỆU THAM KHẢO [1] [Trực tuyến] https://academy.bricksbuilder.io/ [2] [Trực tuyến] https://elementor.com/ [3] [Trực tuyến] https://essential-addons.com/ [4] Lynn-Beighley & Micheal Morrison (2008) My First PHP & MySQL [5] Larry Ullman (2016) PHP for Web: Visual Quickstart Guide (4th Edition) [6] Robin Nixon (2014) Learning PHP, MySQL, Javascript, and CSS: A Step-by- step Guide to Creating Dynamic Websites Second Edition [7] Josh Lockhart (2018) Modern PHP: New Features and Good Practices [8] [Trực tuyến] https://haravan.com/ [9] [Trực tuyến] https://wp-monkey.com/ 43

Ngày đăng: 07/08/2023, 11:25

w