HƯỚNG DẪN XÂY DỰNG WEB BÁN HÀNG TRỰC TUYẾN

Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặt biệt là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh vực đã đóng góp phẩn to lớn cho sự nghiệp phát triển của con người. Trong các lĩnh vực đó thì lĩnh vực quản lý là thật sự giúp ích được rất nhiều cho con người, việc áp dụng quản lý và mua bán bằng máy tính thay cho quản lý và mua bán bằng thủ công ở các doanh nghiệp, công ty, cá nhân... là rất cần thiết và thật sự cần thiết. Do đó, việc “quản lý mua bán hàng qua mạng ” là không thể thiếu được trong mọi doanh nghiệp, cửa hàng vừa và nhỏ . Năm 2008 là năm đẩu tiên Việt Nam có sự phát triển lớn mạnh về lĩnh vực thương mại khi chính thức trở thành thành viên thứ 150 của tổ chức thương mại thế giới WTO. với sự phát triển mạnh mẽ đó không thể phủ nhận sự đóng góp của thương mại điện tử, một lĩnh vực nóng bỏng hiện nay Một đất nước đang phát triển mạnh mẽ, cuộc sống con người càng ngày nâng cao, mức tiêu thụ sản phẩm ngày càng tăng.. .Tóm lại nhu cầu con người ngày càng cao. Vì thế việc trao đổi mua bán cũng như quản lý hàng hóa cần phải có sự thay đổi từ thủ công sang máy móc. Chương trình chạy trên môi trường hệ điểu hành WinXP, WinServer, Linux sử dụng ngôn ngữ chuẩn về xử lý dữ liệu như PHP, HTML, JavaScript, XML, css và hệ quản trị cơ sở dữ liệu MySQL. Dùng Xampp làm môi trường Webserver hỗ trợ sẵn Apacher, PHP, MySQL. Sau hai tháng thực tập đề tài “Xây dựng trang web bán tablet bằng joomla” tại trung tâm Athena đã giúp em có thêm nhiều kiến thức về thương mại điện tử cũng như kiến thức về joomla. Để hoàn thành đề tài này ngoài nhưng cố gắng nỗ lực của bản thân còn có sự giúp đỡ nhiệt tình của các thầy cô trong trung tâm Athena đặc biệt là thầy Võ Đỗ Thắng. Vì khả năng và thời gian còn hạn chế, Website không tránh khỏi có những thiếu sót nhất định, rất mong sự góp ý kiến của quý thầy cô và các bạn để Website được hoàn thiện hơn. Xin chân thành cảm ơn

HƯỚNG DẪN XÂY DỰNG WEB BÁN HÀNG TRỰC TUYẾN

LỜI NÓI ĐẦU

Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặt biệt

là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh vực đã đóng góp phẩn to lớn cho sự nghiệp phát triển của con người Trong các lĩnh vực đó thì lĩnh vực quản lý là thật sự giúp ích được rất nhiều cho con người, việc áp dụng quản lý và mua bán bằng máy tính thay cho quản lý và mua bán bằng thủ công ở các doanh nghiệp, công ty,

cá nhân là rất cần thiết và thật sự cần thiết Do đó, việc “quản lý mua bán hàng qua mạng

” là không thể thiếu được trong mọi doanh nghiệp, cửa hàng vừa và nhỏ

Năm 2008 là năm đẩu tiên Việt Nam có sự phát triển lớn mạnh về lĩnh vực thương mại khi chính thức trở thành thành viên thứ 150 của tổ chức thương mại thế giới WTO với

sự phát triển mạnh mẽ đó không thể phủ nhận sự đóng góp của thương mại điện tử, một lĩnh vực nóng bỏng hiện nay! Một đất nước đang phát triển mạnh mẽ, cuộc sống con người càng ngày nâng cao, mức tiêu thụ sản phẩm ngày càng tăng Tóm lại nhu cầu con người ngày càng cao Vì thế việc trao đổi mua bán cũng như quản lý hàng hóa cần phải có sự thay đổi từ thủ công sang máy móc

Chương trình chạy trên môi trường hệ điểu hành WinXP, WinServer, Linux sử dụng ngôn ngữ chuẩn về xử lý dữ liệu như PHP, HTML, JavaScript, XML, css và hệ quản trị cơ

sở dữ liệu MySQL Dùng Xampp làm môi trường Webserver hỗ trợ sẵn Apacher, PHP, MySQL

Sau hai tháng thực tập đề tài “Xây dựng trang web bán tablet bằng joomla” tại trung tâm Athena đã giúp em có thêm nhiều kiến thức về thương mại điện tử cũng như kiến thức

về joomla Để hoàn thành đề tài này ngoài nhưng cố gắng nỗ lực của bản thân còn có sự giúp đỡ nhiệt tình của các thầy cô trong trung tâm Athena đặc biệt là thầy Võ Đỗ Thắng

Vì khả năng và thời gian còn hạn chế, Website không tránh khỏi có những thiếu sót nhất định, rất mong sự góp ý kiến của quý thầy cô và các bạn để Website được hoàn thiện hơn Xin chân thành cảm ơn

TP HỒ CHÍ MINH, 12/08/2012

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN VÀ ĐƠN VỊ THỰC TẬP:

Mục Lục

LỜI NÓI ĐẦU 1

I Tổng Quan Về Đề Tài 6

1.1 Lý Do Chọn Đề Tài 6

1.2 Mục Đích Của Bài Báo Cáo 7

1.3 Phạm Vi Đối Tƣợng Đề Tài 7

II Tổng Quan Về Joomla Và Virtuemart 8

2.1 Joomla (Open Source Content Management Systems - CMS) 8

2.2 Vài Nét Về Lịch Sử Joomla 9

2.3 Tại Sao Lại Chọn Joomla 9

2.4 Kiến Trúc Joomla 10

2.4.1 Component 11

2.4.2 Cấu Trúc Của Một Component 11

2.4.3 Module 12

2.4.4 Cấu Trúc Gói Cài Đặt Template 14

2.4.5 Cách Cài Đặt Component, Module và Template Cho Joomla 15

2.5 Sử Dụng Webserver Chạy Joomla(Xampp) 16

2.6 Cài Đặt Joomla_2.5.6 16

2.7 Giới Thiệu Sơ Lƣợc Về Component Virtuemart 20

2.8 Cài Đặt Virtuemart 21

III Xây Dựng Trang Web Bán Tablet Trên Localhost 22

3.1 Cài Đặt Và Cấu Hình Template Cho Joomla 22

3.2 Cấu Hình VirtueMart 26

3.3 Nhập Sản Phẩm Cho VirtueMart 28

3.4 Tích Hợp Thanh Toán Ngân Lƣợng Cho VirtueMart 32

3.5 Tạo Main Menu (Menu Chính) Cho Website 37

3.6 Tạo Các Module Cần Thiết 42

IV Upload Website Lên host free summerhost.info 51

4.1 Tạo Tài Khoản Trên summerhost.info 51

4.2 Giới Thiệu Cách Sử Dụng Phầm Mềm CuteFTP 52

4.3 Upload Source Code Website Lên Host 58

4.4 Tạo Database 60

4.5 Kết Nối Cơ Sở Dữ Liệu 61

V Tông Kết 62

VI Tài Liệu Tham Khảo 64

I Tổng Quan Về Đề Tài

1.1 Lý Do Chọn Đề Tài

Hàng ngày, mỗi người trong chúng ta đều có thể có những nhu cẩu thiết yếu như : ăn uống, mua sắm, tư vấn, Và để đáp ứng những yêu cẩu đó, chỉ đơn giản là chúng ta buộc phải đi đến các cửa hàng, các quán ăn, các công ty hay các trung tâm tư vấn, tại đây, chúng ta mới có thể tùy ý chọn lựa những thứ mình thích, những thông tin mình cần,

Dĩ nhiên, điều này ai trong chúng ta cũng đều có thể làm được Tuy nhiên, việc này

có thể sẽ tốn kém rất nhiều thời gian mà đối với số nhiều người thì thời gian vô cùng quan Trọng

Ngày nay, với sự bùng nổ của hệ thống mạng toàn cầu Internet và những lợi ích vô cùng to lớn của nó mang lại đã thực sự thu hút và chinh phục con người Tận dụng những tính năng mạnh mẽ của Internet, những công nghệ mới về thông tin và truyền thông, người ta đã xây dựng nên những hệ thống đặc biệt để mọi người có thể có thể ứng dụng đưa vào đời sống thực tiễn, và điều đó thực sự sẽ làm thay đổi cuộc sống của

xã hội chúng ta theo chiều hướng tiện lợi hơn, văn minh hơn

Thế là những hệ thống WEBSITE thương mại ra đời Và giờ đây, cùng với việc Internet đang nhanh chóng lan rộng khắp toàn cầu thì WEBSITE thương mại sẽ trở thành công cụ chủ yếu và đắc lực cho việc kinh doanh mua bán trên phạm vi toàn cầu Bây giờ thì hầu như bất cứ nhu cầu nào của bạn cũng đều có thể được đáp ứng ngay tức khắc, với một máy tính cá nhân có kết nối mạng, bạn có thể lướt trên các trang WEB của các công ty, dịch vụ; thoải mái chọn lựa các mặt hàng mình thích, các thông tin mình cần ngay tại chỗ Các công ty, các doanh nghiệp có thể quảng cáo các sản phẩm, các dịch vụ của mình trên các WEBSITE Điều này sẽ giúp tăng doanh thu, tăng khách hàng và đặc biệt là dễ dàng tìm các đối tác kinh doanh Và việc chi trả thanh toán trực tuyến rất nhanh chóng và đơn giản thông qua các loại thẻ tín dụng Cho nên cần phải có những công nghệ mối để quản lý, quản trị WEBSITE, để đáp ứng những nhu cẩu trên vì

lý do đó mà em chọn đề tài về Joomla quản lý trang web bán hàng, nó có thể đáp ứng đầy đủ các chức năng trên

1.2 Mục Đích Của Bài Báo Cáo

Khảo sát hệ thống thông tin “Thương Mại Điện Tử” theo yêu cầu của các cá nhân,

cơ quan, công ty Việc bán hàng đòi hỏi cẩn phải có tư duy, đầu óc kinh doanh và khả năng nhạy bén nắm bắt thị trường Một cửa hàng bán các mặt hàng không cẩn nhiều nhân viên, khách hàng không cẩn trực tiếp đến mua hàng mà có thể tại nhà dùng vài cái

click chuột thì có thể có được sản phẩm mình cần

Việc tạo ra một website thương mại điện tử bán hàng trực tuyến sẽ gặp nhiều khó khăn trong việc bảo mật thông tin, cũng như uy tín đến khách hàng Joomla là một hệ thống quản ừị nội dung (CMS - Content Management System) giúp bạn thực hiện các website động một cách nhanh chóng và dễ dàng Là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay Linh hoạt, đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, đó là những gì có thể nói về Joomla! được sử dụng ở trên toàn thế giới

từ những trang web đơn giản cho đến những ứng dụng phức tạp Việc cài đặt Joomla! rất dễ dàng, đơn giản trong việc quản lý và đáng tin cậy

Xây dựng được một website “Quản lý bán hàng trực tiếp qua mạng” tương đối hoàn chỉnh, phục vụ một cách có hiệu quả cho người dùng dựa trên việc sử dụng phẩn mềm quản trị CSDL MySQL và xây dựng ứng dụng dựa trên kết hơp các ngôn ngữ ngôn ngữ PHP, HTML, XML, css

II Tổng Quan Về Joomla Và Virtuemart

2.1 Joomla (Open Source Content Management Systems - CMS)

Joomla là một hệ thống quản trị nội dung (CMS - Content Management System) giúp bạn thực hiện các website động một cách nhanh chóng và dễ dàng Là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay Linh hoạt, đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, đó là những gì có thể nói về Joomla! được sử dụng ở trên toàn thế giới từ những trang web đơn giản cho đến những ứng dụng phức tạp Việc cài đặt Joomla! rất dễ dàng, đơn giản trong việc quản lý và đáng tin cậy

Ứng dụng Joomla trong nhiều lĩnh vực như:

 Trang Web của các tổ chức hoặc của các cổng thông tin (Portal)

 Thương mại điện tử

 Trang Web cho các công ty cỡ nhỏ

 ứng dụng cho các cơ quan hành chính

 Trang Web cho các trường học và nhà thờ

 Trang Web cá nhân và gia đình

 Các cổng thông tin cộng đổng

 Trang Web báo điện tử và tạp chí

 Và nhiều ứng dụng khác

Ngoài các vấn để là mã nguồn mở miễn phí, khả năng bảo mật cao, dễ dàng sử dụng,

còn điều gì tuyệt vời hơn đằng sau khiến cho Joomla phát triển mạnh và được nhiều

người yêu thích như vậy ? với Joomla việc xây dựng (lập trình) thêm các thành phần, module, các chức năng cho nó là một việc rất dễ dàng đối với các lập trình viên, do đó Joomla có rất rất nhiều các chức năng mở rộng được viết bởi các nhà lập trình trên khắp thế giới, và hầu hết tất cả các ứng dụng, thành phần này đều được chia sẻ miễn phí, đó chính là điều tuyệt vời nhất

Hiện nay Joomla phát triển theo 2 dòng phiên bản: dòng phiên bản Joomla 2.5.X và dòng phiên bản Joomla 1.5.X

2.2 Vài Nét Về Lịch Sử Joomla

Joomla là "sản phẩm anh em" với Mambo của tập đoàn Miro Software Solutions

- Úc (hãng đang nắm giữ Mambo) với những người phát triển nòng cốt Ban đầu công ty Miro đã phát ừiển Mambo theo dạng ứng dụng mã nguồn đóng Đến tháng 4 năm 2001, công ty đã thông qua một chính sách bản quyền kép, nghĩa là phát hành Mambo theo cả giấy phép GPL

Đến ngày 17 tháng 8 năm 2005, do sự tranh chấp về mặt pháp lý cũng như mong muốn vào sự phát triển của Mambo dựa trên quỹ tài trợ và sự hỗ trợ của cộng đồng nên toàn bộ đội phát triển nòng cốt của Mambo đã rời khỏi dự án trong khi đang làm việc với phiên bản 4.5.3

Nhờ sự trợ giúp của Trung tâm Luật Tự do Phần mềm (Software Freedom Law

Center - SFLC), 20 thành viên nòng cốt cũ của Mambo đã thành lập một tổ chức phi lợi

nhuận khác lấy tên là Open Source Matters, để hỗ trợ về mặt tổ chức, pháp lý và kinh phí cho dự án mã nguồn mở còn chưa được đặt tên của họ Ngay ngày hôm sau, 1000 người đã gia nhập diễn đàn OpenSourceMatters, hầu hết các bài viết cho diễn đàn đều khuyến khích và đổng tình vối hành động của Nhóm Phát triển Tin trên đã nhanh chóng được đăng tải trên các tạp chí newsforge.com, eweek.com và ZDnet.com

Trong một thông báo của Eddie (người đứng đầu dự án) 2 tuần sau đó, các nhóm đã được tổ chức lại và cộng đổng Joomla tiếp tục tăng trưởng Tới ngày 1 tháng 9 năm

2005 tên mới của dự án đã được thông báo cho khoảng 3000 người theo dõi đội Phát triển và đến ngày 16 tháng 9 thì họ cho ra đời Joomla 1.0.0

2.3 Tại Sao Lại Chọn Joomla

Tại sao lại chọn Joomla CMS ? liệu có thể tin tưởng được, Joomla có đủ mạnh ? nếu chưa đọc bạn hãy đọc bài viết giới thiệu về Joomla bạn sẽ biết Joomla tuyệt vời như thế

nào

Joomla là một hệ thống quản trị nội dung (CMS - Content Management System) mã nguồn mở dùng ngôn ngữ PHP và cơ sở dữ liệu MySQL

Joomla là một sân chơi, giao lưu học tập hoàn toàn miễn phí, tồn tại dựa trên sự hỗ trợ, tham gia phát triển của tất cả mọi người, những người yêu thích Joomla và những người muốn góp phần nhỏ kiến thức của mình thúc đẩy sự phát triển CNTT Việt Nam Hiện nay đang phát triển song song với Joomla là DotNetNuke, Dotnetnuke là một portal mã nguồn mở viết trên công nghệ Net hay còn gọi DotNetNuke là một Portal mã nguồn mở, có nhiều tính năng gần giống như Joomla, nhưng nó phát triển rộng hơn Để biết rỏ giữa Joomla và DotNetNuke như thế nào, chúng ta làm một phép so sánh :

- Giá thuê host Joomla rẻ hơn (DotNetNuke phải chạy trên Windows server tốn tiền hơn Joomla chạy trên Linux server)

- Cộng đồng Joomla lớn hơn (bạn cứ thử gõ "DotNetNuke" trên Google rồi sau đó

gõ Joomla trên Google sẽ có kết quả ngay ấy mà)

- Các phân luồng thông tin và phân quyền trong Joomla rõ ràng hơn, dễ sử dụng hơn với người cập nhập thông tin

2.4 Kiến Trúc Joomla

 Tầng dưới cùng là mức nền tảng, chứa các thư viện và các plugin (còn được biết với

tên gọi mambot)

 Tầng thứ hai là mức ứng dụng và chứa lớp JApplication Hiện tại tẩng này gổm 3 lớp

con: Jlnstallation, JAdministrator và JSite

 Tầng thứ ba là mức mở rộng Tại tầng này có các thành phần (component),mô đun (module) và giao diện (template)được thực thi và thể hiện

JApplication: Lớp này đại diện cho ứng dụng Joomla và được thực hiện như một

nhà máy qui định mọi ứng dụng giữa những đối tượng Lớp này bao gôm các lớp con như: Jlnstallation, JAdministrator và JSite

Mambot (Plug-in): Là các chức năng được bổ sung thêm cho Com, các Mambot

này sẽ can thiệp, bổ sung vào nội dung của trang Web trước hoặc sau khi nó được hiển thị Mambot có thể được cài đặt thêm vào Web Site Hay nói cách khác Mambot là phương tiện giao tiếp với component

2.4.1 Component

Component (Com): Là thành phần chính của trang Web, nó quyết định đến

chức năng, hình thức, nội dung chính của mỗi trang Web Com có thể có thêm Mod

để hỗ trợ cho việc hiển thị các chức năng và nội dung của Com Com có thể được cài đặt thêm vào Web Site Thông thường sau khi cài đặt Joomla! có sẵn các

Component: Banners (quản lý các bảng quảng cáo), Contacts (quản lý việc liên hệ giữa người dùng với Ban quản ữị Web Site), Search (quản lý việc tìm kiếm), News Feeds (quản lý các tin tức), Polls (quản lý việc bình chọn, ý kiến của người dùng), Web Links (quản lý các liên kết ngoài Web Site) và các Com quản lý nội dung của trang Web

2.4.2 Cấu Trúc Của Một Component

Backend thông thường sẽ gồm những file cơ bản sau:

Chú ý: không nhất thiết một component của bạn phải hoặc chỉ bao gổm các

file trên, các file bắt buộc là admin.yourcom.php và yourcom.php (folder chứa

com cả trong frontend và backend sẽ là com_yourcom) Ngoài ra bạn có thể có các file khác (vd yourcom.class.php chẳng hạn), các folder, các file js, file ảnh tùy thuộc vào mức độ bạn cần ở com này và mức độ bạn hiểu

Một file XML để phục vụ cho việc cài đặt khi bạn đóng gói File XML này

sẽ mang tất cả các thông số về tên com; tên tác giả, địa chỉ email, license

(optional) Mục đích chính của file này là khai báo các file trong frontend và

backend (đường dãn đầy đủ của các file này) để upload khi cài đặt, khai báo các query tạo và insert database (nếu bạn phải thêm database) và các query uninstall

Một điểm quan trọng là phải hiểu các object, class, function cơ bản trong joomla thì mới sử dụng được chúng để viết (ví dụ như object vể database )

Khi đóng gói thì nhớ ở dạng zip, tar nếu ở dạng zar thì joomla ko hiểu đc Nếu chưa đóng gói được đủ làm manual bằng cách insert trong database và copy các file vào các folder tương úng (không khuyến cáo sd cách này)

2.4.3 Module

Module (Mod) Là bộ phận mở rộng thêm chức năng cho Web Site, các Mod

này có các chức năng khác nhau, được hiển thị trên trang Web tại các vị trí qui định

và có thể thay đổi được Một trang Web có thể hiển thị nhiều Mod giống và khác

nhau, Mod có thể được cài đặt thêm vào Web Site.Thông thường sau khi cài đặt Joomla! có sẵn các Module: Main Menu (menu chính), Top Menu (menu phụ, nằm ngang), Search (hiển thị công cụ tìm kiếm), Poll (hiển thị bảng bình chọn, lấy ý kiến), Newsflash (hiển thị các bản tín nổi bật), Hit Counter (hiển thị số lượng truy cập Web Site), Banners (hiển thị các bảng quảng cáo)

Thông thường một Mod sẽ gổm có 2 file chính là php (chương trình) và file xml (thông số cài đặt), ngoài ra có thể có thêm thư mục ảnh, Java Script hỗ trợ thêm cho Module

Ví dụ: module helloword

mod_helloworld xml chứa các thông số cài đặt

<?xml version="1.0" encoding="utf-8"?>

<install type="module" version="1.5.0">

* @license GNU/GPL, see LICENSE.php

* mod_helloworld is free software This version may have been modified pursuant

* to the GNU General Public License, and as distributed it includes or

* is derivative of works licensed under the GNU General

2.4.4 Cấu Trúc Gói Cài Đặt Template

Template : Là giao diện, khuông dạng, kiểu mẫu, hình thức thiết kế để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phẩn của trang Web Joomla! cho phép cài đặt và thay đổi Temp cho Web Site hay cho từng trang Web khác nhau một cách dễ dàng

Một gói cài đặt template Joomla gồm các file bắt buộc sau:

File templateDetail.xml

Được sử dụng trong quá trình cài đặt File này chứa các thông số về template và giúp Joomla! biết được trong quá trình cài đặt cần tạo các thư mục và truyền các file CSS, php, ảnh nào lên thư mục templates

Các thƣ mục và file khác

Ngoài các file chính nói trên trong gói cài đặt template có thể có thêm thư mục css để chứa các file css bổ sung, thư mục ảnh để chứa các ảnh được sử dụng cho template, thư mục javascript để chứa các javascript (nếu có)

2.4.5 Cách Cài Đặt Component, Module và Template Cho Joomla

Để có thể tích hợp component, module và template vào Joomla ngoài việc dựa vào chuẩn cấu trúc của từng phần, kiến trúc của Joomla mà còn theo một số phương pháp sau:

 Các com, mod, template được tạo ra phải nén dưới dạng file.zip khi đó mới được cài đặt vào

 Các com, mod, temp phải phù hợp với từng phiên bản của Joomla

 Dùng lệnh Installation tương ứng với com, mod, temp để cài đặt

 Sau khi đã cài đặt thành công thì kích hoạt com, mod, temp để có thể chạy ứng dụng bằng cách Publish

2.5 Sử Dụng Webserver Chạy Joomla(Xampp)

Để chạy được Joomla ta cần phải có một Webserver với Apache, MySQL, PHP and Perl, việc cấu hình và cài đặt Webserver gặp nhiều khó khăn và tốn kém thời gian Hiện

nay có nhiều phần mềm cấu hình sẳn và ứng dụng như một Webserver như Xamp, Wamp,

Trong phần này em sử dụng Webserver Xampp để chạy Joomla

Xampp dùng để giả lập máy tính thành một máy chủ web (máy tính khi được giả lập máy chủ web sẽ được gọi là: localhost, để phân biệt với các máy chủ đang hoạt động trên web là host server

Truy cập vào địa chỉ:

http://www.apachefriends.org/en/xamppwindows.html#641 để tải gói Xamp

Đầu tiên, bung nén gói Xampp vào một thư mục gốc của máy tính Ở đây mình dùng ổ C: Cẩn lưu ý là các file trong gói Xampp phải nằm ngay trong thư mục cấp 1 ở

 Mở trình duyệt web truy cập vào đường dẫn http://localhost/phpmyadmin tạo

ra cơ sở dữ liệu mới icetea_shop, đây là cơ sở dữ liệu để lưu trữ dữ liệu cho

trang joomla sau này

 Dùng trình duyệt truy cập vào địa chỉ http://localhost/joomla_2.5.6 trình duyệt hiển thị ra màn hình trình cài đặt joomla:

Bước 1: chọn ngôn ngữ, chúng ta chọn English và click Next

Bước2: Kiểm tra các thông số trước khi cài đặt, click next Next

Bước 3: License, click Next

Bước 4: Cấu hình database Tiến hành điền đầy đủ thông tin về database đã tạo ở

trên để joomla cài đặt cơ sở dữ liệu Sau khi điền đầy đủ click Next

Bước 5: Cấu hình FTP, có thể bỏ qua click Next

Bước 6: Cấu hình cho site Tiến hành điền đầy đủ thông tin sau đó click Next

Bước 7: Cài đặt hoàn tất, tiến hành xóa thư mục cài đặt, click vào Remove

installation folder

Joomla có 2 khu vực:

 Khu vực administrator dành cho người quản trị (backend)

 Khu vực site dừng để hiển thị thông tin bài viết, hình ảnh, tin tức cho người truy cập… (frontend)

Click vào Site:

Đây là giao diện Joomla sau khi cài đặt

2.7 Giới Thiệu Sơ Lƣợc Về Component Virtuemart

Có nhiều nguờỉ là chủ một cửa hàng nhỏ, doanh nghiệp mới muốn phát triển một trang website giối thiệu sản phẩm của mình mà không có tiền thuê thiết kế website, hoặc mua các sản phẩm thương mại Một giải pháp khá tốt để các bạn lựa chọn Đó là sự kết hợp giữa joomla và phần mở rộng chuyên về bán hàng trực tuyến VirtueMart Đây là thành phần mở rộng mã nguồn mở và miễn phí và bạn có thể xem và tải vể tại http://www.virtuemart.net

Công thức của một trang web thương mại đện tử Website bán hàng qua mạng internet (VirtueMart Solution) là một trong những giải pháp bán hàng trực tuyến đa chức năng, ổn định và bảo mật cao

Các tính năng nổi bật:

 Quản lý số lượng sản phẩm và danh mục không giới hạn, với số lượng lớn

 Bán hàng qua mạng nên có thể dùng như một cửa hàng reên mạng

 Tìm kiếm thông tin sản phẩm, danh mục hay nhà cung cấp một cách nhanh chóng

Có thể sắp xếp theo từng thuộc tính của sản phẩm nếu muốn

 Đánh dấu ghi nhận là sản phẩm “Đặc biệt” để thể hiện nổi bật sản phẩm riêng biệt của từng cửa hàng

 Thông báo số lượng sản phẩm còn tồn tại trong kho cho khách hàng khi lựa chọn

sản phẩm

 Hỗ trợ thanh tóan trực tuyến: Người quản trị có thể nhập các hình thức thanh toán cho các loại thẻ (như authorize.net®, PayPal, 2Checkout, eWay, Worldpay,

 Quản lý tòan vẹn quy trình bán hàng: từ lúc đặt hàng cho đến khi đơn hàng hòan tất (đã chuyển, đã thu)

 An toàn, bảo mật, đã được kiểm chứng qua nhiều dự án triển khai thành công

2.8 Cài Đặt Virtuemart

Trong tài liệu này em sử dụng virtuemart phiên bản mới nhất 2.0.8e Có thể truy cập vào website www.virtuemart.net để download phiên bản này về

Bước 1: Sau khi download bạn sẽ nhận được một file

com_virtuemart.2.0.6_extract_first.zip Tiến hành EXTRACT file này ra bạn sẽ được 2 file:

 com_virtuemart.2.0.8e.zip – các file lưu trữ của virtuemart

 com_virtuemart.2.0.8e_ext_aio.zip – Trình cài đặt và cấu hình

Bước 2: Cài đặt virtuemart trên joomla

 Login vào trang administrator

 Trên thanh điều hướng của trang administrator click Extension – Extension Manager Click Browser và chọn file đầu tiên trong hai file nói ở trên

 Click Upload & Install cho file đầu tiên

 Lặp lại cách làm với file thứ 2

 Bạn sẽ nhận được thông điệp “Install Component Was Successful!” nếu cài đặt thành công

III Xây Dựng Trang Web Bán Tablet Trên Localhost

3.1 Cài Đặt Và Cấu Hình Template Cho Joomla

Template chính là giao diện người dùng của joomla Như đã nói ở trên Joomla có hai khu vực trang backend dành cho người quản trị và trang frontend danh cho người dùng, do đó joomla có hai loại template dành riêng cho mỗi khu vực Ở đây chúng ta chỉ cần quan tâm tới template trang frontend danh cho người dùng truy cập Mục đích của đề tài này là xây dựng website thương mại điện tử vì vậy chúng ta sẽ tìm một template phù hợp với mục đích đó Mặc dù Joomla! đã cung cấp sẵn giao diện người dùng nhưng không phù hợp với mục đích thương mại điện tử Ở đây em sử

dụng template icetheme the shop version 1.7

Chúng ta có thể download template này tại địa chỉ templates/e-commerce/it-theshop.html

http://www.icetheme.com/joomla-3.1.1 Cài Đặt Template Icetheme The Shop Version 1.7

Bước 1: tiến hành giải nén file vừa download về ta được một tập các file

Bước 2: Đăng nhập vào trang administrator click Extensions->Extension Manager

Click Browser chọn từng file trong số các file đã giải nén ra click install & upload

Thứ tự install các file như sau:

Bước 3: Click Extension-> Template Manager Click vào ngôi sao màu trắng ngang

hàng với it_theshop để sử dụng template

3.1.2 Cấu Hình Template

Click it_theshop-Default để vào trang cấu hình cho template

Các tham số hiện ra ở đây gồm có:

 Default Template Style : Chọn màu sắc cho website theo phong cách của bạn

 Left Column Width (px): Tùy chỉnh độ rộng của cột bên trái nơi đặt các

module với position left (đơn vị pixel)

 Right Column Width (px): Tương tự như trên nhưng dành cho cột bên phải (đơn vị pixel)

 Site Logo: Chọn logo cho website

 Go To Top Link: Nút nhấn cho phép user trở về đầu trang

Sau khi thành xong cấu hình cho template click “save” để lưu lại

Tiến hành Enable các Module đã được cài đặt ở trước:

3.2 Cấu Hình VirtueMart

Đi tới đường dẫn Components -> VirtueMart trang VirtueMart Control Panel hiện ra

Trên thanh menu chọn Configuration-> Configuration để đi tới trang cấu hình của virtuemart

Trong tab Templates cấu hình như sau:

 Default number of categories in a row: 3

 Default number of products in a row: 3

 Show featured: chọn true

 Default number of featured products in a row: 3

 Default number of Top ten products in a row: 3

Trên thanh menu chọn Currencies để đi đến trang quản lý tiền tệ Tiếp đến chúng ta click vào Vietnamese Dong để cấu hình cho loại tiền tệ này

Decimal Symbol (biểu tượng thập phân): điền dấu “.”

Thousands Separator (phân tích hàng nghìn): điền dấu “,”

Tiếp đến chúng ta sẽ cấu hình cho shop trong virtuemart Click Shop->Shop trên menu

Các tham số trong tab Vendor (dành cho người bán hàng)

 Shop Name (tên của cửa hàng) : “Icetea’Shop”

 Shop Company Name: CNTT

 Currency chọn Vietnamese Dong

Các tham số trong thẻ Additional Information:

3.3.1 Tạo Manufacturer (hãng sản xuất)

Click Manufacturers -> Manufacturers -> New

Tiến hành nhập các nhà sản xuất như hình bên dưới

3.3.2 Nhập Sản Phẩm

Để nhập sản phẩm chúng ta đi tới Products -> Products -> New Trong trang thêm sản phẩm có 4 tab:

 Product Information: thông tin của sản phẩm

 Product Description: mô tả sản phẩm

 Product Status: trạng thái sản phẩm

 Product Dimensions and Weight: kích thước và trọng lượng

 Product Images: hình ảnh cho sản phẩm

 Custom Field: tùy chọn khác

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

Product Infomartion

Gồm một số tham số quan trọng sau:

 Product SKU (mã hàng của sản phẩm) : 001

 Product Name (tên sản phẩm): IPAD 2012 WIFI 4G 64GB

 Product Alias (bí danh hiển thị trên thanh điều hướng): 64gb

ipad-2012-wifi-4g- Manufacturer (nhà sản xuất): Apple

 On Featured (Sản phẩm nổi bật): true

 Cost price (Giá của sản phẩm tương ứng với loại tiền tệ Vietnamese Dong):

20599000

Product Description

 Short Description (mô tả ngắn về sản phẩm)

 Product Description (mô tả về sản phẩm sẽ được hiển thị trong trang chi tiết sản phẩm):

Tính năng nổi bật

 Màn hình 9.7 inch Cảm ứng Điện dung đa điểm

 CPU Quad-core Cortex-A9 1 GHz

 Ram 1 Gb

 Bộ nhớ trong 64 GB

 Hệ điều hành iOS 5.1

Product Status

 In Stock (số lượng sản phẩm trong kho): 10

 Low Stock Notification (số lượng sẽ cảnh báo sắp hết hàng): 0

 Minimum Purchase Quantity (số lượng mua tối thiểu) : 0 (không giới hạn)

 Maximum Purchase Quantity (số lượng mua hàng tối đa): 0 (không giới hạn)

Product Dimensions and Weight

 Product Length: chiều dài sản phẩm

 Product Width: chiều rộng sản phẩm

 Product Height: chiều cao sản phẩm

 Product Weight: trọng lượng sản phẩm

Product Images

 Images: các hình ảnh của sản phẩm

 Upload File: chọn hình ảnh để upload cho sản phẩm

Tương tự nhập lần lược các sản phẩm vào virtuemart

3.4 Tích Hợp Thanh Toán Ngân Lượng Cho VirtueMart

Bước 1: Đăng nhập vào quản trị vào Extensions > Extensions Manager > Browse tìm đến file

nganluong.zip