tears_in_heaven
30-07-2010, 10:11
Với sự trợ giúp của TomatoCart, bạn có thể xây dựng cho mình một website bán hàng với giao diện đẹp và nhiều tính năng chuyên nghiệp.
Bạn tải mã nguồn TomatoCart 1.0.1 (bản tiếng Anh) tại http://tomatocart.com (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm) (dung lượng 15,17MB).
Lưu ý: Do quá trình Việt hóa TomatoCart chưa hoàn chỉnh nên không có gói ngôn ngữ tiếng Việt, gây khó khăn cho người sử dụng. Tuy nhiên, goNews (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm) đã tổng hợp được gói ngôn ngữ tiếng Việt (trang chủ hiển thị gần như đầy đủ tiếng Việt, trang quản trị còn vài chỗ chưa Việt hóa xong). Bạn có thể tải về bản TomatoCart 1.0.1 tích hợp tiếng Việt tại http://www.mediafire.com/?61m8ir64b8fqred (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm) (dung lượng 14,2MB, mật khẩu giải nén là news.goonline.vn).
Cài đặt
Sau khi tải về và giải nén, bạn sẽ được thư mục tomatocart. Bạn tải toàn bộ file trong thư mục lên hosting để cài đặt. Nếu chỉ muốn “vọc” thử mã nguồn TomatoCart (không xuất bản lên Internet và khỏi cần hosting), bạn sử dụng phần mềm AppServ 2.5.10 để tạo server ảo trên máy tính (tải tại đây, dung lượng 16,4MB). Khi cài đến phần Apache HTTP Server Information, bạn điền localhost vào ô Server Name, nhập email bất kỳ vào ô Administrator’s Email Address, rồi nhấn Next để đến phần MySQL Server Configuration. Tại đây, bạn nhập mật khẩu vào hai ô Enter root password và Re-enter root password (nên chọn mật khẩu đơn giản, không chứa ký tự đặc biệt). Xong, bạn nhấn Install và chờ cho quá trình cài đặt hoàn tất, rồi nhấn Finish.
http://farm01.goonline.vn/photo/data/20100729/47574335/9B246EB490FFBFF2ACCD2167210197C4.jpg
Sau đó, bạn dùng trình duyệt truy cập vào địa chỉ localhost. Nếu thấy trang The AppServ Open Project là việc cài server ảo trên máy tính thành công.
Bạn chép thư mục tomatocart đã tải vào thư mục C:\Appserv\www, rồi xóa đi file .htaccess trong thư mục. Tiếp đến, bạn truy cập vào localhost/phpmyadmin, nhập vào ô User Name với tên đăng nhập là root, và nhập mật khẩu đã thiết lập lúc cài AppServ vào ô Password. Tại trang phpMyAdmin, bạn nhập tên tomatocart vào ô trống dưới trường Create new database, rồi nhấn Create. Vậy là bạn đã tạo xong cơ sở dữ liệu mang tên tomatocart.
http://farm01.goonline.vn/photo/data/20100729/47574335/9E833F4FD5CEAA15A61D17AC3927C121.jpg
Bạn truy cập vào localhost/tomatocart bắt đầu cài TomatoCart vào server ảo (nhấn vào hình lá cờ Mỹ hoặc Việt Nam tại mục Language phía trên để chuyển đổi ngôn ngữ, bài này sẽ minh họa với ngôn ngữ tiếng Anh). Tiếp đó, bạn đánh dấu vào ô I agree to the license rồi nhấn Continue hai lần. Đến trang Database Server Setup, bạn gõ localhost vào ô Database Server, nhập tên truy cập (root) và mật khẩu vào hai ô Username và Password. Tại ô Database Name, bạn gõ tên cơ sở dữ liệu đã tạo (chẳng hạn tomatocart). Xong, bạn nhấn Continue và chờ chốc lát. Khi đến trang Web Server, bạn nhấn Continue lần nữa.
http://farm01.goonline.vn/photo/data/20100729/47574335/04E7EB863D9C7ED3A7ED85E949DE2687.jpg
Tại trang Online Store Settings, bạn điền tên cửa hàng, tên bạn vào ô Store Name và Store Owner Name. Đồng thời, bạn đặt tên truy cập và mật khẩu của admin vào ba ô Administrator Username, Administrator Password, Confirm Password. Xong, bạn đánh dấu vào ô Import Sample Data rồi nhấn Continue.
http://farm01.goonline.vn/photo/data/20100729/47574335/2D7F4E90A2825E876C7E97CD628FDD3D.jpg
Khi thấy thông báo Finished, bạn nhấn Administrator Tool để vào trang quản trị (địa chỉ localhost/tomatocart/admin), hoặc nhấn Catalog để xem “diện mạo” của website.
http://farm01.goonline.vn/photo/data/20100729/47574335/51827DDAB002E2DDF6627EC663EBC578.jpg
“Mặt tiền” cửa hàng
http://farm01.goonline.vn/photo/data/20100729/47574335/2A0A5AD7685E9C9C1C635D6A83B230A1.jpg
Giao diện trang quản trị website
Lần đầu truy cập vào trang quản trị, chắc hẳn bạn sẽ rất thích thú vì giao diện được thiết kế rất giống màn hình desktop với hiệu ứng hình ảnh bóng bẩy và trong suốt. Tại hộp thoại Wizard Installation hiện ra, bạn khai báo một vài thông tin về cửa hàng: tên (Store Name), chủ sở hữu (Store Owner), quốc gia (Country), thành phố (Zone), quy ước làm tròn thuế (Tax Decimal Places), số thứ tự đầu tiên dùng làm mã đơn hàng (Invoice Start Number), tên, địa chỉ, quốc gia, số điện thoại cửa hàng (Store Address and Phone). Xong, bạn nhấn Next > Next. Nếu quan tâm đến khối lượng vận chuyển hàng, bạn thiết lập thêm tại bước Shipping / Packaging, rồi nhấn Finish.
http://farm01.goonline.vn/photo/data/20100729/47574335/7882804042A540A633F93D3E3DA914ED.jpg
Thay đổi ngôn ngữ
Để chuyển giao diện website sang tiếng Việt, bạn vào menu Start > Definitions > Languages, nhấn nút Add trong hộp thoại Languages hiện ra. Tại khung Select Language, bạn nhấn vào mũi xổ xuống và chọn vi_VN. Xong, bạn đánh dấu chọn mục Only Add New Records, rồi nhấn Save. Nếu muốn tự dịch lại những phần chưa hoàn chỉnh, bạn nhấn vào biểu tượng http://farm01.goonline.vn/photo/data/20100729/47574335/05881C6F0108FFBEF53C6C3C3540A0DF.jpg bên cạnh tên ngôn ngữ.
http://farm01.goonline.vn/photo/data/20100729/47574335/1FCE16556D950942793250BCB8F2BC81.jpg
Tiếp đến, bạn vào menu Start > Languages, chọn Vietnamese để kích hoạt ngôn ngữ vừa cài (nếu chưa thấy mục Vietnamese, bạn “làm tươi” trình duyệt).
http://farm01.goonline.vn/photo/data/20100729/47574335/BA7724BF3A3278162CD6617DF96F1EF4.jpg
Vào lại trang chủ, giao diện web đã được Việt hóa gần như đầy đủ. Người xem có thể chuyển đổi ngôn ngữ bằng cách nhấp vào hình lá cờ tương ứng (phía dưới thanh tìm kiếm).
Thay đổi giao diện
Nếu muốn khoác “áo” mới cho website, bạn vào Start > Templates > Templates, nhấn nút Add. Bạn nhấn tiếp Browse… tại trường Upload Template và tìm đến file .zip của giao diện cần cài đặt, rồi nhấn Save. Ngoài ra, còn có thêm cách khác để cài đặt giao diện: chép thư mục giao diện vào thư mục templates trong thư mục tomatocart. Để sử dụng giao diện vừa cài, bạn nhấn vào biểu tượng bên cạnh tên giao diện.
http://farm01.goonline.vn/photo/data/20100729/47574335/9C032A4FC025852732C6DEA05C4CF4D5.jpg
Bạn có thể tải về năm mẫu giao diện phù hợp với sản phẩm kinh doanh của cửa hàng tại http://www.mediafire.com/?3dh7dei18itijk8 (mật khẩu giải nén là news.goonline.vn).
Nếu muốn thay đổi logo mẫu thành logo “độc quyền” của cửa hàng, bạn vào Start > Templates > Upload Logo, chọn Browse… tại trường Logo Image và tìm logo cần thay.
http://farm01.goonline.vn/photo/data/20100729/47574335/3835EDAE9E03BEEE90CFDB70157402E8.jpg
Phương Trúc (Theo news.goonline.vn (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm))
Bạn tải mã nguồn TomatoCart 1.0.1 (bản tiếng Anh) tại http://tomatocart.com (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm) (dung lượng 15,17MB).
Lưu ý: Do quá trình Việt hóa TomatoCart chưa hoàn chỉnh nên không có gói ngôn ngữ tiếng Việt, gây khó khăn cho người sử dụng. Tuy nhiên, goNews (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm) đã tổng hợp được gói ngôn ngữ tiếng Việt (trang chủ hiển thị gần như đầy đủ tiếng Việt, trang quản trị còn vài chỗ chưa Việt hóa xong). Bạn có thể tải về bản TomatoCart 1.0.1 tích hợp tiếng Việt tại http://www.mediafire.com/?61m8ir64b8fqred (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm) (dung lượng 14,2MB, mật khẩu giải nén là news.goonline.vn).
Cài đặt
Sau khi tải về và giải nén, bạn sẽ được thư mục tomatocart. Bạn tải toàn bộ file trong thư mục lên hosting để cài đặt. Nếu chỉ muốn “vọc” thử mã nguồn TomatoCart (không xuất bản lên Internet và khỏi cần hosting), bạn sử dụng phần mềm AppServ 2.5.10 để tạo server ảo trên máy tính (tải tại đây, dung lượng 16,4MB). Khi cài đến phần Apache HTTP Server Information, bạn điền localhost vào ô Server Name, nhập email bất kỳ vào ô Administrator’s Email Address, rồi nhấn Next để đến phần MySQL Server Configuration. Tại đây, bạn nhập mật khẩu vào hai ô Enter root password và Re-enter root password (nên chọn mật khẩu đơn giản, không chứa ký tự đặc biệt). Xong, bạn nhấn Install và chờ cho quá trình cài đặt hoàn tất, rồi nhấn Finish.
http://farm01.goonline.vn/photo/data/20100729/47574335/9B246EB490FFBFF2ACCD2167210197C4.jpg
Sau đó, bạn dùng trình duyệt truy cập vào địa chỉ localhost. Nếu thấy trang The AppServ Open Project là việc cài server ảo trên máy tính thành công.
Bạn chép thư mục tomatocart đã tải vào thư mục C:\Appserv\www, rồi xóa đi file .htaccess trong thư mục. Tiếp đến, bạn truy cập vào localhost/phpmyadmin, nhập vào ô User Name với tên đăng nhập là root, và nhập mật khẩu đã thiết lập lúc cài AppServ vào ô Password. Tại trang phpMyAdmin, bạn nhập tên tomatocart vào ô trống dưới trường Create new database, rồi nhấn Create. Vậy là bạn đã tạo xong cơ sở dữ liệu mang tên tomatocart.
http://farm01.goonline.vn/photo/data/20100729/47574335/9E833F4FD5CEAA15A61D17AC3927C121.jpg
Bạn truy cập vào localhost/tomatocart bắt đầu cài TomatoCart vào server ảo (nhấn vào hình lá cờ Mỹ hoặc Việt Nam tại mục Language phía trên để chuyển đổi ngôn ngữ, bài này sẽ minh họa với ngôn ngữ tiếng Anh). Tiếp đó, bạn đánh dấu vào ô I agree to the license rồi nhấn Continue hai lần. Đến trang Database Server Setup, bạn gõ localhost vào ô Database Server, nhập tên truy cập (root) và mật khẩu vào hai ô Username và Password. Tại ô Database Name, bạn gõ tên cơ sở dữ liệu đã tạo (chẳng hạn tomatocart). Xong, bạn nhấn Continue và chờ chốc lát. Khi đến trang Web Server, bạn nhấn Continue lần nữa.
http://farm01.goonline.vn/photo/data/20100729/47574335/04E7EB863D9C7ED3A7ED85E949DE2687.jpg
Tại trang Online Store Settings, bạn điền tên cửa hàng, tên bạn vào ô Store Name và Store Owner Name. Đồng thời, bạn đặt tên truy cập và mật khẩu của admin vào ba ô Administrator Username, Administrator Password, Confirm Password. Xong, bạn đánh dấu vào ô Import Sample Data rồi nhấn Continue.
http://farm01.goonline.vn/photo/data/20100729/47574335/2D7F4E90A2825E876C7E97CD628FDD3D.jpg
Khi thấy thông báo Finished, bạn nhấn Administrator Tool để vào trang quản trị (địa chỉ localhost/tomatocart/admin), hoặc nhấn Catalog để xem “diện mạo” của website.
http://farm01.goonline.vn/photo/data/20100729/47574335/51827DDAB002E2DDF6627EC663EBC578.jpg
“Mặt tiền” cửa hàng
http://farm01.goonline.vn/photo/data/20100729/47574335/2A0A5AD7685E9C9C1C635D6A83B230A1.jpg
Giao diện trang quản trị website
Lần đầu truy cập vào trang quản trị, chắc hẳn bạn sẽ rất thích thú vì giao diện được thiết kế rất giống màn hình desktop với hiệu ứng hình ảnh bóng bẩy và trong suốt. Tại hộp thoại Wizard Installation hiện ra, bạn khai báo một vài thông tin về cửa hàng: tên (Store Name), chủ sở hữu (Store Owner), quốc gia (Country), thành phố (Zone), quy ước làm tròn thuế (Tax Decimal Places), số thứ tự đầu tiên dùng làm mã đơn hàng (Invoice Start Number), tên, địa chỉ, quốc gia, số điện thoại cửa hàng (Store Address and Phone). Xong, bạn nhấn Next > Next. Nếu quan tâm đến khối lượng vận chuyển hàng, bạn thiết lập thêm tại bước Shipping / Packaging, rồi nhấn Finish.
http://farm01.goonline.vn/photo/data/20100729/47574335/7882804042A540A633F93D3E3DA914ED.jpg
Thay đổi ngôn ngữ
Để chuyển giao diện website sang tiếng Việt, bạn vào menu Start > Definitions > Languages, nhấn nút Add trong hộp thoại Languages hiện ra. Tại khung Select Language, bạn nhấn vào mũi xổ xuống và chọn vi_VN. Xong, bạn đánh dấu chọn mục Only Add New Records, rồi nhấn Save. Nếu muốn tự dịch lại những phần chưa hoàn chỉnh, bạn nhấn vào biểu tượng http://farm01.goonline.vn/photo/data/20100729/47574335/05881C6F0108FFBEF53C6C3C3540A0DF.jpg bên cạnh tên ngôn ngữ.
http://farm01.goonline.vn/photo/data/20100729/47574335/1FCE16556D950942793250BCB8F2BC81.jpg
Tiếp đến, bạn vào menu Start > Languages, chọn Vietnamese để kích hoạt ngôn ngữ vừa cài (nếu chưa thấy mục Vietnamese, bạn “làm tươi” trình duyệt).
http://farm01.goonline.vn/photo/data/20100729/47574335/BA7724BF3A3278162CD6617DF96F1EF4.jpg
Vào lại trang chủ, giao diện web đã được Việt hóa gần như đầy đủ. Người xem có thể chuyển đổi ngôn ngữ bằng cách nhấp vào hình lá cờ tương ứng (phía dưới thanh tìm kiếm).
Thay đổi giao diện
Nếu muốn khoác “áo” mới cho website, bạn vào Start > Templates > Templates, nhấn nút Add. Bạn nhấn tiếp Browse… tại trường Upload Template và tìm đến file .zip của giao diện cần cài đặt, rồi nhấn Save. Ngoài ra, còn có thêm cách khác để cài đặt giao diện: chép thư mục giao diện vào thư mục templates trong thư mục tomatocart. Để sử dụng giao diện vừa cài, bạn nhấn vào biểu tượng bên cạnh tên giao diện.
http://farm01.goonline.vn/photo/data/20100729/47574335/9C032A4FC025852732C6DEA05C4CF4D5.jpg
Bạn có thể tải về năm mẫu giao diện phù hợp với sản phẩm kinh doanh của cửa hàng tại http://www.mediafire.com/?3dh7dei18itijk8 (mật khẩu giải nén là news.goonline.vn).
Nếu muốn thay đổi logo mẫu thành logo “độc quyền” của cửa hàng, bạn vào Start > Templates > Upload Logo, chọn Browse… tại trường Logo Image và tìm logo cần thay.
http://farm01.goonline.vn/photo/data/20100729/47574335/3835EDAE9E03BEEE90CFDB70157402E8.jpg
Phương Trúc (Theo news.goonline.vn (http://news.goonline.vn/623-9512/phan-mem/xay-dung-website-ban-hang-voi-tomatocart-p1.htm))