Tìm hiểu drupal +ubercart –phát triển website bán hàng trực tuyến

ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

1

LỜI CẢM ƠN
Chúng em xin chân thnh cm n ban ch nhim khoa Công
ngh thông tin, các thy cô giáo, gia ình v bn bè Ã ng viên
giúp chỳng em rt nhiu trong quá trình hon thnh bi thc tp
chuyên ngnh ny. c bit em xin cm n sâu sc ti thy giáo
hng dn Thạc sỹ Vũ Văn Nam về sự chỉ dẫn tận t×nh và gióp đỡ
hướng dẫn chúng em từ những ý tưởng ban đầu cho đến lóc hồn
thành bài đề tài quan trọng này.
Tuy đ· cố gắng hết sức t×m hiểu, ph©n tÝch thiết kế và cài đặt
hệ thống nhưng chắc rng không tránh khi nhng thiu sót. Chỳng
em rt mong nhận được sự đ¸nh gi¸, bổ sung và những lời chỉ bảo
của c¸c thầy cơ gióp em cã thể tiếp tục nghiªn cứu kỹ hơn về lĩnh vực
này.
Chúng em xin chân thnh cm n!

Vinh, tháng 5/2011
Sinh viên

Nguyn Mnh Cng
Phan Ngc Cương
Lớp: 48K-CNTT

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

2

Mở đầu
1. Lý do chọn đề tài
Ở nước ta hiện nay, đời sống kinh tế ngày càng phát triển cho nên nhu cầu
tiêu thụ hàng hóa ngày càng tăng. Việc lựa chọn một hay nhiều mặt hàng chiếm
nhiều thời gian của khách hàng. Vì vậy xây dựng website bán hàng qua mạng với
mục đích :
- Nhằm đáp ứng nhu cầu mở rộng thị trường tiêu thụ hàng hóa
- Thơng tin ln được cập nhật mới và luôn đáp ứng được nhu cầu thông
tin .
- Tiết kiệm được thời gian chi phí đi lại cho khách hàng.
- Với thời đại thông tin phát triển như vũ bão hiện nay, khái niệm Internet
khơng cịn xa lạ, việc đưa những sản phẩm, những thông tin hỗ trợ lên
mạng đang trở nên một nhu cầu cần thiết cho mọi người.
Với lý do trªn và được sự định hướng, gióp đỡ của Thạc sĩ Vũ Văn
Nam , chúng em đã chn ti : Tìm hiu Drupal +Ubercart
phát triển Website bán hng trc tuyn lm bi ti chuyên
ngnh ca mình.

2. Mc ích nghiên cu
Nghiên cu v Drupal v Ubercart xây dng mt website
bán hng trc tuyn qua Internet .

3. Bố cục b¸o c¸o
Nội dung b¸o c¸o gồm 3 phần:
Ch¬ng I . C¬ së lý thut
I.Tỉng quan vỊ internet & thơng mại điện tử
II. Tìm hiu v Drupal v Ubercart
Chơng II. Hớng dẫn cài đặt và sử dụng Drupal &

Ubercart ứng dụng trong bài toán thực tế.
I. Bi toán thc t
II. Hớng dẫn cài đặt Drupal & Ubercart
II. Kt hp Drupal v Ubercart sử dụng để phát trin ng
dng cơ bản
Chơng III. Phõn tớch & Thit k.
Chơng IV. KÕt luËn.
GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

3

Tài liệu tham khảo

Ch¬ng I : CƠ SỞ LÝ THUYẾT
I. TỉNG QUAN VỊ INTERNET & ThơNG MạI Điện tử
1. Tổng quan về Internet
1.1 Giới thiệu vỊ Internet
Internet là mạng máy tính tồn cầu được thành lập từ những năm 80 bắt đầu từ
mạng Aparnet của bộ quốc phòng Mỹ. Về mặt kỹ thuật các máy tính trên Internet
được kết nối với nhau dựa trên giao bộ giao thức TCP/IP
Một trong những mục tiêu của Internet là chia sẻ thông tin giữa người dùng trên
nhiều lĩnh vực khác nhau. Để thực hiện mục tiêu này trên Internet có rất nhiều dịch
vụ thơng tin đa dạng nhưng những dịch vụ hay được dùng nhiều nhất là :
- Thư điện tử (E_Mail) cho phép gửi và nhận thư trên Internet.
- FPT cho phép lấy các tệp dữ liệu từ một máy khác trên Internet hoặc gửi
các tệp dữ liệu tới những máy này.
- WWW hệ thống thông tin lớn nhất, phát triển nhanh nhất trên Internet.

- Telnet cho phép từ một máy tính thâm nhập vào và làm việc trên một máy
tính khác ở xa như là ta đang ngồi ở chính máy tính đó.
- Gopher cho phép truy nhập hệ thống thông tin văn bản được tổ chức dưới
dạng cấu trúc cây. Hiện nay được dần thay th bi www.
1.2 Mô hình Client/Server
Mt chng trỡnh c coi là một Client khi nó gửi yêu cầu tới máy có
chương trình Server và chờ đợi câu trả lời từ Server. Chương trình Server và Client
nói chuyện với nhau bằng các thông điệp thông qua một cồng truyền thông liên tác
IPC. Để một chương trình Server và một chương trình Client có thể giao tiếp với
nhau thì giữa chúng phải có một chuẩn để giao tiếp được, chuẩn này được gọi là
giao thức. Nếu một chương trình Client nào muốn u cầu lấy thơng tin từ Server
thì nó phải tn theo giao thức Server đưa ra.
Thực tế mơ hình Client/server là sự mở rộng tự nhiên và tiện lợi cho việc
truyền thơng tiến trình lên các máy cá nhân, mơ hình này cho phép xây dựng các
chương trình Client/Server một cách dễ dàng và sử dụng chúng để liên tác với nhau
đạt hiệu quả hơn.
Đây là mơ hình tổng qt nhất, trên thực tế thì một Server có thể được kết nối tới
nhiều Server khác nhằm làm việc hiệu quả hơn và nhanh chóng hơn. Khi nhận
được một yêu cầu từ Client/Server này thì có thể gửi tiếp u cầu vừa nhận cho một
server khác.
GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH


Client

Gửi yêu cầu
Trả về trang web

4


Server

Với mơ hình Client/Server chỉ mang đặc điểm của phần mềm không liên
quan đến phần cứng mặc dù trên thực tế yêu cầu cho một máy server là cao hơn rất
nhiều so với máy Client. Lý do là bởi vì máy Server phải quản lý rất nhiều các yêu
cầu từ Client khác nhau trên mạng máy tính.
Vai trị của Client và server trong mơ hình Client /Server :
- Client : Được coi là người sử dụng các dịch vụ trên mạng do một hoặc
nhiều máy chủ cung cấp là Server được coi như là một cung cấp dịch vụ
để trả lời các yêu cầu của Client. Điều quan trọng là phải hiểu được vai
trị hoạt động của nó trong một mơ hình cụ thể. Một máy Client trong mơ
hình này lại là Server trong một mơ hình khác.
- Server : Cịn được định nghĩa như một máy tính nhiều người sử dụng. Vì
một server phải quản lý nhiều yêu cầu từ các Client trên mạng cho nên nó
hoạt động sẽ tốt hơn nếu hệ điều hành của nó là đa nhiệm với các tính
năng hoạt động độc lập song song cùng với hệ điều hành UNIX,
Windowns NT…Server cung cấp và điều khiển các tiến trình truy cập vào
tài nguyên của hệ thống các ứng dụng chạy trên server phải được tách rời
nhau để một lỗi của ứng dụng này không làm hỏng ứng dụng khác. Tính
đa nhiệm đảm bảo một tiến trình khơng sử dụng tồn bộ tài ngun của hệ
thống.
1.3 Kh¸i niƯm vỊ WWW( world wide web) :
WWW là tập hợp các văn bản tài liệu có mối liên kết với nhau trên mạng
Internet. Bởi vì www đang phát triển rất mạnh mẽ và được quảng bá khắp nơi nên
người sử dụng thường nhầm lẫn www là Internet nhưng thực tế nó chỉ là một dịch
vụ của Internet.

Dịch vụ www trên mạng có một ứng dụng rất to lớn trong thời đại thông tin hiện
nay
- Web đã thay đổi cách biểu diễn thông thường bằng văn bản kiểu chữ
nhàm chán sang kiểu thơng tin sinh động có hình ảnh, âm thanh. Với một
bộ duyệt có trang bị tiện ích đồ họa ta dễ dàng xử lý thông tin đa phương
tiện khác.
- Cho phép tìm kiếm thơng tin nhanh chóng, phổ biến các tài liệu khoa học
và trao đổi thông tin trên mạng.
- Dịch vụ kinh doanh đầu tư trên mạng qua web. Với sự phát triển vượt bậc
của khả năng truyền thông qua mạng và các công nghệ web tiên tiến ,
GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

5

việc ta có thể ung dung ngồi nhà mà du ngoạn từ cửa hàng này sang cửa
hàng khác trong khơng gian ảo khơng cịn là cảnh phim viễn tưởng mà đã
trở thành hiện thực. Ngày nay hầu như bất kỳ thứ hàng hóa nào cũng cú
th t mua qua Internet.
2. Thơng mại điện tử
Thng mi điện tử là hình thái hoạt động kinh doanh bằng các phương pháp
điện tử , là việc trao đổi thông tin, kinh doanh thông qua các phương tiện công nghệ
điện tử.
Hoạt động kinh doanh bao gồm tất cả các hoạt động trong kinh doanh như
giao dịch, mua bán, thanh toán, đặt hàng, quảng cáo và kể cả giao hàng.
Ngày nay thương mại điện tử đã trở thành một ngành kinh tế mũi nhọn trên thế giới
và đã xuất hiện nhiều trung tâm thương mại và thị trường chứng khoán lớn nhất thế
giới .

Hiện nay nhờ vào sự phát triển của các phương tiện truyền thông, đặc biệt là
sự phát triển của tin học đã tạo điều kiện cho mọi người có thể giao tiếp với nhau
một cách nhanh chóng và dễ dàng hơn thơng qua các dịch vụ Internet. Chính vì thế
đã tạo điều kiện thuận lợi cho thương mại điện tử thơng qua Internet. Đối với khách
hàng, có thể lựa chọn và so sánh hàng hóa phù hợp về loại hàng, dịch vụ giá cả,
chất lượng và phương thức giao hàng cho khách hàng.
II. T×M HIĨU VỊ DRUPAL & UBERCART
1. Giới thiệu về Drupal
1.1 Định nghĩa
Drupal l mt khung sườn ph¸t triển phần mềm hướng mo-đun,
một hệ thống quản trị nội dung miễn phÝ và m· nguồn mở. Cũng
giống như c¸c hệ thống quản trị nội dung hiện đại kh¸c, Drupal cho
phÐp người quản trị hệ thống tạo và t chc d liu, tùy chnh cách
trình by, t ng hãa c¸c t¸c vụ điều hành và quản lý hệ thống.
Drupal cã cấu tróc lập tr×nh rất tinh vi, dựa trên ó, hu ht các tác
v phc tp có th được giải quyết với rất Ýt đoạn m· được viết, thậm
chÝ kh«ng cần. Đ«i khi, Drupal cũng được gọi là "khung sn phát
trin ng dng web", vì kin trúc thông minh và uyển chuyển của
nã.

GVHD: Ths. Vũ Văn Nam


TI THC TP CHUYấN NGNH

6

1.2 Lịch sử
u tiên, nó c Dries Buytaert, mt lp trình viên mà ngun
m, to ra theo dạng một hệ thống bảng tin. Đến năm 2001, Drupal

tr thnh mt công trình ngun m. Drupal, trong tiếng Anh, được
chuyển ngữ từ từ liệu "druppel" của tiếng Hà Lan, nghĩa là " giọt
nước ".
Từ th¸ng bảy 2007 đến th¸ng s¸u năm 2008, m· nguồn Drupal
đã được tải về từ website drupal.org hơn 1,4 triệu lần. Hiện nay, cã
một cộng đồng rộng lớn đang gióp đỡ ph¸t triển Drupal.
Tháng giêng nm 2009, Drupal 6.9, phiên bn mi nht, đã được
c«ng bố.
1.3 Nền tảng
* PHP
* MySQL
* PostgreSQL
* Apache
* JQuery
* XMLRPC
1.4 Ứng dụng
*
*
*
*

Website
Website
Website
Website

thảo luận, website cộng đồng
nội bộ (Intranet), website doanh nghip
cá nhân
thng mi in t

GVHD: Ths. V Vn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

7

* Thư mục tài nguyªn
* H thng qun lý công trình phát trin phn mm
* Hệ thống quản lý quan hệ kh¸ch hàng
1.5 Giao diƯn quản trị
Không ging nh nhng CMS khác, Drupal không có giao diện
quản trị riªng biệt. Giao diện trang web và giao diện trang quản trị
theo mặc định là một. Người dïng đầu tiªn (cài đặt Drupal) được xem
như là người dïng cã quyền cao nhất và cã toàn quyền với trang
web.
1.6 Ưu điểm và nhợc điểm
* u im ca Drupal
- Nền tảng mạnh mẽ, ổn định, m· nguồn được tối u nâng cao
hiu sut hot ng giúp tit kim nguyên của hệ thống . Là nền
tảng vững chắc cho c¸c website cã lượng truy cập lớn như BBC
England, MTV ...Một trang báo công ngh s dng Drupal khá
thnh công l trang Th«ng Tin C«ng Nghệ .
- Cấu tróc linh hoạt giúp các lp trình viên m rng chc nng
không hn chế theo nhu cầu sử dụng .
- Drupal cực kỳ thân thin vi công c tìm kim, ó l mt lợi
thế rất lớn khi SEO lu«n là một vấn đề được quan t©m đối với
bất kỳ trang web nào .
- TÝnh năng Multiple gióp bạn cã nhiều website với một lần cài

đặt Drupal . Gióp bạn điều khiển và quản lý dễ dàng hơn.
- Drupal chạy được cả trªn server Linux và Windows trong khi
Jooma chỉ chạy tốt trªn server Linux .
* Nhược điểm của Drupal
- Drupal được đ¸nh gi¸ là khã sử dụng với người dïng mới
- Drupal cã Ýt c¸c thành phần mở rộng (extensions) hơn Joomla.
Mỗi khi có phiên bn Drupal mi bn phi ch các nh cung cấp
n©ng cấp extensions của họ để tương thÝch .

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

8

- C¸ch bố trÝ của website Drupal khiến người mới sử dụng khã
t×m kiếm và ánh giá nên dùng extensions no .
2. Giới thiệu về Ubercart
Ubercart l mt mà ngun m giải pháp thng mi điện tử tÝch
hợp hoàn toàn với hệ thống m· nguồn mở quản lý nội dung, Drupal.
Đ©y là một sự kết hp cho bt c ai tìm cách xây dng một
cộng đồng xung quanh một sản phẩm, cung cấp lỵng tải tập tin, và
nhiều hơn nữa, trong khi vẫn duy trì mt kt ni lin mch.
Ubercart thúc y các li thế của lâi chÝnh của Drupal và
đãng gãp hệ thống, cung cấp cho người dïng với chức năng giỏ mua
hàng tích hp vi các b phn khác ca công ty hoc trang web
cng ng.
Có thể phát trin thêm hoc thay đổi tÝnh năng để phï hợp
Ubercart thương mại điện tử. Điều này cã nghĩa là kh«ng bao giờ

phải thay đổi mà ngun thêm các tính nng mi, do ó, sẽ cã một
đường dẫn n©ng cấp dễ dàng. Ubercart tiếp tục ph¸t triển để đ¸p ứng
nhu cầu của một cộng ng phát trin.
2.1 Vi nét chính
* c xây dng nh l mt gói mô-un cho các công c tìm kim
thân thiện với Drupal CMS, cã nghĩa là hoàn toàn cã thể tÝch hợp
cửa hàng của bạn với phần cßn lại của trang web hoặc forum.
* Ubercart cũng cã thể được tăng cường bởi hàng chục modules vµ
themes Drupal.
* Thiết kế được cải tiến và sửa đổi. C¸c hệ thống cốt lâi của Ubercart,
bao gồm sản phẩm, thanh to¸n, đơn đặt hàng và thực hiện đơn hàng
được thiết kế để kết hp mô-un khác.
* Không ngừng cải thiện các hệ thống cốt lõi để làm cho nó dễ
dàng hơn cho các nhà phát triển.
2.2 Các tính nng hin ti
* Cấu hình danh mục sản phẩm bao gồm c¸c trang catalog và
block để hiển thị c¸c loại sản phẩm.
GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

9

* HÖ thèng sản phẩm sáng to linh hoạt. Sn phm tạo ra bình
thng theo mc nh. Thêm các trng lu tr thông tin sản
phẩm bổ sung bằng c¸ch sử dụng Drupal CCK.
*Thiết lập thuộc tÝnh mặc định / tïy chọn thiết lập cho từng loại sản
phẩm để dễ dàng tạo ra nhiều sản phẩm tương tự.
* Tự động tạo tài khoản (ẩn danh tÝnh tiền). Tài khoản và email sẽ tự

động được tạo ra da trên a ch e-mail ca khách hng. (Tùy chn
thit lp cho phép khách hng xác nh tên ti khon v mt khu
trong thanh toán.)

Chơng II
HƯớng dẫn cài đặt và sử dụng drupal & ubercart ứng
dụng trong bài toán thực tế
I. BàI TOáN THựC Tế
1. Vn thc t :
Ngy nay theo cách thông thng, khách hng khi i mua sản
phẩm nào đó phi i ti các ca hng, công ty chn la mua các
sản phẩm h cn. Khi vo ca hng, khách s t i chn sản phẩm
ng ý .Trong quá trình t chn la trc tip này họ cã thể trực tiếp
tiếp xóc với th«ng tin chi tiết về s¶n phÈm. Sau khi chọn xong , họ
đến quầy hàng thanh to¸n để trả tiền .
Với thời i thông tin phát trin nh v bÃo hin nay, vic lp
nên mt trang web gii thiu và bán sản phẩm vi nhng thông tin
h tr chi tit lên mng đang trở nªn một nhu cầu cần thiết cho mọi
người .
Với mục tiªu đặt ra ở trªn , website sẽ cung cp nhng thông tin
v sn phm ca mình mt c¸ch sinh động và đầy đủ . Nội dung cơ
bản của website như sau :
- Giới thiệu về cưa hµng, công ty ( khái quát v các lnh vc hot
ng cng nh các sn phm ca công ty).
GVHD: Ths. V Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

10

- Giới thiệu c¸c loại sản phẩm hin có v sp có khách hng
có thể đăng ký mua .
- Cã nhiều h×nh thức thanh to¸n tiện lợi, giao hàng cho kh¸ch
với thời gian sớm nht.
- ......
2. Hớng giải quyết
Các website bán hng online v thanh toán trc tuyn m ra
ngy cng nhiu, òi hi tiện Ých ngày càng cao, với c¸c nhà ph¸t
triển website thì vic xây dng mt website mang úng tính cht
thng mi in t l iu không d dng gì, nó phụ thuộc vào rất
nhiều yếu tố ngoài vấn đề code, database, bo mt nó còn ph thuc
vo server, các phng thức thanh to¸n, nhà cung cấp c¸c cổng
thanh to¸n...
Với Drupal v Ubercart là giải pháp tạo mt website thng
mi in t có hiệu quả nhất, tích hợp đợc nhiều phơng thøc
thanh to¸n kh¸c nhau, gióp ngêi dïng cã thĨ sư dụng trong quá
trình mua hàng một cách dễ dàng.
II. Hớng dẫn cài đặt drupal & ubercart

1. Cài đặt drupal
ci t v chy c Drupal trên máy bn, trc ây chúng
ta phi ln lt ci các chng trình : Apache , PHP, Mysql. Qua các
bc rt phc tp. Nay công đoạn đã được rót ngắn hơn rất nhiều, qua
việc cài 1 chương tr×nh duy nhất. Đã là Xampp, Wamp Server ...
Sau đây sẽ hớng dẫn cài đặt Wamp Server trên hệ điều hành
WindowXP
* Hớng dẫn cài đặt Wamp Server
WAMP: Mt gãi phần mềm Web Server tất cả trong một (All-inOne) gồm: Apache, MySQL, PHP chạy trªn nền Windows.

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

11

Giao diện quản trị Webserver WAMP (Windows + Apache + MySQL +
PHP)

- Download bản cài đặt Wamp Server
Ti a ch />- Các bớc cài đặt

Nhấn [Next] v thực hiện các bớc tiếp theo

Nếu trên máy của bạn có ci trình duyệt Firefox v bạn
muốn chọn Firefox lm trình duyệt mặc định khi mở
http://localhost thì nhấn [Yes]

GVHD: Ths. Vũ Văn Nam


TI THC TP CHUYấN NGNH

12

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ếtt hÃy để mặc định v nhấn [next]

Nhấn nút [Finish] để hon tấtt quá trình ci đặt

- Hoàn tất cài đặt và chạy thử
Sau khi ci t thnh công, s thy biu tng ca WAMP
góc mn hình nh di â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)

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

13

Để 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 http://127.0.0.1/phpMyAdmin

GVHD: Ths. Vũ Văn Nam


TI THC TP CHUYấN NGNH

14

* Hớng dẫn cài đặt Drupal
- Đầu
tiên download b ci t ca Drupal ti website:
/>- Sau khi download xong, tiến hành giải nÐn thư mục của Drupal
và trong thư mục gốc chứa c¸c file chạy website ca

Wamp.Thông thng l th mc D:\wamp\www. Tên th mc
tùy chn. ở đây đặt tên là Drupalblog. Lu ý có thể khi giải
nÐn, c¸c thư mục và file của Drupal được đặt trong thư mục nªn
cã tªn Drupal-6.x. Bạn h·y move nã ra thư mục chÝnh là
Drupalblog.
- Tạo Sql database cho Drupalblog
Bạn cã thể sử dụng tr×nh quản lý MySQL là Phpmyadmin để tạo
SQL.
Đường
dẫn
của
phpmyadmin
thường
là
http://localhost/phpmyadmin/
Trong « Creat new database, h·y nhập tên bt k SQL database
mun khi to. ây t tªn là drupalblog.

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUN NGÀNH

15

Sau ®ã nhấn vào nót Creat để khởi tạo Database này.
- Vào thư mục D:\wamp\www\drupalblog\sites\default
Copy file default.settings.php ra 1 file cã tªn là settings.php. File
này s ghi li các thông s thit lp trong quá trình ci t tip theo
ây.

- Truy cp vo ng dn http://localhost/drupalblog tin
hnh các bc cu hình cho website Drupal. Màn h×nh giao
diện cã dạng như sau:

Click chọn Install Drupal in English để sang bước tiếp theo
Màn h×nh cài đặt cã dạng như sau:
GVHD: Ths. Vũ Văn Nam


TI THC TP CHUYấN NGNH

16

Điền các thông s nh hình trên. Vi Database name l tên
SQL database to trªn, Database username là tªn truy cập vào
Database Drupalblog. Ở ây do ci trên localhost, có th khai báo
l root cho tin, v không cn khai báo pass. Trong phn Advance
option có các ô la chn. Nu s dng 1 số shared host free, phần
này là rất cần thiết. V× Database host: của bạn sẽ kh«ng phải là
localhost như mặc định, mà là IP, hoặc domain do shared host đã
cung cấp. VD như cã thể là sql.vinazoom.com, hay
sql8383.byethost.com v..v. Phần Database port: là cổng cấp cho
dịch vụ của Mysql. Mặc định là 3306 cã thể kh«ng cần điền vào. Nếu
tự cu hình cho service MySQL cng khác thì in số cộng vào.
VD 1587 chẳng hạn. Phần Table prefix: là tiếp đầu ngữ c¸c table của
Drupal trong Database Drupalblog. Nếu bn ch ci Drupal trên
Database ny thì có th không cần điền. Nếu như bạn cài chung
Database với c¸c CMS hoặc Source kh¸c như Joomla, VBB, v..v để cã
thể tiện cho việc dïng chung c¸c tài khoản User cho Bridge sau ny
thì có th in giá tr l dru_. Nhn Save and Continue để đến bước

tiếp theo.
GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

17

- Chờ Script của Drupal ghi các d liu mc nh lên Database(mt
chng vi giây). Sau đã phần cài đặt sẽ tự động đến với phn cu
hình các thông tin ban u ca Site.

phn này, chỉ cần chó ý đến phần th«ng tin Username là tªn
tài khoản quản trị chÝnh. Và phần password là mt khu ca ti
khon qun tr chính. Các phn thông tin kh¸c cã thể điền tïy ý, và
thay đổi dễ dàng trong phần quản trị Drupal sau này. Click vào nót
Save and Continue để đến bước tiếp theo
- Nếu qu¸ trình ci t thnh công, Drupal s hin lên dòng thông
báo:
Drupal installation complete
Congratulations, Drupal has been successfully installed.
Có th có lỗi nhỏ xảy ra như:
+ warning: mail() [function.mail]: Failed to connect to
mailserver at "localhost" port 25, verify your "SMTP" and

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

18

"smtp_port"
setting
in
php.ini
or
use
ini_set()
D:\wamp\htdocs\drupalblog\includes\mail.inc on line 193.

in

+ Unable to send e-mail. Please contact the site administrator if
the problem persists.
Li ny l do ci t trên localhost, không cu hình chc nng gi
mail. Nên Drupal thông báo l không thể gửi mail đến tài khoản
email quản trị đã khai b¸o ở bước trước.
- Việc cài đặt đ· hồn thành, vào địa chỉ http://localhost/drupalblog/
để tiến hành quản trị.
2. ViÖt hãa Drupal
Bạn cần download gãi việt hóa cho phiªn bản drupal đang dung tại

Thực hiện:
Trước tiªn, vào admin/build/modules để bật module Locale (mặc định
tắt) trong phần Core – optional

- Administer => site building => translate interface => import
=> browse đến từng file trong gãi việt hãa => import (Chỉ import
những file .po)

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

19

- Làm tương tự đến hết.
- Sau khi import hết chóng ta vào Administer => site configuration
=> Languages => add language => chọn tiếng việt => add
- Quay tr li List các ngôn ng v chn ting vit l default

3. Cài đặt FCKeditor cho drupal

GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

20

Khi làm việc với c¸c CMS như Wordpress, Joomla hay
dotnetnuke, … thấy dễ dàng hơn bi vì mt phn do chúng tích
hp các công c hỗ trợ soạn thảo trực quan gọi là WYSIWYG gióp bn
d dng to ni dung.
Vi ngi lm Drupal thì không phải vậy. Khi mới cài Drupal sẽ
hết sức bỡ ngỡ v tht vng bi vì không có mt editor no gióp
chóng ta tạo nội dung cho c¸c bài viết.
Nhưng drupal là vậy. Nã mạnh mẽ nhờ sự uyển chuyển và linh

hot. Nhân ca nó rt tt cho các ng dng yªu cầu hiệu năng cao.
Editor trong Drupal rất nhiều tuy nhiên thng dùng v c ánh giá
cao nht l FCKEditor và TinyMCE. Hai c¸i editor được dïng phổ biến
trong c¸c CMS. VÝ dụ dotnetnuke dïng FCKEditor cßn Wordpress
dùng TinyMCE.......
Dïng FCKEditor nªn cài đặt nã cïng với IMCE sẽ tốt hơn. IMCE
gióp chóng ta quản lý file theo vai trß người dïng, nã quản lý hạn
ngạch cấp ph¸t cho từng người, … TÝch hợp hai c¸i này sẽ hết sức
hiệu quả cho ứng dụng của bạn.
- Tải về gãi Module FCKeditor Giải nén
và chép toàn bộ vào ..\drupal\sites\all\modules
- ng nhp
vo Aminister => Site building => Modules
=>FCKeditor =>Save configuration.
- Download FCKeditor Giải nén và chép
vào th mục \sites\all\modules\fckeditor\fckeditor .
- Vào lại trang Admin của Drupal để kÝch hoạt lại Module FCKeditor.
Giờ vỊ cơ bản ®· hồn thành. Thế nhưng để sử dụng hồn hảo
FCKeditor cÇn phải thực hiện một số bước như sau:
- Mở file fckeditor.config.js trong thư mục ../modules/fckeditor/ trên
Server.
- B du ghi chú phía trc 3 dòng sau: FCKConfig.PluginsPath =
‘../../plugins/’ ; FCKConfig.Plugins.Add( ‘drupalbreak’ ) ;
FCKConfig.Plugins.Add( ‘drupalpagebreak’ ) ;
GVHD: Ths. Vũ Văn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

21

– T×m đến cụm ['Image','Flash','Table','Rule','SpecialChar'] và sửa
thành ['Image','Flash','Table','Rule','SpecialChar', 'DrupalBreak',
'DrupalPageBreak']
- Mở file config.php trong thư mục
../modules/fckeditor/fckeditor/editor/filemanager/connectors/php/
t×m n dòng: $Config['UserFilesAbsolutePath'] = ; thêm vo
ngay bên di dùng lnh sau: require_once
../../../../../filemanager.config.php;
4. Cài đặt Ubercart
- Download Ubercart tại />- Giải nén copy vào th mục .. \sites\all\modules
- Vào trang admin => site building =>modules enable các
module cần thiết.
Enable các module
+ Conditional Actions
+ Product
+ Store
+ Order
+ Token
+ Cart
+ Report
+ Cart link
+ Credit card
+ Paypal
- Config ubercart truy cập vào Admin -> Store administration> Configuration -> Payment methods ®Ĩ chọn phương thức
thanh to¸n.
GVHD: Ths. Vũ Văn Nam


TI THC TP CHUYấN NGNH

III. Kết Hợp Drupal Và Ubercart để phát triển ứng
Dụng cơ bản
1. cấu trúc file Drupal

GVHD: Ths. Vũ Văn Nam

22


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

23

* Th môc includes chøa th viện của các hàm mà hệ thống
drupal có thể sư dơng. Ngoại trừ trường hợp chóng ta muốn mở
rộng thư viện làm việc với cơ sở dữ liệu, thư vin x lý nh, th vin
cache, thì không nên thay đổi bất cứ phần nào trong thư mục này.

* Th mục misc lu trữ các JavaScript và các icon và hình ảnh
mà module hệ thống có thể sử dụng.
* Th mục modules chứa các module cốt lõi, với mỗi module
trong đó có những th mục riêng. Khụng nên có bt kỳ thay đổi
nào ở thư mục này. NÕu muèn thªm module vào trong th mục
sites.
* Th mục profiles chứa các cấu hình cài đặt khác nhau cho
mt trang web. Nu nh có bt k cu hình ci t no khác,
Drupal s hi nên chn cu hình ci t no trong lần cài đặt đầu
tiªn của website. Lý do chÝnh của cu hình ci t ny h tr cho
nh phát trin óng gói drupal thnh các cu hình khác nhau. Ví

d: cấu h×nh cho thương mại điện tử, cấu h×nh cho cng thông
tin B cu hình xut sc nht ca Drupal là Open Atrium hỗ trợ
cho việc ph¸t triển c¸c ứng dụng web
* Th mơc Scripts : Chứa c¸c kịch bản chỉ cã thể thực thi từ phÝa
server. Đối với c¸c tác v bình thng thì cha cn s dng ti.
Trong trng hp cn xây dng các kch bn m rng, cần định vị
chóng trong c¸c thư mục con, để tiện cho việc n©ng cấp m· nguồn
Drupal sau này.
* Th mơc Site: chứa các module và giao diện.

GVHD: Ths. V Vn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

24

* Themes : chứa c¸c giao diện của hệ thống và bộ m¸y giao diện
PHPTemplate c h thng cung cp sn. Không nên có thay đổi
nào ở thư mục này. Trường hợp muèn ph¸t triển một bộ m¸y giao
diện mới, cã thể tạo thư mục mới trong /themes/engines/ vào chứa
m· nguồn mở rộng ở đã.
* Ở thư mục gốc, ngồi c¸c tập tin .htaccess, robots.txt thì không
nên có thay i no.

2. Cấu trúc themes
Trong Drupal, lớp giao diện chịu tr¸ch nhiệm tạo ra m· HTML
(hoặc JSON, XML, .v.v.) v gi n cho trình duyt.

Các file thêng gỈp trong 1 theme:

- style.css : file css.
- Page.tpl.php : nếu cần tạo 1 template thì có thể nhân
bản từ một page.tpl.php từ modules/system/page.tpl.php và
sau đó tinh chỉnh nó khi cần thiết. Drupal sẽ sử dụng
modules/system/page.tpl.php nếu không tồn tại file
page.tpl.php trong theme vừa tạo.Nó là lớp trên của tất cả các
file template và cung cấp các bố cục tổng thể trang cho
site.File template khác đợc đa vào page.tpl.php nh sơ đồ dới:

GVHD: Ths. V Vn Nam


ĐỀ TÀI THỰC TẬP CHUYÊN NGÀNH

25

- block.tpl.php: §a ra néi dung cho các block (trái hoặc phải
của trang).
- Node.tpl.php: Điều khiển việc hiện thị và tóm tắt một
node. Tt c c¸c loại nội dung trong Drupal đều được kế thừa từ
một loại đơn giản nhất được gọi là node. C¸c node cã thể là một
bài blog, một bản tin, một nhiệm vụ của dự ¸n hay bất kỳ loại nội
dung nào và đều cã chung cấu tróc dữ liệu. ChÝnh điều này đã
làm nªn sự mềm dẻo, linh hoạt cho hệ thống Drupal. Dựa vào
node, hệ thống Drupal hoàn toàn cã thể mở rộng thành c¸c giải
ph¸p như cms, b¸n hng trc tuyn, qun lý d án
- Template.php: tạo các function trong theme hoặc sửa chữa
các hàm đà đợc thiết lập.
- Screenshot.png: giao diện minh họa.
- Và cái file liên quan: images, js,logo......

Drupal chấp nhận nhiều c¸ch để tïy biến và viết lại giao diện cho
website. Từ c¸ch đơn giản nht l vit thêm mà CSS np è các
thuc tÝnh đ· được đÞnh nghĩa sẵn theo class và ID. Tuy nhiªn, nếu
muốn hồn tồn làm chủ và tối ưu việc sinh m· HTML chỉ cần viết lại
c¸c tệp tin giao diện theo quy chuẩn đặt tªn của Drupal.

3. CÊu trúc chức năng của Drupal trong giao diện
admin
3.1 Create content

GVHD: Ths. Vũ Văn Nam