Nghiên cứu công nghệ openweb và ứng dụng xây dựng website mevabe

MỤC LỤC LỜI CÁM ƠN ERROR! BOOKMARK NOT DEFINED PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ERROR! BOOKMARK NOT DEFINED MỤC LỤC GIỚI THIỆU ĐỀ TÀI CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ OPENWEB 1.1 CÔNG NGHỆ OPENWEB 1.2 KIẾN TRÚC OPENWEB FRAMEWORK .6 1.2.1 Ý tưởng tảng cho ứng dụng Web tương tác động .6 1.2.2 Một số công cụ 1.2.3 Hệ thống mở 1.4 TÍNH NĂNG QUẢN TRỊ CHƯƠNG 2: GIỚI THIỆU HỆ THỐNG VÀ CÁC YÊU CẦU CHỨC NĂNG CỦA HỆ THỐNG .10 2.1 GIỚI THIỆU HỆ THỐNG 10 2.1.1 Hoạt động 10 2.1.2 Phạm vi ứng dụng 10 2.1.3 Hệ thống dự định làm 11 2.2 XÁC ĐỊNH CÁC YÊU CẦU CỦA HỆ THỐNG .11 2.2.1 Yêu cầu giao diện .11 2.2.2 Yêu cầu chức hệ thống 11 2.3 PHÂN TÍCH CHỨC NĂNG HỆ THỐNG .12 2.3.1 Biểu đồ phân cấp chức hệ thống 12 2.3.2 Biểu đồ UseCase hệ thống .12 2.3.3 Các chức hệ thống 15 2.4.4 Đặc tả UseCase 16 CHƯƠNG 3: THIẾT KẾ VÀ XÂY DỰNG CHƯƠNG TRÌNH 40 3.1 XÂY DỰNG MÔ HÌNH THỰC THẾ LIÊN KẾT 40 3.1.1 Xác định thực thể định danh tương ứng 40 3.1.2 Xác định liên kết kiểu liên kết 40 3.1.3 Xác định số thuộc tính cho thực thể 40 3.1.4 Danh mục bảng sở liệu 41 3.1.5 Tách liên kết n – n 43 3.3 XÂY DỰNG CHƯƠNG TRÌNH 46 3.3.1 Giao diện trang chủ 46 3.3.2 Giao diên trang sản phẩm 46 3.4.4 Giao diên trang liên hệ 47 3.3.5 Giao diên chi tiết sản phẩm 48 3.3.6 Giao diện trang đặt hàng 48 3.3.7 Giao diện trang đăng nhập admin 49 3.3.8 Giao diên trang quản lý 49 3.3.9 Giao diện trang quản lý danh mục tin tức 50 3.3.10 Giao diện trang quản lý tin tức .50 3.3.12 Giao diện trang quản lý sản phẩm 51 3.3.14 Giao diện trang Hình ảnh – quảng cáo 52 3.3.16 Giao diện trang danh sách quản trị viên 53 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 54 TÀI LIỆU THAM KHẢO 55 PHỤ LỤC 56 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ERROR! BOOKMARK NOT DEFINED NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN ERROR! BOOKMARK NOT DEFINED GIỚI THIỆU ĐỀ TÀI Ngày nay, bùng nổ phát triển mạnh mẽ công nghệ thông tin đem lại lợi ích to lớn tất lĩnh vực đời sống xã hội, đặc biệt mang đến nhiều thuận tiện cho việc kinh doanh tất công ty doanh nghiệp Có thể nói công nghệ thông tin mang lại cách mạng vô lớn lao ý nghĩa cho việc quản lý quảng bá giới thiệu sản phẩm công ty, giúp cho khách hàng có tiện lợi có nhiều lựa chọn việc tham khảo mua bán mặt hàng Mạng Internet đời giúp giải tối đa nhu cầu việc trao đổi thông tin, khoảng cách địa lý gần xóa bỏ Một ứng dụng đáng quan tâm Word Wide Web, dịch vụ thông tin lớn Internet Web đời giúp cho nhà kinh doanh dễ dàng quảng bá giới thiệu sản phẩm, hình ảnh Nó công cụ vô đắc lực cho việc quản lý thông tin, sản phẩm giá công ty Thông tin cập nhật Web đa dạng, nhanh chóng, đẹp mắt tiện dụng cho việc tìm kiếm thông tin… Cũng nhờ ưu điểm mà ngày gần tất công ty có Website riêng Chính việc xây dựng Website với mô hình bán hàng đa cấp đa sản phẩm, đặc trưng Website thương mại điện tử cần thiết Nó giúp cho việc quảng bá, quản lý bán sản phẩm mẹ bé cách dễ dàng tiện lợi nhất, giải vấn đề tìm kiếm thông tin sản phẩm đặt hàng qua mạng Nội dung em trình bày gồm chương:  Chương 1: Tổng quan công nghệ OpenWeb  Chương 2: Giới thiệu hệ thống yêu cầu chức hệ thống  Chương 3: Thiết kế xây dựng chương trình Do thời gian kiến thức hạn chế nên đề tài em nhiều thiếu sót, em mong nhận góp ý thầy, cô giáo bạn để giúp đề tài em hoàn thiện Em xin chân thành cảm ơn ! Thái Nguyên, ngày 02 tháng 06 năm 2010 CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ OPENWEB 1.1 CÔNG NGHỆ OPENWEB OpenWeb (OW) tảng quản lý ứng dụng Web (WA CMS) tảng phát triển ứng dụng cho phép nhanh chóng xây dựng triển khai ứng dụng Web với đầy đủ tính năng, tính tương tác cao môi trường Microsoft NET Với hệ thống giao diện dễ sử dụng, dễ triển khai, OW cho phép người dùng kiến thức kỹ thuật dễ dàng tạo Website kế thừa Website có sẵn OpenWeb triển khai để xây dựng giải pháp Web máy chủ Windows Hàng trăm trang Web, cổng Web ứng dụng mạng nội bộ, mạng diện rộng Internet triển khai sử dụng OpenWeb 1.2 KIẾN TRÚC OPENWEB FRAMEWORK 1.2.1 Ý tưởng tảng cho ứng dụng Web tương tác động OpenWeb phát triển tảng Mcrosoft.Net để hệ thống quản trị nội dung Web ( CMS ) tảng cho phép xây dựng trang Web ứng dụng Web Những công cụ xây dựng OpenWeb dễ dàng sử dụng cho người quản trị, biên tập, lập trình viên, thiết kế đồ họa để xây dựng, triển khai, quản trị tất tương tác cung cấp hệ thống bao gồm: nội dung, giao diện, bố cục, thành viên, tính (modules) OpenWeb cung cấp tảng ứng dụng đáp ứng nhanh, tức thời dễ sử dụng cho ứng dụng, Website thương mại lẫn không thương mại với giá thành rẻ nhiều lần so với giải pháp tảng có sẵn OpenWeb cho phép cập nhật phiên giao diện mà không ảnh hưởng đến hoạt động hệ thống có 1.2.2 Một số công cụ Sử dụng OpenWeb công cụ quản trị nội dung Web thật đơn giản, mang lại hiệu giải hiệu nhu cầu kinh doanh chi phí hợp lý Hệ thống quản trị nội dung động cho phép người dùng hoàn toàn quản trị toàn nội dung trang Web, số công cụ bao gồm:  Quản lý modules hiển thị với công cụ quản trị modules  Tạo nội dung động, trang động cho ứng dụng: tin tức, sản phẩm, kiện, FAQs, quản trị nội dung hiển thị toàn trang Web như: nội dung tiêu đề, trang, trang liên hệ, trang hướng dẫn hình ảnh hiển thị  Điều khiển thành phần hiển thị trang, thay đổi vị trí động tất thành phần, đồng thời thay đổi màu sắc, giao diện hiển thị công cụ quản trị giao diện động quản trị banner quảng cáo, vị trí xuất hình ảnh, khung hiển thị trang cấu hình hỗ trợ công cụ tìm kiếm Nền tảng quản trị nội dung OpenWeb tảng hệ thống ứng dụng Web hướng đến nhiều đối tượng người sử dụng, thương mại không thương mại tiêu chuẩn, đòi hỏi phức tạp cách thức người dùng sử dụng để xây dựng trang Web, ứng dụng Web 1.2.3 Hệ thống mở Là hệ thống mã đóng, OpenWeb lại xây dựng Core cung cấp hệ thống APIs giao tiếp mạnh mẽ, có khả gắn kèm ứng dụng vào hệ thống không giới hạn phục vụ yêu cầu riêng lại thừa kế tảng ưu việt mà OpenWeb cung cấp như: Sorting Data Core, Dynamic Layout, Dynamic Positions Definition, Modules Managenent, CMS Core 1.3 ĐẶC ĐIỂM CỦA OPENWEB  Dễ sử dụng: OpenWeb có hệ thống quản trị nội dung động nghiên cứu để đáp ứng công việc, quy trình phức tạp với thao tác đơn giản Điều cho phép nhà quản trị, người phát triển, thiết kế triển khai mong muốn họ cho hệ thống cách nhanh chóng, với tính tổng hợp từ nhiều nguồn ý kiến khách hàng sử dụng  Mạnh mẽ: OpenWeb thực mạnh mẽ với khả hỗ trợ nhiều trang Web, nhiều module  Nhiều tính năng: OpenWeb mặc đinh cài đặt nhiều ứng dụng mạnh mẽ kiểm thử khắt khe, kèm với ứng dụng hệ thống tính quản lý đa dạng  Địa phương hóa: OpenWeb chứa đựng chế đa ngôn ngữ mạnh mẽ nay, cho phép người quản trị thiết lập trang Web đa ngữ đa nội dung hoàn toàn Công cụ quản trị ngôn ngữ cho phép không giới hạn số lượng ngôn ngữ tích hợp, cập nhật  Đi đầu công nghệ: Được xây dựng tảng NET, hệ thống đầu việc ứng dụng công nghệ mạnh mẽ công nghệ như: ASP.NET, Visual Studio, SQUảN LÝ Server, Windows Server, IIS, Ajax.NET, Silverlight  Mở rộng: Bộ Core với thư viện APIs tích hợp cho phép thêm tính phục vụ nhu cầu người sử dụng OpenWeb cấp hầu hết nhu cầu tảng chạy Web  Được cập nhật hỗ trợ mạnh: OpenWeb hỗ trợ INGA Co.,Ltd., hàng trăm Website sử dụng OpenWeb phục vụ cho phát triển lợi ích doanh nghiệp chương trình hỗ trợ người dùng Việt Tiến tới, OpenWeb Core Team, tiếp tục cam kết hỗ trợ liên tục, đồng thời tạo cộng đồng sử dụng, kiểm thử cho hệ thống OpenWeb Hiện họ xây dựng giao diện màu sắc cho OpenWeb, tích hợp nhiều kiểu giao diện vào phiên bản, OpenWeb Core Team nâng cấp liên tục hệ thống, giao diện, màu sắc  Sản phẩm Việt - OpenWeb Framework tự hào tảng Web Việt có chế mở, thiết kế giao diện động, ứng dụng mẫu động OpenWeb Core Team tâm góp phần đẩy tảng Web ngoại khỏi Việt Nam hiệu quả, chi phí hợp lý 1.4 TÍNH NĂNG QUẢN TRỊ  Cấu hình trang: Cấu hình trang cho phép người quản trị định nghĩa tiêu đề trang, chỉnh kích thước, lề trang, cấu hình từ khóa, quản trị banner, hình nền, giao diện hiển thị  Quản trị nội dung: Bộ quản trị nội dung, xếp liệu khoa học tích hợp sẵn vào nhân hệ thống cho phép người quản trị, nhà phát triển dễ dàng xuất thông tin phục vụ mục tiêu, nhu cầu riêng hoạt động, kinh doanh  Stylesheets: Hệ thống Stylesheet động cho phép người sử dụng thay đổi tức thời toàn stylesheet trang mà không cần can thiệp vào mã (HTML) hệ thống Hệ thống stylesheet xây dựng cấu hình cách có khoa học cao tạo nên dễ dàng tiếp cận quản trị cho người quản lý  Giao diện trang: Giao diện cho phép người quản trị hoàn toàn thay đổi mặt trang mà không cần can thiệp vào mã (HTML) OpenWeb, tất click chuột OpenWeb liên tục cập nhật giao diện cho phép bạn áp dụng cách nhanh nhất, dễ dàng Bên cạnh đó, đối tác hợp tác với OpenWeb Core Team cung cấp hàng loạt giao diện đẹp mắt, hấp dẫn phục vụ nhu cầu đối tượng  Ứng dụng tích hợp: Hàng loạt ứng dụng tích hợp vào OpenWeb, số tính mạnh mẽ như: Tin tức kiện, thương mại điện tử (shopping), liên hệ, câu hỏi thườg gặp, thư viện kiến thức, quản trị hình ảnh quảng cáo Bên cạnh đó, hệ thống OpenWeb Core Team lên kế hoạch tích hợp hàng loạt tính dựa theo yêu cầu cộng đồng sử dụng  Thùng rác (Recycle Bin): Với ứng dụng thùng rác, người dùng dễ dàng khôi phục lại nội dung, trang bị lỡ tay xóa Những nội dung xóa khôi phục vào vị trí, trạng thái trước  Banner quảng cáo: Banner, hình ảnh quảng cáo thêm vào vị trí trang Web thông qua hệ thống định vị trí cho loại trang, trang Web Hệ thống phân tích hoạt động cho phép thông kê đến phút hiệu hiển thị banner, hình ảnh quảng cáo số lần click, thời gian click  OpenWeb Studio: Phần mềm thiết kế Web sử dụng Core OpenWeb cho phép nhà quản trị Web quản trị từ xa mà không cần truy cập vào hệ thống OpenWeb Web CHƯƠNG 2: GIỚI THIỆU HỆ THỐNG VÀ CÁC YÊU CẦU CHỨC NĂNG CỦA HỆ THỐNG 2.1 GIỚI THIỆU HỆ THỐNG 2.1.1 Hoạt động Hệ thống Website “Mẹ bé” chuyên việc quản lý sản phẩm, quản lý việc mua bán sản phẩm mẹ bé sản phẩm có liên quan khác Trang Web dành cho việc giới thiệu sản phẩm, cung cấp thông tin sản phẩm tới người dùng Hệ thống có tác nhân khách hàng người quản trị:  Khách hàng: Hệ thống giúp cho khách hàng dễ dàng tìm kiếm thông tin sản phẩm mẹ bé, thuận tiện việc đặt mua hàng Khách hàng tiếp cận thông tin tốt mặt hàng mà quan tâm qua đặt hàng với công ty cách đăng ký thông tin yêu cầu địa chỉ, điện thoại, email …, gửi đơn hàng Đồng thời, khách hàng gửi ý kiến, liên hệ sản phẩm, dịch vụ, … công ty  Người quản trị: Người quản trị dễ dàng thêm, cập nhật hay xóa thông tin Website Người quản lý Website quản lý danh mục sản phẩm bày bán Website , thống kê hàng hóa bán được, nhu cầu khách hàng từ đưa thay đổi phù hợp để mang lại lợi nhuận cao từ việc bán hàng qua mạng 2.1.2 Phạm vi ứng dụng  Về phía người sử dụng: Website phục vụ cho tất người có nhu cầu cung cấp thông tin sản phẩm mẹ bé  Về phía người quản trị: Website thiết kế đơn giản không phần thẩm mỹ cung cấp giao diện làm việc thân thiện, 10 3.2 THIẾT KẾ CƠ SỞ DỮ LIỆU Dựa việc xây dựng mô hình thực thể liên kết hệ thống (xác định thực thể, thuộc tính thực thể mối liên hệ thực thể), em tiến hành thiết kế sở liệu hệ thống hệ quản trị sở liệu Microsoft SQUảN LÝ Server 2005 sau: 45 3.3 XÂY DỰNG CHƯƠNG TRÌNH 3.3.1 Giao diện trang chủ 3.3.2 Giao diên trang sản phẩm 46 3.3.3 Giao diện trang tin tức 3.4.4 Giao diên trang liên hệ 47 3.3.5 Giao diên chi tiết sản phẩm 3.3.6 Giao diện trang đặt hàng 48 3.3.7 Giao diện trang đăng nhập admin 3.3.8 Giao diên trang quản lý 49 3.3.9 Giao diện trang quản lý danh mục tin tức 3.3.10 Giao diện trang quản lý tin tức 50 3.3.11 Giao diên trang quản lý danh mục sản phẩm 3.3.12 Giao diện trang quản lý sản phẩm 51 3.3.13 Giao diện trang quản lý đơn hàng 3.3.14 Giao diện trang Hình ảnh – quảng cáo 52 3.3.15 Giao diện trang danh sách liên hệ 3.3.16 Giao diện trang danh sách quản trị viên 53 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Trong trình thực đề tài em hiểu thêm, bổ sung thêm vốn kiến thức CNTT nói chung thiết kế Web nói riêng Tuy nhiên, thời gian có hạn kiến thực thực tế chưa nhiều nên trang Web nhiều hạn chế như: nhiều tính hay, tính chưa có đủ thời gian để thực tưởng Chưa cung cấp khả quản lý cấu hình trang, giao diện trang…, phần giao diện Website chưa thực hoàn thiện Hướng phát triển đề tài: thời gian tới, chắn em tiếp tục xây dựng phát triển đề tài này, nâng cấp chức năng, cấu hình lại giao diện để trang Web thực hữu ích khác hàng đem lại hiểu cho doanh nghiệp sử dụng Em mong có nhà tài trợ để Website em ứng dụng thực tế, em cố gắng để tiếp tục phát triển đề tài cách tốt Em xin chân thành cảm ơn thầy Phạm Tuấn Anh cung cấp kiến thức tảng tận tình hướng dẫn chúng em hoàn thành đề tài thiết kế Website Mẹ bé bán hàng đa cấp đa sản phẩm Đồng thời, chúng em xin chân thành cảm ơn Công ty TNHH Xa Lộ Thông Tin INGA Co.,Ltd tạo điều kiện cho chúng em thực tập, trau dồi kiến thức Em xin tiếp thu ý kiến đóng góp để đề tài Website Mẹ bé em hoàn thiện thành công Em xin chân thành cảm ơn ! 54 TÀI LIỆU THAM KHẢO Mr Phạm Tuấn Anh, 2007, Microsoft NET (C#) Profestional Programing For Reallife, Trung tâm đào tạo CNTT chất lượng cao ITGATEVN Mr Phạm Tuấn Anh, 2007, OpenWebframework_TechGuide, Trung tâm đào tạo CNTT chất lượng cao ITGATEVN [PHN1] Phạm Tuấn Anh, 2007, Lập trình Net, Học viện Công nghệ Thông tin Quốc tế NIIT- Thăng Long http://inga.com.vn/ http://www.oWebframework.com/ http://www.itgatevn.com.vn/?u=elearning http://w3schools.com/css/default.asp (Tham khảo CSS) Bên cạnh trang Web Google giúp em nhiều việc tìm kiếm tài liệu, giải vấn đề 55 PHỤ LỤC Code thêm thông tin public static string News_Insert(string vtitle, string vdesc, string vcontent, string vimg, string vauthor, DateTime dcreatedate, DateTime denddate, int istatus) { OleDbCommand cmd = new OleDbCommand("insert into News values(?,?,?,?,?,?,?,?)"); cmd.CommandType = CommandType.Text; cmd.Parameters.AddWithValue("@vtitle", vtitle); cmd.Parameters.AddWithValue("@vdesc", vdesc); cmd.Parameters.AddWithValue("@vcontent", vcontent); cmd.Parameters.AddWithValue("@vimg", vimg); cmd.Parameters.AddWithValue("@vauthor", vauthor); cmd.Parameters.AddWithValue("@dcreatedate", dcreatedate); cmd.Parameters.AddWithValue("@denddate", denddate); cmd.Parameters.AddWithValue("@istatus", istatus); OLEDB.OLEDB.ExecuteNonQuery(cmd); cmd = new OleDbCommand("select max(inid) as maxid from News"); return OLEDB.OLEDB.GetData(cmd).Rows[0]["maxid"].ToString(); } Code cập nhập thông tin public static void News_Update(string vtitle, string vdesc, string vcontent, string vimg, string vauthor, DateTime dcreatedate, DateTime denddate, int istatus, string inid) { OleDbCommand cmd = new OleDbCommand("update News set vtitle=?,vdesc=?,vcontent=?,vimg=?,vauthor=?,dcreatedate=?,denddate= ?,istatus=? where inid=?"); cmd.CommandType = CommandType.Text; 56 cmd.Parameters.AddWithValue("@vtitle", vtitle); cmd.Parameters.AddWithValue("@vdesc", vdesc); cmd.Parameters.AddWithValue("@vcontent", vcontent); cmd.Parameters.AddWithValue("@vimg", vimg); cmd.Parameters.AddWithValue("@vauthor", vauthor); cmd.Parameters.AddWithValue("@dcreatedate", dcreatedate); cmd.Parameters.AddWithValue("@denddate", denddate); cmd.Parameters.AddWithValue("@istatus", istatus); cmd.Parameters.AddWithValue("@inid", inid); OLEDB.OLEDB.ExecuteNonQuery(cmd); } Code xóa thông tin public static void News_Delete(string inid) { OleDbCommand cmd = new OleDbCommand ("delete News where inid=?"); cmd.CommandType = CommandType.Text; cmd.Parameters.AddWithValue("@inid", inid); OLEDB.OLEDB.ExecuteNonQuery(cmd); } Code lấy danh sach tin public static DataTable News_List(string istatus) { string squản lý = "select * from News "; OleDbCommand cmd = new OleDbCommand(squản lý); if (!istatus.Equals("-1")) { squản lý += " where istatus=? "; } cmd.CommandType = CommandType.Text; 57 if (!istatus.Equals("-1")) { cmd.Parameters.AddWithValue("@istatus", istatus); } return OLEDB.OLEDB.GetData(cmd); } Code lấy chi tiết tin public static DataTable News_Detail(string inid) { OleDbCommand cmd = new OleDbCommand("select * from News where inid=?"); cmd.CommandType = CommandType.Text; cmd.Parameters.AddWithValue("@inid", inid); return OLEDB.OLEDB.GetData(cmd); } Code phân trang tin tức public static DataTable News_GetList(int istatus, int curpage, int itemsperpage) { int start = curpage * itemsperpage + 1; int end = curpage * itemsperpage + itemsperpage; string squản lý = "select * from ( "; squản lý += @" select row_number() over (order by inid desc) as rowindex,n.* from News n"; if (istatus != -1) { squản lý += " where istatus=? "; } 58 squản lý += ") A where A.rowindex between " + start.ToString() + " and " + end.ToString(); OleDbCommand cmd = new OleDbCommand(squản lý); cmd.CommandType = CommandType.Text; if (istatus != -1) { cmd.Parameters.AddWithValue("@istatus", istatus); } return OLEDB.OLEDB.GetData(cmd); Code đếm số lượng tin public static int News_Count(int istatus) { string squản lý = @" select count (*) as totalnumber from News "; if (istatus != -1) { squản lý += " where istatus=?"; } OleDbCommand cmd = new OleDbCommand(squản lý); cmd.CommandType = CommandType.Text; if (istatus != -1) { cmd.Parameters.AddWithValue("@istatus", istatus); } return Convert.ToInt32(OLEDB.OLEDB.GetData(cmd).Rows[0]["totalnumber"]); } 59