Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến MỤC LỤC MỤC LỤC LỜI GIỚI THIỆU CHƯƠNG I CƠ BẢN VỀ JQUERY I Giới thiệu jQuery .9 II Các vấn đề 10 2.1 Cài đặt jQuery vào mã code 10 2.2 Cách gọi hàm jQuery .10 2.3 Khả tạo thành chuỗi jQuery 11 2.4 Giải xung đột jQuery 12 III Lựa chọn phần tử jQuery 12 3.1 HTML 13 3.2 ID 14 3.3 Class .14 3.4 Kết hợp tiêu chí tìm kiếm 14 3.5 Các lọc khác 15 IV Duyệt 16 CHƯƠNG 19 THƯƠNG MẠI ĐIỆN TỬ VÀ MÔ HÌNH 19 ĐẤU GIÁ TRỰC TUYẾN 19 I Thương mại điện tử 19 1.1.Khái niệm Thương mại điện tử 19 1.2 Lợi ích TMĐT 19 Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến 1.3 Các lọai hình ứng dụng TMĐT 20 1.3.1 B2B .21 1.3.2 B2C .21 1.3.3 B2G .22 1.3.4 C2C .22 1.3.5 G2C 22 II Đấu giá trực tuyến .23 2.1 Khái niêm đấu giá trực tuyến .23 2.2 Các phương thức đấu giá trực tuyến .23 2.2.1 Đấu giá kiểu Anh 23 2.2.2 Đấu giá kiểu Hà Lan .23 2.3 Những ưu điểm mô hình đấu giá trực tuyến 24 2.3.1 Không ràng buộc mặt thời gian .24 2.3.2 Sức mạnh tương tác xã hội 24 2.3.3 Số lượng người đấu giá lớn 24 2.3.4 Số lượng người bán hàng lớn 24 2.3.5 Số lượng lớn người tham gia đấu giá 25 2.4 Quy trình tham gia đấu giá trực tuyến 25 III Penny Auctions 25 3.1 Mô tả chung 25 3.2 Đăc điểm 26 3.2.1 Công khai: 26 3.2.3 Bước nhảy giá nhỏ phí lần bid lớn .26 3.2.4 Phí bid lớn 26 3.3 Công thức tính .27 3.4 Quy tắc chơi 28 Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến CHƯƠNG 30 PHÂN TÍCH THIẾT KẾ 30 WEBSITE ĐẤU GIÁ TRỰC TUYẾN 30 I Mục đích, yêu cầu 30 1.1 Mục đích 30 1.2 Yêu cầu 30 II Phân tích chức .30 2.1 Các chức 30 2.1.1 BackEnd .30 2.1.2 FrontEnd 33 2.2 Biểu đồ chức 36 2.3 Các tác nhân hệ thống 36 2.3.1 Admin 37 2.3.2 AuctionsManager 37 2.3.3 AuctionManagerSite 37 2.2.4 User .37 III Luồng liệu 37 3.1 BackEnd 37 3.1.1 Quản lý Account 37 3.1.2 Quản lý sản phẩm 40 3.1.3 Quản lý đấu giá 43 3.2 FrontEnd 43 3.2.1 Account 43 3.2.2 Auctions .45 3.2.3 Product 46 VI Thiết kế CSDL 47 Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến 4.1 Cấu hình hệ thống 47 4.1.1 Bảng Menu 47 4.1.2 Bảng Role .47 4.2 Account 47 4.2.1 Bảng Account .48 4.2.2 Bảng AccountRole 48 4.3 Auctions 48 4.3.1 Bảng Auctions 48 4.3.2 Bảng AuctionsAccount 49 4.4 Product 49 4.4.1 Bảng Product .49 CHƯƠNG 51 CÀI ĐẶT CHƯƠNG TRÌNH .51 I Các công nghệ ứng dụng .51 II Các vấn đề cần giải .51 III Mô hình lớp 52 3.1 Presentation Layer 53 3.2 Business Logic Layer 54 3.3 Data Access Layer 54 VI Sử dụng jQuery để thực request trang liên tục 55 V Xử lý đa luồng 58 5.1 Cở sở lý thuyết .58 5.1.1 Tạo BackGroundWorker .58 5.1.2 Tạo Event handle cho BackGroundWorker 59 5.1.3 Tạo Event handle cho kiên ProcessChanged 60 5.1.4 Tạo kiện cho RunWorkerCompeleted .61 Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến 5.1.5 Bổ sung kiện vào BackGroundWorker 62 5.1.6 Chạy BackgroundWorker .62 5.1.7 Hủy bỏ BackgroundWorker 62 5.2 Cài đặt 62 CHƯƠNG 65 TRIỂN KHAI THỬ NGHIỆM 65 I Cài đặt chức 65 1.1 BackEnd 65 1.2 FrontEnd 65 II Thiết kế & Ghép giao diện 65 2.1 BackEnd 65 2.1.1 Quản lý đấu giá 66 2.1.2 Quản lý sản phẩm 66 2.1.3 Quản lý người dùng .66 2.1.4 Cấu hình hệ thống .66 2.1.5 Báo cáo thống kê 68 2.2 FrontEnd 68 2.2.1 Trang chủ .68 2.2.2 Trang thông tin chi tiết 68 2.2.3 Trang cá nhân 69 KẾT LUẬN 71 VÀ ĐỊNH HƯỚNG PHÁT TRIỂN 71 I Kết luận 71 II Định hướng phát triển 71 TÀI LIỆU THAM KHẢO 72 LỜI CẢM ƠN 73 Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến LỜI GIỚI THIỆU Cùng với phát triển tri thức, lĩnh vực CNTT ngày giành nhiều thành tựu rực rỡ Các sản phẩm nghành CNTT ngày ứng dụng cách rộng rãi mặt đời sống, đưa lại nhiều tiện ích cho người Khả ưu việt sản phẩm làm thay đổi cách làm việc, học tập, cách tư quan trọng cách định người Trong sản phẩm CNTT, nói việc xây dựng website phục vụ nhu cầu khác đời sống trở nên phổ biến Với vài thao tác đơn giản, người ngồi đâu có thông tin mong muốn cú kích chuột kết nối với giới bên Đặc biệt, thương mại điện tử biết tới phương thức kinh doanh hiệu Internet, đem lại tiết kiệm chi phí tạo thuận lợi cho bên giao dịch Trong đó, hình thức đấu giá trực tuyến lĩnh vực mẻ, hứa hẹn mang lại nhiều tiện ích thú vị Tuy nhiên việc xây dựng Website Đấu giá trực tuyến lại thách thức nhà lập trình Web Hiện nay, với đời công nghệ jQuery, việc xây dựng website Đấu giá trực tuyến trở nên dễ dàng Website đấu giá trực tuyến ứng dụng công nghệ jQuery đề tài thú vị phát triển để mang tính ứng dụng cao, góp phần nâng cao tiện ích cho cộng đồng người dùng Internet Vì em chọn đề tài đồ án tốt nghiêp “Ứng dụng công nghệ jQuery xây dựng website Đấu giá trực tuyến” Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Nội dung đồ án chia làm chương: Chương I: “Cơ jQuery” trình bày các kiến thức jQuery Chương II: “Thương mại điện tử đấu giá trực tuyến” trình bày kiến thức Thương mại điện tử nói chung mô hình Đấu giá trực tuyến nói riêng Chương III: “Phân tích, thiết kế website Đấu giá trực tuyến” phân tích chức năng, luồng liệu cấu trúc CSDL để xây dựng website Đấu giá trực tuyến Chương IV: “Cài đặt thử nghiêm” trình bày chức website cài đặt giao diện website Phần “Kết luận định hướng phát triển” nêu lên kết thu định hướng phát triển cho website Đấu giá trực tuyến Do kiến thức em hạn chế số yếu tố khách quan nên đề tài nhiều thiếu sót Em mong nhận góp ý chân thành thầy cô bạn để em hoàn thiện đề tài Đặc biệt, trình thực đề tài, Em nhận quan tâm, bảo tận tình thầy giáo trực tiếp hướng dẫn em thầy Vũ Văn Nam Em xin chân thành cám ơn thầy! Vinh, Ngày 1/5/2010 Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến CHƯƠNG I CƠ BẢN VỀ JQUERY I Giới thiệu jQuery JQuery thư viện kiểu Javascript giúp đơn giản hóa cách viết javascript tăng tốc độ xử lý kiện trang web JQuery thêm tương tác Ajax vào trang web JQuery thiết kế để thay đổi cách viết JavaScript JQuery trở thành lựa chọn cho lập trình viên tìm cách để giảm nhẹ công việc phát triển dịch vụ phía khách họ tạo RIA cách nhanh chóng hiệu Do việc sử dụng RIA trở nên ngày phổ biến toàn giới, nên việc sử dụng thư viện JavaScript để hỗ trợ phát triển họ tiếp tục tăng RIAs định nghĩa (không rõ ràng) ứng dụng chạy thông qua trình duyệt, trình duyệt sử dụng kết hợp CSS/JavaScript/Ajax để tạo công việc ứng dụng máy tính để bàn Các tính nhất, bổ sung vào phát hành gần Firefox, Internet Explorer, Safari, phát hành gần trình duyệt Google Chrome mới, tập trung vào việc tăng tốc độ máy JavaScript nội trình duyệt nhằm mục đích làm cho trở nên thuận lợi cho loại ứng dụng RIAs, loại ứng dụng mà người tạo trình duyệt tưởng tượng sử dụng tương lai gần Các công ty hình dung trang Web có chứa hàng chục ngàn dòng mã JavaScript, Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến cho thấy tầm quan trọng thư viện hoàn thiện lỗi từ bắt đầu công việc quan trọng II Các vấn đề Vấn đề jQuery cách cài đặt chạy nó, vv… Tải tệp thư viện jQuery với tên “jquery.js”, sau liên kết với tệp JavaScript khác 2.1 Cài đặt jQuery vào mã code Để sử dụng thư viện jQuery, sử dụng khai báo sau: 2.2 Cách gọi hàm jQuery Bởi jQuery gọi hay thao tác đối tượng DOM, nên dẫn đến gặp vấn đề ta thao tác đối tượng mã JavaScript, trước hoàn tất việc tải tất phần tử trang Ngược lại, không muốn phải chờ tất thứ trang nạp; tất hình ảnh, biểu ngữ quảng cáo, mã phân tích, đoạn video xem trước YouTube, trước gọi mã jQuery Vùng (middle ground) cho phép gọi mã jQuery cách thích hợp cách thức an toàn không gây lỗi tài liệu hoàn tất việc tải tất phần tử trang, trước tất hình ảnh, liên kết, hoàn thiện ảnh (rendering) hoàn tất Để làm việc lần theo cách khác, tất mã jQuery cần có mặt hàm trang, hàm riêng Không nên đưa mã jQuery vào mã JavaScript không nằm hàm Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 10 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến // Xác đinh thuộc tính đề Backgrond cho phép hủy bỏ báo cáo tiến trình bw.WorkerSupportCancellation=true; bw.WorkerProcessReport=true; 5.1.2 Tạo Event handle cho BackGroundWorker DoWorker event handle nơi chạy hệ thống Thread Bất kì thay đổi hệ thống thông qua đối số DoWorkerEventArgs, đối tượng thông qua handle Để thông báo tiến trình quay trở lại gọi đến hàm Reportprocess thông qua hoàn thành giá trị từ 0-100 ReportProcess gây nên kiện ProcessChanged mà ta xử lý riêng biệt Trong trường hợp báo cáo tiến trình WorkerReportProcess BackgroundWorker không đặt True mà bạn gọi ReportProcess, mọt ngoại lệ xảy Để xác định xem có yêu cầu chờ thực thi yêu cầu hủy bỏ BackGround ngầm, kiểm tra thuộc tính CancellationPending backgroundWorker Nếu thuộc tính trả True thuộc tính CancelAsync gọi Đối tượng BackgroundWorker hủy bỏ hệ thống dừng lại Để chuyển liệu quay trở lại trình xử lý, thiết lập thuộc tính cho DoWorkEventAgrs đối tượng thông qua với kiện handle Giá trị đọc mà RunWorkerCompeleted kiện gây kết thúc hệ thống Private void bw_DoWork (object sender, DoWorkEventArgs e) { Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 59 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến BackgroundWorker work = sender as BackgroundWorker For(i=0;i= 0) { //Reset time remain datetimeReset = now.AddSeconds(timeToReset); auction.TimeRemain = datetimeReset; } Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 63 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến int resultBid = UpdateAuctionByBidder(auction.AuctionsID, auction.PaygateName, auction.TimeRemain, priceNow, Constant.AUCTION_BID_SINGLE, auction.BidType); if (resultBid > 0) { ReduceBidNumberAfterBid(auction.PaygateName, auction.BidType); auction.PriceNow = priceNow; } else { if (diffSeconds < timeToReset && diffSeconds >= 0) { auction.TimeRemain = datetimeReset.AddSeconds(-1 * timeToReset); } } e.Result = auction; } Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 64 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến CHƯƠNG TRIỂN KHAI THỬ NGHIỆM I Cài đặt chức 1.1 BackEnd Cài đặt chức BackEnd gồm: - Quản lý sản phẩm - Quản lý đấu giá - Quản lý người dùng - Cấu hình hệ thống - Báo cáo, thống kê 1.2 FrontEnd Cài đặt chức FrontEnd gồm: - Quản lý hiển thị danh sách đấu giá - Quản lý đặt giá - Cập nhật thông tin người dùng II Thiết kế & Ghép giao diện 2.1 BackEnd Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 65 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến 2.1.1 Quản lý đấu giá 2.1.2 Quản lý sản phẩm 2.1.3 Quản lý người dùng 2.1.4 Cấu hình hệ thống Quản lý Menu Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 66 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Quản lý Role Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 67 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến 2.1.5 Báo cáo thống kê 2.2 FrontEnd 2.2.1 Trang chủ 2.2.2 Trang thông tin chi tiết Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 68 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến 2.2.3 Trang cá nhân Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 69 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 70 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến KẾT LUẬN VÀ ĐỊNH HƯỚNG PHÁT TRIỂN I Kết luận Những kết đạt được: Tìm hiểu ứng dụng công nghệ jQuery Xây dựng website Đấu giá trực tuyến Nâng cao kỹ lập trình Web, bug lỗi II Định hướng phát triển Ứng dụng website “Đấu giá trực tuyến” đưa vào hoạt động thực tế Trong tương lai cài đặt thêm số chức sau : - Song song với trình đấu giá, cho phép người chới mua sản phẩm với giá tương ứng với giá thị trường sản phẩm - Cho phép người chơi đăng ký sản phẩm để đưa đấu giá Website người chơi sản phẩm đưa lên thỏa mãn số điều kiện - Liên kết với số Website thương mại điện tử (như Ebank, Ngân lượng, Payoo, ) phép người chơi tham gia đấu không cần phải mua gói bid mà trừ tiền bid qua tài khoản Website Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 71 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến TÀI LIỆU THAM KHẢO [1] Fherijf [2] Jdjf [3] Hịc [4] Fjdwfk [5] Ewlcfl [6] hjjklj Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 72 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến LỜI CẢM ƠN Lời cho phép em gửi lời cảm ơn đến thầy giáo, cô giáo khoa công nghệ thông tin Trong suốt thời gian học tập năm năm qua trường em thầy, cô tận tình bảo mang kiến thức quý báu đến truyền đạt cho chúng em Có thành này, em xin gửi lời cảm ơn chân thành đến thầy giáo Th.S Vũ Văn Nam người tận tình bảo dìu dắt em suốt trình học tập thực đề tài thực tập sở, đề tài thực tập chuyên ngành cuối đồ án tốt nghiệp Em xin chân thành cảm ơn gia đình bạn bè đặc biệt anh công ty VTCOnline giúp đỡ, cổ vũ, động viên em nhiều suốt thời gian thực đồ án Mặc dù cố gắng hoàn thành đồ án phạm vi khả cho phép chắn không tránh khỏi thiếu sót Em mong nhận thông cảm, góp ý tận tình bảo thầy, cô tất bạn để đề tài ngày hoàn thiện Vinh, tháng năm 2010 Sinh viên thực hiện: Trần Thu Phương Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 73 [...]... hồ sơ trực tuyến, v.v II Đấu giá trực tuyến 2.1 Khái niêm về đấu giá trực tuyến Mô hình đấu giá trực tuyến là hình thức mà các bên tham gia đấu giá sản phẩm và dịch vụ thông qua Internet Các hoạt động mua và bán trong đấu giá trực tuyến sẽ được phần mềm đấu giá kiểm soát 2.2 Các phương thức đấu giá trực tuyến 2.2.1 Đấu giá kiểu Anh Đây là hình thức đấu giá từ thấp tới cao Người tham gia sẽ trả giá công... về phiên đấu giá sẽ được public cho tất cả người chơi, họ luôn biết được người dẫn đầu hiện tại và có thể theo dõi tiến trình của phiên đấu giá Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 29 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ WEBSITE ĐẤU GIÁ TRỰC TUYẾN I Mục đích, yêu cầu 1.1 Mục đích Xây dựng website Đấu giá trực tuyến” đáp ứng nhu cầu... ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến giá nữa và thời gian lùi về 0 thì người đặt giá cuối cùng sẽ là người thắng cuộc Người thắng cuộc hầu như mua được sản phẩm với giá rất thấp so với giá trị thực tế của món hàng Trừ một số trường hợp, do số lượt đặt bid là rất lớn, dẫn đến giá của sản phẩm tăng theo, đến lúc nào đó giá sản phẩm đấu giá vượt qua mức giá trị thật của nó, thì cuộc đấu. .. giá công khai với nhau, giá sau cao hơn giá trước Cuộc đấu giá kết thúc khi không ai đưa ra giá cao hơn hoặc đã đạt tới mức giá trần, khi đó người chiến thắng là người đưa ra mức giá cao nhất 2.2.2 Đấu giá kiểu Hà Lan Đấu giá Hà Lan là một hình thức đấu giá mà trong cuộc đấu giá này, một món hàng được chào với một mức giá rất cao Giá ban đầu được đưa ra này cao hơn rất nhiều giá trị món hàng và chẳng... giá cao như vậy Vì bidders biết số lượng của bids, bids không được đóng dấu như trong các hình thức đấu giá khác .Giá Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 23 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến được giảm xuống từ từ cho đến khi một bidder quyết định cái giá hiện tại đó Bidders sẽ trả cái giá đó và trở thành người thắng cuộc 2.3 Những ưu điểm của mô hình đấu giá. .. dẫn đầu (leader) trong cuộc đấu giá, N người còn lại là non-leader Còn tại thời điểm t=0, tất cả đều ở trạng thái non-leader Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang 28 Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Tại các thời điểm t, N người đấu giá đang non-leader đồng thời sẽ đặt giá (bid) hoặc bỏ qua (pass) giá đó Giả sử có K ... Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến LỜI GIỚI... tốt nghiêp Ứng dụng công nghệ jQuery xây dựng website Đấu giá trực tuyến” Sinh viên: Trần Thu Phương – Lớp 46K2 CNTT Trang Báo cáo ĐATN Ứng dụng jQuery xây dựng Website Đấu giá trực tuyến Nội... công nghệ jQuery, việc xây dựng website Đấu giá trực tuyến trở nên dễ dàng Website đấu giá trực tuyến ứng dụng công nghệ jQuery đề tài thú vị phát triển để mang tính ứng dụng cao, góp phần nâng