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
Trang 1TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI
* * *
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
Trang 2LỜ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 !
Trang 3Phầ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 “
Trang 4Xâ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óngII. 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.vnwww.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
Trang 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
Trang 6C, 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
Trang 72 Đối với người truy cập Website với chức năng User
- 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ị
- 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.
Trang 8Phâ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
* 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
Trang 10PHẦ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.
Trang 11B. 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
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
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.
Trang 122b 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…
Trang 132. 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.
Trang 142B 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ả.
Trang 152C 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.
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ó.
Trang 16Giao diện của appsev, ở đây tôi dung Appserv 2.5.10
Trang 173 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
Trang 18Giớ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
Trang 19Phầ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