LỜI CẢM ƠN Trong thời gian thực tập và làm báo cáo thực tập, em đã nhận được nhiều sự giúp đỡ, đóng góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và bạn bè. Trước hết em xin chân thành cảm ơn thầy giáo Lê Trung Kiên giảng viên Khoa Công nghệ Thông tin, Trường Đại học Công Nghệ Giao Thông Vận Tải, người đã trực tiếp, hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực hiện đề tài. Em xin chân thành cảm ơn các anh chị trong công ty, cảm ơn anh Phạm Văn Tuyến – CÔNG TY CỔ PHẦN TẬP ĐOÀN GIẢI PHÁP SAO MAI – người đã hướng dẫn trực tiếp, chia sẻ kiến thức với em trong quá trình thực tập tại công ty, mặc dù công việc của anh rất nhiều những anh đã dành thời gian để hướng dẫn tận tình cho em nhanh chóng làm quen với môi trường trong công ty cũng như kiến thức và quy trình làm việc trong quá trình thực tập. Xin chân thành cảm ơn ban giám hiệu nhà trường, các thầy cô trong Khoa Công nghệ Thông tin và các phòng ban nhà trường đã tạo điều kiện tốt nhất cho em cũng như các bạn khác trong suốt thời gian học tập và làm báo cáo. Cuối cùng em xin chân thành cảm ơn tới CÔNG TY CỔ PHẦN TẬP ĐOÀN GIẢI PHÁP SAO MAI, ban lãnh đạo của công ty và các phòng ban đã tạo điều kiện cho em được thực tập tại Công ty. Do thời gian thực hiện có hạn, kiến thức còn hạn chế, trình độ chuyên môn còn yếu, nên trong quá trình thực tập cũng như làm đề tài không tránh được những sai sót nhất định. Em rất mong quý công ty và các thầy cô cùng các bạn sinh viên có thể góp ý để em có thể hoàn thiện tốt hơn và làm đề tài hoàn thiện h
ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN - - BÁO CÁO THỰC TẬP CHUYÊN NGÀNH, THỰC TẬP DOANH NGHIỆP,THỰC TẬP KỸ THUẬT PHẦN MỀM, THỰC TẬP TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI : TÌM HIỀU VỀ HTML, CSS, JAVASCRIPT, XÂY DỰNG MỘT WEBSITE PHÁT NHẠC Hà Nội – 2023 MỤC LỤC LỜI CẢM ƠN LỜI MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU CHUNG VỀ CÔNG TY Giới thiệu chung 1.1 Lịch sử phát triển .6 1.2 Tầm nhìn 1.3 Sứ mệnh 1.4 Giá trị cốt lõi Mơ hình tổ chức đội ngũ nhân Sản phẩm, dịch vụ .9 3.1 Sản phẩm 3.2 Dịch vụ 10 Đối tác, khách hàng tiêu biểu 14 CHƯƠNG GIỚI THIỆU VỀ HTML CSS JS 15 GIỚI THIỆU VỀ HTML .15 1.1 Khái niệm 15 1.2 Lịch sử 15 1.3 Cách thức hoạt động .15 1.4.Ưu nhược điểm HTML 16 1.5 Vai trò HTML lập trình Web 17 Giới thiệu CSS .17 2.1 Khái niệm 17 2.2 Lịch sử 17 2.3 Cách thức hoạt động CSS 18 2.4 Ưu nhược điểm CSS .20 2.5 Vai trị CSS lập trình 22 Giới thiệu Javascript .22 3.1 Khái niệm 22 3.2 Lịch sử 22 3.3 Cách thức hoạt động Javascript 23 3.4 Ưu nhược điểm Javascript 23 Mối quan hệ HTML CSS JS 24 CHƯƠNG 3: XÂY DỰNG WEBSITE PHÁT NHẠC 27 Khái niệm website 27 Quy trình thiết kế website 28 Thiết kế website phát nhạc 29 3.1 Giới thiệu 29 3.2 Phân tích nội dung 29 3.4 Giao diện website .31 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .35 Kết luận 35 Hướng phát triển .35 TÀI LIỆU THAM KHẢO .37 LỜI CẢM ƠN Trong thời gian thực tập làm báo cáo thực tập, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Trước hết em xin chân thành cảm ơn thầy giáo Lê Trung Kiên giảng viên Khoa Công nghệ Thông tin, Trường Đại học Công Nghệ Giao Thông Vận Tải, người trực tiếp, hướng dẫn, nhận xét, giúp đỡ em suốt trình thực đề tài Em xin chân thành cảm ơn anh chị công ty, cảm ơn anh Phạm Văn Tuyến – CÔNG TY CỔ PHẦN TẬP ĐOÀN GIẢI PHÁP SAO MAI – người hướng dẫn trực tiếp, chia sẻ kiến thức với em q trình thực tập cơng ty, công việc anh nhiều anh dành thời gian để hướng dẫn tận tình cho em nhanh chóng làm quen với mơi trường cơng ty kiến thức quy trình làm việc trình thực tập Xin chân thành cảm ơn ban giám hiệu nhà trường, thầy cô Khoa Công nghệ Thơng tin phịng ban nhà trường tạo điều kiện tốt cho em bạn khác suốt thời gian học tập làm báo cáo Cuối em xin chân thành cảm ơn tới CƠNG TY CỔ PHẦN TẬP ĐỒN GIẢI PHÁP SAO MAI, ban lãnh đạo cơng ty phịng ban tạo điều kiện cho em thực tập Cơng ty Do thời gian thực có hạn, kiến thức cịn hạn chế, trình độ chun mơn cịn yếu, nên trình thực tập làm đề tài khơng tránh sai sót định Em mong quý công ty thầy cô bạn sinh viên góp ý để em hồn thiện tốt làm đề tài hồn thiện q trình thực tập Em xin chân thành cảm ơn ! Sinh viên thực Nguyễn Quốc Khánh LỜI MỞ ĐẦU Trong bối cảnh cách mạng công nghệ thông tin lan tỏa thay đổi phát triển xã hội, việc sở hữu trang web đáng tin cậy trở thành yếu tố thiếu hầu hết tổ chức doanh nghiệp Website không công cụ giới thiệu dịch vụ hay sản phẩm mà cịn đóng vai trị cầu nối quan trọng doanh nghiệp khách hàng, mang đến trải nghiệm tuyệt vời tối ưu hóa tương tác hai bên Trong khuôn khổ thực tập chuyên ngành, em nhận hội thực hành tạo ứng dụng web, bước quan trọng thú vị hành trình chinh phục ngành cơng nghệ thơng tin Đề tài khơng phần chương trình đào tạo, mà cịn hội giúp chúng tơi khám phá sâu quy trình phát triển web, rèn luyện kỹ thực tế ứng dụng kiến thức học vào thực tiễn CHƯƠNG 1: GIỚI THIỆU CHUNG VỀ CƠNG TY Giới thiệu chung Cơng ty cổ phần Tập đoàn Giải pháp Sao Mai thành lập vào tháng 02/2002 Công ty chuyên nghiệp lĩnh vực cung cấp dịch vụ công nghệ thông tin, tư vấn hạ tầng kỹ thuật, công nghiệp quy hoạch giao thông, cung cấp giải pháp công nghệ thông tin như: viễn thông, quản lý doanh nghiệp, ERP, CRM, hệ thông tin địa lý GIS, hệ thống bán lẻ, quản trị doanh nghiệp giải pháp hành cơng, cung cấp hệ thống giải pháp phần mềm quản lý tập trung như: phần mềm quản lý tài sản đường bộ, phần mềm quản lý thông tin quy hoạch xây dựng, phần mềm quản lý thông tin tuyển quân, dân quân tự vệ, phần mềm quản lý hệ thống giao thơng thơng minh Hình 1.1 Logo công ty SSG Đồng thời, SAOMAI đơn vị uy tín lĩnh vực FA tự động hóa nhà máy (Factory Automation), chế tạo máy, tích hợp hệ thống, gia cơng khí, tủ điều kiển cung cấp giải pháp phần mềm quản lý sản xuất, đọc quản lý mã vạch, quản lý chi phí nội bộ, xử lý hình ảnh/ Video Trong suốt 20 năm hoạt động, SAOMAI khao khát khám phá giới hạn thân với định hướng trở thành Tập đồn cơng nghệ, phát triển bền vững sở kết hợp sức mạnh trí thức, tính đồn kết tập thể cơng nghệ tầm cao Đến nay, SAOMAI quy tụ đội ngũ đông đảo chuyên gia kỹ thuật, chuyên gia tư vấn có trình độ chun mơn cao có nhiều năm kinh nghiệm lĩnh vực CNTT khác trực tiếp tham gia thiết kế, triển khai vận hành hệ thống CNTT lớn, hệ thống phần mềm chuyên ngành cho nhiều khách hàng quan Chính phủ Sở - Ban - ngành, Bộ cơng an, Ngân hàng, Tập đồn, Cơng ty Doanh nghiệp nước nước (Nhật Bản, Mỹ, ) 1.1 Lịch sử phát triển Được thành lập năm 2002, doanh nghiệp tiên phong lĩnh vực xuất phần mềm sang thị trường Nhật Bản Mỹ, SAOMAI triển khai phần mềm quản lý, phần mềm ứng dụng website database cho nhiều quan, , tổ chức tổng công ty lớn thị trường nước Qua chất lượng dịch vụ sản phẩm mình, SAOMAI khẳng định vị trí thị trường ngồi nước Bên cạnh đó, chúng tơi bước phát triển cách bền vững để trở thành Tập đoàn SAOMAI chuyên cung cấp giải pháp dịch vụ lĩnh vực Công nghệ thông tin Công nghệ cao Năm 2003: Hợp tác liên kết với Tập đồn JSS Nhật Bản (Nihon Software Service) sau thành lập liên doanh JSSI, liên minh với nhà máy khí Việt Nam để nâng cao lực sản xuất, tính cạnh tranh Cơng nghiệp Việt Nam, khai thác thị trường Nhật Bån Năm 2002: Thành lập Công ty phần mềm SAOMAI Năm 2009: Thành lập Công ty liên doanh với đối tác Đan Mạch SAVAI GROUP (www.savaigroup.com) Năm 2013: Tham gia Câu lạc Hợp tác CNTT Việt Nam – Nhật Bản (VJC) 04/2013: Được Hiệp hội phần mềm dịch vụ CNTT Việt Nam (VINASA) trao tặng giải thưởng Sao Khuê dành cho Phần mềm quản lý hợp đồng chuyên dụng dành cho ngân hàng định chế tài 05/2013: Được Tổ chức Quốc tế Business Initiative Directions (B.I.D) công bố SAOMAISOFT nhận giải thưởng quốc tế INTERNATIONAL QUALITY SUMMIT AWARD – xếp hạng vàng Ngày 10/01/2014: Hiệp hội doanh nghiệp nhỏ vừa Việt Nam chứng nhận Công ty cổ phần phần mềm Sao Mai tặng danh hiệu “THƯƠNG HIỆU SẢN PHẨM, DỊCH VỤ VIỆT NAM PHÁT TRIỂN BỀN VỮNG” 04/2014: Được Hiệp hội phần mềm dịch vụ CNTT Việt Nam (VINASA) trao tặng giải thưởng Sao Khuê dành cho Giải pháp quản lý thông tin điều hành doanh nghiệp – SEI (Solution for Executive Internal), xếp hạng lĩnh vực: Các sản phẩm, giải pháp phần mềm 2013-2014 Việt Nam 1.2 Tầm nhìn ・SaoMai Solutions Group trở thành Tập đồn Cơng Nghệ Cao hàng đầu thị trường lĩnh vực Công nghệ Thông tin & Cơng nghệ cao Tự Động Hóa & Computer Vision ・Trở thành Tập đoàn với Hệ sinh thái mở rộng, hướng tới hợp tác cộng sinh, toàn diện với đối tác 1.3 Sứ mệnh SaoMai Solutions Group mang tới cho Khách hàng Đối tác Hợp tác chuyên nghiệp kết Cùng thắng 1.Chi phí phù hợp 2.Chất lượng ổn định theo Tiêu chuẩn 3.Triển khai Báo cáo theo quy trình 1.4 Giá trị cốt lõi Để thực hóa Tầm Nhìn Sứ Mệnh, xây dựng Giá Trị Cốt Lõi làm cho việc phát triển Kinh doanh Xây dựng mối quan hệ với đối tác, nhân viên, khách hàng, cộng đồng… - KHÁCH HÀNG LÀ TRUNG TÂM HỢP TÁC CHUYÊN NGHIỆP KÝ LUẬT LÀ SỨC MẠNH TÍNH HỆ THỐNG CHÍNH TRỰC TƯ DUY CÙNG THẮNG .HỌC HỎI VÀ SỬA CHỮA TRI THỨC ĐA DẠNG Mơ hình tổ chức đội ngũ nhân Hình 2.1 Mơ hình tổ chức cơng ty SSG SAOMAI có 138 cán cơng nhân viên có Thạc sỹ, kỹ sư, cử nhân làm việc văn phịng Hà Nội Kyoto Thành cơng cơng ty có nhờ kinh nghiệm, chuyên nghiệp đội ngũ cán chất lượng, hiệu giải pháp công ty cung cấp Đội ngũ cán quản lý tư vấn nghiệp vụ kỹ thuật đơng đảo, có kiến thức Microsoft, Oracle, SAP đào tạo, tu nghiệp hàng năm Nhật kinh nghiệm từ nhiều dự án thực tế Đội ngũ chuyên gia SAOMAI đào tạo phương pháp phát triển, triển khai có đủ kỹ công nghệ tiên tiến ORACLE, SAP, IBM, Microsoft Với đội ngũ tâm huyết, động có nhiều kinh nghiệm nay, SAOMAI có khả triển khai nhiều dự án lúc cho khách hàng Cùng với kinh nghiệm triển khai dự án phức tạp, SAOMAI cam két song hành với phát triển khách hang Hình 2.2 Nhân công ty SSG Sản phẩm, dịch vụ 3.1 Sản phẩm SAOMAI đơn vị tư vấn giải pháp hạ tầng kỹ thuật, quy hoạch giao thông, quản lý tài sản nâng cao lực, đối tác phân phối triển khai giải pháp thông tin địa lý - GIS, Quản trị doanh nghiệp - ERP hãng cung cấp hàng đầu giới nước Với nỗ lực không ngừng vươn lên giai đoạn phát triển mình, đến hệ thống triển khai giải pháp Công ty CP Tập đoàn Giải Pháp SAO MAI coi ưu việt với phương pháp đào tạo khoa học, công nghệ cập nhật kịp với phát triển liên tục lĩnh vực công nghệ thông tin + Sản xuất: Sản xuất triển khai phần mềm lĩnh vực: + An ninh quốc phòng, an ninh giám sát, an ninh tích hợp + Quản lý tài sản đường + Quản lý thông tin quy hoạch xây dựng, sở liệu cấp thoát nước + Quản lý lĩnh vực ngành công thương + Quản lý hệ thống giao thông thông minh