ĐỀ CƯƠNG THIẾT KẾ WEBSITE THƯƠNG MẠI

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 1

TRƯỜNG CAO ĐẲ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



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!





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



1. Nội dung tổng quát và phân bổ thời gian:

Số

TT

Tên các bài trong mô đun

Thời gian

Tổng

số

Lý

thuyết

Thực

hành,

Bài tập

Kiểm tra*

(LT hoặc

TH)

1. Xác định cấu trúc, chức năng

nhiệm vụ Website 5 5

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

5. Hoàn thiện và xuất bản

Website 10 3 5 2

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



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



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.



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;



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ừ

http://www.ebook.edu.vn, 2005;

Các website thương mại;

Website :http://vdcsieuthi.vnn.vn, www.tienphong-vdc.com.vn.

http://vdcsieuthi.vnn.vn/

http://www.tienphong-vdc.com.vn/



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





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)





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.



- 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.



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



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



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.



Đăng nhập

Mua hàng

Xem hóa đơn mua

hàng

Thêm hãng

Thêm, sửa, xóa

thông tin sản phẩm

Xóa Member

Chuyển đơn hàng chưa

thanh toán->Đã thanh toán

Đăng kí thành viên

Customer

Member Administrator

Tìm kiếm thông tin

về sản phẩm

Xem thông tin về

sản phẩm

Liệt kê, tìm kiếm

hóa đơn

Sửa thông tin

Member

Xem Lịch sử giao

dịch (HĐ đã lập)

Đổi mật khẩu

Thêm sản phẩm vào

giỏ hàng

Đăng nhập

Đặt hàng

System

Đăng xuất

Thêm hãng


Xem giỏ hàng

Sửa thông tin sản

phẩm

Xoá sản phẩm

Thêm sản

phẩm

Xoá Member

Liệt kê, cấp

quyền, xoá

User

Hình 1.1. Biểu đồ Use Case



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.



+ 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.



+ 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.



+ 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



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?



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




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


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


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


Id-loai Int(10) No Mã loại sp

Id_nhom Int(11) No Mã nhóm sản phẩm



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


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

Name

Type Null Chú thích

hoten Varchar(255) No Họ tên

diachi Varchar(255) No Địa chỉ



email Varchar(255) No Email


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



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.



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.



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 : http://localhost



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õ http://localhost/phpMyAdmin 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



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




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).



Hình 2.12

2.3.6. Sửa cấu trúc Table (bảng):


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



2.3.7. Đổi tên Table (bảng)


Bước 2. Nhắp link Operations

Bước 3. Rename table to: gõ tên mới


Hình 2.15

2.3.8. Xóa Table (bảng)


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 2. Nhắp link Import

Bước 3. Nhắp nút Browse để chọn file .sql




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 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 8. Khai báo: tên file, địa chỉ lưu


Ví dụ: Export tất cả các table trong database tintuc ra file dbtin.sql

Hình 1.18



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 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?



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: 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.

Administrator Member Customer



Đăng nhập

Mua hàng

Xem hóa đơn mua

hàng

Thêm hãng

Thêm, sửa, xóa

thông tin sản phẩm

Xóa Member

Chuyển đơn hàng chưa

thanh toán->Đã thanh toán


Customer

Member Administrator

Tìm kiếm thông tin

về sản phẩm

Xem thông tin về

sản phẩm

Liệt kê, tìm kiếm

hóa đơn

Sửa thông tin

Member

Xem Lịch sử giao

dịch (HĐ đã lập)

Đổi mật khẩu

Thêm sản phẩm vào

giỏ hàng

Đăng nhập

Đặt hàng

System

Đăng xuất

Thêm hãng


Xem giỏ hàng

Sửa thông tin sản

phẩm

Xoá sản phẩm

Thêm sản

phẩm

Xoá Member

Liệt kê, cấp

quyền, xoá

User

Hình 3.1. Biểu đồ Use Case



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.



+ 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.



+ 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.



+ 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



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.



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



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



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 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?



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

+ Chi tiết SP () : void

+ Thông tin

Control

Admin+ Thêm() : int

+Sửa () : int

+Xoá() : int

- ID sản phẩm : int

Process

+ Thêm() : int

+Sửa () : int

+Xoá() : int

+Danh sách sản phẩm

Interface

Database

+ login ()

- username

- pass

login

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



Admin

_Login

_Process

Database

Ðăng nhập(user/pass)

Pa

geL

oad()

Da

nh

sá

ch

TL()

Thê

m( )

Sử

a()

Xoá( )

Thê

m()

;sử

a()

;Xoá()

/ Kiểm tra (user / pass )

_Control

Thêm()

Sửa()

Xoá()Kết quả

Kết quả

Kết quả

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;



Chức năng thêm mới sản phẩm

Admin _ __

Đăng nhập( user / pass)

Kiểm tra

(user /pass)

Yêu cầu chọn thao tác

Thêm mới ()

Thêm mới ()

Thêm mới ()

Kết quả

Kết quả

Kết quả

Hiển thị danh sách ()

Control Process Databaselogin

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



Chức năng sửa thông tin sản phẩm

Kiểm tra(user/ pass)

Yêu cầu thao tác

Chọn chỉnh sửa SP

Chọn sản phẩm ()

Danh sách SP()

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ả

Admin _Control Process Databaselogin


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:



Chức năng xóa sản phẩm:

Chọn xoá SP

Chọn sản phẩm()

Danh sách tài liệu()

Thao tác Xoá()

Xoá(id)

Xoá(id)

Kết quả

Kết quả

Kết quả

Admin _ __ Control Process Databaselogin


Yêu cầu chọn thao tác

Kiểm tra

(user /pass)

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

+ Xem chi tiêt() : void

+ Tìm kiếm() : void

+Tìm kiếm nâng cao() : void

Interface

+ Tìm kiếm() : void

+ Tìm kiếm các SP tương tự () : void

Control

Database

User

Hình 4.9. Use case tìm kiếm



User

Interface

_Control_Database

Click on Tìm kiếm()

Pag

eLo

ad()

Tìm

kiế

m()

Lấy dữ liệu()

Kết quả

/ Hiển thị ()

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 _Interface _Control 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



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

Click chọn vào sản phẩm cần xem

End

Hiển thị thông tin chi tiết SP đã

có trong CSDL

Begin

Lấy Mã SP từ biến

session

Lấy thông tin của SP có mã

đó trong CDSL

Hình 4.13. Biểu đồ hoạt động xem thông tin về sản phẩm



Thêm sản phẩm vào giỏ hàng

Xem sản phẩm

Click chọn sản phẩm

thêm vào giỏ hàng

End

Tiếp tục thêm sản phẩm

vào giỏ hàng

Begin

Lưu Mã SP và số lượng

vào biến session

Kiểm tra biến

session đã có Mã

SP này chưa ?

No

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



4.4 Lập đơn hàng

Đặt hàng

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

End

Hiển thị thông báo

thành công

Begin

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



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

username,

password

Thông tin đăng nhập

phù hợp với CSDL ?

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

Yes

No

Hiển thị thông báo

yêu cầu nhập lại

thông tin hoặc tài

khoản chưa kích

hoạt

Hình 4.19. Biểu đồ hoạt động đăng nhập vào hệ thống



Đă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 Proccess 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

Control

Hình 4.21. Biểu đồ tuần tự chức năng đăng nhập



Hình 4.22 Giao diện đăng nhập thành viên

Chức năng đăng ký thành viên

Custome Interface Proccess 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

{OR}

7: Xác nhận đã tồn tại

Gọi lại form Đăng ký để nhập lại

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

Control

6:(Nếu có) Xác nhận đã tồn tại

Customer

Hình 4.23. Biểu đồ tuần tự chức năng đăng ký thành viên



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 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?



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í

http://www.dot.tk/



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



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ý



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ỉ



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).



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ủ

http://filezilla-project.org/download.php

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.

http://filezilla-project.org/download.php



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:



- 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



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



Bước 3: Kiểm tra và thay đổi thông tin tập tin “configuration.php”

<?php

class JConfig {

var $host = 'xxx'; //Thường là 'localhost'

var $user = 'xxx'; //Tên tài khoản truy nhập CSDL. VD: 'root'

var $password = 'xxx'; //Mật khẩu của tài khoản MySQL. VD: 'vertrigo'

var $db = 'xxx'; //Tên database. VD: 'website'

var $dbprefix = 'xxx'; //Tiền tố của bảng. VD: 'jos_'

var $tmp_path = 'xxx'; //Đường dẫn tới thư mục tạm

var $log_path = 'xxx'; //Đường dẫn tới thư mục log

var $absolute_path = 'xxx'; //Địa chỉ tuyệt đối tới thư mục Website

?>

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.



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

<?php

class JConfig {

var $host = 'xxx'; //Thường là 'localhost'

var $user = 'xxx'; //Tên tài khoản truy nhập CSDL. VD: 'suavitinh'

var $password = 'xxx'; //Mật khẩu của tài khoản MySQL. VD: '123456'

var $db = 'xxx'; //Tên database. VD: 'website'

var $dbprefix = 'xxx'; //Tiền tố của bảng. VD: 'jos_'

var $tmp_path = 'xxx'; //Đường dẫn tới thư mục tạm

var $log_path = 'xxx'; //Đường dẫn tới thư mục log

var $absolute_path = 'xxx'; //Địa chỉ tuyệt đối tới thư mục Website

?>



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ố:

<?php

class JConfig {

var $ftp_host = 'xxx'; //IP của HOST. VD: '192.168.0.2'

var $ftp_port = 'xxx'; //Port FTP. Thường là '21'

var $ftp_user = 'xxx'; //Tên user có quyền upload file bằng FTP

var $ftp_pass = 'xxx'; //Mật khẩu FTP tương ứng

var $ftp_root = 'xxx'; //Đường dẫn tới thư mục Website

var $ftp_enable = 'x'; //'0': Disable, '1': Enable FTP

?>

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:

'http://suavitinh.com.vn') hoặc địa chỉ con (VD:

'http://suavitinh.com.vn/demo') 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 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?



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,

http://www.ebook.edu.vn, 2005.

[2]- Website :http://vdcsieuthi.vnn.vn, www.tienphong-vdc.com.vn.

[3]- Các website thương mại;

6. Dự kiến kế hoạch thực hiện

TT NỘI DUNG CÔNG VIỆC THỜI GIAN

HOÀN THÀNH GHI CHÚ

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

http://vdcsieuthi.vnn.vn/

http://www.tienphong-vdc.com.vn/

Documents

ĐỀ CƯƠNG THIẾT KẾ WEBSITE THƯƠNG MẠI