Thiết kế giao diện website

Một phần của tài liệu Nghiên cứu xây dựng mô hình website thương mại điện tử hiện đại, áp dụng công nghệ tiên tiến phục vụ phát triển ngành công thương (Trang 62 - 126)

III. Yêu cầu xây dựng mơ hình website TMĐT hiện đại

2. Phân tích thiết kế website thương mại điện tử

2.3. Thiết kế giao diện website

2.3.1 Giao diện trang chủ khách hàng

Hình 18: Giao diện trang chủ khách hàng của website thương mại điện tử

2.3.2 Giao diện quy trình chọn hàng và thanh toán của khách hàng

Khách hàng chọn hàng và đưa hàng vào giỏ. Trước khi chuyển sang bước thanh toán, khách hàng xem chi tiết giỏ hàng.

2.3.2 Giao diện trang dành cho người quản trị

Phần dành cho người quản trị bao gồm các phần chính: Cấu hình chung; Quản lý người dùng; Quản lý ngôn ngữ; Quản lý module; Quản lý Menu; Quản lý nội dung và Quản lý mua bán hàng.

Hình 25: Trang quản lý người dùng

CHƯƠNG IV - MỘT SỐ KIẾN NGHỊ VÀ KẾT LUẬN

Nhiệm vụ KHCN nghiên cứu áp dụng một mơ hình website thương mại điện tử hiện đại, áp dụng công nghệ tiên tiến phục vụ phát triển ngành công thương cho công tác hỗ trợ doanh nghiệp trong giao dịch thương mại điện tử đã được thực hiện, hoàn thành theo các hạng mục công việc được ký kết giữa Bộ Công Thương và Cục TMĐT vàCNTT trên cơ sở cơng nghệ và quy trình tiên tiến BUY-SHIP -PAY mà UN/CEFACT đã khuyến cáo áp dụng trong thương mại.

Các khuyến nghị sau nhằm để hoàn thiện việc áp dụng một mơ hình website thương mại điện tử hiện đại, có khả năng triển khai vào thực tế hiệu quả:

- Các cơ quan chức năng cần phối hợp ban hành văn bản hướng dẫn quy định rõ và giúp cộng đồng các doanh nghiệp phân biệt rõ các website thương mại điện tử và website thường. Từ đó, cộng đồng các doanh nghiệp, dân chúng sẽ dễ dàng áp dụng hơn khi thực hiện kinh doanh dịch vụ hay trực tiếp tham gia giao dịch TMĐT.

- Bên cạnh thông tư 09 về quy định giao kết hợp đồng trên mạng, các tiêu chí của 1 website thương mại điện tử và vai trò, chức năng của chủ website thương mại điện tử theo tiêu chí của liên minh ATA (Phụ lục kèm theo) cần được giới thiệu cho tất cả cộng đồng các doanh nghiệp, dân chúng hiểu, nâng cao nhận thức và có lịng tin khi thực hiện kinh doanh dịch vụ hay trực tiếp tham gia giao dịch TMĐT.

- Bộ Công Thương phối hợp với các tổ chức Hiệp hội, các doanh nghiệp để phổ biến, hướng dẫn các đối tượng sử dụng rộng rãi và tiến hành hoàn thiện tiếp kết quả nhiệm vụ KHCN này.

- Các ứng dụng bổ sung chức năng website thương mại điện tử này theo quy trình tiên tiến BUY-SHIP-PAY mà UN/CEFACT đã khuyến cáo áp dụng trong thương mại cần thống nhất và phát triển trên cơ sở sử dụng mã nguồn mở để tiết kiệm chi phí bản quyền phần mềm theo chủ trương của Chính phủ.

PHỤ LỤC 1: HƯỚNG DẪN CÀI ĐẶT, SỬ DỤNG JOOMLA I. Cài đặt Joomla:

1. Cài đặt Wampserver:

Để xây dựng một website dựa trên mã nguồn mở Joomla, trước tiên cần có một máy chủ để Joomla chạy trên đó. Cách đơn giản nhất để tạo một máy chủ trên máy tính của bạn đó là sử dụng gói phần mềm WAMPSERVER. WAMPSERVER bao gồm những thành phần chính: máy chủ Apache; cơ sở dữ liệu MySQL; Ngôn ngữ kịch bản cho máy chủ PHP.

Trong phần hướng dẫn dưới đây, chúng tôi sẽ hướng dẫn bạn cài đặt

WAMPSERVER trên hệ điều hành Window theo từng bước Các bước cài đặt WAMPSERVER:

• Bước 1: Tải phần mềm cài đặt WAMPSERVER cho hệ điều hành

Window tại địa chỉ http://www.wampserver.com/en/download.php

• Bước 2: Tiến hành chạy phần mềm cài đặt WAMPSERVER

Nếu trên máy của bạn có cài trình duyệt Firefox và

bạn muốn chọn Firefox làm trình duyệt mặc định khi mở http://localhost thì nhấn [Yes]

Điền các thơng số để có thể gửi/nhận mail thơng qua một SMTP server.

Nếu không biết hãy để mặc định và nhấn [Next]

Nhấn nút [Finish] để hồn tất q trình cài đặt

• Bước 3: Hoàn tất và chạy thử

Sau khi cài đặt thành công, bạn sẽ thấy biểu tượng của WAMP ở góc màn hình như dưới đây:

Để chạy thử, nhấn vào mục "localhost" hoặc mở trình duyệt và gõ địa chỉ

http://localhost (hoặc http://127.0.0.1)

Để quản lý cơ sở dữ liệu (database) nhấn vào mục "phpMyAdmin" hoặc mở trình duyệt và gõ vào địa chỉ http://localhost/phpMyAdmin hoặc

2. Tải và giải nén Joomla:

Các bước thực hiện:

• Bước 1: Tạo một thư mục (đặt tên thư mục là "bsp") để chứa Joomla.

Thư mục phải nằm trong thư mục của Wamp tại C:\wamp\www trong

• Bước 2: Tải file nén Joomla phiên bản mới nhất về máy tại địa chỉ http://www.joomla.org/download.html. Tiến hành giải nén file nén trên

bằng phần mềm thích hợp, phần giải nén sẽ được lưu tại thư mục "bsp".

3. Cài đặt Joomla:

Truy cập địa chỉ: http://localhost/bsp/ để tiến hành các bước cài đặt Joomla. Quá trình cài đặt Joomla có tổng cộng 7 bước. Trong quá trình cài đặt, ấn Next để chuyển sang bước tiếp theo:

• Bước 2: Kiểm tra hệ thống trước khi cài đặt. Nếu hệ thống không đáp ứng những yêu cầu tối thiểu được liệt kê (yêu cầu nào khơng đáp ứng có chữ No bên cạnh) thì Joomla khơng thể cài được

• Bước 3: Thơng tin về giấy phép công cộng GNU (nội dung của giấy phép nói về việc sử dụng và phát triển phần mềm mã nguồn mở)

• Bước 4: Cài đặt cơ sở dữ liệu. Tại trang cài đặt cơ sở dữ liệu, điền các thông tin chi tiết về kiểu cơ sở dữ liệu (Database Type), tên máy chủ (Host Name), tên người sử dụng (Username), mật khẩu người dùng, tên cơ sở dữ liệu sử dụng (Database Name), tiền tố cho các bảng trong cơ sở dữ liệu (Table Prefix). Sau khi điền đầy đủ thông tin, chọn Next để chuyển sang bước tiếp theo.

• Bước 5: Cấu hình giao thức truyền file FTP. Trong trường hợp Joomla cài trên hệ điều hành window, khơng cần cấu hình giao thức này. Ấn

Next để chuyển sang các bước tiếp theo

• Bước 6: Cấu hình chung cho website. Điền thơng tin về tên website (Site Name), thông tin về thư điện tử (E-mail) và mật khẩu (Password) của người quản trị (Admin). Ghi chú: Đối với người mới làm quen với Joomla ấn "Install Sample Data" để cài đặt dữ liệu mẫu. Ấn Next để chuyển sang bước tiếp theo

• Bước 7: Kết thúc quá trình cài đặt. Để kết thúc q trình cài đặt, người cài cần phải xóa tồn bộ thư mục "installation" tại "C:\Wamp\www\bsp"

II. Cài đặt môđun mua bán hàng trực tuyến VirtueMart cho Joomla: 1. Tải và giải nén:

• Bước 1: Tải phần mềm VirtueMart phiên bản mới nhất cho Joomla tại địa chỉ

http://virtuemart.net/. File tải xuống là dạng File nén. • Bước 2: Giải nén file tải xuống dưới dạng thích hợp

2. Cài đặt VirtueMart cho Joomla

• Bước 1: Truy cập vào trang quản trị của website tại địa chỉ

http://localhost/bsp/administrator bằng tài khoản và mật khẩu của người quản

trị.

• Bước 2: Truy cập vào phần "install/Uninstall" nằm trong "Extentions" trên thanh thực đơn. Tiến hành tải file "com_virtuemart_1.1.3.j15" trong phần giải nén VirtueMart

• Bước 3: Chọn 1 trong 2 lựa chọn

o Chọn "Go dỉectly to the shop": Để bắt đầu cấu hình mới cho VM mà khơng có bất cứ dữ liệu mẫu nào.

o Chọn "Install SAMPLE DATA": Để chọn cài đặt các dữ liệu mẫu cho VM, nếu lần đầu tiên sử dụng VM thì nên chọn lựa chọn này để tham khảo cách làm việc của VM, sau đó có thể sửa các dữ liệu mẫu này tùy ý.Sau khi chọn sẽ xuất hiện cảnh báo của VM, nhấn OK để đồng ý.

• Bước 4: Tiếp tục cài các thành phần kèm theo khác của VirtueMart (các phần này nằm trong thư mục modules và plugins trong thư mục giải nén của VirtueMart). Các bước cài đặt tương tự các bước trên.

Các thành phần môđun kèm theo bao gồm:

o mod_product_categories: Môđun này cho phép hiển thị danh mục sản phẩm

o mod_productscroller: Môđun này cho phép cuộn sản phẩm tại những nơi trang web sử dụng thẻ marquee

o mod_virtuemart_allinone: Môđun này cho phép hiển thị những sản phẩm mới nhất, sản phẩm đặc biệt và sản phẩm bán chạy dưới dạng ngẫu nhiên.

o mod_virtuemart_cart: Môđun này cho phép hiển thị giỏ hàng mini và có đường dẫn đến trang giỏ hàng chi tiết.

o mod_virtuemart_currencies: Môđun này cho phép hiển thỉ danh sách các loại tiền tệ để bạn có thể lựa chọn cho gian hàng ảo trên trang web của bạn.

o mod_virtuemart_featuredprod: Môđun này cho phép hiển thị những sản phẩm đặc. Những sản phẩm đặc biệt này có trạng thái "on special".

o mod_virtuemart_latestprod: Môđun này cho phép hiển thị những sản phẩm mới nhất

o mod_virtuemart_login: Môđun này cho phép hiển thị form đăng nhập cho người sử dụng VirtueMart.

o mod_virtuemart_manufacturers: Môđun này cho phép hiển thị toàn bộ những nhà sản xuất cung cấp hàng cho gian hàng của bạn và liệt kê những sản phẩm tương ứng với từng nhà sản xuất.

o mod_virtuemart_randomprod: Môđun này cho phép hiển thị sản phẩm một cách ngẫu nhiên.

o mod_virtuemart_search: Môđun này cho phép hiển thị hộp tìm kiếm sản phẩm.

o mod_virtuemart_topten: Môđun này cho phép hiển thị hiển thị những sản phẩm bán chạy.

III. Cài đặt gói ngơn ngữ tiếng Việt cho Joomla: 1. Tải các gói ngơn ngữ tiếng Việt:

Tải các gói ngơn ngữ tiếng Việt cho Joomla tại địa chỉ http://joomlaviet.org/. Có 2 gói ngơn ngữ tiếng Việt cho Joomla:

• Gói ngơn ngữ để Việt hóa trang web dành cho người dùng là khách hàng " vi- VN_joomla_lang_site.1.5.15.rar".

• Gói ngơn ngữ để Việt hóa cho trang quản trị " vi- VN_joomla_lang_admin.1.5.15.rar".

2. Tiến hành cài đặt:

• Bước 1: Truy cập vào trang quản trị của website tại địa chỉ

http://localhost/bsp/administrator bằng tài khoản và mật khẩu của người quản

trị.

• Bước 2: Truy cập vào phần "install/Uninstall" nằm trong "Extentions" trên thanh thực đơn.

• Bước 3: Tiến hành lựa chọn file "vi-VN_joomla_lang_site.1.5.15.rar " theo hình minh họa. Ấn "Upload File & Install" để đưa lên máy chủ và cài đặt gói ngơn ngữ để Việt hóa trang web dành cho người dùng là khách hàng.

• Bước 4: Tiến hành lựa chọn file "" vi-VN_joomla_lang_admin.1.5.15.rar " theo hình minh họa. Ấn "Upload File & Install" để đưa lên máy chủ và cài đặt gói ngơn ngữ để Việt hóa trang web cho trang quản trị.

3. Thiết lập ngôn ngữ tiếng Việt là ngôn ngữ mặc định cho Joomla: 3.1 Thiết lập ngôn ngữ cho trang web người dùng là khách hàng:

• Bước 2: Trong tab Site, chọn Vietnamese-VN

• Bước 3: Kích chuột vào Default để thiết lập ngôn ngữ tiếng Việt cho trang web người dùng

3.2 Thiết lập ngôn ngữ cho trang quản trị:

• Bước 2: Trong tab Administrator, chọn Vietnamese-VN

• Bước 3: Kích chuột vào Default để thiết lập ngôn ngữ tiếng Việt cho trang quản trị

IV. Cài đặt mẫu giao diện cho Joomla:

Hiện Joomla đã ngày càng lớn mạnh: cả về số lượng những người yêu Joomla, số lượng thành phần mở rộng - extension (component, module, mambot/plugin) cũng như số lượng các mẫu giao diện cho Joomla. Thông qua công cụ tìm kiếm trên Internet như Google cùng với từ khóa "Joomla template" bạn có thể tìm được nhiều rất nhiều Website cung cấp mẫu giao diện mà phần lớn trong số đó đều cung cấp miễn phí. Khơng những vậy chúng cịn khá đẹp, có nhiều kiểu dáng, và có thể sử dụng cho nhiều lĩnh vực: tin tức, bán hàng, kinh doanh, bất động sản, rao vặt, thể thao, âm nhạc, điện ảnh, truyền hình, giáo dục... Nếu thoải mái về mặt tài chính bạn cịn có nhiều lựa

bởi các đơn vị chuyên thiết kế và bán mẫu giao diện dành cho Joomla như: Joomlart,

DesignForJoomla, Rockettheme, JoomVision...

Mẫu giao diện dành cho Joomla được đóng gói dưới dạng file nén và rất dễ dàng cài dặt và sử dụng. Để cài đặt và sử dụng các mẫu giao diện dành cho Joomla, bạn có thể làm theo hướng dẫn dưới đây.

1. Tải mẫu giao diện dành cho Joomla:

Bạn có thể tìm được nhiều rất nhiều Website cung cấp mẫu giao diện dành cho Joomla thơng qua cơng cụ tìm kiếm trên Internet như Google cùng với từ khóa "Joomla template". Sau đó bạn tiến hành tải file mẫu giao diện về máy tính của bạn.

Một số trang cung cấp mẫu giao diện cho Joomla:

• http://www.rockettheme.com • http://www.joomlateam.com • http://www.joomplates.com • http://www.best-joomla-templates.com • http://www.designforjoomla.com • … 2. Tiến hành cài đặt:

• Bước 1: Truy cập vào trang quản trị của website tại địa chỉ

http://localhost/bsp/administrator bằng tài khoản và mật khẩu của người

quản trị.

• Bước 2: Truy cập vào phần "install/Uninstall" nằm trong "Extentions" trên thanh thực đơn.

• Bước 3: Tiến hành lựa chọn file mẫu giao diện cho joomla " theo hình minh họa bên trên. Ấn "Upload File & Install"để đưa lên máy chủ và cài đặt

3. Lựa chọn mẫu giao diện hiện thị:

• Bước 2: Lựa chọn mẫu giao diện

PHỤ LỤC 2: THÔNG TƯ SỐ 09/2008/TT-BCT NGÀY 21 THÁNG 7 NĂM 2008 HƯỚNG DẪN NGHỊ ĐỊNH THƯƠNG MẠI ĐIỆN TỬ VỀ CUNG CẤP THÔNG TIN VÀ GIAO KẾT HỢP ĐỒNG TRÊN WEBSITE THƯƠNG MẠI ĐIỆN TỬ

THÔNG TƯ

CỦA BỘ CÔNG THƯƠNG SỐ 09/2008/TT-BCT NGÀY 21 THÁNG 7 NĂM 2008

HƯỚNG DẪN NGHỊ ĐỊNH THƯƠNG MẠI ĐIỆN TỬ

VỀ CUNG CẤP THÔNG TIN VÀ GIAO KẾT HỢP ĐỒNG TRÊN WEBSITE THƯƠNG MẠI ĐIỆN TỬ

Căn cứ Nghị định số 189/2007/NĐ-CP ngày 27 tháng 12 năm 2007 của Chính phủ quy định chức năng, nhiệm vụ, quyền hạn và cơ cấu tổ chức của Bộ Công Thương;

Căn cứ Nghị định số 57/2006/NĐ-CP ngày 09 tháng 6 năm 2006 của Chính phủ về thương mại điện tử;

Bộ Cơng Thương hướng dẫn việc cung cấp thông tin và giao kết hợp đồng trên website thương mại điện tử như sau:

I. NHỮNG QUY ĐỊNH CHUNG 1. Phạm vi điều chỉnh và đối tượng áp dụng

a) Thông tư này điều chỉnh việc cung cấp thông tin và giao kết hợp đồng trên các website thương mại điện tử.

b) Thông tư này được áp dụng đối với:

- Thương nhân sử dụng website thương mại điện tử để bán hàng hóa hoặc cung ứng dịch vụ (sau đây gọi là thương nhân);

- Tổ chức, cá nhân tham gia giao dịch với thương nhân trên website thương mại điện tử (sau đây gọi là khách hàng);

- Tổ chức, cá nhân sở hữu website thương mại điện tử (sau đây gọi là người sở hữu website).

2. Giải thích từ ngữ

Trong Thơng tư này, các từ ngữ dưới đây được hiểu như sau:

a) Website thương mại điện tử là trang thông tin điện tử phục vụ hoạt động thương mại và các hoạt động liên quan đến thương mại.

b) Chức năng đặt hàng trực tuyến là một chức năng được cài đặt trên website thương mại điện tử cho phép khách hàng khởi tạo hoặc phản hồi các thông điệp dữ liệu

để tiến hành giao kết hợp đồng với thương nhân theo những điều khoản được thông báo trên website.

c) Đường dẫn (hyperlink) là một yếu tố của trang thông tin điện tử khi được chọn sẽ đưa người sử dụng tới một khu vực khác trên cùng trang thơng tin đó hoặc một trang thơng tin điện tử khác.

d) Thẻ mô tả (meta-tag) là từ khố được nhúng vào một trang thơng tin điện tử, từ khố này khơng hiển thị trên màn hình nhưng lại có thể đọc được bởi các cơng cụ tìm kiếm khi tìm những trang thơng tin liên quan tới từ khóa đó.

3. Những hành vi vi phạm pháp luật về cung cấp thông tin và giao kết hợp

đồng trên website thương mại điện tử

a) Thương nhân và người sở hữu website thương mại điện tử phải tuân thủ quy định tại Điều 16 Nghị định số 57/2006/NĐ-CP ngày 09 tháng 6 năm 2006 của Chính phủ về thương mại điện tử về các hành vi vi phạm pháp luật về thương mại điện tử.

Một phần của tài liệu Nghiên cứu xây dựng mô hình website thương mại điện tử hiện đại, áp dụng công nghệ tiên tiến phục vụ phát triển ngành công thương (Trang 62 - 126)

Tải bản đầy đủ (PDF)

(126 trang)