Nâng cao hiệu quả của một trang web bán hàng bằng việc sử dụng công nghệ web động và các công cụ phân tích nhu cầu : Luận văn ThS. Công nghệ thông tin: 60 48 10

ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ HOÀNG THỊ HẢI NÂNG CAO HIỆU QUẢ CỦA MỘT TRANG WEB BÁN HÀNG BẰNG VIỆC SỬ DỤNG CÔNG NGHỆ WEB ĐỘNG VÀ CÁC CƠNG CỤ PHÂN TÍCH NHU CẦU LUẬN VĂN THẠC SĨ HÀ NỘI - 2011 ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CƠNG NGHỆ HỒNG THỊ HẢI NÂNG CAO HIỆU QUẢ CỦA MỘT TRANG WEB BÁN HÀNG BẰNG VIỆC SỬ DỤNG CÔNG NGHỆ WEB ĐỘNG VÀ CÁC CƠNG CỤ PHÂN TÍCH NHU CẦU Ngành : Công nghệ thông tin Chuyên ngành : Công nghệ phần mềm Mã số : 60.48.10 LUẬN VĂN THẠC SĨ HƯỚNG DẪN KHOA HỌC: PGS.TS NGUYỄN VĂN VỴ HÀ NỘI - 2011 TÓM TẮT KẾT QUẢ Luận văn bao gồm kết sau: − Nghiên cứu trình bày mơ hình Rich Internet Application, cơng nghệ công cụ liên quan − Nghiên cứu, triển khai xây dựng phần mềm theo mơ hình Rich Internet Application, áp dụng cơng nghệ Ajax − Dùng phương pháp Phân tích thiết kế đối tượng thiết kế lại trang Web nhằm thực đề tài “Nâng cao hiệu trang web bán hàng việc sử dụng công nghệ web động cơng cụ phân tích nhu cầu”, sử dụng ngôn ngữ UML_Visio2007 − Áp dụng công cụ mơ hình phân tích để tạo liệu tổng hợp phụ vụ việc phân tích nhu cầu khách hàng từ liệu bán hàng để trợ giúp việc định kinh doanh MỤC LỤC LỜI CẢM ƠN MỤC LỤC BẢNG CÁC CHỮ VIẾT TẮT DANH SÁCH CÁC BẢNG VÀ HÌNH VẼ MỞ ĐẦU Chương 1: GIỚI THIỆU MƠ HÌNH RICH INTERNET APPLICATION 1.1 Tổng quan phát triển mơ hình 1.2 Các đặc điểm RIA 11 1.3 Phương pháp công cụ sử dụng mơ hình RIA 16 1.3.1 XML ngơn ngữ chung Internet 16 1.3.2 Bảng kiểu nhiều tầng - CSS .17 1.3.3 XHTML RIA 18 1.3.4 JavaScript: ngôn ngữ cho hành động .20 1.4 Một số công nghệ sử dụng RIA 24 1.4.1 Adobe Flex .24 1.4.2 Ajax 25 1.5 Lợi ích dùng RIA 28 1.6 Những hạn chế RIA 28 Chương 2: BÀI TOÁN NÂNG CẤP TRANG WEB BÁN HÀNG LAMPCENTER .30 2.1 Tổng quan trang web bán hàng Lampcenter.com 30 2.1.1 Giới thiệu 30 2.1.2 Cấu trúc công cụ triển khai 32 2.1.3 Những vấn đề tồn và yêu cầu đặt 32 2.2 Giải pháp nâng cấp trang web 34 2.2.1 Những vấn đề giải pháp .34 2.2.2 Lựa chọn công cụ nâng cấp 35 2.2.3 Mơ hình triển khai 35 2.2.4 Một số công cụ, giải pháp cụ thể 36 2.4 Phạm vi nâng cấp 39 Chương 3: ỨNG DỤNG MƠ HÌNH RIA NÂNG CẤP TRANG WEB BÁN HÀNG QUA MẠNG 40 3.1 Mơ tả tốn 40 3.1.1 Tổng quan toán 40 3.1.2 Các hoạt động hệ thống 42 3.2 Phát triển mơ hình ca sử dụng 45 3.2.1 Xác định tác nhân vai trò 45 3.2.2 Xác định ca sử dụng 46 3.2.3 Mơ hình ca sử dụng mức gộp- mức hệ thống .46 3.2.4 Mơ hình ca sử dụng mức gộp- chi tiết 48 3.3 Phân tích hệ thống 56 3.3.1 Các ca sử dụng cần phân tích 56 3.3.2 Phân tích ca sử dụng – Biểu đồ tương tác 57 3.3 Biểu đồ lớp thiết kế hệ thống 60 3.4 Thiết kế sở liệu 62 3.4.1 Các liệu cho quản lý truy nhập 62 3.4.2 Các liệu cho quản lý bán hàng 63 3.4.3 Các liệu cho quản lý khác webssite 71 3.5 Thiết kế giao diện 77 KẾT LUẬN 82 TÀI LIỆU THAM KHẢO 83 Tiếng Việt 83 Tiếng Anh 83 BẢNG CÁC CHỮ VIẾT TẮT Viết tắt Tên đầy đủ Ajax Asynchronous JavaScript and XML API Application Programming Interface ADO ActiveX Data Objects DOM Document Object Model HTML HyperText Markup Language HTTP HyperText Transfer Protocol IE Internet Explorer IP Internet protocol OEM original equipment manufacturer REST Representational State Transfer RIA Rich Internet Application SLM Service-Level-Management SOAP Simple Object Access Protocol SVG Scalable Vector Graphics TCP Transmission Control Protocol WPF Windows presentation foundation XHTML Extensible HyperText Markup Language XAML Extensible Application Markup Language XML Extensible Markup Language CSS Cascading Style Sheets W3C World Wide Web Consortium RCP Rich Client Platform PDA A personal digital assistant DANH SÁCH CÁC BẢNG VÀ HÌNH VẼ Số Hình 1.1 Hình 1.2 Tên bảng hình Sơ đồ tương tác người dùng ứng dụng web Mơ hình giao tiếp ứng dụng web theo mơ hình RIA Trang 12 13 Hình 1.3 Hình 1.4 Bảng 1-1 Bảng 1-2 Hình 1.5 Hình 1.6 Hình 2.1 Hình 2.2 Bảng 2.1 Hình 2.3 Hình 2.4 Bảng 3.1 Hình 3.1 Hình 3.2 Hình 3.3 Bảng 3.2 Bảng 3.3 Hình 3.4 Hình 3.5 Hình 3.6 Hình 3.7 Hình 3.8 Hình 3.9 Hình 3.10 Hình 3.11 Hình 3.12 Cấu trúc giải pháp cơng nghệ mơ hình RIA Cấu trúc thành phần RIA Sự kiện trang vòng đời trang Một vài kiện người dùng điều khiển Mơ hình web truyền thống web sử dụng RIA Sơ đồ kiên trúc thành phần với Silverlight Trang chủ trang web Lampcenter.com Biểu đồ hoạt động hệ thống Vấn đề giải pháp cho việc nâng cấp trang web Mơ hình tiers Mơ hình bảo mật mã hóa liệu hai chiều Các chức hệ thống bán hàng Biểu đồ hoạt động khách đặng ký mua hàng Biểu đồ hoạt động tổng hợp, phân tích nhu cầu Biểu đồ miền lĩnh vực hệ thống Các thuật ngữ giải thích Các tác nhân hệ thống vai trò Biểu đồ ca sử hệ thống dụng mức gộp Biểu đồ ca sử hệ Đăng ký mua hàng Biểu đồ ca sử hệ quản lý trang web Biểu đồ ca sử hệ kiểm sốt truy nhập Biểu đồ xem tìm kiếm mặt hàng Biểu đồ chọn mua hàng Biểu đồ theo dõi toán Biểu đồ đăng nhập hệ thống Biểu đồ lớp thiết kế vật lý hệ thống 13 16 23 24 27 30 31 32 34 35 35 42 43 43 44 44 45 47 48 51 52 54 55 56 57 58 MỞ ĐẦU Các ứng dụng web có nhu cầu ngày lớn mà mạng Internet bùng nổ ngày mở rộng Ngày thiết bị đầu cuối sử dụng web khơng dừng lại máy tính mà cịn bao gồm nhiều thiết bị đầu cuối khác PDA, mobile, ti vi,…Trong điều kiện vậy, trang web tĩnh thuở ban đầu khơng cịn thích hợp, địi hỏi truyền trang web lần có tương tác Ngay mà đường truyền có thơng lượng lớn nhiều truyền chậm, liệu có nhiều loại dạng đa phương tiện ảnh, đồ… Web động đời cho phép tăng cường khả tương tác nhờ làm việc khơng đồng tiếp nhận giao diện trang web liệu trao đổi với máy chủ Chính lý mà chọn đề tài ”Nâng cao hiệu trang web bán hàng việc sử dụng công nghệ web động cơng cụ phân tích u cầu” làm đề tài luận văn tốt nghiệp Bên cạnh đó, việc nâng cao hiệu kinh doanh ln cần có thơng tin nhu cầu khách hàng Rõ ràng nhờ có web động cho phép xử lý liệu bán hàng để mau chóng có để thơng tin nhu cầu khách, từ đưa định kinh doanh Như vậy, trang web nâng cấp không nâng cao lực đáp ứng nhu cầu mua hàng cách tốt mà phương tiện trợ giúp định kinh doanh Luận văn gồm chương: Chương 1: Giới thiệu mơ hình RIA: trình bày tổng quan web động – mơ hình ứng dụng web phong phú (Rich Internet Application –RIA) bao gồm kiến trúc, đặc trưng, công cụ sử dụng RIA lợi ích Chương 2: Bài toán nâng cấp trang web bán hàng qua mạng Lampcenter: Phân tích thực trang trang web bán hàng để thấy hạn chế tồn nó, yêu cầu cấp bách phải nâng cấp điều kiện Nêu vấn đề đặt đề xuất giải pháp nâng cấp Chương 3: Tiến hành phân tích thiết kế trang web với yêu cầu đặt tiến hành phát triển, nâng cấp Kết trang web bán hàng đạt yêu cầu đặt đưa vào hoạt động bình thường Cuối kết luận, bao gồm kết đạt áp dụng RIA nâng cấp trang web bán hàng vấn đề cần tiếp tục hoàn thiện Chương 1: GIỚI THIỆU MƠ HÌNH RICH INTERNET APPLICATION 1.1 Tổng quan phát triển mơ hình Mơ hình Rich Internet Application (RIA) hãng Macromedia thức cơng bố vào năm 2002 Năm 2007 nhóm nghiên cứu gồm nhà khoa học Dana Moore thuộc lĩnh vực công nghệ bảo mật BBN, Raymond Budd Edward (Ted) Benson kỹ sư phần mềm thuộc lĩnh vực công nghệ bảo mật BBN viết sách “Professional Rich Internet Applications” trình bày vấn đề mơ hình RIA Thuật ngữ “Rich Internet Applications” đời từ năm 2002 Nhưng trước đó, nhiều triển khai theo nội dung thử nghiệm có nhiều tên gọi khác sử dụng: − Remote Scriptting, Microsoft đưa năm 1998 − X Internet, tổ chức nghiên cứu Forrester đưa năm 2000 − Rich (Web) Clients Và cuối Rich Web Application Theo Wikipedia, RIA ứng dụng web có đầy đủ tính đặc trưng ứng dụng desktop truyền thống Mô hình RIA kết hợp ứng dụng web truyền thống với mơ hình ứng dụng destop thể ý tưởng đưa số xử lý trước thực máy chủ mơ hình truyền thống thực máy khách, giữ lại xử lý khác máy dịch vụ Trong ứng dụng web truyền thống ban đầu, phần ứng dụng mặt lôgic chạy máy chủ để thực xử lý sau người dùng gửi yêu cầu tới cách chọn đường liên kết (link) nút lệnh giao diện Cơ chế gọi chế đồng bộ, có nghĩa là, người dùng sau gửi yêu cầu phải đợi máy chủ xử lý tải lại trang kết xử lý Quá trình lặp lặp lại cách chậm chạp có yêu cầu gây cảm giác khó chịu, bất tiện cho người sử dụng Mơ hình RIA đời giải vấn đề bất tiện Hình 1.1 sơ đồ tương tác đối tượng môi trường hoạt động theo mơ hình web Sơ đồ cho ta thấy hành vi có liên quan tới trình tương tác người sử dụng ứng dụng web 10 Ở mức cao nhất, mơ hình minh họa nội dung thể ba phần đóng khung tơ màu khác nhau: − Phần cùng(1): thiết kế ứng dụng môi trường sử dụng − Hành vi người dùng (2): nhìn, suy nghĩ, tác động, bỏ qua − Hành vi sử dụng ứng dụng (3): tương tác người dùng cách thức đáp ứng hệ thống ứng dụng web Hình 1.1 Sơ đồ tương tác người dùng ứng dụng web Mơ hình mơ tả bước xảy suốt trình tương tác người sử dụng ứng dụng dựa trình duyệt Phần mũi tên đen đậm thể luồng hoạt động ứng dụng Web truyền thống yêu cầu người sử dụng (click), thông qua giao thức HTTP gửi yêu cầu tới máy chủ, sau nhận yêu cầu, xử lý, máy chủ trả lại kết cho máy trạm nhớ tạm thời trình duyệt (browse cache), liệu trả đủ nhớ tạm, người sử dụng nhận liệu thơng qua khung nhìn trang web Theo sơ đồ này, chu trình di chuyển thơng tin theo mũi tên tách biệt thành hai vòng luân chuyển liệu người dùng - máy khách máy khách – máy dịch vụ để chúng hoạt động cách độc lập cải thiện đáng kể hoạt động hệ thống Mơ hình RIA phát triển ý tưởng Hình 1.2 mơ tả q trình tương tác ứng dụng web dựa mơ hình RIA Sơ đồ cho ta thấy, đoạn thẳng với nút đậm hai đầu mô tả tương tác hai đối tượng chứa đầu mút Rõ ràng là, trình tương tác máy khách (engine) người dùng (thể display) có độc lập định (tương đối) với trình tương tác máy khách máy chủ (webserver CSDL) Sự sai khác xem không đồng hai trình tương tác 69 citys_idout int (11) Tỉnh thành phố (người nhận) districts_idout int (11) Quận huyện (người nhận) ordercart_content text Nội dung khác đơn hàng ordercart_time date Ngày mua hàng ordercart_posttime varchar (50) Thời gian mua ordercart_status int(1) Tình trạng đơn hàng ordercart_type int(1) ordercart_delete tinyint(1) register_email varchar (50) Hình thức tốn Thơng tin thùng rác: xem tin sử dụng hay lưu vào thùng rác Thông tin đăng nhập người mua f Bảng: orderitem Chức năng: Lưu thông tin sản phẩm đơn hàng Tên trường Kiểu liệu Chú thích orderitem_id int (11) Khóa bảng orderitem_name varchar (500) Tên sản phẩm orderitem_price int (11) Giá sản phẩm orderitem_quatily int (11) Số lượng orderitem_picture varchar (255) Ảnh sản phẩm ordercart_id int (11) id đơn hàng products_id int (11) id sản phẩm g Bảng: citys Chức năng: Lưu thông tin tỉnh, thành phố … 70 Tên trường Kiểu liệu Chú thích citys_id int (11) Khóa bảng citys_title varchar (255) Tên tỉnh thành phố citys_order int (11) Thứ tự citys_publish tinyint(1) Thông tin hiển thị Language char (10) Ngôn ngữ h Bảng: districts Chức năng: Lưu thông tin quận huyện … Tên trường Kiểu liệu Chú thích districts_id int (11) Khóa bảng districts_title varchar (255) Tên quận huyện districts_order int (11) Thứ tự districts_publish tinyint(1) districts_type tinyint(1) Language char (10) Thông tin hiển thị Thông tin quận huyện thuộc vùng (Thành thị nông thôn) Ngôn ngữ citys_id int (11) Tỉnh thành phố 71 3.4.3 Các liệu cho quản lý khác webssite a Bảng: aboutus Chức năng: Lưu trữ thông tin giới thiệu công ty… Tên trường Kiểu liệu Chú thích aboutus_id int (11) Khóa bảng aboutus_title varchar (500) Tiêu chí giới thiệu aboutus_content longtext Nội dung giới thiệu aboutus_order int (11) Thứ tự aboutus_publish tinyint(1) aboutus_delete tinyint(1) aboutus_posttime varchar (100) aboutus_type int (11) Loại hình Language char (10) Ngơn ngữ aboutus_insert varchar(50) Ngày cập nhật aboutus_update varchar(50) Ngày sửa chữa aboutus_remote varchar(50) Ngày xóa security_insert varchar(50) Người cập nhật Thơng tin hiển thị Thùng rác: xem tin sử dụng hay lưu vào thùng rác Thời gian cập nhật 72 security_update varchar(50) Người sửa chữa security_remote varchar(50) Người xóa b Bảng: news Chức năng: Lưu thơng tin tin tức website … Tên trường Kiểu liệu Chú thích news_id int (11) Khóa bảng news_title varchar (500) Tiêu đề tin news_description text Nội dung ngắn news_content longtext Nội dung chi tiết news_picture varchar (255) Ảnh đại diện news_view int (11) Số lượt đọc news_publish tinyint(1) news_delete tinyint(1) news_focus tinyint(1) Thông tin hiển thị Thông tin thùng rác: xem tin sử dụng hay lưu vào thùng rác Tin bật 73 news_posttime varchar (100) Thời gian cập nhật Language char (10) Ngôn ngữ category_id int (11) Danh mục tin tức news_insert varchar(50) Ngày cập nhật news_update varchar(50) Ngày sửa chữa news_remote varchar(50) Ngày xóa security_insert varchar(50) Người cập nhật security_update varchar(50) Người sửa chữa security_remote varchar(50) Người xóa d Bảng: advertise Chức năng: Lưu trữ hình ảnh quảng cáo website Tên trường Kiểu liệu Chú thích advertise_id int (11) Khóa bảng advertise_title varchar (255) Tiêu đề quảng cáo 74 advertise_picture varchar (255) Ảnh đại diện advertise_link varchar (500) Link website advertise_width int (11) Chiều rộng advertise_height int (11) Chiều cao advertise_publish tinyint(1) advertise_delete tinyint(1) advertise_order int (11) Thông tin hiển thị Thông tin thùng rác: xem tin sử dụng hay lưu vào thùng rác Thứ tự hiển thị advertise_type int (11) Vị trí quảng cáo advertise_filetype tinyint(1) Loại liệu: Ảnh hay Flash Language char (10) Ngôn ngữ advertise_insert varchar(50) Ngày cập nhật advertise_update varchar(50) Ngày sửa chữa advertise_remote varchar(50) Ngày xóa security_insert varchar(50) Người cập nhật security_update varchar(50) Người sửa chữa security_remote varchar(50) Người xóa e Bảng: partners Chức năng: Lữu trữ thông tin đối tác khách hang cơng ty 75 Tên trường Kiểu liệu Chú thích partners_id int (11) Khóa bảng partners_title varchar (255) Tiêu đề partners_picture varchar (255) Ảnh đại diện partners_link varchar (500) Link website partners_publish tinyint(1) Thông tin hiển thị partners_focus tinyint(1) partners_delete tinyint(1) partners_order int (11) Nổi bật Thông tin thùng rác: xem tin sử dụng hay lưu vào thùng rác Thứ tự hiển thị Language char (10) Ngôn ngữ partners_insert varchar(50) Ngày cập nhật partners_update varchar(50) Ngày sửa chữa partners_remote varchar(50) Ngày xóa security_insert varchar(50) Người cập nhật security_update varchar(50) Người sửa chữa security_remote varchar(50) Người xóa 76 f Bảng: slides Chức năng: Lưu thông tin danh sách slides ảnh trang … Tên trường Kiểu liệu Chú thích slides_id int (11) Khóa bảng slides_title varchar (255) Tiêu đề slides_picture varchar (255) Ảnh đại diện slides_link varchar (500) Link website slides_blank tinyint(1) Mở không mở cửa sổ slides_time int (11) Thời gian chuyển slides slides_publish tinyint(1) slides_delete tinyint(1) slides_order int (11) Thông tin hiển thị Thông tin thùng rác: xem tin sử dụng hay lưu vào thùng rác Thứ tự hiển thị Language char (10) Ngôn ngữ slides_insert varchar(50) Ngày cập nhật slides_update varchar(50) Ngày sửa chữa slides_remote varchar(50) Ngày xóa slides_insert varchar(50) Người cập nhật 77 slides_update varchar(50) Người sửa chữa slides_remote varchar(50) Người xóa 3.5 Thiết kế giao diện Một số giao diện - Giao diện sản phẩm bật - Giao diện tìm kiếm - Giao diện đăng nhập hệ thống 78 - Giao diện chi tiết giỏ hàng 79 - Giao diện mua hàng thành công 80 - Giao diện đơn hàng gửi email khách hàng - Giao diện cập nhật sản phẩm phần admin 81 - Giao diện thống kê KẾT LUẬN Luận văn giải toán nâng cấp trang web tĩnh cách ứng dụng công nghệ RIA (công nghệ web động) để đáp ứng nhu cấp bách hoạt động bán hàng mạng ngày trở nên gay gắt Những kết đạt − Trình bày tổng quan RIA, đặc trưng RIA, công nghệ công cụ sử dụng RIA kinh nghiệm việc sử dụng công cụ công nghệ để phát triển ứng dụng RIA đạt hiệu cao − Phân tích thực trạng trang web tĩnh Lampcenter, làm rõ hạn chế kiến trúc tính năng, hoạt động trang nó, nêu giải pháp nâng cấp cách ứng dụng RIA để có trang web có hiệu cao − Tiến hành phân tích thiết kế lại toàn trang web theo phương pháp hướng đối tượng triển khai với việc ứng dụng Mơ hình RIA Vì khơng phát triển trang web từ đầu nên phải lựa chọn nâng cấp phần, phận cần thiết để mang lại ứng dụng web mạnh tính cho nhiều chức tương tác tiện lợi cho người dùng, đồng thời với chi phí định Trang web đưa vào vận hành khai thác tốt − Trang web bổ sung chức tích hợp liệu để dễ dàng nhận thơng tin phân tích trợ giúp cách nhanh chóng cho định kinh doanh Điều thực sở áp dụng công nghệ RIA Nhiều trang web phải thực điều thủ công Những hạn chế hướng phát triển Do nâng cấp, nên trang web cịn có số hạn chế: − Một số tồn trang web cũ chưa giải triệt để − Tốc độ đáp ứng trang web phụ thuộc lớn vào đường truyền mạng, trang web chứa nhiều liệu ảnh Chưa tìm giải pháp phân chia quy mô liệu tải để tăng tốc độ đáp ứng − Tốc độ tìm kiếm cịn chậm đặc trưng liệu Hướng tiếp tục hồn thiện tính có, cố gắng giải tồn bổ sung thêm tính tính giao tiếp trực tuyến với khách hàng có thơng tin phản hồi sớm làm sở cho định kinh doanh TÀI LIỆU THAM KHẢO Tiếng Việt Siverlight Microsoft Vietnam LLC – DPE team, 2007 Lập trình PHP MySQL ban đạo công nghệ thông tin quan Đảng, 2003 http://edufirst.vn/ Luận văn Phạm Thùy Linh lớp K10T3 http://vn.360plus.yahoo.com http://onepixelahead.com Tiếng Anh Professional_Rich_Internet_Applications_AJAX, 2007 Beginning PHP, Apache, MySQL Web Development, Michael Glass- Yann Le Scouarnec- Elizabeth Naramore- Gary Mailer- Jeremy Stolz Conallen, Building Web Applications with UML, Addison-Wesley, 1999 10 E.B.Fernandez and X.Yuan, “An analysis pattern for reservation and use ofentities”, Procs of Pattern Languages of Programs Conf (PLoP‟99) 11 E.B.Fernandez, X.Yuan, and S.Brey, “An analysis pattern for the order andshipment of a product”, Procs.of Pattern Languages of Programs Conf (PLoP‟2000),