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

1 TRƯỜ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 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 ! [Báo cáo thực tập] Trang 2 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 “ [Báo cáo thực tập] Trang 3 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… [Báo cáo thực tập] Trang 4 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 [Báo cáo thực tập] Trang 5 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 [Báo cáo thực tập] Trang 6 72 . Đố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. [Báo cáo thực tập] Trang 7 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 * 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 [Báo cáo thực tập] Trang 8 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 [Báo cáo thực tập] Trang 9 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. [Báo cáo thực tập] Trang 10 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. [Báo cáo thực tập] Trang 11 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… [Báo cáo thực tập] Trang 12 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. 2. 3. Mã mẫu 4. 5. 6. <?php 7. echo "Chào thế giới PHP!"; 8. ?> 9. 10. 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. [Báo cáo thực tập] Trang 13 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ả. [Báo cáo thực tập] Trang 14 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 và thấy được giao diện của nó. [Báo cáo thực tập] Trang 15 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 [Báo cáo thực tập] Trang 16 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. [Báo cáo thực tập] Trang 17 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 [Báo cáo thực tập] Trang 18 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 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 [Báo cáo thực tập] Trang 19 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.. [Báo cáo thực tập] Trang 20 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 : VirtueMart là một thành phần mở rộng của Joomla được tải về 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... [Báo cáo thực tập] Trang 21 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: [Báo cáo thực tập] Trang 22 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 : [Báo cáo thực tập] Trang 23 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. [Báo cáo thực tập] Trang 24 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 [Báo cáo thực tập] Trang 25 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 [Báo cáo thực tập] Trang 26 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. [Báo cáo thực tập] Trang 27 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 : [Báo cáo thực tập] Trang 28 29 Khi đã hoàn thành việc thêm sản phẩm ta sẽ được kết quả như sau : [Báo cáo thực tập] Trang 29 30 Và đây là bảng các sản phẩm đã được thêm vào : List Sản Phẩm [Báo cáo thực tập] Trang 30 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. [Báo cáo thực tập] Trang 31 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 [Báo cáo thực tập] Trang 32 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 [Báo cáo thực tập] Trang 33 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. [Báo cáo thực tập] Trang 34 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. [Báo cáo thực tập] Trang 35 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 : [Báo cáo thực tập] Trang 36 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 : [Báo cáo thực tập] Trang 37 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 thực tập] Trang 38