Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ TIN HỌC *************0o0************* BÁO CÁO BÀI TẬP LỚN MÔN: THIẾT KẾ WEB ĐỀ TÀI: TRANG WEB GIỚI THIỆU VỀ KHÁCH SẠN Giáo viên giảng dạy: Sinh viên thực hiện: Nguyễn Thu Hà Ngô Hoàng Anh Nguyễn Tuấn Anh Trịnh Thị Xuân Lớp: 10B4 Hà Nội, ngày 25 tháng 10 năm 2011 Page 1 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội Page 2 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội Phần 1: ĐẶT VẤN ĐỀ I.Lý do chọn đề tài: o Thấy phù hợp với khả năng, năng lực của từng thành viên trong nhóm, việc tự thiết kế 1 trang web về khách sạn rất thú vị. o Cuộc sống ngày càng hiện đại, mức sống của người dân ngày càng tăng thì ngành du lịch, khách sạn ngày càng phát triển.Ngày càng có nhiều phương thức, công cụ để ta quảng bá giới thiệu cho cá dịch vị khách sạn nhưng khoong phải phương tiện truyền thông nào cũng có thế làm tốt được vai trò đó cho dù mỗi loại phưong tiện đều có những tác dụng tốt, và riêng biệt.Chính vì vậy nên các sản phẩm dịch vụ khách sạn tốt, chất lượng muốn được khách hàng biết tới và sử dụng cũng không phải là một điều dễ dàn.Và cả những người trong ngành cũng không thể dễ để có thể tìm hiểu viêc kinh doanh của khách sạn,tìm kiếm thông tin nhanh gọn đơn giản, phù hợp.Đó có lẽ là công đoạn marketing cho sản phẩm, dịch vị chưa được tốt. o Xã hội ngày càng phát triển kèm theo sự phát triển của internet.Và sự ra đời của một trang web về khách sạn như là một sự đáp ứng nhu cầu của xã hội. o Đề tài thiết kế website về khách sạn là 1 yêu cầu thiết thực trong việc vận hành quản lý khách sạn hiện nay. Xu hướng, nhu cầu ngày càng tăng về số lượng khách du lịch. Dịch vụ phục vụ, sự cạnh tranh thương mại, tiết kiệm chi phí hoạt động và quan trọng hơn là việc làm cho các hoạt động diễn ra hiệu quả. Đó là đièu quan trọng để quyết định sự thành công trong hoạt động kinh doanh khách sạn. o Là 1 cách kiểm tra hiệu quả nhất những kiến thức đã học và là 1 cách tiếp cận với thực tế có hiệu quả nhất. o Việc tạo ra 1 trang web về khách sạn rất thực tiễn chính vì vậy nếu phát triển tốt sẽ rất nhiều thuận lợi cho những đề tài lớn tiếp theo của nhóm. Page 3 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội II.Phân tích yêu cầu của đề tài: Với yêu cầu của đề tài là thiết kế website cho khách sạn, mục tiêu được đặt ra là thiết kế một trang web giao diện nhẹ nhàng, sang trọng, đẹp mắt và thu hút người xem. Trình bày ngắn gọn nhưng vẫn đầy đủ thông tin cần thiêt, rõ ràng đáp ứng tốt mục đích sử dụng. Thực hiện và xây dựng mô phỏng đầy đủ cấu trúc và chức năng của 1 trang web khách sạn như: quản lý , kinh doanh sản phẩm, các dịch vụ Đảm nhận chức năng quảng bá, phát triển mở rộng thị trường, thị phần, nghiên cứu chiến lược thị trường, phát triển sản phẩm, dịch vụ mới chăm sóc khách hàng, giữ gìn và tăng giá trị thương hiệu. Và một số chức năng cơ bản khác. Thiết kế hoàn chỉnh từng trang với đầy đủ nội dung và cách trình bày các thành phần. Bố cục, nội dung, liên kết các trang đảm bảo tính thống nhất, nhất quán và tập trung của thiết kế. III.Phân chia công việc -Kế hoạch làm việc: Tuần 1:Họp nhóm, kháo sát, đánh giá công việc,dự kiến các công việc cần làm: 1. Bầu nhóm trưởng Vẽ sơ đồ thiết kế Tìm các tài liệu liên quan Lập đề cương 2. lập chi tiết, chi tiết các việc cần làm, đặt ra cácyêu cầu cần đạt được qua các giai đoạn thực hiện. 3. Tạo trang chủ Tuần 2:viết một số trang con liên kết, bao gồm: Trang chủ: Hà Trang tin tức:Tuấn Anh Trang giới thiệu:Hoàng Anh Trang: tuyển dụng:Hà Trang ẩm thực: Tuấn Anh Trang ảnh:Hà Trang dancesport: Hoàng Anh Trang đặt phòng:Tuấn Anh Trang deluxe:Hà Trang du lịch: Hoang Anh Trang giới thiệu: Tuấn Anh Trang khám phá:Hà Trang khuyến mai:Hà Page 4 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội Tuần 3: Tiên hành hoàn thiện trang chủ và viết thêm các trang lien kết con như: Trang lễ tân:Tuấn Anh Trang liên hệ:Hoang Anh Trang lien kết: Hà Trang loại phòng: Tuấn Anh Trang standard room: Hoang Anh Trang suite room: Hà Trang tin tức 1, 2, 3: Hoàng Anh Trang tuyển dụng: Tuấn Anh Trang du lich: Hà Trang du lịch 1, 2, 3, 4: Hoàng Anh Trang vị trí: Tuấn Anh Trang superior room: Hà Tuần 4: Kiểm tra lại, sửa lại nếu cần.làm phần slide. -Các phần mềm sử dụng:CSS,HTML,Javascipt,flash -Ý tưởng thiết kế: +Số lượng trang:1 trang chủ và ………. trang con. +Độ sâu:3 +Gam màu chủ đạo:màu ghi và vàng nhạt kết hợp. +Style chính: mang phong cách sang trọng,kết hợp hài hòa giữa cổ kính và hiện đại, ưa nhìn, trẻ trung,sáng tạo,trang nhã +Cách thức thiết kế:tạo giao diện thân thiện, dễ sử dụng,nội dung ngắn gọn nhưng xúc tích, dễ hiểu, lôi cuốn. Page 5 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội PHẦN 2: NỘI DUNG I.Cơ sở lý thuyết: a.HTML xây dựng trang web b.CSS quy định kiểu trình bày cho các tài liệu viết bằng HTML II.Cấu trúc thiết kế website: - Số lượng trang: 1 trang chủ và 25 trang con. - Độ sâu: 03 - Gam màu chủ đạo: Màu ghi,kem và vàng kết hợp. - Style chính: Mang phong cách sang trọng, nhẹ nhàng kết hợp hài hòa giữa cổ điển và hiện đại. - Cách thức thiết kế: Tạo giao diện thân thiện, dễ sử dụng, nội dung ngắn gọn nhưng xúc tích, dễ hiểu và chính xác. - Đơn giản, không cầu kỳ, trực quan, tiện lợi, những mục quan trọng được đưa lên đầu giúp người xem có thể truy cập dễ dàng. - Hình ảnh đẹp, chân thực, bố cục trang cân đối. Page 6 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội 1.Sơ đồ thiết kế website: BANNER VÀ MENU CHÍNH Danh mục NỘI DUNG Hỗ trợ Bản đồ Các thông tin và hình ảnh Tin tức nổi bật Thông tin liên hệ và các dịch vụ khác  Trang chủ  Thông tin du lịch  Tin tức  Phòng và giá o Phòng deluxe o Phòng suite o Phòng superior o Phòng standard  Tiện nghi và dịch vụ o Bar va nhà hàng o Hội thảo o Tiệc  Thư viện ảnh  Liên hệ Page 7 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội 2.Hình ảnh trang chủ : Page 8 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội 3.Hình ảnh trang con Page 9 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội III.Giao diện chính và chi tiết nội dung các trang: 1.Trang chủ: Cung cấp thông tin tổng quát về các đề mục con, rõ ràng và mang tính thẩm mỹ, bao gồm: - Giao diện nhẹ nhàng, đẹp, bắt mắt gồm: 1 menu baner: tên logo của trang web,trang chủ, giới thiệu, tin tức, khuyến mại, dịch vụ, liên hệ. 2Menu phải: hỗ trợ trực tuyến, tuyển dụng, đặt phòng, dịch vụ khách sạn các thông tin du lịch hữu ích 4Menu center: các thông tin về giới thiệu, loại phòng, hình ảnh. Menu footer: trang chủ, giới thiêu, liên kết, - Menu danh mục các trang con. - Hình ảnh khách sạn, phòng ăn, phòng ngủ, khu vui chơi giải trí - Các liên kết website và thông tin chung. a.Giới thiệu: - Giới thiệu về khách sạn, sự thành lập, thông tin cơ bản. - Giới thiệu cơ cấu, ban lãnh đạo và đội ngũ nhân viên. - Quy mô khách sạn, chức năng chính của từng bộ phận. - Quảng bá giới thiệu thương hiệu b.Tin tức: - Tin tức, sự kiện. - Các thông tin tuyển dụng. - PR. - Thông tin du lịch các tour. - Thông tin thêm về Hà Nội. c.Dịch vụ- Đặt phòng- Thực đơn: - Các dịch vụ có trong khách sạn. - Các loại phòng, giá cả từng loại, và dịch vụ riêng kèm theo. - Dịch vụ ăn uống, giải trí. - Các mặt hàng và phương tiện khác(nếu có). d.Văn hoá: - Giới thiệu về văn hoá ẩm thực, văn hoá của khách sạn. - Phong cách và phương thức chính. Page 10 [...]... Navigation chỉ các hướng đi và về giữa các trang 5đ • b c d Thống nhất ngôn ngữ trên các trang Web 7đ Công cụ hỗ trợ được sử dụng trong đề tài 5đ Sự đúng đắn của các liên kết ( hyperlinks ) trong toàn bộ Website 3đ 2 a Dạng thiết kế trang chủ Dạng thiết kế chung cho những trang khác 3đ Dự định số trang Web sẽ có 2đ Cấu trúc tổng quát của Website( vẽ sơ đồ cấu trúc website ) 3đ Lập kế hoạch phân chia công... BÀI TẬP LỚN Đề tài: Giới thiệu công ty – Hoàng Anh Gia Lai Group Chuẩn I 1 a b c d e f g h i j 2 a b II 1 a Thang điểm đánh giá trong quá trình làm việc Bảng thiết kế tổng thể gồm những phần chính sau Tên đề tài 30đ 20đ Lời giới thiệu 2đ • Tính hợp lý trong cách tổ chức, bố trí các components trên các trang web 8đ • • Trang trí đẹp màu sắc hài hòa 5đ Cấu trúc chung của toàn bộ Website có chú ý đến... Thông Tin-Viện Đại Học Mở Hà Nội PHẦN 3: KẾT LUẬN * Sau một thời gian lên ý tưởng cho đến lúc thiết kế, về cơ bản nhóm đã thiết kế được một website đơn giản, tương đối đầy đủ những chức năng cơ bản của một website thật Ngoài ra có thêm một vài tính năng mới làm nổi bật và tăng sự tiện ích, phối màu hài hoà, nhẹ nhàng, sang trọng, mang đúng tính chất của một khách sạn như yêu cầu của đề tài Nhiều hình... hiện tại chưa làm được, và tiếp tục lên ý tưởng để hoàn thiện đề tài một cách tốt nhất Với sự cố gắng nỗ lực của tất cả các thành viên trong nhóm Chúng em đã bước đầu thiết kế được một trang web hoàn chỉnh Do còn nhiều bỡ ngỡ nên trang web có phần đơn giản Mong nhận được những ý kiến nhận xét cũng như đánh giá của thầy cô và các bạn Nhóm em xin chân thành cảm ơn! Page 26 Khoa Công Nghệ Thông Tin-Viện... sẽ được thực hiện 3đ Dự định dự định sử dụng công cụ hỗ trợ nào trong đề tài 2đ Lời kết 3đ Tài liệu tham khảo 2đ Tài liệu 10đ Sự đúng hẹn của tài liệu 5đ Tài liệu của đề tài: Bản báo cáo đề tài 5đ Thang điểm đánh giá sau khi hoàn thành và báo cáo đề tài Trình diễn ( Demo ) 70đ 40đ Hình thức trang Web và cách tổ chức Website được đánh giá khi Demo Nội dung thông tin: Chính xác, phong phú, phù hợp với... Hà Nội Page 12 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội 3.Liên hệ: - Thông tin liên hệ, địa chỉ, số điện thoại, email Page 13 Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội IV.Code của một số trang chính : a.CSS Menu_footer a:active { font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight:none; } Menu_footer a:link { font-family: Arial; Page 14 Khoa Công Nghệ Thông Tin-Viện... cách tổ chức Website được đánh giá khi Demo Nội dung thông tin: Chính xác, phong phú, phù hợp với chủ đề của đề tài… Trình bày Hiểu biết tường tận những vấn đề liên quan tới đề tài Page 29 7đ 30đ 10đ Kết quả Khoa Công Nghệ Thông Tin-Viện Đại Học Mở Hà Nội b c Trả lời được các câu hỏi của giáo viên và các thành viên tham dự nêu ra Điểm trình bày đề tài Page 30 15đ 5đ . ra đời của một trang web về khách sạn như là một sự đáp ứng nhu cầu của xã hội. o Đề tài thiết kế website về khách sạn là 1 yêu cầu thiết thực trong việc vận hành quản lý khách sạn hiện nay một số trang con liên kết, bao gồm: Trang chủ: Hà Trang tin tức:Tuấn Anh Trang giới thiệu: Hoàng Anh Trang: tuyển dụng:Hà Trang ẩm thực: Tuấn Anh Trang ảnh:Hà Trang dancesport: Hoàng Anh Trang. trang chủ, giới thiêu, liên kết, - Menu danh mục các trang con. - Hình ảnh khách sạn, phòng ăn, phòng ngủ, khu vui chơi giải trí - Các liên kết website và thông tin chung. a .Giới thiệu: - Giới