Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 1 1
Lab 01:
LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE
MỤC TIÊU :
- Tìm hiểu về dịch vụ cung cấp thiết lập Website bán hàng miễn phí
- Hướng dẫn thiết lập 1 website TMĐT
- Hướng dẫn sử dụng và quản trị Website TMĐT
NỘI DUNG
Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp.
Truy cập: http://webstore.ecompany.vn/personal-web-c-3002
Cung cấp các mẫu website để lựa chọn
Chọn ,một mẫu:
Lựa chọn mẫu website phù hợp theo nhu cầu từ danh mục mẫu
Màn hình hiển thị chi tiết thông tin mẫu được chọn:
Cung cấp một số thông tin cơ bản về sản phẩm, hình ảnh cơ bản
Cho phép xem website mẫu.
Tại khung bên trái Click "Cài đặt Website", để tiến hành cài đặt.
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 2 2
Xem thông tin mẫu website trước khi cài đặt.
Màn hình hiển thị thông tin đăng ký cài đặt xuất hiện:
Điều đầy đủ thông tin như hình (Những vùng có dấu * là bắt buộc phải có)
Click "Đăng ký dùng thử website" để tiến hành.
Màn hình đăng ký sử dụng web.
Cửa sổ xác nhận thông tin hiển thị yêu cầu xác nhận thông tin
Click "Đăng ký dùng thử website"
Click Ok
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 3 3
Màn hình xác nhận tiến hành cài đặt.
Chờ vài giây hệ thống sẽ hiển thị kết quả cài đặt và cung cấp địa chỉ truy cập, tài khoản
đăng nhập vào mẫu để sử dụng ngay trang web vừa cài đặt.
Hệ thống tiến hành cài đặt trong vài giây.
Màn hình hiển thị kết quả cài đặt thành công.
Chúc mừng đã cài đặt thành công:
Lưu lại các thông
tin để truy cập
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 4 4
Truy cập vào Website để xem kết quả
Truy cập vào trang Quản trị để quản lý Website
Phần 2: Quản lý thông tin trang web.
Sau khi đã cài đặt thành công, truy cập vào địa chỉ website để xem website hoạt động, để
quản lý, truy cập vào địa chỉ quản lý mà hệ thống cung cấp (thông thường dưới dạng
yourweburl/admin.aspx).
Màn hình đăng nhập hệ thống quản trị.
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 5 5
Hệ thống quản trị website với đầy đủ tính năng cho một website bán hàng.
Sau khi đã đăng nhập vào hệ thống, bắt đầu ngay việc quản lý website. Có rất nhiều ứng
dụng mà hệ thống website cung cấp:
1. Quản trị người dùng
Là tính năng phân quyền người dùng quản trị website, tạo tài khoản cho người quản trị
website và phân quyền quản trị cho tài khoản đó.
Bước 1: Tạo tài khoản hệ thống
- Sau khi đăng nhập vào tài khoản quản trị website , chọn " Cấu hình chung"
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 6 6
- Sau đó Quý khách chọn " Tài khoản hệ thống " :
Bước 2: Sau khi Quý khách chọn" Tạo tài khoản hệ thống " cửa sổ giao diện sẽ hiển thị như
sau
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 7 7
- Tên đăng nhập: Đặt tên người dùng
- Mật khẩu: Đặt mật khẩu quản trị
- Tích chọn các modul của hệ thống để phân quyền cho tài khoản được tạo
- Thêm vào: Tài khoản đã được khởi tạo
Như vậy là đã hoàn thiện cách thức Tạo tài khoản quản trị người dùng của website.
2. Tạo và chỉnh sửa Logo & Banner
Đây là một công cụ hỗ trợ trong việc chỉnh sửa logo banner, nhằm làm cho giao diện
website đẹp và chuyên nghiệp hơn.
Bước 1: Sau khi đăng nhập hệ thống quản trị website, Quý khách chọn "Cấu hình
chung"
Bước 2: Lựa chọn mục "Cài đặt thuộc tính"
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 8 8
Bước 3: Click vào " Duyệt" để lựa chọn banner mong muốn của bạn.
Click vào "Cập nhập" để lưu lại banner vừa chọn. Như vậy là hoàn tất việc cập nhật
banner và logo.
3. Tạo danh mục sản phẩm
Bước 1: Sau khi đăng nhập hệ thống quản trị, chọn "Sản phẩm"
Giao diện quản trị hệ thống iNGA-WebStore
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 9 9
Bước 2: Xóa danh mục sản phẩm
Để xóa danh mục sản phẩm, Quý khách chọn "DS sản phẩm"
Giao diện danh sách sản phẩm
Để xóa được danh mục sản phẩm, Quý khách phải xóa tất cả sản phẩm thuộc danh mục
đó trong phần hiển thị, ẩn và thùng rác.
- Chọn danh mục sản phẩm cần xóa
- Click để chọn ô xóa tất cả sản phẩm
- Chọn "Xóa"
Sau khi đã xóa sản phẩm trong mục hiển thị, sẽ xóa tiếp trong thư mục thùng rác.
Giao diện danh sách sản phẩm
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 10 10
Như vậy là đã hoàn tất việc xóa các sản phẩm trong danh mục. Chọn sang "Danh mục
sản phẩm" để xóa danh mục đã chọn.
Giao diện danh mục sản phẩm
Bước 3: Thêm mới danh mục sản phẩm
Để thêm mới danh mục sản phẩm chọn "Thêm mới"
Giao diện thêm mới sản phẩm
Trong phần này điền thông tin Danh mục sản phẩm cần thêm mới
- Tiêu đề: Tên danh mục sản phẩm cần thêm mới
- Hiển thị RSS: Cho phép các website copy tự động được thông tin từ bài viết của mình
- Hiển thị tại trang chủ: Hiển thị danh mục tại trang chủ
- Hiển thị danh mục con: Hiển thị các danh mục con tại trang chủ
- Thứ tự: Chọn thứ tự cần sắp xếp
- Hỗ trợ SEO: Thông tin hỗ trợ seo lên google
Chọn "Thêm vào"
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 11 11
Giao diện thêm mới danh mục sản phẩm
Bước 4: Tạo danh mục con cho danh mục sản phẩm
Click vào danh mục sản phẩm cần thêm danh mục con.
Ví dụ: Thêm danh mục con "Váy mặc ngày cưới" của danh mục "VÁY CƯỚI"
Giao diện danh mục sản phẩm
Giao diện thêm mới danh mục con
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 12 12
Để thêm các danh mục con khá,c làm tương tự
Sau khi đã thêm mới F5 tại trang chủ website, sẽ thấy danh mục sản phẩm thêm mới.
Giao diện sau khi đã thêm mới danh mục sản phẩm
Như vậy là đã hoàn tất việc Tạo danh mục sản phẩm.
4. Thêm mới, chỉnh sửa sản phẩm
Bước 1: Sau khi đã đăng nhập hệ thống quản trị web, Quý khách chọn "Sản phẩm"
Giao diện quản trị Website tại hệ thống ứng dụng iNGA Webstore
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 13 13
Bước 2: Chọn "DS sản phẩm"
Giao diện danh sách sản phẩm
- Thể thêm mới sản phẩm: Chọn vào "Thêm mới"
- Xóa sản phẩm trong danh sách sản phẩm: Chọn biểu tượng "hình thùng rác"
- Chỉnh sửa sản phẩm: Chọn hình bút chì màu vàng để sửa
Giao diện danh sách sản phẩm
Bước 3: Thêm mới sản phẩm
- Chọn "Thêm mới" sản phẩm
- Điền thông tin của Sản phẩm theo bảng thông tin
Ví dụ: Thêm mới sản phẩm "Váy mặc ngày cưới 001" vào danh mục sản phẩm "Váy mặc ngày
cưới"
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 14 14
Giao diện thêm mới sản phẩm
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 15 15
Bước 4: Chỉnh sửa thông tin sản phẩm
- Để chỉnh sửa thông tin sản phẩm, vào biểu tượng để chỉnh sửa sản phẩm
- Nhập các thông tin, hình ảnh cần chỉnh sửa, và Click vào "Cập nhật" để lưu lại thông tin đã
chỉnh sửa.
5. Quản lý menu chính của website.
Menu chính là thanh điều hướng quan trọng nhất cho trang web, thông thường menu
chính hiển thị các ứng dụng có trên website của bạn. sử dụng OWF, có thể tự quản lý menu
chính của website bằng cách chọn ứng dụng "Quản lý menu chính" tại màn hình quản lý.
Màn hình hiển thị menu chính của hệ thống.
Ứng dụng quản lý menu chính cho phép bạn thêm bớt, hiệu chỉnh hệ thống menu của
website. Bạn có thể điều khiển để menu chính là một trang giới thiệu (Vd: menu giới thiệu),
hay di chuyển đến ứng dụng tin tức (menu thông tin tin tức), hoặc đó là cửa hàng trực tuyến
(menu shop)... Kích hoạt, ẩn hay thay đổi thứ tự hiển thị các menu chính...tất cả những gì cần
thiết cho hệ thống menu của website bạn đều có thể thực hiện được.
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 16 16
6. Quản lý các thông tin khác của website.
Giờ đây ta sẽ quản lý các thông tin chung, cài đặt các thông số để hoàn tất việc thiết kế
trang web của mình. Trước tiên, phải xác định ứng dụng sản phẩm (shop) sẽ là ứng dụng phục
vụ mặc định, đăng banner, thay màu nền trang web, thay đổi các thông tin chân trang, trang
liên hệ... để thực hiện, truy cập ứng dụng: "Cài đặt chung" > "Cài đặt thuộc tính".
Cài đặt các thông tin thuộc tính chung cho trang web.
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT
Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 17 17
Tiếp theo, chúng ta thay đổi tiêu đề, các từ khóa trang web... để tiến hành, chúng ta sử
dụng ứng dụng "Cài đặt chung" > "Cài đặt hệ thống".
Cài đặt chung: tiêu đề, từ khóa, cầu hình Webadmin tool, email hệ thống...
Sau khi hoàn tất, bạn có thể đưa trang web vào sử dụng, bằng cách truy cập vào tên
miền cài đặt, lúc này website đã là một shoping cá nhân để có thể bắt đầu kinh doanh.
Website đã sẵn sàng, bạn hãy bắt đầu kinh doanh.