›
›

Đề cương thiết kế website thương mại - Nguyễn Như Kiên

pdf 74 trang Gia Huy 16/05/2022 3351
Download
Bạn đang xem 20 trang mẫu của tài liệu "Đề cương thiết kế website thương mại - Nguyễn Như Kiên", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfde_cuong_thiet_ke_website_thuong_mai_nguyen_nhu_kien.pdf

Nội dung text: Đề cương thiết kế website thương mại - Nguyễn Như Kiên

  1. Giáo trình Thiết kếTRƯỜNG website thương CAO mại ĐẲNG NGHỀTrường ĐẮK Cao LẮK đẳng nghề Đắk Lắk KHOA ĐIỆN TỬ - TIN HỌC ĐỀ CƯƠNG THIẾT KẾ WEBSITE THƯƠNG MẠI NGHỀ: CÔNG NGHỆ THÔNG TIN TRÌNH ĐỘ: CAO ĐẲNG Biên soạn: Nguyễn Như Kiên (Lưu hành nội bộ) Đắk Lắk, 8/2014 Giáo viên biên soạn: Nguyễn Như Kiên Trang 1
  2. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk LỜI NÓI ĐẦU Ngày nay Website thương mại điện tử được sử dụng rộng rãi ở tất cả các lĩnh vực kinh doanh. Module ”Xây dựng website thương mại” là môn học rèn luyện kỹ năng thiết kế website cho sinh viên. Nhằm tạo điều kiện cho học viên chuyên ngành công nghệ thông tin dễ dàng tiếp cận, tìm hiểu, nghiên cứu, khai thác và ứng dụng vào trong thực tiễn. Nhằm đảm bảo sự thống nhất nội dung đào tạo, nâng cao kỹ năng nghề, nâng cao chất lượng nguồn nhân lực sau khi đào tạo, tôi mạnh dạn biên soạn cuốn Giáo trình “Xây dựng Website thương mại”. Đây là giáo trình được xây dựng và biên soạn trên cơ sở chương trình khung quốc gia về đào tạo nghề Công nghệ thông tin (ứng dụng phần mềm). Nội dung biên soạn theo hình thức tích hợp giữa lý thuyết và thực hành. Với giáo trình này giáo viên và học sinh có thể nhanh chóng truyền đạt và tiếp thu đầy đủ những kiến thức cơ bản về cấu trúc, chức năng và nguyên lý hoạt động của các thành phần của một website thương mại. Trong quá trình biên soạn bản thân đã tham khảo nhiều tài liệu liên quan của các trường Đại học khối kỹ thuật, các trường nghề. Do khả năng có hạn và giáo trình được biên soạn lần đầu nên không thể tránh khỏi thiếu sót. Tôi rất mong nhận được sự đóng góp ý kiến của các bạn để giáo trình ngày càng được hoàn thiện hơn. Xin chân thành cảm ơn! Giáo viên biên soạn: Nguyễn Như Kiên Trang 2
  3. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Giáo viên biên soạn: Nguyễn Như Kiên Trang 3
  4. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk CHƯƠNG TRÌNH MÔ ĐUN ĐÀO TẠO XÂY DỰNG WEBSITE THƯƠNG MẠI Mã số của mô đun: MĐ 30; Thời gian của mô đun: 90 giờ; (Lý thuyết: 32 giờ; Thực hành: 58 giờ) I. VỊ TRÍ, TÍNH CHẤT CỦA MÔ ĐUN Là mô đun bắt buộc áp dụng cho chương trình đào tạo nghề Công nghệ thông tin (ứng dụng phần mềm), mô đun được bố trí sau các môn học chuyên ngành ứng dụng tin học. II. MỤC TIÊU CỦA MÔ ĐUN Hiểu nhu cầu quảng bá, kinh doanh của công ty đối với website; Hiểu được các tiến trình thiết kế và xuất bản một website thương mại; Biết một số công cụ, dịch vụ xuất bản website; Xác định được các nhu cầu thương mại điện tử của doanh nghiệp, chuẩn bị đầy đủ các vật liệu, nội dung sẽ xuất bản; Xây dựng cơ sở dữ liệu cho website; Thiết kế được các trang thân thiện và logic; Lựa chọn tên miền ký gửi website và công cụ xuất bản phù hợp với quy mô bài toán; Có thái độ cẩn thận nghiêm túc, sáng tạo, khoa học, tinh thần làm việc độc lập và theo nhóm. III. NỘI DUNG MÔ ĐUN Giáo viên biên soạn: Nguyễn Như Kiên Trang 4
  5. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 1. Nội dung tổng quát và phân bổ thời gian: Thời gian Số Thực Kiểm tra* Tổng Lý TT Tên các bài trong mô đun hành, (LT hoặc số thuyết Bài tập TH) Xác định cấu trúc, chức năng 1. 5 5 nhiệm vụ Website 2. Xây dựng Cơ sở dữ liệu 8 3 5 3. Thiết kế Website 30 6 22 2 4. Lập trình cho website 37 15 22 Hoàn thiện và xuất bản 5. 10 3 5 2 Website Tổng cộng 90 32 54 4 * Ghi chú: Thời gian kiểm tra lý thuyết được tính vào giờ lý thuyết, kiểm tra thực hành được tính vào giờ thực hành. 2. Nội dung chi tiết: Bài 1: Xác định cấu trúc, chức năng nhiệm vụ của Website Thời gian:05 giờ (LT: 5 giờ) Mục tiêu: Hiểu được nhu cầu, chức năng nhiệm vụ của website; Xác định sơ đồ cấu trúc website đầy đủ, khoa học; Xác định chi tiết nội dung, hình thức của từng trang; Có thái độ nghiêm túc, khoa học, chuẩn xác. 1. Xác định yêu cầu 2. Xác định sitemap 3. Chức năng từng trang Giáo viên biên soạn: Nguyễn Như Kiên Trang 5
  6. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bài 2: Xây dựng cơ sở dữ liệu Thời gian:08 giờ (LT: 3 giờ, TH: 5 giờ) Mục tiêu: Biết phân tích và thiết kế cơ sở dữ liệu của một số mô hình thương mại điện tử; Thiết kế được cơ sở dữ liệu phù hợp cho website; Lựa chọn được hệ quản trị cơ sở dữ liệu phù hợp với qui mô dữ liệu; Cài đặt được cơ sở dữ liệu trên hệ quản trị đã chọn; Có thái độ nghiêm túc, khoa học, sáng tạo. 1. Thiết kế cơ sở dữ liệu 2. Lựa chọn và cài đặt hệ quản trị cơ sở dữ liệu 3. Cài đặt cơ sở dữ liệu Bài 3: Thiết kế Website Thời gian : 30 giờ(LT: 6 giờ, TH: 22 giờ, KT: 2 giờ) Mục tiêu: Biết cách tạo các trang web phù hợp với cấu trúc của site; Biết cách tạo phong cách, cung cấp nội dung phù hợp với từng trang; Chuẩn bị đầy đủ các nội dung cần xuất bản, các dữ liệu đa phương tiện cần thiết:âm thanh, hình ảnh, video, phù hợp với mục đích của website; Sử dụng các công cụ thiết kế web tạo được site đúng mục tiêu; Có thái độ tỉ mỉ, khoa học, chính xác, sáng tạo. 1. Chuẩn bị dữ liệu 1.1. Nội dung website 1.2. Dữ liệu đa phương tiện 2. Xây dựng giao diện các trang web 2.1. Định dạng trang 2.2. Nhập nội dung 2.3. Tạo các hiệu ứng 2.4. Tạo các liên kết Giáo viên biên soạn: Nguyễn Như Kiên Trang 6
  7. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bài 4: Lập trình cho website Thời gian : 37 giờ(LT: 15 giờ, TH: 22 giờ) Mục tiêu: Hiểu được các yêu cầu xử lý dữ liệu của site; Biết được các luồng dữ liệu giữa các đối tượng, tiến trình xử lý trong site; Đặc tả được các chức năng, tiến trình xử lý dữ liệu; Viết được mã lệnh kết nối và tương tác trên cơ sở dữ liệu của site nhằm thực hiện các chức năng chính: tìm kiếm, giỏ hàng, lập đơn hàng, thanh toán. Ngoài ra, thực hiện một số chức năng hệ thống khác như: đăng ký khách hàng, liên hệ khách hàng, ; Xác định thái độ làm việc nghiêm túc, khoa học, sáng tạo. 1. Xây dựng gian hàng 2. Tìm kiếm thông tin 3. Xây dựng giỏ hàng 4. Lập đơn hàng 5. Thanh toán đơn hàng 6. Đăng ký thành viên 7. Liên hệ khách hàng Bài 5: Hoàn thiện và xuất bản Website Thời gian: 10 giờ(LT: 3 giờ, TH: 5 giờ, KT: 2 giờ) Mục tiêu: Biết được một số công cụ xuất bản Website; Biết được một số dịch vụ và cách đăng ký tên miền; Xuất bản được website lên thư mục cục bộ, kiểm tra tổng thể các chức năng của site; Lựa chọn được máy chủ, tên miền phù hợp; Xuất bản thành công site lên internet; Thái độ làm việc nghiêm túc, tinh thần trách nhiệm cao. Giáo viên biên soạn: Nguyễn Như Kiên Trang 7
  8. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 1. Chọn và đăng ký tên miền cho website 2. Chọn và đăng ký máy chủ 3. Chọn công cụ xuất bản 4. Xuất bản Website 4.1. Xuất bản lên thư mục cục bộ 4.2. Xuất bản lên internet IV. ĐIỀU KIỆN THỰC HIỆN CHƯƠNG TRÌNH: Đầy đủ dụng cụ trang thiết bị như: Giáo trình, giáo án, máy chiếu, máy vi tính, hệ quản trị cơ sở dữ liệu: Access, SQL Server, Oracle phần mềm thiết kế web: Microsoft front page, Macro Media DreamWeaver mạng Internet. V. PHƯƠNG PHÁP VÀ NỘI DUNG ĐÁNH GIÁ: Phương pháp đánh giá: Quá trình thực hành trên máy vi tính; Sản phẩm cuối cùng. Nội dung đánh giá: Sự phù hợp giữa nội dung và giao diện Website; Kết quả các thao tác tìm kiếm, đặt hàng, lập đơn hàng ; Kết quả các báo cáo; Tính mở của Website; Tốc độ xử lý và truy cập Website khi được xuất bản lên Internet. VI. HƯỚNG DẪN CHƯƠNG TRÌNH : 1. Phạm vi áp dụng chương trình : Chương trình này được dùng cho sinh viên cao đẳng nghề Công nghệ thông tin (ứng dụng phần mềm). 2. Hướng dẫn một số điểm chính về phương pháp giảng dạy mô đun : Chủ yếu là sử dụng phương pháp giảng giải kết hợp với thao tác máy tính và phương pháp thảo luận nhóm, làm việc nhóm. Những trọng tâm chương trình cần chú ý: Xây dựng cấu trúc website; Giáo viên biên soạn: Nguyễn Như Kiên Trang 8
  9. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Thiết kế các trang web tĩnh; Xây dựng cơ sở dữ liệu; Xử lý các chức năng chính: các gian hàng, tìm kiếm, giỏ hàng, 3. Tài liệu cần tham khảo: Dương Tố Dung, Giáo trình thương mại điện tử dành cho doanh nghiệp, từ 2005; Các website thương mại; Website : www.tienphong-vdc.com.vn. Giáo viên biên soạn: Nguyễn Như Kiên Trang 9
  10. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk MỤC LỤC BÀI 1: XÁC ĐỊNH CẤU TRÚC, CHỨC NĂNG NHIỆM VỤ WEBSITE 14 1.1. Xác định yêu cầu 14 1.2. Xác định sitemap 15 1.3. Chức năng từng trang 17 Bài 2: XÂY DỰNG CƠ SỞ DỮ LIỆU 25 2.1. Thiết kế cơ sở dữ liệu 25 2.2. Lựa chọn và cài đặt hệ quản trị cơ sở dữ liệu 29 2.3. Cài đặt cơ sở dữ liệu 32 Bài 3: THIẾT KẾ WEB 39 3.1 Chuẩn bị dữ liệu 39 3.2 Xây dựng giao diện các trang web 45 Bài 4: LẬP TRÌNH CHO WEBSITE 49 4.1 xây dựng gian hàng 49 4.2 Tìm kiếm thông tin 53 4.3 Xây dựng giỏ hàng 55 4.4 Lập đơn hàng 57 4.5 Thanh toán đơn hàng 58 4.6 Đăng ký thành viên 58 4.7 Liên hệ 61 Bài 5: HOÀN THIỆN VÀ XUẤT BẢN WEBSITE 62 5.1. Chọn và đăng ký tên miền cho website 62 5.2. Chọn và đăng ký máy chủ cho website 65 5.3. Chọn công cụ xuất bản 67 5.4. Xuất bản website 70 Giáo viên biên soạn: Nguyễn Như Kiên Trang 10
  11. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Giáo viên biên soạn: Nguyễn Như Kiên Trang 11
  12. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 1. Tên giáo trình: XÂY DỰNG WEBSITE THƯƠNG MẠI 2. Lý do biên soạn giáo trình Hiện nay chưa có tài liệu nào đầy đủ được các nội dung theo hương trình khung của Tổng cục Dạy nghề. Nhằm mục đích cung cấp giáo trình cho học sinh – Sinh viên trong quá trình tham gia học module. Để nâng cao năng lực chuyên môn cho Học sinh – Sinh viên của Trường Nghề chính vì vậy việc biên soạn giáo trình xây dựng website thương mại là việc làm cần thiết hiện nay. 3. Mục đích biên soạn giáo trình Để thực hiện biên soạn giáo trình đào tạo nghề Công nghệ thông tin ở trình độ Trung Cấp Nghề, Cao Đẳng Nghề, giáo trình Xây dựng website thương mại là một trong những giáo trình module đào tạo chuyên ngành bắt buộc được biên soạn theo nội dung chương trình khung được Bộ Lao động Thương binh Xã hội và Tổng cục Dạy Nghề phê duyệt. Nội dung biên soạn ngắn gọn, dễ hiểu, tích hợp kiến thức và bài tập rèn luyện kĩ năng. Khi biên soạn, nhóm biên soạn đã cố gắng cập nhật những kiến thức mới có liên quan đến nội dung chương trình đào tạo và phù hợp với mục tiêu đào tạo, nội dung lý thuyết và thực hành được biên soạn gắn với nhu cầu thực tiễn. 4. Dàn ý nội dung (phần cơ bản) Giáo viên biên soạn: Nguyễn Như Kiên Trang 12
  13. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Giáo viên biên soạn: Nguyễn Như Kiên Trang 13
  14. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk BÀI 1: XÁC ĐỊNH CẤU TRÚC, CHỨC NĂNG NHIỆM VỤ WEBSITE Mục tiêu: Xác định được nhu cầu, chức năng nhiệm vụ của website; Xác định sơ đồ cấu trúc website đầy đủ, khoa học; Xác định chi tiết nội dung, hình thức của từng trang; Có thái độ nghiêm túc, khoa học, chuẩn xác. 1.1. Xác định yêu cầu 1.1.1 Tóm tắt hoạt động của hệ thống mà dự án sẽ được ứng dụng: - Là một Website chuyên bán các sản phẩm về máy tính, các linh kiện phụ tùng máy tính cho các cá nhân và doanh nghiệp - Là một Website động, các thông tin được cập nhật theo định kỳ. - Người dùng truy cập vào Website có thể xem, tìm kiếm, mua các sản phẩm,hoặc đặt hàng sản phẩm - Các sản phẩm được sắp xếp hợp lý. Vì vậy người dùng sẽ có cái nhìn tổng quan về tất cả các sản phẩm hiện có. - Người dùng có thể xem chi tiết từng sản (có hình ảnh minh hoạ sản phẩm). - Khi đã chọn được món hàng vừa ý thì người dùng click vào nút cho vào giỏ hàng hoặc chọn biểu tượng giỏ hàng để sản phẩm được cập nhật trong giỏ hàng. - Người dùng vẫn có thể quay trở lại trang sản phẩm để xem và chọn tiếp, các sản phẩm đã chọn sẽ được lưu vào trong giỏ hàng. - Khách hàng cũng có thể bỏ đi những sản phẩm không vừa ý đã có trong giỏ hàng. - Nếu đã quyết định mua các sản phẩm trong giỏ hàng thì người dùng click vào mục thanh toán để hoàn tất việc mua hàng, hoặc cũng có thể huỷ mua hàng. - Đơn giá của các món hàng sẽ có trong giỏ hàng. Giáo viên biên soạn: Nguyễn Như Kiên Trang 14
  15. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk - Người dùng sẽ chọn các hình thức vận chuyển, thanh toán hàng do hệ thống đã định. 1.1.2. Phạm vi được ứng dụng - Dành cho mọi đối tượng có nhu cầu mua sắm trên mạng. - Do nghiệp vụ của cửa hàng kết hợp với công nghệ mới và được xử lý trên hệ thống máy tính nên công việc liên lạc nơi khách hàng cũng như việc xử lý hoá đơn thực hiện một cách nhanh chóng và chính xác. Rút ngắn được thời gian làm việc, cũng như đưa thông tin về các sản phẩm mới nhanh chóng đến cho khách hàng. 1.1.3. Đối tượng sử dụng Có 2 đối tượng sử dụng cơ bản là người dùng và nhà quản trị: * Người dùng: Qua Website, khách hàng có thể xem thông tin, lựa chọn những sản phẩm ưa thích ở mọi nơi thậm chí ngay trong phòng làm việc của mình. * Nhà quản trị: Nhà quản trị có toàn quyền sử dụng và cập nhật sản phẩm, hoá đơn, quản lý khách hàng, đảm bảo tính an toàn cho Website. 1.1.4. Mục đích của dự án - Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên một môi trường làm việc hiệu quả. - Thúc đẩy phát triển buôn bán trực tuyến. - Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một Website trực tuyến có thể đưa nhanh thông tin cũng như việc trao đổi mua bán các loại điện thoại qua mạng. - Việc quản lý hàng trở nên dễ dàng. - Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm 1.2. Xác định sitemap Về giao diện: - Giao diện người dùng o Phải có một giao diện thân thiện dễ sử dụng. Giáo viên biên soạn: Nguyễn Như Kiên Trang 15
  16. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk o Phải nêu bật được thế mạnh của website, cũng như tạo được niềm tin cho khách hàng ngay từ lần viếng thăm đầu tiên. o Giới thiệu được sản phẩm của cửa hàng đang có. o Có biểu mẫu đăng ký để trở thành thành viên. o Có danh mục sản phẩm. o Chức năng đặt hàng, mua hàng. o Có biểu mẫu liên hệ. o Chức năng tìm kiếm sản phẩm. o Mỗi loại sản phẩm cần phải có trang xem chi tiết sản phẩm. o Mục login của khách hàng khi đã trở thành thành viên gồm có: Tên đăng nhập (Username), mật khẩu đăng nhập (password). - Giao diện người quản trị. o Đơn giản, dễ quản lý và không thể thiếu các mục như: . Quản lý sản phẩm. . Quản lý hoá đơn. . Quản lý khách hàng. . Quản lý đăng nhập. . Quản lý mọi thay đổi của website. Về nghiệp vụ - Người xây dựng nên hệ thống phải am hiểu về thương mại điện tử, hiểu rõ cách thức mua bán hàng qua mạng. - Người xây dựng nên hệ thống đặc biệt phải hiểu rõ các thông số kĩ thuật về máy tính: Có thể đưa ra đựơc một cái nhìn tổng quát, sâu rộng về sản phẩm. Về bảo mật: - Người Admin có toàn quyền giữ bảo mật cho website bằng mật khẩu riêng. - Quản lý User & Password của khách hàng an toàn: Thông tin của khách hàng được bảo mật Giáo viên biên soạn: Nguyễn Như Kiên Trang 16
  17. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Về hệ thống - Phần cứng: PC bộ vi xử lý pentium III, ram 128 trở lên, ổ cứng 10G trở lên. - Hệ điều hành: Windown XP trở lên - Phần mềm hỗ trợ: XAMPP, mySQL. Lựa chọn giải pháp - Chương trình sử dụng ngôn ngữ PHP và cơ sở dữ liệu MySQL. - Các công cụ mà hệ thống sử dụng: o Gói XAMPP: Cài đặt các thành phần Apache, PHP, MySQL. . Apache 2 - Server . PHP 5.5.1 - Ngôn ngữ lập trình . MySQL - Cơ sở dữ liệu . FileZilla - Giả lập FTP server . Và các tính năng chuyên sâu khác o mySQL: Dùng để lưu cơ sở dữ liệu. o Javascript: Bắt lỗi dữ liệu. o Dreamweaver: Tạo form, thiết kế giao diện. o Photoshop, flash: Thiết kế giao diện. 1.3. Chức năng từng trang Các tác nhân của hệ thống gồm có: Administrator Member Customer Giáo viên biên soạn: Nguyễn Như Kiên Trang 17
  18. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk  Administrator: là thành viên quản trị của hệ thống, có các quyền và chức năng như: tạo các tài khoản, quản lý sản phẩm, quản trị người dùng, quản lý hoá đơn  Member: là hệ thống thành viên có chức năng: Đăng kí, đăng nhập, tìm kiếm, xem, sửa thông tin cá nhân, xem giỏ hàng, đặt hàng, xem thông tin về các hóa đơn đã lập.  Customer: Là khách vãng lai có chức năng: Đăng kí, tìm kiếm, xem thông tin sản phẩm, xem giỏ hàng, đặt hàng. Giáo viên biên soạn: Nguyễn Như Kiên Trang 18
  19. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk System Tìm kiếm thông tin về sản phẩm Xem thông tin về sản phẩm ĐăngXem kí giỏ thành hàng viên Customer Thêm sản phẩm vào giỏ hàng Đăng kí thành viên Đặt hàng Đăng nhập Member Administrator ĐăngĐăng nhập xuất Đổi mật khẩu XemSửa hóa thông đơn mua tin Memberhàng XemMua Lịch hàng sử giao dịch (HĐ đã lập) Thêm hãng ThêmThêm, sửa sản, xóa thông tinphẩm sản phẩm Sửa thông tin sản phẩm Xoá sản phẩm Xoá Member Liệt kê, cấp Xóaquyền Member, xoá User Liệt kê, tìm kiếm hóa đơn Chuyển đơn hàng chưa thanh toán->Đã thanh toán Hình 1.1. Biểu đồ Use Case Giáo viên biên soạn: Nguyễn Như Kiên Trang 19
  20. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 1.3.1. Các chức năng của đối tượng Customer (Khách vãng lai) Khi tham gia vào hệ thống thì họ có thể xem thông tin, tìm kiếm sản phẩm, đăng ký là thành viên của hệ thống, chọn sản phẩm vào giỏ hàng, xem giỏ hàng, đặt hàng. 1.3.1.1. Chức năng đăng ký thành viên Description: Dành cho khách vãng lai đăng ký làm thành viên để có thêm nhiều chức năng cho việc mua bán sản phẩm, cũng như tạo mối quan hệ lâu dài với công ty. Qua đó, thành viên sẽ được hưởng chế độ khuyến mại đặc biệt. Input: Khách vãng lai phải nhập đầy đủ các thông tin (*: là thông tin bắt buộc) Tên đăng nhập: (*) Mật khẩu: (*) Nhập lại mật khẩu (*) Họ và tên: Nhập họ và tên. (*) Email: nhập email. (*) Địa chỉ: Nhập địa chỉ của Member. (*) Điện thoại: Nhập điện thoại. (*) Nhập mã an toàn: (*) Process: Kiểm tra thông tin nhập. Nếu thông tin chính xác sẽ lưu thông tin vào CSDL và thêm thông tin của thành viên đó vào CSDL. Output: Đưa ra thông báo đăng ký thành công hoặc yêu cầu nhập lại nếu thông tin không hợp lệ 1.3.1.2. Chức năng tìm kiếm sản phẩm + Input: Nhập vào hoặc lựa chọn thông tin tìm kiếm theo Hãng, theo Giá, theo tên sản phẩm, theo chủng loại + Process: Lấy thông tin sản phẩm từ CSDL theo các trường tìm kiếm. + Output: Hiện chi tiết thông tin sản phẩm thỏa mãn yêu cầu tìm kiếm. 1.3.1.3. Chức năng xem thông tin sản phẩm + Description: Cho phép xem chi tiết thông tin của sản phẩm. + Input: Chọn sản phẩm cần xem. Giáo viên biên soạn: Nguyễn Như Kiên Trang 20
  21. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk + Process: Lấy thông tin sản phẩm từ CSDL thông qua ID. + Output: Hiện chi tiết thông tin sản phẩm. 1.3.1.4. Chức năng giỏ hàng + Description: Cho phép xem chi tiết giỏ hàng. + Input: Click chọn vào giỏ hàng. + Process: Lấy thông tin sản phẩm từ CSDL thông qua ID. ID này được lấy từ biến session lưu các thông tin về mã sản phẩm và số lượng của từng sản phẩm mà khách hàng chọn vào giỏ hàng. + Output: Hiển thị thông tin về tên sản phẩm, ảnh, đơn giá, số lượng, thành tiền, tổng tiền của sản phẩm. 1.3.1.5. Chức năng đặt hàng + Description: Cho phép tất cả các khách hàng có thể đặt hàng mà không cần phải là thành viên của hệ thống. + Input: Sau khi xem giỏ hàng, khách hàng có nhu cầu đặt hàng qua mạng thì có thể click vào nút đặt hàng và điền một số thông tin cần thiết để người quản trị có thể xác nhận thông tin và giao hàng trực tiếp đến đúng địa chỉ một cách nhanh nhất có thể. + Process: Lưu thông tin về khách hàng và thông tin hóa đơn đặt hàng vào các bảng trong cơ sở dữ liệu. + Output: Đưa ra thông báo đơn đặt hàng đã được lập thành công hoặc không thành công. 1.3.2. Các chức năng của đối tượng Member (thành viên) Thành viên có tất cả các chức năng giống như khách vãng lai và còn có thêm một số chức năng khác như: 1.3.2.1. Chức năng đăng nhập + Description: Cho Member login vào hệ thống. + Input: Người dùng nhập vào các thông tin về username, password để login. + Process: Kiểm tra username và password của người dùng nhập vào và so sánh với username và password trong CSDL. Giáo viên biên soạn: Nguyễn Như Kiên Trang 21
  22. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk + Output: nếu đúng cho đăng nhập và hiển thị các chức năng của Member, ngược lại hiển thị thông báo yêu cầu nhập lại nếu thông tin không chính xác. 1.3.2.2. Chức năng đăng xuất + Description: Cho phép người dùng đăng xuất khỏi hệ thống khi không còn nhu cầu sử dụng hệ thống. + Input: Người dùng click vào nút thoát trên hệ thống. + Process: Tiến hành xóa session lưu thông tin đăng nhập để dừng phiên làm việc của tài khoản Member trong hệ thống. + Output: Quay trở lại trang hiện hành. Ẩn hết các chức năng của Member. 1.3.2.3. Chức năng đổi mật khẩu + Description: Cho phép thay đổi mật khẩu. + Input: Người dùng điền thông tin mật khẩu cũ và mới. + Process: Kiểm tra thông tin người dùng nhập vào. Nếu đúng thì cập nhật các thông tin mới, ngược lại thì không. + Output: Hiển thị thông báo thành công nếu thông tin nhập vào chính xác hoặc hiển thị thông báo yêu cầu nhập lại nếu thông tin không chính xác 1.3.2.4. Chức năng xem hóa đơn đã được lập + Description: Cho phép Member xem các hóa đơn mua hàng của mình. + Input: Click chọn lịch sử giao dịch trên menu của Member. + Process: Gọi trang hiển thị thông tin hóa đơn đã được lập của Member đó + Output: Hiển thị thông tin chi tiết các hóa đơn. 1.3.3 Chức năng của Administrator 1.3.3.1. Các chức năng quản lý Member Chức năng xoá Member: + Description: Giúp Admin có thể xóa Member ra khỏi CSDL. + Input: Chọn Member cần xóa. Giáo viên biên soạn: Nguyễn Như Kiên Trang 22
  23. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk + Process: Lấy các thông tin của Member và hiển thị ra màn hình để chắc chắn rằng Admin xóa đúng Member cần thiết. + Output: Load lại danh sách Member để biết được đã xoá thành công Member ra khỏi CSDL 1.3.3.2. Các chức năng quản lý Sản Phẩm Chức năng chỉnh sửa thông tin sản phẩm: + Description: Giúp Admin thay đổi thông tin của sản phẩm đã có trong CSDL. + Input: Admin nhập thông tin mới của sản phẩm. + Process: Cập nhật thông tin mới cho sản phẩm. + Output: Hiển thị thông báo đã cập nhật sản phẩm. Chức năng xoá sản phẩm: + Description: Giúp Admin có thể xoá sản phẩm + Input: Chọn sản phẩm cần xoá + Process: Xoá trong CSDL + Output: Load lại danh sách sản phẩm Chức năng thêm sản phẩm: + Description: Giúp Admin có thể thêm sản phẩm mới. + Input: Admin nhập vào những thông tin cần thiết của sản phẩm mới. + Process: Kiểm tra xem những trường nào không được để trống. Nếu tất cả đều phù hợp thì thêm vào database. Ngược lại thì không thêm vào database. + Output: Load lại danh sách sản phẩm để xem sản phẩm mới đã được thêm vào CSDL Chức năng khuyến mại đối với sản phẩm: + Description: Giúp Admin có thể gán cho sản phẩm một chương trình khuyến Mại + Input: Chọn hãng của sản phẩm và tên của sản phẩm. + Process: Thêm thông tin khuyến mại vào trong CSDL + Output: Load lại danh sách sản phẩm để xem thông tin khuyến mại vừa đưa vào Giáo viên biên soạn: Nguyễn Như Kiên Trang 23
  24. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 1.3.3.3. Các chức năng quản trị người dùng Chức năng xoá với người dùng: + Description: Giúp Admin có thể xoá người dùng. + Input: Tìm User cần xoá và chọn biểu tượng xoá . + Process: Xoá User ra khỏi CSDL + Output: Load lại danh sách người dùng để xem thông tin vừa thay đổi. 1.3.3.4. Các Chức Năng Đối Với Hóa Đơn Đặt Hàng Chức năng xem thông tin chi tiết các đơn đặt hàng (đang chờ được xử lý, đang xử lý, đã hoàn thành,hoặc hoá đơn bị huỷ bỏ): + Description: Xem chi tiết đơn đặt hàng có trong CSDL + Input: Chọn tên hoá đơn hoặc tên khách hàng của hoá đơn đó. + Process: Lấy toàn bộ thông tin chi tiết của đơn đặt hàng có trong CSDL. + Output: Hiển thị chi tiết thông tin trong đơn đặt hàng. Chức năng chuyển các đơn đặt hàng chưa thanh toán thành hóa đơn đã thanh toán: + Description: Sau khi khách hàng xác nhận đặt hàng, hoá đơn sẽ được lưu vào trong CSDL. Admin gọi điện cho khách hàng để xác nhận thông tin. Nếu đúng hoá đơn sẽ được chuyển sang bộ phận giao hàng, sau khi thực hiện giao dịch thành công hoá đơn được hoàn tất, trong quá trình xử lý hoá đơn khách hàng có thể huỷ bỏ hoá đơn đặt hàng đó. + Input: Admin chọn những hoá đơn cần xử lý + Process: Xứ lý thay đổi của hoá đơn. + Output: Load lại danh sách hoá đơn để xem lại sự thay đổi của hoá đơn. CÂU HỎI ÔN TẬP Câu hỏi 1: Hãy trình bày các yêu cầu của một trang website trưng bày các sản phẩm linh kiện máy tính tại một cửa hàng tin học? Câu hỏi 2: Hãy xác định các chức năng của trang website của một cửa hàng tin học? Giáo viên biên soạn: Nguyễn Như Kiên Trang 24
  25. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bài 2: XÂY DỰNG CƠ SỞ DỮ LIỆU Mục tiêu: Thực hiện phân tích và thiết kế cơ sở dữ liệu của một số mô hình thương mại điện tử; Thiết kế được cơ sở dữ liệu phù hợp cho website; Lựa chọn được hệ quản trị cơ sở dữ liệu phù hợp với qui mô dữ liệu; Cài đặt được cơ sở dữ liệu trên hệ quản trị đã chọn; Có thái độ nghiêm túc, khoa học, sáng tạo. 2.1. Thiết kế cơ sở dữ liệu Việc tổ chức dữ liệu phải giải quyết được các yêu cầu đã phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn khách hàng Một phương pháp sử dụng khá rộn rãi từ trước đến nay là quản lí theo từng nhóm sản phẩm. Mỗi nhóm sẽ có một mã nhóm và tên nhóm để nhận biết. Đối với Website này, với các sản phẩm, các sản phẩm sẽ tương ứng với mã hãng và mã loại sản phẩm của nó và mã đó sẽ làm khóa chính trong bảng đó. Sau đây là một số bảng cơ sở dữ liệu chính trong toàn bộ cơ sở dữ liệu: 2.1.1 Bảng giohang Dùng để lưu thông tin về giỏ hàng của khách hàng Name Type Null Chú thích Id_giohang Int(10) No Mã giỏ hàng id Int(10) No Mã sản phẩm user Varchar(255) No Tên user soluong Int(10) No Số lượng tinhtrang Text No Tình trạng ngaydat datetime No Ngày đặt hàng Bảng 1. Bảng giohang 2.1.2.Bảng hoadon Dùng để lưu thông tin về đơn hàng Giáo viên biên soạn: Nguyễn Như Kiên Trang 25
  26. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Name Type Null Chú thích Id-hoadon Int(10) No Mã hóa đơn hoten Varchar(255) No Tên khách hàng diachi Text No Địa chỉ email Varchar(255) No Email dienthoai Int(20) No Điện thoại fax Int(20) No Fax cty Varchar(255) No Công ty id Int(10) No Mã sản phẩm soluong Int(10) No Số lượng Bảng 2. Bảng hoadon 2.1.3.Bảng lienhe Dùng để quản lí các thắc mắc liên hệ của khách hàng Name Type Null Chú thích Id-lienhe Int(10) No Mã liên hệ hoten Text No Họ tên cty Text No Công ty email Text No Email dienthoai Int(20) No Điện thoại fax Int(20) No Fax diachi Text No Địa chỉ noidung Text No Nội dung ngaylienhe Datetime No Ngày liên hệ Bảng 3. Bảng lienhe 2.1.4.Bảng loaisanpham Dùng để quản lí danh mục loại sản phẩm Name Type Null Chú thích Id-loai Int(10) No Mã loại sp Id_nhom Int(11) No Mã nhóm sản phẩm Giáo viên biên soạn: Nguyễn Như Kiên Trang 26
  27. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk tenloaisp Text No Tên loại sản phẩm ghichu Varchar(255) No Ghi chú Bảng 4. Bảng loaisanpham 2.1.5.Bảng nhomsanpham Dùng để quản lý nhóm sản phẩm Name Type Null Chú thich Id_nhom Int(10) No Mã nhóm sản phẩm tennhom Varchar(255) No Tên nhóm sản phẩm Chuthich Text No Chú thích Bảng 5. Bảng nhomsanpham 2.1.6.Bảng sanpham Dùng để quản lý sản phẩm Name Type Null Chú thích Id Int(20) No Mã sản phẩm Id_loai Int(10) No Mã loại sản phẩm tensp Text No Tên sản phẩm mota Text No Mô tả hinh Text No Hình ảnh gia Int(15) No Đơn giá ghichu Text No Ghi chú soluongban Int(10) No Số lượng Id_menu Int(10) No Mã menu Bảng 6. Bảng sanpham 2.1.7. Bảng thanhvien Dùng để quản lý thành viên Type Null Chú thích Name hoten Varchar(255) No Họ tên diachi Varchar(255) No Địa chỉ Giáo viên biên soạn: Nguyễn Như Kiên Trang 27
  28. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk email Varchar(255) No Email dienthoai Int(20) No Điện thoại user Varchar(255) No Tên đăng nhập pass Varchar(32) No password hieuluc Int(10) No Hiệu lực capquyen Int(10) No Quyền Bảng 7. Bảng thanhvien 2.1.8. Sơ đồ thực thể liên kết Bảng 2.1 . Sơ đồ thực thể liên kết Giáo viên biên soạn: Nguyễn Như Kiên Trang 28
  29. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 2.2 Sơ đồ thực thể liên kết 2.2. Lựa chọn và cài đặt hệ quản trị cơ sở dữ liệu * Lựa chọn ngôn ngữ PHP là chữ viết tắt của “Personal Home Page” do Rasmus Lerdorf tạo ra năm 1994. Vì tính hữu dụng của nó và khả năng phát triển, PHP bắt đầu được sử dụng trong môi trường chuyên nghiệp và nó trở thành “PHP: Hypertext Preprocessor” Thực chất PHP là ngôn ngữ kịch bản nhúng trong HTML, nói một cách đơn giản đó là một trang HTML có nhúng mã PHP, PHP có thể được đặt rải rác trong HTML. PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một công nghệ phía máy chủ (Server-Side) và không phụ thuộc vào môi trường (cross-platform). Đây là hai yếu tố rất quan trọng, thứ nhất khi nói công nghệ phía máy chủ tức là nói đến mọi thứ trong PHP đều xảy ra trên máy chủ, thứ hai, chính vì tính chất không phụ thuộc môi trường cho phép PHP chạy trên hầu hết trên các hệ điều hành như Windows, Unix và nhiều biến thể của nó Đặc biệt các mã kịch bản PHP viết trên máy chủ này sẽ làm việc bình thường trên máy chủ khác mà không cần phải chỉnh sửa hoặc chỉnh sửa rất ít. Giáo viên biên soạn: Nguyễn Như Kiên Trang 29
  30. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Khi một trang Web muốn được dùng ngôn ngữ PHP thì phải đáp ứng được tất cả các quá trình xử lý thông tin trong trang Web đó, sau đó đưa ra kết quả ngôn ngữ HTML. Khác với ngôn ngữ lập trình, PHP được thiết kế để chỉ thực hiện điều gì đó sau khi một sự kiện xảy ra (ví dụ, khi người dùng gửi một biểu mẫu hoặc chuyển tới một URL). Tại sao nên dùng PHP Để thiết kế Web động có rất nhiều ngôn ngữ lập trình khác nhau để lựa chọn, mặc dù cấu hình và tính năng khác nhau nhưng chúng vẵn đưa ra những kết quả giống nhau. Chúng ta có thể lựa chọn cho mình một ngôn ngữ: ASP, PHP, Java, Perl và một số loại khác nữa. Vậy tại sao chúng ta lại nên chọn PHP. Rất đơn giản, có những lí do sau mà khi lập trình Web chúng ta không nên bỏ qua sự lựa chọn tuyệt vời này. PHP được sử dụng làm Web động vì nó nhanh, dễ dàng, tốt hơn so với các giải pháp khác. PHP có khả năng thực hiện và tích hợp chặt chẽ với hầu hết các cơ sở dữ liệu có sẵn, tính linh động, bền vững và khả năng phát triển không giới hạn. Đặc biệt PHP là mã nguồn mở do đó tất cả các đặc tính trên đều miễn phí, và chính vì mã nguồn mở sẵn có nên cộng đồng các nhà phát triển Web luôn có ý thức cải tiến nó, nâng cao để khắc phục các lỗi trong các chương trình này PHP vừa dễ với người mới sử dụng vừa có thể đáp ứng mọi yêu cầu của các lập trình viên chuyên nghiệp, mọi ý tuởng của các bạn PHP có thể đáp ứng một cách xuất sắc. * Cài đặt hệ quản trị cơ sở dữ liệu MySQL Có thể sử dụng một trong các phầm sau để cài đặt MySQL: Wam, Apache, Vertrigo Hướng dẫn cài đặt Apache: Bước 1: Bạn cài đặt bình thường bằng cách nhấp vào file exe. Bước 2: Phần mềm sẽ cho bạn chọn cần cài những module nào. Hãy giữ nguyên tất cả như hình dưới và nhấn next. Giáo viên biên soạn: Nguyễn Như Kiên Trang 30
  31. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 2.3 Hình 2.4 Bước 3: Trong giao diện dưới: Server Name: Bạn nhập vào localhost Email: Bạn nhập vào email của bạn Port: Mặc định là 80, tuy nhiên nếu máy bạn đã cài IIS thì có thể chỉnh thành 81 để chạy dịch vụ bên appserv. Nhấn next để qua trang kế tiếp. Bước 4: Trong giao diện bên dưới ta điền thông tin như sau: Hình 2.5 Enter root password: Bạn gõ vào root Re-enter root password: nhập lại 1 lần nữa root Ở phần: Enable InnoDB bạn đánh dấu vào. Để MYSQL sử lý được các ứng dụng có bật chế độ InnoDB. Nhấn next để hoàn tất việc cài đặt.Sau khi cài đặt xong bạn gõ vào trình duyệt : Giáo viên biên soạn: Nguyễn Như Kiên Trang 31
  32. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 2.6 2.3. Cài đặt cơ sở dữ liệu MySQL là hệ quản trị cơ sở dữ liệu tuyệt vời cho Web php và nó là miễn phí được tích hợp trong gói mà chúng ta đã cài đặt trước đó: Giới thiệu php, cài đặt PHP, Apache, MYSQL. Hôm nay chúng ta sẽ tiến hành tạo, thêm, xóa sửa csdl trên giao diện phpMyadmin. Chuẩn bị: Mở IE hay bất kỳ trình duyệt web nào. Gõ và đăng nhập. 2.3.1. Tạo Database (CSDL – Cơ Sở Dữ Liệu) Bước 1. Nhắp Home Bước 2. Trong mục Create new database, khai báo: . Ô trên: đặt tên CSDL . Ô dưới: chọn utf8_general_ci (thể hiện được tiếng việt) Bước 3. Nhắp Create Ví dụ: Tạo database tên : giohang Hình 2.7 Giáo viên biên soạn: Nguyễn Như Kiên Trang 32
  33. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 2.3.2. Tạo Table (bảng) Bước 1. Chọn database Bước 2. Mục Name: khai báo tên table muốn tạo (ví dụ: theloai) Bước 3. Mục Number of fields: khai báo số field trong table (ví dụ: 4) Bước 4. Nhắp nút Go Hình 2.8 Bước 5. Khai báo các field trong table Bước 6. Nhắp nút Save Hình 2.9 2.3.3. Thêm dữ liệu vào Table (bảng) Bước 1. Chọn table Bước 2. Nhắp link Insert (xem hình) Bước 3. Nhập dữ liệu Giáo viên biên soạn: Nguyễn Như Kiên Trang 33
  34. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bước 4. Nhắp nút Go Hình 2.10 2.3.4. Xem dữ liệu trong Table (bảng) Bước 1. Chọn table muốn xem dữ liệu Bước 2. Nhắp link Browse (xem hình) Mỗi lần hiện 30 records Ví dụ: Xem dữ liệu trong table theloai: Hình2.11 2.3.5.Xóa / Sửa dữ liệu trong Table (bảng) Bước 1. Chọn table muốn xóa sửa (ví dụ theloai). Bước 2. Nhắp link Browse. Bước 3. Hiệu chỉnh/xóa: Sửa record: Nhắp nút Edit (cây viết) trên dòng chứa record (xem hình). Xóa record : Nhắp nút Drop (dấu chéo) trên dòng chứa record (xem hình). Giáo viên biên soạn: Nguyễn Như Kiên Trang 34
  35. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 2.12 2.3.6. Sửa cấu trúc Table (bảng): Bước 1. Chọn table Bước 2. Nhắp link Structure Bước 3.Chỉnh field: Nhắp nút Change (cây viết) Xóa field : Nhắp nút Drop (dấu chéo) Thêm field : Nhắp nút Go trong mục Add Hình 2.13 Ví dụ: Sửa chiều dài của field TenTL trong table theloai từ 255 xuống còn 100. Hình 2.14 Giáo viên biên soạn: Nguyễn Như Kiên Trang 35
  36. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 2.3.7. Đổi tên Table (bảng) Bước 1. Chọn table Bước 2. Nhắp link Operations Bước 3. Rename table to: gõ tên mới Bước 4. Nhắp nút Go Hình 2.15 2.3.8. Xóa Table (bảng) Bước 1. Chọn table Bước 2. Nhắp link Drop Hình 2.16 Chú ý: ở bước 1, nếu bạn chọn database thì có nghĩa là xóa database. 2.3.9. Import Table (bảng) Bước 1. Chọn database Bước 2. Nhắp link Import Bước 3. Nhắp nút Browse để chọn file .sql Bước 4. Nhắp nút Go Giáo viên biên soạn: Nguyễn Như Kiên Trang 36
  37. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Ví dụ: Import dữ liệu từ file db1.sql (sau bài này bạn có thể tự cơ sở dữ liệu đơn giản và test lại). Hình 2.17 2.3.10. Export Table (bảng): xuất table ra file .sql Bước 1. Chọn database Bước 2. Nhắp link Export Bước 3. Export: chọn các table cần export Bước 4. Chọn kiểu file là .SQL Bước 5. Save as file: click chọn Bước 6. Nhắp nút Go Bước 7. Nhắp nút Save Bước 8. Khai báo: tên file, địa chỉ lưu Bước 9. Nhắp nút Save Ví dụ: Export tất cả các table trong database tintuc ra file dbtin.sql Hình 1.18 Giáo viên biên soạn: Nguyễn Như Kiên Trang 37
  38. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 2.3.11. Xoá Database (CSDL) Bước 1. Nhắp tên database Bước 2. Nhắp link Drop Ví dụ: Xóa database tintuc Hình 2.19 Vậy là ta đã thực hiện được các bước cơ bản để quản trị mysql bằng giao diện phpMyadmin. CÂU HỎI ÔN TẬP Câu hỏi 1: Hãy trình bày các bước cài đặt hệ quản trị cơ sở dữ liệu MySQL? Câu hỏi 2: Hãy thực hiện tạo cơ sở dữ liệu cho website bán hàng? Giáo viên biên soạn: Nguyễn Như Kiên Trang 38
  39. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bài 3: THIẾT KẾ WEB Mục tiêu: Biết cách tạo các trang web phù hợp với cấu trúc của site; Biết cách tạo phong cách, cung cấp nội dung phù hợp với từng trang; Chuẩn bị đầy đủ các nội dung cần xuất bản, các dữ liệu đa phương tiện cần thiết:âm thanh, hình ảnh, video, phù hợp với mục đích của website; Sử dụng các công cụ thiết kế web tạo được site đúng mục tiêu; Có thái độ tỉ mỉ, khoa học, chính xác, sáng tạo. 3.1 Chuẩn bị dữ liệu 3.1.1 Nội dung website Các tác nhân của hệ thống gồm có: Administrator Member Customer  Administrator: là thành viên quản trị của hệ thống, có các quyền và chức năng như: tạo các tài khoản, quản lý sản phẩm, quản trị người dùng, quản lý hoá đơn  Member: là hệ thống thành viên có chức năng: Đăng kí, đăng nhập, tìm kiếm, xem, sửa thông tin cá nhân, xem giỏ hàng, đặt hàng, xem thông tin về các hóa đơn đã lập.  Customer: Là khách vãng lai có chức năng: Đăng kí, tìm kiếm, xem thông tin sản phẩm, xem giỏ hàng, đặt hàng. Giáo viên biên soạn: Nguyễn Như Kiên Trang 39
  40. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk System Tìm kiếm thông tin về sản phẩm Xem thông tin về sản phẩm ĐăngXem kí giỏ thành hàng viên Customer Thêm sản phẩm vào giỏ hàng Đăng kí thành viên Đặt hàng Đăng nhập Member Administrator ĐăngĐăng nhập xuất Đổi mật khẩu XemSửa hóa thông đơn mua tin Memberhàng XemMua Lịch hàng sử giao dịch (HĐ đã lập) Thêm hãng ThêmThêm, sửa sản, xóa thông tinphẩm sản phẩm Sửa thông tin sản phẩm Xoá sản phẩm Xoá Member Liệt kê, cấp Xóaquyền Member, xoá User Liệt kê, tìm kiếm hóa đơn Chuyển đơn hàng chưa thanh toán->Đã thanh toán Hình 3.1. Biểu đồ Use Case Giáo viên biên soạn: Nguyễn Như Kiên Trang 40
  41. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 3.1.1.1. Các chức năng của đối tượng Customer (Khách vãng lai) Khi tham gia vào hệ thống thì họ có thể xem thông tin, tìm kiếm sản phẩm, đăng ký là thành viên của hệ thống, chọn sản phẩm vào giỏ hàng, xem giỏ hàng, đặt hàng. 3.1.1.1.1. Chức năng đăng ký thành viên Description: Dành cho khách vãng lai đăng ký làm thành viên để có thêm nhiều chức năng cho việc mua bán sản phẩm, cũng như tạo mối quan hệ lâu dài với công ty. Qua đó, thành viên sẽ được hưởng chế độ khuyến mại đặc biệt. Input: Khách vãng lai phải nhập đầy đủ các thông tin (*: là thông tin bắt buộc) Tên đăng nhập: (*) Mật khẩu: (*) Nhập lại mật khẩu (*) Họ và tên: Nhập họ và tên. (*) Email: nhập email. (*) Địa chỉ: Nhập địa chỉ của Member. (*) Điện thoại: Nhập điện thoại. (*) Nhập mã an toàn: (*) Process: Kiểm tra thông tin nhập. Nếu thông tin chính xác sẽ lưu thông tin vào CSDL và thêm thông tin của thành viên đó vào CSDL. Output: Đưa ra thông báo đăng ký thành công hoặc yêu cầu nhập lại nếu thông tin không hợp lệ 3.1.1.1.2. Chức năng tìm kiếm sản phẩm + Input: Nhập vào hoặc lựa chọn thông tin tìm kiếm theo Hãng, theo Giá, theo tên sản phẩm, theo chủng loại + Process: Lấy thông tin sản phẩm từ CSDL theo các trường tìm kiếm. + Output: Hiện chi tiết thông tin sản phẩm thỏa mãn yêu cầu tìm kiếm. 3.1.1.1.3. Chức năng xem thông tin sản phẩm + Description: Cho phép xem chi tiết thông tin của sản phẩm. + Input: Chọn sản phẩm cần xem. Giáo viên biên soạn: Nguyễn Như Kiên Trang 41
  42. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk + Process: Lấy thông tin sản phẩm từ CSDL thông qua ID. + Output: Hiện chi tiết thông tin sản phẩm. 3.1.1.1.4. Chức năng giỏ hàng + Description: Cho phép xem chi tiết giỏ hàng. + Input: Click chọn vào giỏ hàng. + Process: Lấy thông tin sản phẩm từ CSDL thông qua ID. ID này được lấy từ biến session lưu các thông tin về mã sản phẩm và số lượng của từng sản phẩm mà khách hàng chọn vào giỏ hàng. + Output: Hiển thị thông tin về tên sản phẩm, ảnh, đơn giá, số lượng, thành tiền, tổng tiền của sản phẩm. 3.1.1.1.5. Chức năng đặt hàng + Description: Cho phép tất cả các khách hàng có thể đặt hàng mà không cần phải là thành viên của hệ thống. + Input: Sau khi xem giỏ hàng, khách hàng có nhu cầu đặt hàng qua mạng thì có thể click vào nút đặt hàng và điền một số thông tin cần thiết để người quản trị có thể xác nhận thông tin và giao hàng trực tiếp đến đúng địa chỉ một cách nhanh nhất có thể. + Process: Lưu thông tin về khách hàng và thông tin hóa đơn đặt hàng vào các bảng trong cơ sở dữ liệu. + Output: Đưa ra thông báo đơn đặt hàng đã được lập thành công hoặc không thành công. 3.1.1.2. Các chức năng của đối tượng Member (thành viên) Thành viên có tất cả các chức năng giống như khách vãng lai và còn có thêm một số chức năng khác như: 3.1.1.2.1. Chức năng đăng nhập + Description: Cho Member login vào hệ thống. + Input: Người dùng nhập vào các thông tin về username, password để login. + Process: Kiểm tra username và password của người dùng nhập vào và so sánh với username và password trong CSDL. Giáo viên biên soạn: Nguyễn Như Kiên Trang 42
  43. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk + Output: nếu đúng cho đăng nhập và hiển thị các chức năng của Member, ngược lại hiển thị thông báo yêu cầu nhập lại nếu thông tin không chính xác. 3.1.1.2.2. Chức năng đăng xuất + Description: Cho phép người dùng đăng xuất khỏi hệ thống khi không còn nhu cầu sử dụng hệ thống. + Input: Người dùng click vào nút thoát trên hệ thống. + Process: Tiến hành xóa session lưu thông tin đăng nhập để dừng phiên làm việc của tài khoản Member trong hệ thống. + Output: Quay trở lại trang hiện hành. Ẩn hết các chức năng của Member. 3.1.1.2.3. Chức năng đổi mật khẩu + Description: Cho phép thay đổi mật khẩu. + Input: Người dùng điền thông tin mật khẩu cũ và mới. + Process: Kiểm tra thông tin người dùng nhập vào. Nếu đúng thì cập nhật các thông tin mới, ngược lại thì không. + Output: Hiển thị thông báo thành công nếu thông tin nhập vào chính xác hoặc hiển thị thông báo yêu cầu nhập lại nếu thông tin không chính xác 3.1.1.2.4. Chức năng xem hóa đơn đã được lập + Description: Cho phép Member xem các hóa đơn mua hàng của mình. + Input: Click chọn lịch sử giao dịch trên menu của Member. + Process: Gọi trang hiển thị thông tin hóa đơn đã được lập của Member đó + Output: Hiển thị thông tin chi tiết các hóa đơn. 3.1.1.3. Chức năng của Administrator 3.1.1.3.1. Các chức năng quản lý Member Chức năng xoá Member: + Description: Giúp Admin có thể xóa Member ra khỏi CSDL. + Input: Chọn Member cần xóa. Giáo viên biên soạn: Nguyễn Như Kiên Trang 43
  44. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk + Process: Lấy các thông tin của Member và hiển thị ra màn hình để chắc chắn rằng Admin xóa đúng Member cần thiết. + Output: Load lại danh sách Member để biết được đã xoá thành công Member ra khỏi CSDL 3.1.1.3.2. Các chức năng quản lý Sản Phẩm Chức năng chỉnh sửa thông tin sản phẩm: + Description: Giúp Admin thay đổi thông tin của sản phẩm đã có trong CSDL. + Input: Admin nhập thông tin mới của sản phẩm. + Process: Cập nhật thông tin mới cho sản phẩm. + Output: Hiển thị thông báo đã cập nhật sản phẩm. Chức năng xoá sản phẩm: + Description: Giúp Admin có thể xoá sản phẩm + Input: Chọn sản phẩm cần xoá + Process: Xoá trong CSDL + Output: Load lại danh sách sản phẩm Chức năng thêm sản phẩm: + Description: Giúp Admin có thể thêm sản phẩm mới. + Input: Admin nhập vào những thông tin cần thiết của sản phẩm mới. + Process: Kiểm tra xem những trường nào không được để trống. Nếu tất cả đều phù hợp thì thêm vào database. Ngược lại thì không thêm vào database. + Output: Load lại danh sách sản phẩm để xem sản phẩm mới đã được thêm vào CSDL Chức năng khuyến mại đối với sản phẩm: + Description: Giúp Admin có thể gán cho sản phẩm một chương trình khuyến Mại + Input: Chọn hãng của sản phẩm và tên của sản phẩm. + Process: Thêm thông tin khuyến mại vào trong CSDL + Output: Load lại danh sách sản phẩm để xem thông tin khuyến mại vừa đưa vào Giáo viên biên soạn: Nguyễn Như Kiên Trang 44
  45. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 3.1.1.3.3. Các chức năng quản trị người dùng Chức năng xoá với người dùng: + Description: Giúp Admin có thể xoá người dùng. + Input: Tìm User cần xoá và chọn biểu tượng xoá . + Process: Xoá User ra khỏi CSDL + Output: Load lại danh sách người dùng để xem thông tin vừa thay đổi. 3.1.1.3.4. Các Chức Năng Đối Với Hóa Đơn Đặt Hàng Chức năng xem thông tin chi tiết các đơn đặt hàng (đang chờ được xử lý, đang xử lý, đã hoàn thành,hoặc hoá đơn bị huỷ bỏ): + Description: Xem chi tiết đơn đặt hàng có trong CSDL + Input: Chọn tên hoá đơn hoặc tên khách hàng của hoá đơn đó. + Process: Lấy toàn bộ thông tin chi tiết của đơn đặt hàng có trong CSDL. + Output: Hiển thị chi tiết thông tin trong đơn đặt hàng. Chức năng chuyển các đơn đặt hàng chưa thanh toán thành hóa đơn đã thanh toán: + Description: Sau khi khách hàng xác nhận đặt hàng, hoá đơn sẽ được lưu vào trong CSDL. Admin gọi điện cho khách hàng để xác nhận thông tin. Nếu đúng hoá đơn sẽ được chuyển sang bộ phận giao hàng, sau khi thực hiện giao dịch thành công hoá đơn được hoàn tất, trong quá trình xử lý hoá đơn khách hàng có thể huỷ bỏ hoá đơn đặt hàng đó. + Input: Admin chọn những hoá đơn cần xử lý + Process: Xứ lý thay đổi của hoá đơn. + Output: Load lại danh sách hoá đơn để xem lại sự thay đổi của hoá đơn. 3.1.2 Dữ liệu đa phương triện Website có sử dụng các đa phương tiện như: video, hình ảnh, ảnh động, Flash để làm website thêm sinh động và thu hút người xem. 3.2 Xây dựng giao diện các trang web 3.2.1 Định dạng trang Định dạng trang chủ: trang chủ phải thể hiện được các sản phẩm của lĩnh vực kinh doanh. Các sản phẩm được hiển thị đẹp, thu hút người xem. Giáo viên biên soạn: Nguyễn Như Kiên Trang 45
  46. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 3.2 Giao diện trang chủ Trang chủ “Index.php”: Là trang chính, chứa tất cả các mục để lựa chọn. Từ trang chủ khách hàng có thể tìm thấy mọi thông tin cần thiết: - Thông tin về các loại sản phẩm với giao diện gần gũi, thân thiện và dễ sử dụng từ đó khách hàng có thể đặt mua cho mình những sản phẩm yêu thích, phù hợp với túi tiền - Các bài viết hay về thể giới máy tính được quản trị hệ thống chọn lọc - Bạn có thắc mắc, góp ý với công ty 3.2.2. Nhập nội dung trang Xây dựn hệ thống menu theo nhóm và phân loại các sản phẩm Giáo viên biên soạn: Nguyễn Như Kiên Trang 46
  47. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Tại giao diện quản trị website Hình 3.3. Thực hiện thêm nhóm sản phẩm Hình 3.4 Thực hiện thêm loại sản phẩm Hình 3.5 Thực hiện thêm các sản phẩm Giáo viên biên soạn: Nguyễn Như Kiên Trang 47
  48. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 3.2.3 Tạo các hiệu ứng Sử dụng ngôn ngữ CSS để tạo thêm các hiệu ứng, trang trí website bán hàng, tạo sức thu thú người xem. 3.2.4 Tạo các liên kết Tạo các liên kết với các website khác, để quản cáo thông tin, đưa thông tin sản phẩm đến với người sử dụng. CÂU HỎI ÔN TẬP Câu hỏi 1: Hãy thực hiện thiết kế hệ thống Menu cho trang website bán các linh kiện, máy vi tính tại một cửa hàng tin học? Câu hỏi 2: Hãy cập nhật thông tin các sản phẩm linh kiện máy tính, máy vi tính lên website bán hàng? Giáo viên biên soạn: Nguyễn Như Kiên Trang 48
  49. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bài 4: LẬP TRÌNH CHO WEBSITE Mục tiêu: Hiểu được các yêu cầu xử lý dữ liệu của site; Biết được các luồng dữ liệu giữa các đối tượng, tiến trình xử lý trong site; Đặc tả được các chức năng, tiến trình xử lý dữ liệu; Viết được mã lệnh kết nối và tương tác trên cơ sở dữ liệu của site nhằm thực hiện các chức năng chính: tìm kiếm, giỏ hàng, lập đơn hàng, thanh toán. Ngoài ra, thực hiện một số chức năng hệ thống khác như: đăng ký khách hàng, liên hệ khách hàng, ; Xác định thái độ làm việc nghiêm túc, khoa học, sáng tạo. 4.1 xây dựng gian hàng Use-case quản lý sản phẩm Interface Control +Danh sách sản phẩm + Thông tin + Thêm() : int +Sửa () : int + Chi tiết SP () : void +Xoá() : int login Database - username Process Admin - pass - ID sản phẩm : int + login () + Thêm() : int +Sửa () : int +Xoá() : int Hình 4.1. Use-case quản lý sản phẩm - Lớp biên: Login, Interface - Lớp điều khiển: Control - Lớp thực thể: Database Giáo viên biên soạn: Nguyễn Như Kiên Trang 49
  50. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk / Kiểm tra (user / pass ) Ðăng nhập(user/pass) _Login D a P n a h T g S X h e s ử o ê L Kết quả á á a m o c ( ( h a ) ( ) ) d P_rocess T Admin ( L Kết quả ) ( ) ) ( á o X C_ontrol X oá ; () ) S ( Kết quả ửa a ( Th ) ử êm s ( ; ) ) ( m ê h T Database Hình 4.2. Biểu đồ cộng tác chức năng cập nhật Hình 4.3 Giao diện quản lý các sản phẩm trên website; Giáo viên biên soạn: Nguyễn Như Kiên Trang 50
  51. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Chức năng thêm mới sản phẩm Control Admin l_ogin P_rocess Dat_abase Đăng nhập( user / pass) Kiểm tra (user /pass) Yêu cầu chọn thao tác Hiển thị danh sách() Thêm mới () Thêm mới () Thêm mới () Kết quả Kết quả Kết quả Hình 4.4. Biểu đồ tuần tự chức năng thêm sản phẩm mới Hình 4.5 Giao diện thêm mới sản phẩm Giáo viên biên soạn: Nguyễn Như Kiên Trang 51
  52. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Chức năng sửa thông tin sản phẩm login Control Admin P_rocess Database Đăng nhập( user / pass) Kiểm tra(user/ pass) Yêu cầu thao tác Chọn chỉnh sửa SP Danh sách SP() Chọn sản phẩm () Lấy SP (id) Lấy SP (id) Kết quả Kết quả Hiển thị() Chỉnh sửa () Chỉnh sửa () Sửa() Kết quả Kết quả Kết quả Hình 4.6 Biểu đồ tuần tự chức năng sửa thông tin sản phẩm Hình 4.7 Giao diện sửa thông tin sản phẩm: Giáo viên biên soạn: Nguyễn Như Kiên Trang 52
  53. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Chức năng xóa sản phẩm: Admin login Control Process _ _ Dat_abase Đăng nhập( user / pass) Kiểm tra (user /pass) Yêu cầu chọn thao tác Chọn xoá SP Danh sách tài liệu() Chọn sản phẩm() Thao tác Xoá() Xoá(id) Xoá(id) Kết quả Kết quả Kết quả Hình 4.8. Biểu đồ tuần tự chức năng xóa sản phẩm Tương tự đối với Use-case quản lý người dùng hệ thống và quản lý khách hàng (với các chức năng thêm, sửa, xóa). 4.2 Tìm kiếm thông tin Use-case tìm kiếm Interface Control + Xem chi tiêt() : void + Tìm kiếm() : void + Tìm kiếm() : void + Tìm kiếm các SP tương tự () : void +Tìm kiếm nâng cao() : void Database User Hình 4.9. Use case tìm kiếm Giáo viên biên soạn: Nguyễn Như Kiên Trang 53
  54. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk / Hiển thị () Click on Tìm kiếm() Interface ả ) u ) ( q ( ết d m K a ế o i L k e g m ì User a T Lấy dữ liệu() P Da_tabase C_ontrol Hình 4.10. Biểu đồ cộng tác chức năng tìm kiếm - Lớp biên: Interface - Lớp điều khiển: Control - Lớp thực thể: Database Dưới đây là biểu đồ tuần tự. User I_nterface C_ontrol Database Yêu cầu tìm kiếm (Từ khóa) Tìm kiếm(Từ khóa ) Lấy dữ liệu() Kết quả Kết quả Hiển thị() Hình 4.11. Biểu đồ tuần tự chức năng tìm kiếm Giáo viên biên soạn: Nguyễn Như Kiên Trang 54
  55. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 4.12 Giao diện tìm kiếm sản phẩm 4.3 Xây dựng giỏ hàng  Xem thông tin về sản phẩm Begin Click chọn vào sản phẩm cần xem Lấy Mã SP từ biến session Lấy thông tin của SP có mã đó trong CDSL Hiển thị thông tin chi tiết SP đã có trong CSDL End Hình 4.13. Biểu đồ hoạt động xem thông tin về sản phẩm Giáo viên biên soạn: Nguyễn Như Kiên Trang 55
  56. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk  Thêm sản phẩm vào giỏ hàng Begin Xem sản phẩm Click chọn sản phẩm thêm vào giỏ hàng Kiểm tra biến session đã có Mã SP này chưa ? No Lưu Mã SP và số lượng vào biến session Tiếp tục thêm sản phẩm vào giỏ hàng End Hình 4.14. Biểu đồ chức năng thêm SP vào giỏ hàng Hình 4.15 Giao diện xem và thêm sản phẩm vào giỏ hàng Giáo viên biên soạn: Nguyễn Như Kiên Trang 56
  57. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 4.4 Lập đơn hàng  Đặt hàng Begin Member chọn và nhập số lượng sản phẩm Cập nhật thông tin sản phẩm được chọn vào CSDL Hiển thị thông báo thành công End Hình 4.16. Biểu đồ chức năng đặt hàng Hình 4.17 Giao diện đặt hàng trên website Giáo viên biên soạn: Nguyễn Như Kiên Trang 57
  58. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 4.5 Thanh toán đơn hàng Giao diện quản lý các đơn đặt hàng của khách hàng Hình 4.18 Lựa chọn đơn đặt hàng cần giải quyết, liên lạc và xuất hàng theo đơn đặt hàng 4.6 Đăng ký thành viên Biểu đồ hoạt động  Đăng nhập Begin Nhập Hiển thị thông báo username, yêu cầu nhập lại password thông tin hoặc tài khoản chưa kích hoạt Thông tin đăng nhập No phù hợp với CSDL ? Yes Hiển thị thông báo đăng nhập thành công và lưu thông tin đăng nhập vào session End Hình 4.19. Biểu đồ hoạt động đăng nhập vào hệ thống Giáo viên biên soạn: Nguyễn Như Kiên Trang 58
  59. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk  Đăng xuất Begin Click vào link logout Xóa session lưu thông tin đăng nhập Thông báo logout thành công End Hình 4.20. Biểu đổ hoạt động thoát ra khỏi hệ thống Chức năng đăng nhập: Member Interface PCroocncterosls Database 1:[Chọn chức năng Đăng nhập] Gửi yêu cầu đăng nhập 2:Nhập UserName và Password 3: Kiểm tra User 4: Kiểm tra 5: Xác thực thành công 6: Xác thực thành công 7: Thông báo đăng nhập thành công 8:[Chọn chức năng đổi mật khẩu] Gửi yêu cầu đổi mật khẩu 9: Hiện chức năng đổi mật khẩu 10: Nhập và xác nhận Password mới 11: Thay đổi Password 12: Thay đổi Password 13: Xác nhận thay đổi thành công 14: Xác nhận thay đổi thành công 15: Thông báo đổi Password thành công Hình 4.21. Biểu đồ tuần tự chức năng đăng nhập Giáo viên biên soạn: Nguyễn Như Kiên Trang 59
  60. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 4.22 Giao diện đăng nhập thành viên Chức năng đăng ký thành viên CCuussttoomeer Interface PCroocnctreosls Database 1:[Chọn chức năng đăng kí thành viên] Gửi yêu cầu 2: Hiển thị form đăng ký 3: Nhập các thông tin đăng ký 4: Kiểm tra UserName này đã có trong CSDL chưa 5: Kiểm tra 6:(Nếu có) Xác nhận đã tồn tại 7: Xác nhận đã tồn tại Gọi lại form Đăng ký để nhập lại {OR} 6: Xác nhận đăng ký thành công 7: Xác nhận thành công 8: Thông báo đăng ký thành viên thành công Hình 4.23. Biểu đồ tuần tự chức năng đăng ký thành viên Giáo viên biên soạn: Nguyễn Như Kiên Trang 60
  61. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình 4.24 Giao diện đăng ký thành viên 4.7 Liên hệ Hình 4.25 Giao diện thông tin liên hệ CÂU HỎI ÔN TẬP Câu hỏi 1: Hãy thực hiện thiết kế các chức năng tìm kiếm thông tin, xây dựng giỏ hàng, lập đơn hàng, thanh toán đơn hàng cho website bán hàng? Câu hỏi 2: Hãy thực hiện thiết kế các chức năng đăng ký thành viên, đăng nhập và liên hệ khách hàng? Giáo viên biên soạn: Nguyễn Như Kiên Trang 61
  62. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bài 5: HOÀN THIỆN VÀ XUẤT BẢN WEBSITE Mục tiêu: Biết được một số công cụ xuất bản Website; Biết được một số dịch vụ và cách đăng ký tên miền; Xuất bản được website lên thư mục cục bộ, kiểm tra tổng thể các chức năng của site; Lựa chọn được máy chủ, tên miền phù hợp; Xuất bản thành công site lên internet; 5.1. Chọn và đăng ký tên miền cho website Hướng dẫn đăng ký tên miền miến phí .TK và .CO.CC 5.1.1 Tên miền miễn phí .TK Đây là một dạng tên miền miễn phí đáng giá, bạn có Control Panel để quản trị tên miền, có đủ tính năng DNS, Forward Tuy là tên miền miễn phí nhưng bạn có thể sử dụng tốt và đầy đủ chức năng như tên miền .com .net thông thường. Để đăng ký tên miền .TK bạn thực hiện theo từng bước đơn giản sau: Bước 1: Truy cập vào địa chỉ www.dot.tk Hình 5.1Giao diện website đăng ký tên miền .TK miễn phí Giáo viên biên soạn: Nguyễn Như Kiên Trang 62
  63. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bước 2: Kiểm tra sự tồn tại của tên miền bạn muốn đăng ký Hình 5.2Nhập tên miền để kiêm tra sự tồn tại Bước 3: Nhập địa chỉ email và lựa chọn hình thứ c sử dụng cho tên miền. Ở bước này bạn có thể cấu hình để sử dụng chức năng Forward, dùng DNS riêng hay tạo bản ghi A cho tên miền Hình 5.3 Nhập thông tin máy chủ cần kết nối Giáo viên biên soạn: Nguyễn Như Kiên Trang 63
  64. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bước 4: Bạn nhập Username và Password để tạo một tài khoản trên dot.tk. Hệ thống sẽ gửi một email vào địa chỉ bạn đã cung cấp, hãy bấm vào link trong email để kích hoạt tên miền miễn phí của bạn. Đến lúc này bạn đã chính thức sở hữu một tên miền miễn phí với đuôi mở rộng .TK 5.1.2. Tên miền miễn phí CO.CC Là tên miền miễn phí được đánh giá rất cao. Ngoài việc cho phép thiết lập DNS, tên miền miễn phí CO.CC có phần mở rộng khá thân thiện, dễ nhớ và gần với tên miền .com. Tên miền miễn phí CO.CC hỗ trợ đầy đủ các bản ghi CNAME,A,MX,NS,TXT vì vậy bạn có thể đăng ký để sử dụng với dịch vụ rất phổ biến: Google Apps. Sau khi đăng ký, bạn có thể quản trị tên miền qua Control Panel, việc tạo subdomain khá dễ dàng. Để đăng ký tên miền miễn phí CO.CC bạn thực hiện theo các bước sau: Bước 1: Truy cập vào địa chỉ www.co.cc Hình 5.4Website đăng ký tên miền .CO.CC miễn phí Bước 2: Tạo một tài khoản người dùng Hình 5.5 Nhập thông tin tên miền cần đăng ký Giáo viên biên soạn: Nguyễn Như Kiên Trang 64
  65. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bước 3: Kiểm tra sự tồn tại của tên miền bạn muốn đăng ký và bấm "Đăng ký". Vậy là xong, bạn đã sở hữu một tên miền miễn phí .CO.CC, việc đăng ký tên miền miễn phí ở đây là cực kỳ đơn giản và nhanh gọn. Tuy vậy bạn lưu ý cần cài đặt tên miền trong vòng 48h sau khi đăng ký, nếu không đăng ký của bạn sẽ bị hủy bỏ 5.2. Chọn và đăng ký máy chủ cho website Có rất nhiều dịch vụ cung cấp các hosting miễn phí nhưng xét về tính ổn định và không gian lưu trữ thì hosting 000webhost.com có lẽ là một lựa chọn tốt nhất. Khi đến với hosting, bạn sẽ được cung cấp một dung lượng lưu trữ trực tuyến là 1500MB, băng thông 100GB/tháng, một Custom Panel (cPanel), và đặc biệt hơn là không có bất kì mẫu quảng cáo nào. Hình 5.6 Website cung cấp dịch vụ hosting miễn phí Trước hết, bạn truy cập vào website www.000webhost.com rồi nhấn nút Sign Up. Ở cửa sổ Order Free Web Hosting, bạn cần đặt tên cho tên miền của mình dạng abc.com tại ô I want to host my own domain hoặc đặt tên miền phân cấp tại I will choose your free subdomain. Kế đến, bạn cần khai báo thông tin cá nhân và thông tin bảo mật tại các ô: Your name-tên bạn, Your email-địa chỉ Giáo viên biên soạn: Nguyễn Như Kiên Trang 65
  66. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk email, Password-mật khẩu ít nhất 6 kí tự, Type password again-nhập lại mật khẩu,mã hiển thị (Enter the number you see in the image), rồi đánh dấu kiểm vào I agree to Terms of Service để đồng ý với các điều khoản của dịch vụ và nhấn Create My Account. Hình 5.7 Đăng ký nhận hosting miễn phí Khi đăng kí thành công thì 24 giờ sau, bạn đăng nhập vào hộp thư của mình và tìm thư có nội dung Account ‘tên miền’ is ready!. Trong thư này, bạn cần lưu ý các thông số FTP Hostname, FTP Username, FTP Password ở mục File Upload Details, bởi vì nó sẽ được sử dụng vào việc đưa dữ liệu lên Internet. Ngoài ra, sau khi tài khoản đã hoạt động thì bạn đăng nhập vào CPanel sẽ tìm thấy được rất nhiều thông tin về tài khoản của mình tại View Account Details và tên máy chủ của domain (ns01.000webhost.com và ns02.000webhost.com). Giáo viên biên soạn: Nguyễn Như Kiên Trang 66
  67. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 5.3. Chọn công cụ xuất bản Phần mềm FileZilla 5.3.1. Cách download phần mềm FileZilla: Download phần mềm FileZilla từ trang chủ Hình 5.8 Giao diện Download phần mềm FileZilla 5.3.2. Hướng dẫn cài đặt (trên Windows) Chạy file cài đặt vừa tải về. Hình 5.9 .Chọn “I Agree”. Sau đó nhấn Next cho đên khi hoàn thành. Giáo viên biên soạn: Nguyễn Như Kiên Trang 67
  68. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Hình5.10 công phần mềm FTP Client FileZilla. Nhấp Finish và khởi động chương trình. 5.3.3. Hướng dẫn sử dụng chương trình Giao diện chính của chương trình như sau: Hình 5.11. Giao diện chính FileZilla Để sử dụng được dịch vụ FTP của Vinahost, bạn cần có những thông tin như sau: Giáo viên biên soạn: Nguyễn Như Kiên Trang 68
  69. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk - Host: tên miền ftp hoặc IP của bạn. Ví dụ dev81.vinahost.vn - Username: Tài khoản FTP của bạn - Password: Mật khẩu của tài khoản FTP - Port: cổng dịch vụ FTP của VinaHost. Thông thường sẽ là 21. 5.3.4. Một số lỗi hay gặp và cách khắc phục Lỗi này xảy ra khi không chứng thực được người dùng. Kiểm tra lại kĩ Username và password. Chú ý tài khoản thường và tài khoản chính. Hình5.12 Lỗi kết nối đến máy chủ Kết nối bị time out. Sai cổng dịch vụ, tên miền chưa trỏ tới IP webhosting của vinahost Kiểm tra lại cấu hình tên miền đã trỏ tới đúng IP vinahost cung cấp chưa. Hoặc ở mục Host có thể gõ trực tiếp IP mà vinahost cung cấp, còn các thông số khác như cũ. Hình 5.13 Quá trình kế nối sảy ra lỗi Giáo viên biên soạn: Nguyễn Như Kiên Trang 69
  70. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 5.4. Xuất bản website Thao tác "upload Webstite Website" (hay website bất kỳ) lên Server/Hosting chỉ gồm 3 bước: • Upload thư mục chứa Website lên Server • Nhập (import) dữ liệu từ localhost lên Server • Chỉnh sửa các thông số 5.4.1 Xuất bản website lên thư mục cục bộ Các bước xuất bản website lên thư mục cụ bộ Bước 1: Tạo cơ sở dữ liệu cho trang website trên localhost Bước 2: Đưa Website vào thư mục gốc của localhost Hình 5.14 Thư mục gốc của localhost Giáo viên biên soạn: Nguyễn Như Kiên Trang 70
  71. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bước 3: Kiểm tra và thay đổi thông tin tập tin “configuration.php” Bước 4: Chạy thử và sửa lỗi Hình 5.15 Truy cập website trên localhost 5.4.2 Xuất bản website lên Internet Bước 1: Cần sử dụng một công cụ FTP (File Transfer Protocol) chẳng hạn: FileZilla, SmartFTP, Net2FTP để copy thư mục Website của bạn lên Server/Hosting. Giáo viên biên soạn: Nguyễn Như Kiên Trang 71
  72. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Bước 2: Nhập (import) dữ liệu từ localhost lên Server * Xuất (export) dữ liệu từ localhost ra tệp *.sql  Mở công cụ "phpMyAdmin"  Chọn database Website  Chọn nút "Export" (trong thanh công cụ phía trên cùng)  Chọn "Add DROP TABLE / DROP VIEW" và "Add IF NOT EXISTS" (nếu có trong khung "Structure")  Chọn "Save as file"  Lưu file *.sql * Nhập (export) dữ liệu từ localhost ra tệp *.sql  Mở công cụ "phpMyAdmin"  Chọn database chứa Website (nếu chưa có hãy tạo nó)  Chọn "Import"  Nhấn nút "Browser" và chọn file *.sql mà bạn đã sao lưu Website Nhấn nút "Go" để khôi phục Bước 3: Chỉnh sửa các thông số (quan trọng) Mở file "configuration.php" và sửa các thông số sau cho phù hợp Giáo viên biên soạn: Nguyễn Như Kiên Trang 72
  73. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk Nếu muốn hỗ trợ thêm truy cập FTP trong Website chỉnh sửa thêm các thông số: Chú ý: - Nếu không cần thiết hãy tạm disbale các thông số liên quan tới FTP $ftp_enable = '0'; - Địa chỉ Website của có thể là địa chỉ cơ bản (VD: ' hoặc địa chỉ con (VD: ' tùy theo bạn đặt website ở thư mục gốc trên Server hay lồng trong thư mục con. Địa chỉ tuyệt đối tới thư mục website có thể là: var $absolute_path = '/www'; var $absolute_path = '/public_html'; var $absolute_path = '/www/suavitinh.com.vn/demo'; var $absolute_path = 'D:\www\suavitinh.com.vn'; CÂU HỎI ÔN TẬP Câu hỏi 1: Hãy thực hiện xuất bản website bán hàng lên thư mục cụ bộ? Câu hỏi 2: Hãy thực hiện xuất bản website bán hàng lên Internet? Giáo viên biên soạn: Nguyễn Như Kiên Trang 73
  74. Giáo trình Thiết kế website thương mại Trường Cao đẳng nghề Đắk Lắk 5. Danh mục tài liệu tham khảo [1]-Dương Tố Dung, Giáo trình thương mại điện tử dành cho doanh nghiệp, 2005. [2]- Website : www.tienphong-vdc.com.vn. [3]- Các website thương mại; 6. Dự kiến kế hoạch thực hiện THỜI GIAN TT NỘI DUNG CÔNG VIỆC GHI CHÚ HOÀN THÀNH Xây dựng đề cương giáo trình 23/10/2014 Biên soạn nội dung chi tiết 23/11/2014 7. Duyệt đề cương Trưởng Khoa / Trưởng bộ môn Chủ biên Nguyễn Như Kiên HIỆU TRƯỞNG Giáo viên biên soạn: Nguyễn Như Kiên Trang 74