Thiết kế giao diện website “cổng thông tin của công ty cổ phần giải pháp tps”

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Ý THIẾT KẾ GIAO DIỆN WEBSITE “CỔNG THÔNG TIN CỦA CÔNG TY CỔ PHẦN GIẢI PHÁP TPs” Đơn vị thực tập : Công Ty Cổ Phần Giải Pháp TPs Giảng viên hướng dẫn : ThS Nguyễn Thành Thủy LỜI CẢM ƠN Trước tiên, em xin gửi lời cảm ơn đến Ban lãnh đạo anh chị đơn vị thực tập Công Ty Cổ Phần Giải Pháp TPs tiếp nhận, hỗ trợ nhiệt tình, truyền đạt kinh nghiệm quý báu tạo mọi điều kiện để em tiếp cận với công việc thực tế kiến thức chuyên môn Đặc biệt, em xin chân thành gửi lời cảm ơn đến anh Nguyễn Viết Long – người trực tiếp hướng dẫn em suốt tập cơng ty định hướng, hỗ trợ nhiệt tình, cung cấp tài liệu tạo mọi điều kiện thuận lợi để em hồn thành tốt báo cáo thực tập nghề nghiệp Tiếp theo, em xin gửi lời cảm ơn đến Ban lãnh đạo, Ban giám hiệu quý thầy, cô khoa Thống kê – Tin học trường Đại học Kinh tế - Đại học Đà Nẵng giúp cho chúng em có hội thực tập để học hỏi thêm nhiều kinh nghiệm chuẩn bị cho công việc trường sau này Đặc biệt, em xin gửi đến thầy ThS Nguyễn Thành Thủy, người hướng dẫn và giúp đỡ em suốt trình thực tập vừa qua lời cảm ơn sâu sắc Mặc dù em có nhiều cố gắng thời gian có hạn kiến thức cịn hạn chế nên suốt q trình thực tập khơng thể tránh khỏi thiếu sót Em mong nhận ý kiến đóng góp Cơng ty quý thầy, cô để em rút kinh nghiệm, khắc phục sai sót hồn thiện tốt Em xin chân thành cảm ơn! LỜI CAM ĐOAN Em xin cam đoan đề tài “Thiết kế giao diện website Cổng thông tin Công Ty Cổ Phần Giải Pháp TPs” là bài báo cáo thực tập nghề nghiệp nghiên cứu hoạt động độc lập dựa nỗ lực thân với hướng dẫn, giúp đỡ tận tình Mentor Nguyễn Viết Long giảng viên hướng dẫn ThS Nguyễn Thành Thủy Nội dung nghiên cứu kết triển khai hoàn toàn trung thực khơng có bất cứ chép người khác Nếu có điều khơng xác, em xin hoàn toàn chịu trách nhiệm về báo cáo 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 viii DANH MỤC CÁC TỪ VIẾT TẮT ix LỜI MỞ ĐẦU CHƯƠNG TỔNG QUAN VỀ ĐƠN VỊ THỰC TẬP 1.1 Giới thiệu tổng quát về Công Ty Cổ Phần Giải Pháp TPs 1.2 Tổng quan về vị trí việc làm CHƯƠNG LÝ THUYẾT 2.1 HTML 3.1 Môi trường triển khai 3.2.1 Màn hình sơ “Trang chủ” 3.2.2 Màn hình sơ “Trang Dịch vụ TPs MobileX” 3.2.3 Màn hình sơ “Trang Dịch vụ IT Services” 3.2.3 Màn hình sơ “Trang Dịch vụ MS (Dịch vụ TPs MobileX)” 3.2.4 Màn hình sơ “Trang Dịch vụ MC (Dịch vụ TPs MobileX)” 3.2.5 Màn hình sơ “Trang Dịchvụ MA (Dịch vụ TPs MobileX)” 3.2.6 Màn hình sơ “Trang Dịchvụ MH (Dịch vụ TPs MobileX)” 3.2.7 Màn hình sơ “Trang Giới thiệu” 10 3.2.8 Màn hình sơ “Trang Liên hệ” 10 3.3 Thiết kế chi tiết 3.3.1 Màn hình chi tiết “Trang chủ” 11 11 3.3.2 Màn hình chi tiết “Trang Dịch vụ TPs MobileX” 12 3.3.3 Màn hình chi tiết “Trang Dịch vụ IT Services” 13 3.3.4 Màn hình chi tiết “Trang Dịch vụ MS” 14 3.3.5 Màn hình chi tiết “Trang Dịch vụ MC” 15 3.3.6 Màn hình chi tiết “Trang Dịch vụ MA” 16 3.3.7 Màn hình chi tiết “Trang Dịch vụ MH” 17 3.3.8 Màn hình chi tiết “Trang Giới thiệu” 3.3.9 Màn hình chi tiết “Trang Liên hệ” CHƯƠNG KẾT QUẢ 18 19 20 4.1 Trang chủ 20 4.2 Trang Dịch vụ TPs MobileX 21 4.3 Trang Dịch vụ IT Services 22 4.4 Trang Dịch vụ MS 23 4.5 Trang Dịch vụ MC 24 4.6 Trang Dịch vụ MA 25 4.7 Trang Dịch vụ MH 26 4.8 Trang Giới thiệu 27 4.9 Trang Liên hệ 28 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 29 TÀI LIỆU THAM KHẢO 30 CHECK LIST CỦA BÁO CÁO 30 DANH MỤC HÌNH ẢNH Hình 1: Màn hình sơ "Trang chủ" Hình 2: Màn hình sơ "Trang Dịch vụ TPs MobileX" Hình 3: Màn hình sơ :Trang Dịch vụ IT Services" Hình 4: Màn hình sơ "Trang Dịch vụ MS" Hình 5: Màn hình sơ "Trang Dịch vụ MC" Hình 6: Màn hình sơ "Trang dịch vụ MA" Hình 7: Màn hình sơ "Trang dịch vụ MH" Hình 8: Màn hình sơ "Trang Giới thiệu" Hình 9: Màn hình sơ "Trang Liên hệ" Hình 10: Màn hình chi tiết "Trang chủ" Hình 11: Màn hình chi tiết “Trang Dịch vụ TPs MobileX" Hình 12: Màn hình chi tiết “Trang Dịch vụ IT Services Hình 13: Màn hình chi tiết “Trang Dịch vụ MS" Hình 14: Màn hình chi tiết “Trang Dịch vụ MC" Hình 15: Màn hình chi tiết “Trang Dịch vụ MA" Hình 16: Màn hình chi tiết “Trang Dịch vụ MH" Hình 17: Màn hình chi tiết “Trang Giới thiệu" Hình 18: Màn hình chi tiết “Trang Liên hệ" Hình 19: Màn hình "Trang chủ" Hình 20: Màn hình "Trang Dịch vụ TPs MobileX" Hình 21: Màn hình "Trang Dịch vụ IT Services" Hình 22: Màn hình "Trang Dịch vụ MS" Hình 23: Màn hình "Trang Dịch vụ MC" Hình 24: Màn hình "Trang dịch vụ MA" Hình 25: Màn hình "Trang Dịch vụ MH" Hình 26: Màn hình "Trang Giới thiệu" Hình 27: Màn hình "Trang Liên hệ" 7 8 9 10 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 DANH MỤC BẢNG BIỂU Không tìm thấy mục nào của mục lục.(khơng có bảng) DANH MỤC CÁC TỪ VIẾT TẮT Khơng có LỜI MỞ ĐẦU Mục tiêu đề tài - Thiết kế giao diện Website Cổng thông tin Công Ty Cổ Phần Giải Pháp TPs thân thiện, dễ sử dụng có tính thẩm mỹ cho người dùng - Áp dụng kiến thức, kỹ học để giải vấn đề đặt học hỏi thêm nhiều kinh nghiệm Đối tượng phạm vi nghiên cứu - Front-end website - Phạm vi nghiên cứu: • Sử dụng ngơn ngữ: HTML, CSS JAVASCRIPT • Thời gian thực đề tài: 04/07/2023 – 23/08/2023 Kết cấu đề tài Đề tài tổ chức gồm phần mở đầu, chương nội dung phần kết luận − Mở đầu − Chương 1: TỔNG QUAN VỀ ĐƠN VỊ THỰC TẬP − Chương 2: LÝ THUYẾT − Chương 3: TRIỂN KHAI ĐỀ TÀI − Chương 4: KẾT QUẢ Kết luận và hướng phát triển CHƯƠNG TỔNG QUAN VỀ ĐƠN VỊ THỰC TẬP 1.1 Giới thiệu tổng quát Công Ty Cổ Phần Giải Pháp TPs TPS nằm chuỗi công ty thành viên Công ty Cổ phần Công nghệ Tiên Phát - TPCOMS (TPcoms, TPtech và TPS) TPCOMS thành lập thành viên có nhiều năm kinh nghiệm thị trường viễn thông Việt Nam Là nhà cung cấp dịch vụ viễn thông CNTT chuyên nghiệp, cam kết mang lại chất lượng dịch vụ tốt cho khách hàng Tên công ty: Công Ty Cổ Phần Giải Pháp TPs Địa chỉ: 49 Lê Quý Đơn, Phường Bình Thuận, Quận Hải Châu, TP Đà Nẵng TPs thành lập thành viên có nhiều năm kinh nghiệm thị viễn thông Việt Nam Được thành lập năm 2018 Sau năm hoạt động phát triển, Công Ty Cổ Phần Giải Pháp TPs nhà cung cấp dịch vụ viễn thông CNTT chuyên nghiệp, cam kết mang lại chất lượng dịch vụ tốt cho khách hàng 1.2 Tổng quan vị trí việc làm Phòng ban thực tập: Phòng Kỹ thuật Mảng thực tập: Front-end 3.3.6 Màn hình chi tiết “Trang Dịch vụ MA” Hình 15: Màn hình chi tiết “Trang Dịch vụ MA" 16 3.3.7 Màn hình chi tiết “Trang Dịch vụ MH” Hình 16: Màn hình chi tiết “Trang Dịch vụ MH" 17 3.3.8 Màn hình chi tiết “Trang Giới thiệu” Hình 17: Màn hình chi tiết “Trang Giới thiệu" 18 3.3.9 Màn hình chi tiết “Trang Liên hệ” Hình 18: Màn hình chi tiết “Trang Liên hệ" 19 CHƯƠNG KẾT QUẢ 4.1 Trang chủ Hình 19: Màn hình "Trang chủ" 20 4.2 Trang Dịch vụ TPs MobileX Hình 20: Màn hình "Trang Dịch vụ TPs MobileX" 21 4.3 Trang Dịch vụ IT Services Hình 21: Màn hình "Trang Dịch vụ IT Services" 22 4.4 Trang Dịch vụ MS Hình 22: Màn hình "Trang Dịch vụ MS" 23 4.5 Trang Dịch vụ MC Hình 23: Màn hình "Trang Dịch vụ MC" 24 4.6 Trang Dịch vụ MA Hình 24: Màn hình "Trang dịch vụ MA" 25 4.7 Trang Dịch vụ MH Hình 25: Màn hình "Trang Dịch vụ MH" 26 4.8 Trang Giới thiệu Hình 26: Màn hình "Trang Giới thiệu" 27 4.9 Trang Liên hệ Hình 27: Màn hình "Trang Liên hệ" 28 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ● Đạt được: - Sinh viên cần chỉ kiến thức, kỹ đạt sau thời gian thực tập; - Đã học kỹ mềm, cách ứng xử Công ty, ngơn ngữ lập trình HTML, CSS, Javascript - Đã làm trang website cho Công ty ● Hạn chế: - Sinh viên cần chỉ mặt hạn chế thân, mục tiêu mà chưa đạt so với yêu cầu doanh nghiệp/GVHD,…; - Vẫn chưa thành thạo về Javascript và cịn tìm hiểu mức sơ khai cần tìm hiểu sâu rộng ● Hướng phát triển: - Sinh viên đưa kế hoạch dự kiến để hoàn thiện lực thân,…; - Dựa học Cơng ty là bàn đạp để em tìm hiểu thêm kiến thức sâu hơn, khó về Front-end Em cần học thêm về thư viện có sẵn CSS là cách xử lý API,…để có lượng kiến thức lớn cho tập tốt nghiệp 29 TÀI LIỆU THAM KHẢO - Tài liệu tham khảo về ngôn ngữ HTML, CSS JAVASCRIPT https://youtu.be/R6plN3FvzFY?si=_JzEvMDYZcBWxlEk https://youtu.be/3t2H8aqOkeQ?si=uf2jez5hLpXt5pLZ CHECK LIST CỦA BÁO CÁO STT Nội dung cơng việc Có Báo cáo trình bày (định dạng) với yêu cầu x Báo cáo có số lượng trang đáp ứng yêu cầu (30-50 trang) x Báo cáo trình bày phần mở đầu bao gồm: Mục tiêu, Phạm vi và đối tượng, kết cấu … x Báo cáo trình bày về cơng ty, vị trí việc làm (cơng việc làm gì, kiến thức và kỹ cần thiết là gì, đường phát triển nghiệp (career path)), sở lý thuyết phù hợp với nội dung đề tài (Tối đa 10-12 trang) x Báo cáo có sản phẩm cụ thể phù hợp với mục tiêu đặt đề tài x Báo cáo có phần kết luận và hướng phát triển đề tài x Không Ghi chú 30