Luận văn Xây dựng web giới thiệu quán cafe

Nội dung text: Luận văn Xây dựng web giới thiệu quán cafe

1. Luận văn: Xây dựng web giới thiệu quán cafe
2. Khoa công nghệ thông tin MỤC LỤC  MỤC LỤC 1 NHẬN XÉT CỦA GIÁO VIÊN 2 LỜI CẢM ƠN 3 CHƢƠNG I: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI “XÂY DỰNG WEBSITE GIỚI THIỆU QUÁN CAFE” 4 I. Nội dung và mục đích của đề tài 4 II. Đối tƣợng phục vụ 4 III. Nội dung thực hiện 4 1. Trang ngƣời dùng 4 2. Phần quản trị 5 IV. Công cụ thực hiện 5 1. Ngôn ngữ sử dụng 5 2. Công cụ thực hiện 7 CHƢƠNG II: NỘI DUNG ĐỀ TÀI “XÂY DỰNG WEBSITE GIỚI THIỆU QUÁN CAFE” 9 I. Thiết kế cơ sở dữ liệu 9 1. do ch n hệ quản trị MySQ 9 2. M h nh cơ sở dữ liệu 10 3. Chi tiết về cơ sở dữ liệu 10 II. Giới thiệu chi tiết các trang trong website 16 1. Phần ngƣời dùng 16 2. Phần quản trị 29 KẾT LUẬN 38
3. Khoa công nghệ thông tin NHẬN XÉT CỦA GIÁO VIÊN 
4. Khoa công nghệ thông tin LỜI CẢM ƠN  Đầu tiên em xin kính gửi lời cảm ơn đến trƣờng Cao đẳng C ng Thƣơng TPHCM, cùng tất cả quý thầy cô khoa Công nghệ thông tin đã tạo điều kiện và môi trƣờng h c tập tốt cho em và các bạn trong suốt ba năm h c vừa qua. Đặc biệt, em cũng xin chân thành cảm ơn thầy Hồ Diên Lợi đã hƣớng dẫn cho em hoàn thành tốt đề tài môn h c này. Kính chúc quý thầy cô dồi dào sức khỏe để hoàn thành tốt c ng tác và đạt đƣợc nhiều thành công mới trong cuộc sống. Sinh viên Nguyễn Thị Mỷ Diện
5. Khoa công nghệ thông tin CHƢƠNG I: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI “XÂY DỰNG WEBSITE GIỚI THIỆU QUÁN CAFE”  I. Nội dung và mục đích của đề tài Nội dung chính của đề tài này là thiết kế trang web giới thiệu thông tin và hình ảnh của một quán cafe. Website giới thiệu đến ngƣời truy cập thông tin hoạt động của quán, cách pha chế một số thức uống, chế biến một số món ăn trong menu của quán. Ngoài ra, website còn có trang quan tr ng khác là trang tản mạn. Truy cập trang này, quý khách sẽ cập nhật đƣợc những tin tức và những bài viết, bài cảm nhận hay về cafe. II. Đối tƣợng phục vụ Website đƣợc thiết kế và xây dựng hƣớng đến tất cả các khách hàng có nhu cầu mua bán các mặt hàng về máy tính, laptop và linh kiện máy tính nhƣng có ít thời gian đến cửa hàng, cũng nhƣ những ngƣời quan tâm đối với mặt hàng về máy tính. Ngoài ra website còn cung cấp trang tin tức để giúp khách hàng nắm bắt và cập nhật thông tin nhanh chóng. Bên cạnh đó, website cũng hƣớng đến các khách hàng lớn nhƣ các cá nhân, doanh nghiệp mua hàng với số lƣợng lớn hoặc liên hệ để làm đại lý hoặc đối tác của website. III. Nội dung thực hiện 1. Trang ngƣời dùng Trong trang ngƣời dùng bao gồm bao gồm các trang : - Trang chủ: đồng thời cũng là trang giới thiệu của website. - Trang thực đơn: hiển thị tên, hình ảnh, giá của các thức uống, món ăn. - Trang hoạt động: hiển thị lịch hoạt động của quán. - Trang tản mạn: hiển thị các tin tức về café đƣợc cập nhật. - Trang hình ảnh: hiển thị một số hình ảnh về website. - Trang liên hệ: giúp khách hàng gắn bó hơn với website và là kênh liên lạc giữa ban quản trị với khách hàng.
6. Khoa công nghệ thông tin 2. Phần quản trị - Trang quản trị giúp cho ngƣời quản trị có thể quản lý trang web của mình bằng cách thêm, xóa, cập nhật thông tin về các hoạt động, thực đơn, giá cả trong menu của quán IV. Công cụ thực hiện 1. Ngôn ngữ sử dụng Trang web đƣợc thiết kế bằng ng n ngữ PHP, sử dụng hệ quản trị cơ sở dữ liệu MySQL. Vì ng n ngữ PHP phổ biến và đƣợc ứng dụng rộng rãi trong lập tr nh web. Mặt khác PHP là ng n ngữ mã nguồn mở nên việc nghiên cứu để xây dựng web sẽ có nhiều thuận lợi hơn. 1.1. Tổng quan về PHP PHP viết tắt của cụm từ “Hypertext Preprocessor” . PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu đƣợc dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do đƣợc tối ƣu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ g n, cú pháp giống ngôn ngữ C và Java, dễ h c và thời gian xây dựng sản phẩm tƣơng đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. Thẻ sẽ đánh đấu sự bắt đầu và sự kết thúc của phần mã PHP qua đó máy chủ biết để xử lý và dịch mã cho đúng. Đây là một điểm khá tiện lợi của PHP giúp cho việc viết mã PHP trở nên khá trực quan và dễ dàng trong việc xây dựng phần giao diện ứng dụng HTTP. Ngôn ngữ, các thƣ viện, tài liệu gốc của PHP đƣợc xây dựng bởi cộng đồng và có sự đóng góp rất lớn của Zend Inc, công ty do các nhà phát triển cốt lõi của PHP lập nên nhằm tạo ra một m i trƣờng chuyên nghiệp để đƣa PHP phát triển ở quy mô doanh nghiệp. Ƣu điểm của PHP - Ng n ngữ rất dễ h c, dễ viết.
7. Khoa công nghệ thông tin - Miễn phí, download dễ dàng từ Internet. - Mã nguồn kh ng phải sửa lại nhiều khi viết chạy cho các hệ điều hành từ Windows, Linux, Unix. - Rất đơn giản trong việc kết nối với nhiều nguồn DBMS, ví dụ nhƣ: MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL - Dùng mã nguồn mở (có thể chạy trên Apache). - Dễ h c khi đã biết HTML, C. - Đi cặp với MySQL Nhƣợc điểm PHP - Mã nguồn không đẹp - Chỉ chạy trên ứng dụng web. 1.2. Hệ quản trị cơ sở dữ liệu MySQL MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ biến nhất thế giới và đƣợc các nhà phát triển rất ƣa chuộng trong quá tr nh phát triển ứng dụng. V MySQ là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.Với tốc độ và tính bảo mật cao, MySQ rất thích hợp cho các ứng dụng có truy cập CSD trên internet. MySQ miễn phí hoàn toàn cho nên bạn có thể tải về MySQ từ trang chủ. Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Microsoft Windows, Linux, Unix, Novell NetWare MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ sử dụng Ng n ngữ truy vấn có cấu trúc (SQ ). MySQL đƣợc sử dụng cho việc bổ trợ PHP, Perl, và nhiều ng n ngữ khác, nó làm nơi lƣu trữ những th ng tin trên các trang web viết bằng PHP hay Perl, Ƣu điểm của MySQL - MySQL miễn phí download và sử dụng. - Nếu bạn không cần dùng các chức năng của một hệ quản trị cơ sở dữ liệu cao cấp mà chỉ cùng các chức năng cơ bản nhƣ lƣu dữ liệu, đ c dữ liệu, xoá, thay đổi dữ liệu và sắp xếp dữ liệu thì MySQL sẽ có tốc độ trung bình nhanh hơn một số hệ quản trị cơ sở dữ liệu khác nhƣ Oracle
8. Khoa công nghệ thông tin Nhƣợc điểm của MySQL - MySQL kh ng hỗ trợ câu lệnh SQ phức hợp (truy vấn lồng nhau ) - MySQL vẫn chƣa hỗ trợ việc thực hiện các thao tác cập nhật hoặc xử ký ngay trên DB Server bằng cách g i thực hiện các Stored-Procedures. 2. Công cụ thực hiện Đề tài sử dụng chƣơng tr nh hỗ trợ thiết kế web Dreamweaver CS3 để thực hiện, và chạy trên sever ảo Vertrigo. 2.1. Giới thiệu Vertrigo Lập tr nh web đòi hỏi bạn phải có một hosting chữa mã nguồn của bạn. Nhƣng khi chƣa đủ điều kiện hoặc là muốn tester trƣớc khi chính thức đƣa ra cộng đồng, các bạn vẫn có thể sử dụng các công cụ tạo mảng ảo trên máy tính của m nh để làm việc. Sau đây vietprogrammer xin giới thiệu tới các bạn một số công cụ tạo mạng ảo tốt và miễn phí bao gồm: Appserv, Vertrigo và Xamp Cũng là một phần mềm thuộc dự án mã nguồn mở của sourceforge, nhẹ và miễn phí tƣơng tự Appserv. Nhƣng vertrigo có những cải tiến hơn với trình quản lý hệ thống server trực quan hơn, giúp ngƣời dùng dễ dàng tùy biến, cấu hình lại server ảo. Tuy nhiên vertrigo phiên bản mới nhất hiện nay chỉ hỗ trợ PHP 5.3.6 và MySQL 5.5.10 ( chƣa hỗ trợ PHP6). Hình 1. Giao diện Server ảo Vertrigo
9. Khoa công nghệ thông tin 2.2. Giới thiệu về reamweaver CS Adobe Dreamweaver CS3 là một chƣơng tr nh hỗ trợ thiết kế website đƣợc sử dụng rất phổ biến vì với những công cụ mạnh mẽ, đƣợc bố trí hợp lý trong một giao diện thân thiện, nó rất thích hợp cho m i đối tƣợng, từ những nhà thiết kế website chuyên nghiệp cho đến những ai mới vào nghề. Với Adobe Dreamweaver CS3, bạn sẽ dễ dàng nhận biết đƣợc rằng mình nên bắt đầu thiết kế một website ra sao bằng cách sử dụng các template sẵn có của nó hoặc tải về từ Internet rồi từ đó hiệu chỉnh lại cho phù hợp với nhu cầu. Bên cạnh đó, với khả năng can thiệp trực tiếp vào database (cơ sở dữ liệu), Adobe Dreamweaver CS3 sẽ là một trợ thủ đắc lực cho bạn trong việc thiết kế các website động với các ngôn ngữ lập trình mạnh mẽ và phổ biến nhƣ: PHP, ASP/ASP.NET, ColdFusion v.v mà không cần biết nhiều về lập trình web. Trong Dreamweaver CS3 ta có thể dễ dàng tạo site cho một web động và quản l các file. Dreamweaver CS3 kh ng chỉ hỗ trợ cho lập tr nh web php mà còn hỗ trợ thêm về xml, javascript nên có thể nói, khi làm việc trên m i trƣờng của Dreamweaver CS3, là chúng ta đã có m i trƣờng làm việc tốt nhất. Với Dreamweaver CS3 chúng ta vừa có thể sử dụng các c ng cụ sẵn có để thiết kế một trang web, đồng thời cũng có thể chỉnh sửa những đoạn code sinh ra theo định và mục đích thiết kế.
10. Khoa công nghệ thông tin CHƢƠNG II: NỘI UNG ĐỀ TÀI “XÂY ỰNG WEBSITE GIỚI THIỆU QUÁN CAFE”  I. Thiết kế cơ sở dữ liệu 1. L do ch n hệ quản trị MySQL Đối với bất cứ một web động, đặc biệt là web bán hàng online th việc xây dựng cơ sở dữ liệu lu n là phần quan tr ng kh ng thể thiếu. V đây là phần ảnh hƣởng trực tiếp đến nội dung của web. Mặc khác, nếu database đƣợc thiết kế hợp l th c ng việc xây dựng trang web cũng sẽ đƣợc giảm tải so với khi làm việc với một database chƣa chuẩn. Với sever ảo Vertrigo cũng nhƣ các sever nhƣ WampServer, Xamp th cũng đều có tích hợp hệ quản trị cơ sở dữ liệu MySQ . H nh 2. Giao diện của hệ quản trị MySQ Một trong những l do quan tr ng nhất ch n MySQ để xây dựng cơ sở dữ liệu cho web là v MySQ là phần mềm miễn phí hoàn toàn, ổn định, an toàn. Thích hợp cho những web doanh nghiệp hoặc bán hàng online. MySQ đáp ứng đầy đủ các yếu
11. Khoa công nghệ thông tin tố về bảo mật và tiện ích khi tạo dữ liệu cho web. Và điều quan tr ng hơn cả là dễ quản l , backup dữ liệu. Hiện nay trong số các Website có lƣu lƣợng truy cập lớn thuộc hàng "top" trên Internet, có rất nhiều Website có cơ sở dữ liệu đƣợc xây dựng trên MySQ 2. M h nh cơ sở dữ liệu H nh 3. Cơ sở dữ liệu của Website cafe 3. Chi tiết về cơ sở dữ liệu 3.1. Table cafe
12. Khoa công nghệ thông tin Hình 4. Table café 3.2. Table che_bien Hình 5. Table che_bien 3.3. Table ct_menu
13. Khoa công nghệ thông tin Hình 6. Table ct_menu 3.4. Table ct_menu_web Hình 7. Table ct_menu_web 3.5. Table khuyen_mai Hình 8. Table khuyen_mai 3.6. Table lich_hdong Hình 9. Table lich_hdong
14. Khoa công nghệ thông tin 3.7. Table loai_menu Hình 10. Table loai_menu 3.8. Table menu Hình 11. Table menu 3.9. Table menu_web Hình 12. Table menu_web 3.10. Table quang_cao
15. Khoa công nghệ thông tin Hình 13. Table quang_cao 3.11. Table thanh_vien Hình 14. Table thanh_vien 3.12. Table the_loai Hình 15. Table the_loai 3.13. Table tin_tuc
16. Khoa công nghệ thông tin Hình 16. Table tin_tuc 3.14. Table tuyen_dung Hình 17. Table tuyen_dung 3.15. Table y_kien Hình 18. Table y_kien
17. Khoa công nghệ thông tin II. Giới thiệu chi tiết các trang trong website 1. Phần ngƣời dùng 1.1. Menu trang chủ Trang chủ là trang giới thiệu các thông tin về quán cafe: tên quán, điện thoại, địa chỉ, không gian quán, Hình 19. Trang chủ 1.2. Menu thực đơn
18. Khoa công nghệ thông tin Menu thực đơn gồm 3 menu con: thức uống, món ăn, pha chế - chế biến. 1.2.1. Menu thức uống Trang thức uống hiển thị menu các thức uống của quán, hình ảnh và giá của từng thức uống. Ngoài ra, trang này còn hiển thị cách pha chế một số thức uống trong phần “Cách pha chế những thức uống mới” bên dƣới menu các loại thức uống giúp cho ngƣời xem cập nhật đƣợc thông tin về giá cả của các thức uống đồng thời biết đƣợc thức uống nào vừa đƣợc thêm vào danh mục pha chế.
19. Khoa công nghệ thông tin Hình 20. Danh mục thức uống 1.2.2. Menu món ăn Cũng tƣơng tự nhƣ trang thức uống, trang món ăn hiển thị các thông tin liên quan về các món ăn nằm trong menu của quán và cách chế biến một số món ăn trong phần “Cách chế biến những món ăn mới”. Hình 21. Danh mục món ăn 1.2.3. Menu pha chế - chế biến Trang pha chế - chế biến trình bày cách pha chế thức uống, chế biến món ăn trong menu của quán.
20. Khoa công nghệ thông tin Hình 22. Danh mục pha chế - chế biến 1.3. Menu hoạt động Menu hoạt động gồm 3 menu con: lịch hoạt động, khuyến mãi, tuyển dụng 1.3.1. Menu lịch hoạt động Trang này cập nhật thời gian làm việc và lịch phục vụ văn nghệ của các ngày trong tuần của quán. Những thay đổi trong lịch hoạt động của quán sẽ đƣợc thông báo tại đây để khách hàng có thể dễ dàng theo dõi.
21. Khoa công nghệ thông tin Hình 23. Lịch hoạt động 1.3.2. Menu khuyến mãi Trong trang khuyến mãi tin tức về những chƣơng tr nh khuyến mãi của quán sẽ đƣợc hiển thị tại đây nhằm giúp khách hàng gần xa đều biết đƣợc một cách nhanh chóng và chính xác.
22. Khoa công nghệ thông tin Hình 24. Thông tin khuyến mãi 1.3.3. Menu tuyển dụng Trang tuyển dụng là nơi để quán thông báo tuyển nhân viên làm việc cho quán ở các vị trí phục vụ, pha chế Hình 25. Thông tin tuyển dụng 1.4. Menu tản mạn Menu tản mạn gồm các menu con: café thời sự, café & cảm nhận, café sáng tạo, café & sức khoẻ, có thể bạn chƣa biết, nghệ thuật thƣởng thức. Đây là trang thể hiện nội dung các bài viết có liên quan đến café trong nhiều lĩnh vực. 1.4.1. Menu café thời sự Đây là trang thể hiện những tin tức thời sự liên quan đến hạt café, cây café, thị trƣờng café
23. Khoa công nghệ thông tin Hình 26. Café thời sự 1.4.2. Menu café & cảm nhận Với những bài cảm nhận hay, những mẫu chuyện xung quanh vấn đề cuộc sống, t nh yêu con ngƣời, những xúc cảm từ thói quen uống café .chắc chắn bạn sẽ thấy thú vị khi đến với trang “Café & cảm nhận” này.
24. Khoa công nghệ thông tin Hình 27. Café & cảm nhận 1.4.3. Menu café sáng tạo Những sáng tạo về café đầy bất ngờ trong nhiều lĩnh vực khác nhau chờ bạn khám phá sẽ đƣợc thể hiển ở trang này.
25. Khoa công nghệ thông tin Hình 28. Café sáng tạo 1.4.4. Menu café & sức khoẻ Đ i khi bạn tự hỏi “Café có lợi hay có hại cho sức khoẻ?”. Bạn có thể tham khảo một số thông tin về vấn đề này trong menu “Café & sức khoẻ”.
26. Khoa công nghệ thông tin Hình 29. Café & sức khoẻ 1.4.5. Menu có thể bạn chƣa biết Trong trang này, bạn có thể biết thêm một số thông tin mà có thể lâu nay bạn chƣa từng biết đến,. Ví dụ nhƣ: Giảm béo ngoạn mục bằng café.
27. Khoa công nghệ thông tin Hình 30. Có thể bạn chƣa biết 1.4.6. Menu nghệ thuật thƣởng thức Uống café không phải để giải khát nhƣ những thức uống khác mà uống café còn để thƣởng thức mùi vị của từng gi t café, phân biệt café ngon Trong trang này bạn sẽ có thêm những cách thƣởng thức café trong cuộc sống của mình.
28. Khoa công nghệ thông tin Hình 31. Nghệ thuật thƣởng thức 1.5. Menu hình ảnh Bao gồm những hình ảnh về quán, hay những thức uống, món ăn trong quán. Trang này nhằm quảng bá hình ảnh của quán đến với khách hàng.
29. Khoa công nghệ thông tin Hình 32. Hình ảnh quán 1.6. Menu liên hệ Trang liên hệ đƣợc xây dựng với mục đích mong nhận đƣợc những sự góp ý của khách hàng, qua đó quán sẽ cố gắng đáp ứng nhu cầu của khách hàng nếu có thể và phát triển quán tốt hơn.
30. Khoa công nghệ thông tin Hình 33. Menu liên hệ 2. Phần quản trị Nếu bạn là ngƣời quản trị thì bạn mới có quyền truy cập và thay đổi thông tin trong phần này. Ở đây ngƣời quản trị truy cập trực tiếp link trang đăng nhập sẽ hiện ra.
31. Khoa công nghệ thông tin Hình 34. Hình ảnh login Nếu bạn nhập đúng tên đăng nhập và mật khẩu thì sẽ đƣợc vào trang quản trị. 2.1. Menu trang chủ Khi nhấn vào menu này sẽ đƣa về trang chủ của trang ngƣời dùng. 2.2. Menu trang quản trị Menu này là trang chủ trang quản trị website. Trang chủ của trang quản trị hiển thị một số menu đƣợc quản lý trong phần quản trị.
32. Khoa công nghệ thông tin Hình 35. Trang chủ quản trị 2.3. Menu thực đơn Menu này quản lý loại thực đơn, thức uống, món ăn, pha chế - chế biến. 2.3.1. Menu loại thực đơn Quản lý các loại thực đơn trong menu của quán.
33. Khoa công nghệ thông tin Hình 36. Quản lý loại thực đơn 2.3.2. Menu thức uống Quản lý thông tin về những thức uống trong quán. Hình 37. Quản lý thức uống 2.3.3. Menu món ăn Quản lý thông tin về những món ăn trong quán.
34. Khoa công nghệ thông tin Hình 38. Quản l món ăn 2.3.4. Menu pha chế - chế biến Quản lý nội dung pha chế thức uống, chế biến món ăn của quán.
35. Khoa công nghệ thông tin Hình 40. Quản lý pha chế - chế biến 2.4. Menu dịch vụ Menu dịch vụ quản lý các menu con: hoạt động, khuyến mãi, tuyển dụng. 2.4.1. Menu hoạt động Trang này quản lý lịch hoạt động của quán. Hình 41. Quản lý lịch hoạt động 2.4.2. Menu khuyến mãi Đây là trang quản lý những tin khuyến mãi của quán.
36. Khoa công nghệ thông tin Hình 42. Quản lý khuyến mãi 2.4.3. Menu tuyển dụng Trang tuyển dụng quản lý thông tin về tuyển dụng của quán. Hình 43. Quản lý tuyển dụng 2.5. Menu tin tức Menu này quản lý các menu con: loại tin và tin tức. 2.5.1. Menu loại tin Trang này quản lý các loại của những mẫu tin trong menu tin tức. Hình 44. Quản lý loại tin 2.5.2. Menu tin tức
37. Khoa công nghệ thông tin Trang tin tức quản ý tất cả các tin tức trong website của quán. Hình 45. Quản lý tin tức 2.6. Menu quảng cáo Trang quảng cáo quản lý các quảng cáo có trong website.
38. Khoa công nghệ thông tin Hình 46. Quản lý quảng cáo 2.1. Menu thoát Khi nhấn vào menu Thoát, website sẽ thực hiện thoát khỏi trang quản trị và chuyển hƣớng đƣa bạn về trang login vào trang quản trị.
39. Khoa công nghệ thông tin KẾT LUẬN  Trong đề tài, mặc dù em đã cố gắng dành thời gian nghiên cứu và đƣợc sự hƣớng dẫn tận tình của thầy Hồ Diên Lợi nhƣng v thời gian không nhiều và kiến thức còn hạn chế nên em đề tài của em không tránh khỏi thiếu sót, trong thời gian sắp tới em sẽ hoàn thiện đề tài hơn. Và em xin chân thành cảm ơn sự giúp đỡ và hƣớng dẫn nhiệt tình và tận tuỵ của thầy Hồ Diên Lợi đã giúp em hoàn thành đề tài này.