Báo cáo Xây dựng trang web quảng cáo sản phẩm nội thất của một công ty.doc

1
TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI
* * *
DỊCH VỤ VIẾT THUÊ ĐỀ TÀI TRỌN GÓI ZALO/TELEGRAM : 0934.573.149
TẢI FLIE TÀI LIỆU – LUANVANTOT.COM
BÁO CÁO THỰC TẬP TỐT NGHIỆP
ĐỀ TÀI : Xây dựng trang web quảng cáo sản phẩm nội thất của một công
ty
SINH VIÊN : Nguyễn Thanh Tùng A
Ngày Sinh : 08/11/1990
LỚP : CNTT ĐS-K6
Giáo Viên Hướng Dẫn : Cao Tuấn Dũng
Hà Nội, 04/2011
[Báo cáo thực tập] Trang 1

2
LỜI NÓI ĐẦU
Ngày nay chúng ta đang được sống trong kỷ nguyên của tin học nhờ sự vượt bậc
, sự bùng nổ mạnh mẽ của công nghệ thông tin. Công nghệ thông tin không chỉ
dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống ,
chính trị, kinh tế , xã hội, trở nên thân thiện, gần gũi , mang lại nhiều lợi ích cho
con người. Đặc biệt trong lĩnh vực kinh tế, công nghệ thông tin đã thực sự có
nhiều đóng góp quan trọng trong công việc quản lý , quảng cáo các sản phẩm,
hàng hóa của các công ty, xí nghiệp, doanh nghiệp lớn nhỏ. Những ứng dụng
của công nghệ thông tin đã mang lại nhiều lợi ích không nhỏ, đạt hiệu quả kinh
tế cho những công ty , xí nghiệp đó.
Các sản phẩm nội thất hiên nay đang trở nên rất phổ biến và cần thiết cho mỗi
gia đình , công ty và các doanh nghiệp. Các sản phẩm nội thất giúp các công ty
doanh nghiệp trở nên sang trọng và hiện đại giúp tiện nghi trong công việc. Vì
vậy sản phẩm nội thất trở nên không thể thiếu trong các công ty , xí nghiệp ,
trường học , gia đình và các nơi công cộng.
Có nhiều các công ty quảng cáo và bán các sản phẩm nội thất nổi tiếng đặc biệt
là tập đoàn Hòa Phát. Muốn bán và đưa các sản phẩm cho mọi người biết một
cách rộng rải và nhanh chóng thì cần phải quảng cáo. Vì vậy, xây dựng một
website quảng cáo và bán các sản phẩm là điều không thể thiếu, các chức năng
phân chia quảng cáo các sản phẩm, đặt hàng .
Đồ án thực tập tốt nghiệp này là kết quả của quá trình tích lũy và vận dụng
những kiến thức mà em tiếp thu và tìm hiểu được trong quá trình học tập. Trong
quá trình thực hiện đồ án em xin cám ơn thầy giáo Cao Tuấn Dũng đã định
hướng cho em làm và hoàn thành đồ án thực tập tốt nghiệp. Em xin gửi tới thầy
những lời cam ơn chân thành nhất.
Mặc dù đã cố gắng trong quá trình nghiên cứu làm đề tài nhưng do cpnf nhiều
hạn chế về thời gian và trình độ nên Đồ án của em không tránh khỏi nhiều thiếu
sót , và nhiều vấn đề chưa được giải quyết hoàn chỉnh . Vì vậy em rất mong
nhận được những ý kiến đóng góp của các thầy cô và bạn để có thể hoàn thiện
và phát triển đề tài hơn.
Em xin chân thành cảm ơn !

3
Phần 1 : Giới Thiệu Đề Tài – Ý Nghĩa
1. Cơ sở thực tế- ý nghĩa
Ngày nay chúng ta đang được sống trong kỷ nguyên của tin học nhờ sự vượt
bậc , sự bùng nổ mạnh mẽ của công nghệ thông tin. Công nghệ thông tin không
chỉ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống ,
chính trị, kinh tế , xã hội, trở nên thân thiện, gần gũi , mang lại nhiều lợi ích cho
con người. Đặc biệt trong lĩnh vực kinh tế, công nghệ thông tin đã thực sự có
nhiều đóng góp quan trọng trong công việc quản lý , quảng cáo các sản phẩm,
hàng hóa của các công ty, xí nghiệp, doanh nghiệp lớn nhỏ. Những ứng dụng
của công nghệ thông tin đã mang lại nhiều lợi ích không nhỏ, đạt hiệu quả kinh
tế cho những công ty , xí nghiệp đó.
Các sản phẩm nội thất hiên nay đang trở nên rất phổ biến và cần thiết cho mỗi
gia đình , công ty và các doanh nghiệp. Các sản phẩm nội thất giúp các công ty
doanh nghiệp trở nên sang trọng và hiện đại giúp tiện nghi trong công việc. Vì
vậy sản phẩm nội thất trở nên không thể thiếu trong các công ty , xí nghiệp ,
trường học , gia đình và các nơi công cộng.
Có nhiều các công ty quảng cáo và bán các sản phẩm nội thất nổi tiếng đặc biệt
là tập đoàn Hòa Phát. Muốn bán và đưa các sản phẩm cho mọi người biết một
cách rộng rải và nhanh chóng thì cần phải quảng cáo. Vì vậy, xây dựng một
website quảng cáo và bán các sản phẩm là điều không thể thiếu, các chức năng
phân chia quảng cáo các sản phẩm, đặt hàng .
Vì vậy ,sau đây em xin thực hiện thiết kế website với đề
tài “ Xây Dựng Website Quảng cáo sản phẩm nội thất “

4
PHẦN 2 : KHẢO SÁT VÀ XÁC ĐỊNH MỤC TIÊU
I. Mục tiêu của trang web
a. Mục tiêu chính
Xây dựng trang web giới thiệu các sản phẩm nội thất của một công ty , giới
thiệu các sản phẩm nội thất đến các khách hàng đến với website của mình.
b.Mục tiêu tổng quát
Xây dựng phân chia các sản phẩm nội thất thành một menu giúp khách hàng
nhận biết được các sản phẩm ở danh mục nào.
Các sản phẩm phải được thông báo chi tiết , nguồn sản xuất, giá.
Luôn cập nhật các sản phẩm mới một cách nhanh chóng giúp khách hàng có
thể nắm bắt được thông tin một cách rõ rang và sớm nhất.
Cho phép tìm kiếm sản phẩm một cách nhanh chóng
II. Khảo Sát Hiện Trạng Của Trang Web Quảng cáo
Sau khi nghiên cứu và tìm hiểu về công cụ Joomla , bằng khả năng thực tế
có được em đã xây dựng một trang web quảng cáo . Đây là trang web sẽ
quảng cáo những sản phẩm nội thất của một số công ty.
 Qua việc nghiên cứu và tìm hiểu một số website trên mạng về quảng
cáo các sản phẩm nội thất như :

www.bepxinh.vn www.noithathoaphat.net www.chonoithat.com.vn
www.noithatdep.net
- Đối với trang web www.noithathoaphat.net có một số đặc điểm như sau
Thông tin các sản phẩm nội thất đa dạng, nhiều thể loại như
nội thất văn phòng , nội thất trường học, nội thất khu công
cộng , nội thất nhà bếp …
Các thông tin về sản phẩm mới được cập nhật liên tục,
chúng ta có thế nhận tin tức trực tiếp tứ website qua email
của mình
Màu sắc hài hòa dễ sử dụng , các chức năng rõ ràng.
Bên cạnh đó còn có các thông tin mới nhất về sản phẩm
cũng như thông tin của công ty Hòa Phát
Website còn cung cấp cho người dung nhiều chức năng đơn
giản dễ sử dụng như có thể đăng kí tài khoản , tìm kiếm các
sản phẩm nhanh chóng , giỏ hàng…

5
- Đối với trang web www.noithatdep.net :
Giao diện của trang web không được đẹp mắt lắm so với trang
www.noithathoaphat.net, không chứa đầy đủ hình ảnh cũng
nhứ thể loại danh mục sản phẩm cho khách hàng xem.
Trang web có vẻ thiên về thiết kế nội thất cho khách hàng
hơn Không có nhiều chức năng cho người sử dụng.
Tổ chức của website không đẹp mắt.
Qua khảo sát các trang web trên và tham khảo ý kiến các bạn vào thăm
website em xin hướng đề tài của em và xây dựng một trang web dựa trên trang
web của www.noithathoaphat.net .
Yêu cầu của trang web :
Nguồn thông tin sản phẩm đa dạng
Giao diện trang web thân thiện, dễ nhìn, dễ sử dụng, màu sắc
hài hòa
Thông tin sản phẩm được cập nhật và sửa đổi thường
xuyên Cho phép tìm kiếm
Từ các yêu cầu trên em đưa ra một số yêu cầu chi tiết hơn cho website
của mình như sau :
Hiển thị các danh mục sản phẩm
Hiển thị chi tiết các thông tin sản phẩm trong danh mục
Hiển thị kết quả trong việc tìm kiếm cũng như đăng nhập, đăng ký
Hiển thị các thông tin mới
A, Chức năng User
Cho phép đăng ký thành viên
Cho phép sửa đổi
Cho phép tìm kiếm
B, Đối với admin (quản trị)
Quản lý các User: xóa, sửa, nhập thêm User, Admin
Cập nhật mới các thông tin liên quan, sửa thông tin, xóa thông
tin Hiển thị thông tin lên nhóm tin, danh mục

6
C, Yêu cầu của hệ thống mới
- Hình thức thông tin đa dạng và sống động
- Giao diên thân thiện, dễ nhìn, màu sắc không đối lập
- Cung cấp thông tin và phát triển hoạt động liên tục, không ngừng.
- Thông tin sản phẩm được cập nhật và sửa đổi thường xuyên
- Có khả năng cập nhật, sửa, xoá.
- Có khả năng tra và tìm kiếm một cách nhanh chóng.
III. Phân tích hệ thống
1. Yêu cầu chi tiết về Website:
- Hiển thị các danh mục sản phẩm
- Hiển thị chi tiết về sản phẩm có trong danh mục.
- Hiện thị kết quả của việc tìm kiếm, đăng ký , đăng nhập.
- Hiện thị được các sản phẩm mới diễn ra hàng ngày

7
2 . Đối với người truy cập Website với chức năng User
- Cho phép đăng ký thành viên.
- Cho phép xem tin tức, tìm kiếm thông tin sản phẩm
- Cho phép mua sản phẩm trực tuyến
3. Đối với người quản trị
- Quản lý các user: xoá, sửa, nhập thêm User, Admin.
- Cập nhật mới các thông tin liên quan, sửa thông tin , xoá thông tin sản
phẩm
- Kiểm tra, chỉnh sửa các sản phẩm và sau đó đăng thông tin
- Hiển thị thông tin sản phẩm lên theo nhóm tin, danh mục.
4. Các chức năng cụ thể.
a. Mô tả các chức năng.
Danh sách các chức năng yêu cầu của Website quảng cáo :
* Đầu ra: Hiển thị thông tin sản phẩm
- Hiện thị thông tin sản phẩm theo danh mục
- Thông tin sản phẩm hiển thị theo khuôn có
sẵn. Ngoài ra còn có chức năng:
- Hiện thị thông tin tìm kiếm sản phẩm
* Đầu vào: Quản lý thông tin
- Cập nhật thông tin sản phẩm ( Sửa, xóa, thêm mới)
- Nhập thông tin và quản lý thông tin sản phẩm theo khuôn có sẵn.

8
Phân tích chức năng:
* Khuôn thông tin sản phẩm :
- Mã sản phẩm: Là số ký tự . Đảm bảo tính duy nhất của thông tin.
- Tên sản phẩm: Mục tiêu là hiện thị tiêu đề và thể hiện nội dung sản
phẩm.
- Nội dung chính( mô tả sản phẩm ): Không được để rỗng. . Thể hiện
thông tin sản phẩm trong bản tin khi người đọc
- Ảnh : Thể hiện hình ảnh minh họa của sản phẩm
* Nhập nội dung sản phẩm:
- Thiết kế nhập: Mã thông tin sản phẩm nhập bằng tay. Đưa ra cảnh báo
nếu trùng số thứ tự.
- Nội dung sản phẩm: Ghi rõ thông tin sản phẩm.
-Ảnh sản phẩm: Nếu để rỗng sẽ có thông
báo * Update thông tin sản phẩm :
Cho phép sửa xóa các sản phẩm hoặc thêm sản phẩm mới.
* Xóa thông tin: Có thể xóa theo mục.
- Xóa theo mục (Xóa rất nhiều sản phẩm).
- Xóa một sản phẩm.
* Liên hệ: (Liên hệ của người đọc với Admin)
Khách hàng phản ánh qua Website cho phép họ gửi nội dung vào email
của Admin
Cho phép người đọc nhập thông tin cá nhân: Tên, tuổi, Email để khảng
định chính xác người đó, số điện thoại di động

9
* Chức năng tìm kiếm
Cho phép khách hàng tìm kiếm sản phẩm theo tên, thể loại sản phẩm
* Chức năng hiện thị thông tin
Giao diện đẹp, thích hợp với loại thông tin sản phẩm
Cách hiện thị thông tin sản phẩm theo trang web của
www.noithathoaphat.net

10
PHẦN 3 : GIỚI THIỆU CÔNG CỤ VÀ CÔNG
NGHỆ PHÁT TRIỂN
1. Giới thiệu công cụ và các công nghệ phát triển Web
A. Công nghệ phát triên web :
Công nghệ WWW:
World Wide Web, gọi tắt là Web hoặc WWW, mạng lưới toàn cầu là một
không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết)
qua các máy tính nối với mạng Internet. Thuật ngữ này thường được hiểu
nhầm là từ đồng nghĩa với chính thuật ngữ Internet. Nhưng Web thực ra chỉ
là một trong các dịch vụ chạy trên Internet, chẳng hạn như dịch vụ thư điện
tử. Web được phát minh và đưa vào sử dụng vào khoảng năm 1990, 1991
bởi viện sĩ Viện Hàn lâm Anh Tim Berners-Lee và Robert Cailliau (Bỉ) tại
CERN, Geneva, Switzerland
Các tài liệu trên World Wide Web được lưu trữ trong một hệ thống siêu văn
bản (hypertext), đặt tại các máy tính trong mạng Internet. Người dùng phải
sử dụng một chương trình được gọi là trình duyệt web (web browser) để
xem siêu văn bản. Chương trình này sẽ nhận thông tin (documents ) tại ô
địa chỉ (address) do người sử dụng yêu cầu (thông tin trong ô địa chỉ được
gọi là tên miền (domain name)), rồi sau đó chương trình sẽ tự động gửi
thông tin đến máy chủ ( web server) và hiển thị trên màn hình máy tính của
người xem. Người dùng có thể theo các liên kết siêu văn bản (hyperlink)
trên mỗi trang web để nối với các tài liệu khác hoặc gửi thông tin phản hồi
theo máy chủ trong một quá trình tương tác. Hoạt động truy tìm theo các
siêu liên kết thường được gọi là duyệt Web.
Quá trình này cho phép người dùng có thể lướt các trang web để lấy thông
tin. Tuy nhiên độ chính xác và chứng thực của thông tin không được đảm
bảo.

11
B. Công cụ xây dựng web động :
1b. Macromedia Dreamweaver
Macromedia Dreamweaver là trình biên soạn HTMl chuyên nghiệp dùng
để thiết kế, viết mã và phát triển website cùng các trang web và các ứng
dụng web. Cho dù bạn có thích thú với công việc viết mã HTML thủ
công hoặc bạn thích làm việc trong môi trường biên soạn trực quan,
Dreamweaver cung cấp cho bạn những công cụ hữu ích để nâng cao kinh
nghiệm thiết kế web của bạn.
Các tính năng biên soạn trực quan trong Dreamweaver cho phép bạn tạo
nhanh các trang web mà không cần các dòng mã. Bạn có thể xem tất cacr
các thành phần trong website của bạn và kéo chúng trực tiếp từ một panel
dễ sử dụng vào 1 văn bản. Bạn có thể nâng cao sản phẩm của bạn bằng
cách tạo và sửa các ảnh trong Macromedia Fireworks hoặc trong ứng
dụng ảnh khác, rồi sau đó chèn trực tiếp vào Dreamweaver. Dreamweaver
cũng cung cấp những công cụ giúp đơn giản hóa việc chèn
Flash vào trang web.
Bên cạnh những tính năng kéo và thả giúp xây dựng trang web của bạn,
Dreamweaver còn cung cấp một môi trường viết mã đầy đủ chức năng
bao gồm các công cụ viết mã (như tô màu mã, bổ sung thẻ tag, thanh
công cụ mã và thu bớt mã) và nguyên liệu tham chiếu ngôn ngữ trong
Cascading Style Sheets (CSS), JavaScript, ColdFusion Markup Language
(CFML) và các ngôn ngữ khác. Công nghệ Macromedia Roundtrip
HTML nhập các văn bản HTML viết mã thủ công mà không định dạng
lại mã; khi đó bạn có thể định dạng lại mã với phong cách định dạng của
riêng bạn.
Dreamweaver cũng cho phép bạn xây dựng các ứng dụng web động dựa
theo dữ liệu sử dụng công nghệ máy chủ như CFML, ASP.NET, ASP,
JSP, và PHP. Nếu sở thích của bạn là làm việc với dữ liệu XML,
Dreamweaver cung cấp những công cụ cho phép bạn dễ dàng tạo các
trang XSLT, chèn file XML và hiển thị dữ liệu XML trên trang web của
bạn.
Dreamweaver có thể tùy biến hoàn toàn. Bạn có thể tạo cho riêng mình
những đối tượng và yêu cầu, chỉnh sửa shortcut bàn phím và thậm chí
viết mã JavaScript để mở rộng những khả năng của Dreamweaver với
những báo cáo site mới.

12
2b. Công cụ Wordpress
WordPress là gì?
Wordpress là một blogging platform có mã nguồn mở, một hệ thống quản
trị nội dung dành cho cá nhân sử dụng ngôn ngữ lập trình PHP và hệ quản trị
CSDL MySQL
Wordpress có từ khoảng năm 2004, tiền thân nó là b2/cafelog. Tuy nhiên
đến khoảng tháng 2- 2005, với phiên bản 1.5 thì Wordpress mới được nhiều
người biết đến bởi sự ưu việt và nổi bật trong tính năng của nó.
Phiên bản hiện tại, WordPress 2.5 (ra mắt ngày 29.3.2008 ) thật sự gây
được dấu ấn nơi người dùng, nổi trội nhất là Dashboard đã được re-design hoàn
toàn, cực kỳ trực quan và thân thiện
Chức năng nổi bật
Có thể điểm qua một số chức năng của WordPress:
 Hệ thống Template riêng biệt với HTML/CSS. Cho phép người dùng
chỉnh sửa, tùy biến giao diện của blog mình ở một mức độ khá thoáng.
 Hỗ trợ các tính năng kèm thêm plugin/widget. Plugin dùng cho
WordPress.org, Widget dùng cho WordPress.com
 Hỗ trợ tag. Quá quen thuộc với người dùng blog Yahoo! 360.
 Hỗ chợ tạo chuyên mục. Cho phép một bài viết nằm ở nhiều chuyên mục
khác nhau. Kết hợp với tag, đây thật sự là một chức năng đáng giá.
 Hỗ trợ Trackback/Pingback. Đây là một tính năng còn tương đối mới mẻ
với những ai đã quen dùng Yahoo! 360. Đây là những phương thức cho
phép tác giả nhận được những thông báo khi một ai đó link đến một trong
những entry của họ.
 Hỗ trợ link dạng SEO.
 Trình soạn thảo tuyệt vời: nhanh và nhẹ. Đổi từ chế WYSIWYG sang
HTML Code một cách hoàn hảo chứ không bị thay đổi cấu trúc như
Yahoo! 360.
 Và rất nhiều chức năng khác…

13
2. Lập trình tương tác cơ sở dữ liệu
2A. Ngôn ngữ PHP
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ
lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng
dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất
thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu
hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ
học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ
khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến
nhất thế giới.
Đoạn mã sau minh họa giúp cách viết PHP lồng vào các trang HTML dễ dàng
như thế nào:
1. <html>
2. <head>
3. <title>Mã mẫu</title>
4. </head>
5. <body>
6. <?php
7. echo "Chào thế giới PHP!";
8. ?>
9. </body>
10. </html>
Thẻ <?php và thẻ ?> sẽ đánh đấu sự bắt đầu và sự kết thúc của phần mã PHP
qua đó máy chủ biết để xử lý và dịch mã cho đúng. Đây là một điểm khá tiện lợi
của PHP giúp cho việc viết mã PHP trở nên khá trực quan và dễ dàng trong việc
xây dựng phần giao diện ứng dụng HTTP.
Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và
có sự đóng góp rất lớn của Zend Inc., công ty do các nhà phát triển cốt lõi của
PHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển
ở quy mô doanh nghiệp.

14
2B. Cơ Sở Dữ Liệu MySQL
MySQL là gì ?
MySQL là một phần mềm quản trị CSDL mã nguồn mở, miễn phí nằm trong
nhóm LAMP (Linux - Apache -MySQL - PHP)
Tại sao lại sử dụng MySQL?
MySQL là phần mềm miễn phí hoàn toàn, ổn định, an toàn.
Hiện nay trong số các Website có lưu lượng truy cập lớn thuộc hàng "top"
trên Internet, có rất nhiều Website sử dụng liên minh LAMP này.
"Liên minh" mã mở LAMP đang được coi là một đối trọng với các sản
phẩm mã đóng của Microsoft (Windows, IIS, SQL Server, ASP/ASP.NET).
Một số đặc điểm của MySQL
MySQL là một phần mềm quản trị CSDL dạng server-based (gần tương
đương với SQL Server của Microsoft).
MySQL quản lý dữ liệu thông qua các CSDL, mỗi CSDL có thể có nhiều
bảng quan hệ chứa dữ liệu.
MySQL có cơ chế phân quyền người sử dụng riêng, mỗi người dùng có thể
được quản lý một hoặc nhiều CSDL khác nhau, mỗi người dùng có một tên
truy cập (user name) và mật khẩu tương ứng để truy xuất đến CSDL.
Khi ta truy vấn tới CSDL MySQL, ta phải cung cấp tên truy cập và mật khẩu
của tài khỏan có quyền sử dụng CSDL đó. Nếu không, chúng ta sẽ không
làm được gì cả.

15
2C. Tìm hiểu về Appsev
a. Giới thiệu về Appsev
AppServ được phát triển bởi một công ty của Thái Lan – Phanupong
Panyadee (AppServ Foundation). AppServ bao gồm các dịch vụ như
Apache, PHP, MySQL và tất cả chỉ cái đặt trong 1 phút . Lần đầu tiên
phân phối cung cấp trênvào 09/10/2001. Nhiều người sử dụng
AppServ và phát triển ở khắp mọi nơi trên thế giới. Ban đầu trang web
cung cấp AppServ tiếng Thái và tiếng Anh và hiện nay đã lên 11 thứ
tiếng. Trong tương lai trang web sẽ cung cấp cho các ngôn ngữ trên
thế giới.
b. Gói dịch vụ của AppServ
AppServ có đầy đủ tính năng cần thiết cho một máy chủ như Apache,
MySQL, PHP, phpMyAdmin. Bạn có thể thiết lập trong 1 tới 2 phút.
Gói AppServ
- Apache
- PHP
- MySQL
- PhpMyAdmin
c. Giới thiệu tổng quan
Appsev mặc định dung cổng 80 trong khi cài đặt. Khi cài đặt xong bạn
có thể kiểm tra bằng cách truy cập vào http://localhost và thấy được
giao diện của nó.

16
Giao diện của appsev, ở đây tôi dung Appserv 2.5.10
Và đây là màn hình quản trị cơ sở dữ liệu bằn MySQLadmin

17
3. Hệ cơ sở dữ liệu
Ở đây , cơ sở dữ liệu em không thiết kế vì vậy em sử dụng công cụ Joomla
1.5 để xây dựng trang web và các chức năng cho trang web của em.

18
Giới thiệu công cụ Joomla 1.5
a. Joomla là gì ?
Joomla là một hệ quản trị nội dung mã nguồn mở (Tếng Anh : Open
Source Content Management Systems). Joomla được viết bằng ngôn
ngữ PHP và kết nối tới cơ sở dữ liệu MySQL , cho phép người sử
dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet hoặc
Intranet.
Joomla được sử dụng ở khắp mọi nơi trên thế giới, từ những website
cá nhân cho tới những hệ thống website doanh nghiệp có tính phức tạp
cao, cung cấp nhiều dịch vụ & ứng dụng. Joomla có thể dễ dàng cài
đặt, dễ dàng quản lý và có độ tin cậy cao.
Joomla có mã nguồn mở do đó việc sử dụng Joomla là hoàn toàn
miễn phí cho tất cả mọi người trên thế giới.
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!
Joomla có thể được download trên trang web www.joomla.org hoặc
www.joomlaviet.org
Sau khi cài đặt Joomla xong chúng ta sẽ có một bảng điều khiển để
quản lý Joomla và xây dựng các chức năng cho trang web

19
Phần 4 : Sử dụng Joomla xây dựng
trang web bán hàng
Ở đây em sử dụng các module đã thiết sẵn để thiết lập và xây dựng giao
diện cũng như các chức năng của trang web quảng cáo.
Sau đây em xin trình bày các module và cách thức xây dựng website
I. Cấu hình tài khoản
- mod_s5_horizontal_login_SF : module Đăng Nhập giúp khách hàng
có thể đăng kí tài khoản và đặng nhập được vào website , quản lý tài
khoản , mua hàng trực tuyến.
- Vào trang bảng điều khiển của Joomla
http://localhost/tung/administrator sau đó cài đặt module Đăng nhập
vào phần mở rộng . Sau đó ta sẽ được giao diện của bảng đăng nhập
dành cho khách hàng

20
Giao diện đăng nhập
Còn đây là trang đăng ký :
II. Cấu hình tìm kiếm
- mod_virtuemart_search : module Tìm Kiếm giúp khách hàng khi vào
website có thể tìm kiếm các sản phẩm mà mình muốn tìm một cách
nhanh chóng.
- Đối với module tìm kiếm ta cũng cài đặt vào bào phẩn mở rộng trong
trang điều khiển
Giao diện tìm kiếm
Các khách hàng có thể tìm kiếm sản phẩm mà mình
muốn theo tên, thể loại sản phẩm..

21
III. Tạo Danh mục sản phẩm
Trước khi tạo danh mục các loại sản phẩm và thêm các sản phẩm
vào danh mục em sẽ cài một thành phần mở rộng của Joomla đó là
VitueMart.
· Giới thiệu VirtueMart
Joomla được tải về
http://virtuemart.net/
: VirtueMart là một thành phần mở rộng của và
sử dụng miễn phí tại trang web
Virtuemart là 1 giải pháp thương mại điện tử mã nguồn mở(Open Source
E-Commerce solution) được sử dụng cùng với hệ quản trị nội
dung(Content Management System - CMS) Joomla. Virtuemart cung cấp
rất nhiều chức năng phục vụ cho việc quản lý sản phẩm(products), danh
mục sản phẩm, phương thức vận chuyển, phương thức thanh toán...

22
và các phương thức trình diễn sản phẩm như: danh sách danh mục sản
phẩm, sản phẩm mới, sản phẩm topten, sản phẩm đặc biệt...
Các bạn download gói cài đặt về, giải nén ra và tiến hành cài đặt
component trước rồi tiếp tục cài đặt các module và plugin bạn cần.Sau
khi cài đặt thành công bạn truy cập vào trang quản trị của Joomla và
truy cập menu: Component / Virtuemart
Đầu tiên em cũng vào trang điều khiển của Joomla và cài đặt
thêm components Vituemart vào.
Sau khi cài đặt Vituemart xong ta sẽ có giao diện đơn giản của
components này như sau:

23
Tiếp đó em sẽ tạo một danh mục sản phẩm theo thư mục cây.
Ở giao diện của Vituemart , chọ mục Products rồi List
Categories Ta sẽ có một thư mục cây như sau :

24
Sau đó em sẽ add thêm các loại sản phẩm vào và phân loại theo các
thư mục liên quan.

25
Ở đây danh mục sản phẩm của em gồm các thể loại như
sau Nội thất văn phòng
Trong phần Nội thất văn phòng còn chia ra các loại sau:
 Ghế văn phòng

 Bàn tủ làm việc

 Tủ sắt

 Bàn họp

Nội thất trường học
Trong Nội thất trường học gồm có :

 Bàn ghế mẫu giáo

 Bàn ghế học sinh cấp 1,2

 Bàn ghế giáo viên

 Bàn ghế sinh viên




Nội thất khu công cộng
Nội thất công cộng gồm :

 Bàn hội trường

26
 Ghế hội trường



Nội thất phòng ăn

 Bàn ăn

 Bàn ăn cao
cấp Két sắt
 Két chống cháy

 Két an toàn
Sau khi đã tạo xong danh mục sản phẩm em sẽ cài đặt thêm một module
để show các sản phẩm ra thành một cột menu:
 mod_s5_vm_accordion_SF : module giúp show các danh mục
sản phẩm ra thành cột menu giúp khách hàng dễ dàng nhận biết
các sản phẩm mà mình muốn tìm.
Danh mục sản phẩm

27
Tiếp đó ta có thể thêm mới một hay nhiều sản phẩm vào danh mục sản phẩm đã
tạo ra như trên. Ta cũng vào tiếp mục Products và chọn add products để thêm
các sản phẩm muốn cho vào:
Thêm sản phẩm
Giao diện của phần thêm sản phẩm gồm có số thứ tự của sản phẩm , giá của sản
phẩm được tính theo Việt Nam đồng , có thể chọn loại sản phẩm cho vào danh
mục, ở dưới cùng là thông tin chi tiết của sản phẩm gồm tên sản phẩm, kích
thước , nguồn gốc của sản phẩm.

28
Phần Product Images là mục thêm ảnh minh họa cho sản phẩm mình muốn cho
vào :

29
Khi đã hoàn thành việc thêm sản phẩm ta sẽ được kết quả như sau :

30
Và đây là bảng các sản phẩm đã được thêm vào :
List Sản Phẩm

31
Ngoài ra còn có mục quản lý danh sách đơn đặt hàng , mua hàng
+ Truy cập: Order / List Order
- Ta sẽ nhận được danh sách các hóa đơn mua hàng / đặt hành của khách hàng
IV. Cấu hình giỏ hàng
- Cài đặt thêm module
mod_virtuemart_s5_dropdown_cart_AJAX : Giỏ hàng ,
giúp khách hàng khi chọn mua các sản phẩm mình ưng ý ,
khi đó giỏ hàng sẽ tự động thống kê những sản phẩm khách
hàng đã chon và tính tổng giá tiền các sản phẩm đó. Nếu
không muốn mua khách hàng có thể hủy bỏ các sản phẩm
đã cho vào giỏ hàng.

32
PHẦN 5: Kết quả
1.Đặc tả giao diện cho người sử dụng
a. Trang chủ
- Hệ thống trang chủ hiển thị thông tin tất cả các chức năng, thành phần của
một Website quảng cáo sản phẩm nội thất

33
* Các chức năng trên trên trang chủ gồm:
- Hiển thị hình ảnh Banner chính của trang web quảng cáo nội thất
- Có 2 chức năng Đăng nhập vào Website và Đăng ký thành viên của Website.
- Chức năng tìm kiếm sản phẩm
- Hệ thống Menu trái gồm có 5 chức năng hiển thị toàn bộ danh mục sản phẩm
của trang Web: Nội thất văn phòng, nội thất khu trường học, nội thất khu công cộng,
nội thất phòng ăn và két sắt.
- Body: Hiển thị chi tiết các sản phẩm nổi bật và sản phẩm bán chạy
.
b. Danh mục sản phẩm:
- Hiển thị chi tiết các sản phẩm về từng loại
+ Nội thất văn phòng : hiển thị các thông tin sản phẩm liên quan đến văn
phòng.
+ Nội thất trường học:hiển thị các thông tin sản phẩm liên quan đến trường học
+Nội thất khu công công: hiển thị các thông tin sản phẩm liên quan các khu
công cộng.
+ Nội thất phòng ăn: hiển thị các thông tin sản phẩm liên quan đến phòng ăn
+ Két sắt: hiển thị các thông tin sản phẩm liên quan đến các loại két sắt

34
c. Đăng nhập
- Khi người dùng có tài khoản là User thì đăng nhập vào sẽ có thêm chức năng
liên hệ và tìm kiếm
- Khi người dùng có tài khoản là Admin thì đăng nhập vào sẽ có thể xem, sửa,
xóa, đăng sản phẩm, quản lý danh mục sản phẩm.

35
d. Trang đăng ký
- Bất cứ người dùng nào khi vào trang Web thì cũng có thể đăng ký là thành
viên của WebSite
Điền đầy đủ thông tin yêu cầu vào các ô mà website yêu cầu.

36
e.Tìm kiếm
- Người dùng có thể tìm kiếm sản phẩm bằng cách chọn tên , loại sản phẩm
trong Box sản phẩm được hiện ra.
Kết quả tìm kiếm cho người sử dụng :

37
f. Giỏ hàng
Khi đã chon lựa được sản phẩm mình ưa thích và muốn mua, khách hàng có
thể chọn lựa sản phẩm đó “ Add to Cart ” trong giỏ hàng của khách hàng sẽ hiển
lên tên món hàng và tổng giá trị giá thành của sản phẩm
2. Dành cho Người quản trị
Trang điều khiển của Joomla , thêm , sửa ,xóa các sản phẩm cũng như các
chức năng của trang Web bán hàng :

38
Phần 6 : Tổng Kết
I. Những kết quả đạt được của chương trình:
1. Ưu điểm của trang web
 Hoạt động đơn giản , dễ cài đặt , dễ sử dụng
 Khách hàng có thể xem và tìm kiếm các sản phẩm một cách nhanh chóng
và tiện lợi nhất.
 Trang web thân thiện hài hòa, dễ sử dụng
 Nội dung dễ hiểu, tương tác dễ hiểu

2. Hạn chế của trang web
 Chưa có các loại dịch vụ miễn phí như email quảng cáo cho khách hàng,
cho phép khách hàng có thêm thông tin về các sản phẩm nội thất hiện
nay.
 Còn thiếu nhiều chức năng cần thiết.
 Mục tìm kiếm còn bị hạn chế



3. Hướng phát triển
 Bổ sung những hạng chế của đề tài, mở rộng thêm chức năng hệ thống
của website , đảm bảo độ tin cậy của hệ thống.
 Phát triển thêm forum , hỗ trợ kỹ thuật cho người dung trên forum này
của website.

4. Kết luận
Trong thời gian ngắn , em vừa tìm hiểu kĩ thuật , tìm hiểu ngôn ngữ, nên
chắc chắn còn nhiều thiếu sót. Nhưng trong thời gian tới , em sẽ hoàn thiện kĩ
thuật và đưa ra một hệ thống website hoàn hảo. Mong thầy châm chước cho em.
Em xin chân thành cảm ơn thầy đã hướng dẫn và giúp đỡ chúng em hoàn tất đề
tài này.

Báo cáo Xây dựng trang web quảng cáo sản phẩm nội thất của một công ty.doc

Recommended

Recommended

More Related Content

Similar to Báo cáo Xây dựng trang web quảng cáo sản phẩm nội thất của một công ty.doc

Similar to Báo cáo Xây dựng trang web quảng cáo sản phẩm nội thất của một công ty.doc (20)

More from DV Viết Luận văn luanvanmaster.com ZALO 0973287149

More from DV Viết Luận văn luanvanmaster.com ZALO 0973287149 (20)

Recently uploaded

Recently uploaded (19)

Báo cáo Xây dựng trang web quảng cáo sản phẩm nội thất của một công ty.doc