Xây dựng website giới thiệu công ty TNHH một thành viên MVB hải phòng

LỜI CẢM ƠN Trong trình làm đề tài có nhiều cố gắng kinh nghiệm cịn chưa nhiều nên thiết kế em tránh khỏi thiếu sót Em mong nhận bảo, đóng góp ý kiến tồn thể thầy cô giáo để thiết kế em ngày hoàn thiện Đầu tiên em xin gửi lời cảm ơn chân thành đến thầy Bùi Anh Tú giảng viên môn Công Nghệ Phần Mềm - Khoa Công Nghệ Thông Tin - Trường Đại Học Công Nghệ Thông Tin Truyền Thơng người hết lịng giúp đỡ, hướng dẫn bảo tận tình trình em làm đồ án tốt nghiệp Em xin gửi lời cảm ơn chân thành đến thầy cô trường Đại học Công Nghệ Thông Tin Truyền Thông tận tình giảng dạy quan tâm tạo điều kiện thuận lợi để chúng em học tập, rèn luyện truyền đạt cho em kiến thức vô quý báu suốt thời gian em theo học trường Em xin gửi lời cảm ơn đến anh Lê Đức Tuấn – Phó giám đốc cơng ty TNHH MVB anh chị nhân viên công ty tạo điều kiện nhiệt tình giúp đỡ em việc thu thập liệu để thực đồ án Em xin chân thành cảm ơn ! Sinh viên thực Nguyễn Yến Đường LỜI CAM ĐOAN Sau thời gian nỗ lực thực đồ án tốt nghiệp dẫn dắt giáo viên hướng dẫn em hoàn thành thời gian quy định hoàn thành yêu cầu đồ án, thân em cố gắng tìm hiểu nghiên cứu, học tập thực thời gian làm đồ án tốt nghiệp Em tham khảo số tài liệu nêu phần “Tài liệu tham khảo” website thông tin giới thiệu , diễn đàn tin học Internet Nội dung đồ án hoàn toàn không chép từ đồ án khác, không vi phạm quyền tác giả Toàn đồ án thân em tìm hiểu, nghiên cứu sản phẩm đồ án thân xây dựng nên Em xin cam đoan lời đúng, có thơng tin sai lệch em xin hồn toàn chịu trách nhiệm trước Hội đồng Thái nguyên, ngày 01 tháng 06 năm 2015 Sinh viên Nguyễn Yến Đường MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH LỜI MỞ ĐẦU CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 HTML 1.1.1 Định nghĩa HTML 1.1.2 Thành phần HTML 1.1.3 Cơ thẻ HTML 1.1.4 Điểm khác biệt HTML HTML5 17 1.2 CSS 18 1.2.1 Giới thiệu CSS 18 1.2.2 CSS3 20 1.3 Giới thiệu UML 21 1.3.1 Khái niệm đặc điểm UML 21 1.3.2 Mơ hình khái niệm UML 21 1.4 Tổng quan SEO 24 1.4.1 Các khái niệm liên quan 24 1.4.2 Ưu điểm SEO 31 1.4.3 Cơ chế hoạt động Search Engine: 32 CHƯƠNG : KHẢO SÁT PHÂN TÍCH THIẾT KẾ HỆ THỐNG 35 2.1 Khảo sát trạng hệ thống 35 2.1.1 Tìm hiểu trạng 35 2.1.2 Mơ tả tốn 35 2.1.3 Phân tích u cầu tốn 36 2.1.4 Thông tin đầu vào, đầu toán 36 2.1.5 Mục đích đề tài 37 2.1.6 Khảo sát sơ công ty TNHH thành viên MVB 37 2.2 Các tác nhân Use Case hệ thống 38 2.3 Biểu đồ Usecase 39 2.3.1 Biểu đồ Usecase Tổng quát 39 2.3.2 Biểu đồ Usecase mức chi tiết Người dùng 40 2.3.3 Biểu đồ Usecase mức chi tiết Quản trị viên 40 2.4 Đặc tả Usecase 41 2.4.1 Đặc tả Usecase Đăng nhập hệ thống 41 2.4.2 Usecase Quản lý tài khoản 42 2.4.3 Đặc tả Usecase Quản lý liên kết website 43 2.4.4 Đặc tả Usecase Quản lý banner 45 2.4.5 Đặc tả Usecase Quản lý thông tin 47 2.4.6 UC Quản lý thư viện ảnh 48 2.4.7 UC Quản lý liên hệ 50 2.4.8 UC Xem thông tin 51 2.4.9 UC Liên hệ 53 2.4.10 Đặc tả Usecase Quản lý SEO 54 2.4.11 Biểu dồ lớp thực thể 56 CHƯƠNG : XÂY DỰNG WEBSITE GIỚI THIỆU CÔNG TY TNHH MỘT THÀNH VIÊN MVB 57 3.1 Giới thiệu website 57 3.1.1 Bố cục website 57 3.1.2 Hướng dẫn cài đặt 57 3.2 Giao diện website 59 3.2.1 Giao diện trang chủ 59 3.2.2 Giao diện trang giới thiệu 60 3.2.3 Giao diện trang sản phẩm 61 3.2.4 Giao diện trang dịch vụ 62 3.2.5 Giao diện trang tin tức 63 3.2.6 Giao diện trang Tuyển dụng 64 3.2.7 Giao diện trang Liên hệ 65 3.2.8 Giao diện trang Lĩnh vực 66 KẾT LUẬN 67 TÀI LIỆU THAM KHẢO 68 DANH MỤC HÌNH ẢNH Hình 1.4.1: Search Engine Google 25 Hình 1.4.2: Ví dụ minh họa backlink 26 Hình 1.4.3: App store optimization 30 Hình 1.4.4: Nguyên lý hoạt động Search Engine 32 Hình 2.3.1 Biểu đồ Usecase mức tổng quát 39 Hình 2.3.2 BIểu đồ UC mức chi tiết người dùng 40 Hình 2.3.3 Biểu đồ UC mức chi tiết Quản trị viên 40 Hình 2.4.1 Biểu đồ trình tự UC đăng nhập hệ thống 41 Hình 2.4.2 biểu đồ cộng tác UC đăng nhập hệ thống 42 Hình 2.4.3 Biểu đồ trình tự UC Quản lý tài khoản 43 Hình 2.4.4 Biểu đồ cộng tác UC Quản lý tài khoản 43 Hình 2.4.5 UC quản lý liên kết website 44 Hình 2.4.6 UC quản lý liên kết website 45 Hình 2.4.7 UC quản lý banner website 46 Hình 2.4.8 UC quản lý banner website 46 Hình 2.4.9 UC quản lý thơng tin website 47 Hình 2.4.10 UC quản lý thông tin website 48 Hình 2.4.11 Biểu đồ trình tự UC quản lý thư viện ảnh 49 Hình 2.4.12 Biểu đồ cộng tác UC quản lý thư viện ảnh 49 Hình 2.4.13 Biểu đồ trình tự UC quản lý liên hệ 50 Hình 2.4.14 Biểu đồ cộng tác UC quản lý liên hệ 51 Hình 2.4.15 Biểu đồ trình tự UC xem thơng tin 52 Hình 2.4.16 Biểu đồ cộng tác UC xem thơng tin 52 Hình 2.4.17 Biểu đồ trình tự UC liên hệ 53 Hình 2.4.18 Biểu đồ cộng tác UC liên hệ 54 Hình 2.4.19 UC quản lý liên kết website 55 Hình 2.4.20 UC quản lý liên kết website 55 Hình 2.4.21 Biểu đồ lớp thực thể 56 Hình 3.2.1 Giao diện trang chủ website 59 Hình 3.2.2 Giao diện trang Giới thiệu 60 Hình 3.2.3 Giao diện trang Sản phẩm 61 Hình 3.2.4 Giao diện trang Dịch vụ 62 Hình 3.2.5 Giao diện trang Tin tức 63 Hình 3.2.6 Giao diện trang Tuyển dụng 64 Hình 3.2.7 Giao diện trang Liên hệ 65 Hình 3.2.8 Giao diện trang Lĩnh vực 66 LỜI MỞ ĐẦU Ngày ứng dụng công nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, doanh nghiệp, trường đại học, cao đẳng, trang thơng tin, giải trí, đóng vai trị quan trọng tạo bước đột phá mạnh mẽ Đối với cơng ty, xí nghiệp, công nghệ thông tin trở nên quan trọng Việc áp dụng công nghệ thông tin vào việc kinh doanh, quảng bá, giới thiệu mang lại hiệu to lớn Tuy nhiên công ty, doanh nghiệp áp dụng tin học hóa vào cơng ty Chính em xin xây dựng website giới thiệu cho công ty TNHH thành viên MVB Là sinh viên ngành Công nghệ phần mềm học tập Trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Thái Nguyên em cố gắng học hỏi trang bị cho kỹ cần thiết Với mục đích tổng hợp kiến thức học tìm hiểu để vận dụng vào giải công việc thực tiễn, đặc biệt hướng dẫn nhiệt tình thầy giáo Bùi Anh Tú môn Công nghệ phần mềm giúp em hồn thành đề tài thời gian Mục tiêu nghiên cứu: Tổng hợp, vận dụng kiến thức học tìm hiểu để khảo sát, phân tích, thiết kế xây dựng ứng dụng thực tế Để xây dựng Website theo yêu cầu cần giải số công việc sau:  Tìm hiểu khảo sát để thu thập thơng tin, tài liệu, tư liệu công ty TNHH thành viên MVB  Phân tích, thiết kế xây dựng Website quản lý thông tin thu thập cách khoa học cung cấp thông tin đến khách hàng cơng ty Nội dung đề tài bao gồm: Chương 1: Cơ sở lý thuyết Chương 2: Khảo sát phân tích thiết kế hệ thống Chương 3: Xây dựng website giới thiệu công ty TNHH thành viên MVB-Hải Phòng CHƯƠNG CƠ SỞ LÝ THUYẾT  HTML  Định nghĩa HTML  HTML biết đến loại ngôn ngữ dùng để mô tả hiển thị trang web  Hyper Text Markup Language HTML (Viết tắt)  Nhiều người nhầm tưởng HTML ngơn ngữ lập trình thực khơng phải vậy, ngôn ngữ đánh dấu  Một ngôn ngữ đánh dấu thẻ đánh dấu  Để miêu tả trang web ta cần đánh dấu thẻ HTML  Thành phần HTML  Các dạng thẻ HTML  Thẻ HTML dùng để viết lên thành tố HTML  Thẻ HTML bao quanh hai dấu lớn < > nhỏ  Những thẻ HTML thường có cặp giống  Thẻ thứ thẻ mở đầu thẻ thứ hai thẻ kết thúc  Dòng chữ hai thẻ bắt đầu kết thúc nội dung  Những thẻ HTML không phân biệt in hoa viết thường, ví dụ dạng nhau,  Thành phần HTML  Thành phần HTML bắt đầu với thẻ: