GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC VINH ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN THẺ GAME ĐÀM LIÊU Giảng viên hướng dẫn : TS.PHAN LÊ NA Sinh viên thực hiện : NGUYỄN VĂN THIỆN Lớp : 47K - CNTT. VINH, 2011 Đồ án tốt nghiệp 3 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT MỤC LỤC Sinh viên thực hiện : NGUYỄN VĂN THIỆN .3 PHẦN I: BÀI TOÁN XÂY DỰNG WEBSITE BÁN THẺ GAME ĐÀM LIÊU 6 1.1.Bài toán 6 1.2. Khảo sát hệ thống cung cấp thẻ game của nhà phân phối Đàm Liêu 8 1.2.1. Mô tả cơ cấu tổ chức 8 1.2.2. Quy trình hoạt động của hệ thống 8 1.2.3. Thông tin vào, ra của hệ thống 8 1.2.4.Đánh giá hệ thống hiện tại 9 1.3. Giới thiệu công nghệ ứng dụng triển khai website 9 1.3.1.Tổng quan về Microsoft.NET .9 1.3.2.Tổng quan về ngôn ngữ lập trình C# 14 1.3.3.Thư viện Jquery 15 1.3.4.Ajax .17 1.3.5.Khái niệm ví điện tử .19 PHẦN II: PHÂN TÍCH HỆ THỐNG BÁN THẺ GAME ĐÀM LIÊU 22 2.1. Sơ đồ phân rã chức năng 22 2.2. Sơ đồ luồng dữ liệu mức khung cảnh .23 2.3. Sơ đồ luồng dữ liệu mức đỉnh .24 2.4. Sơ đồ luồng dữ liệu mức dưới đỉnh .25 2.4.1. Phân rã chức năng “ Đặt hàng ” 25 2.4.2. Phân rã chức năng “ Kiểm tra khách hàng ” .26 2.4.3. Phân rã chức năng “ Tra cứu mặt hàng ” 26 2.4.5. Phân rã chức năng “ Cập nhật ” 28 2.5. Danh sách các bảng dữ liệu 29 2.6. Mô hình thực thể liên kết 31 2.7. Chu trình thực hiện của hệ thống 32 PHẦN III: WEBSITE BÁN THẺ GAME ĐÀM LIÊU ONLINE 34 3.1. Giao diện chính của website .34 3.2. Giao diện trang sản phẩm thẻ game .35 3.3. Giao diện trang giỏ hàng .36 3.4. Giao diện trang gửi thông tin đơn hàng 37 3.5. Giao diện trang chức năng mua hàng trực tiếp 37 3.6. Giao diện trang đăng kí, trang đăng nhập 39 3.7. Giao diện trang tin tức game .40 3.8. Giao diện trang quản trị 41 KẾT LUẬN 44 TÀI LIỆU THAM KHẢO .45 Đồ án tốt nghiệp 4 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT LỜI NÓI ĐẦU Công nghệ thông tin thực sự đã trở thành một phần không thể thiếu trong đời sống. Đặc biệt trong thời gian gần đây là sự phát triển vượt bậc của lĩnh vực giải trí công nghệ cao, nổi bật là game online. Không đơn thuần chỉ là một game bình thường, game online đã có mặt tại hầu hết các quốc gia có nền công nghệ khá phát triển, kèm theo đó là sự phát triển của các nhà cung cấp game online và thẻ thanh toán game online, thẻ đa năng. Việc sử dụng công nghệ mới nhằm tối ưu dịch vụ bán hàng qua mạng rất được sự chú trọng của các nhà làm dịch vụ. Một phần nhỏ trong đó là xu hướng xây dựng các module giao dịch thông qua internet có sử dụng ví điện tử. Đề tài “Xây dựng website bán thẻ game Đàm Liêu” dựa trên một dự án xây dựng website của cửa hàng bán thẻ game Đàm Liêu phần nào giúp hiểu rõ hơn hiệu quả của ứng dụng công nghệ trong lĩnh vực kinh doanh. Website được xây dựng trên hệ quản trị SQL server 2008 và bộ phát triển .NET MS Visual studio 2008. Bên cạnh đó đề tài còn tìm thêm công nghệ website ASP.NET và thư viện Jquery, công nghệ Ajax và làm quen với khái niệm ví điện tử. Đề tài ngoài phần mở đầu, kết luận và tài liệu tham khảo thì bao gồm có 3 phần: Phần I: Bài toán xây dựng website bán thẻ game Đàm Liêu. Trong phần này, chủ yếu giới thiệu bài toán xây dựng website bán thẻ game Đàm Liêu một cách tổng quát, mô tả cơ cấu tổ chức, tìm hiểu quy trình hoạt động của hệ thống, qua đó đánh giá về hệ thống hiện tại. Đồng thời trong phần này cũng tìm hiểu về công nghệ ASP.NET, ngôn ngữ lập trình C# và Microsoft.NET, thư viện jquery, công nghệ ajax và khái niệm về ví điện tử được sử dụng để triển khai bài toán. Phần II: Phân tích hệ thống và xây dựng website bán thẻ game Đàm Liêu. Trong phần này thực hiện quá trình phân tích, thiết kế hệ thống và triển khai xây dựng website bán thẻ game Đàm Liêu. Đồ án tốt nghiệp 5 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT Phần III: Website bán thẻ game Đàm Liêu. Phần này giới thiệu qua về giao diện và một số tính năng của website. Đề tài này được hoàn thành nhờ sự giúp đỡ tận tình, chu đáo của Tiến sỹ Phan Lê Na.Nhân dịp này em xin bày tỏ lòng biết ơn sâu sắc tới cô Phan Lê Na cùng các thầy cô trong khoa công nghệ thông tin và tất cả các bạn đã góp ý giúp em trong suốt quá trình thực hiện đề tài này. Do nhiều yếu tố khách quan và do tầm hiểu biết chưa sâu sắc, đề tài chắc chắn còn nhiều sai sót, hạn chế. Em mong được sự góp ý chân thành của thầy cô và các bạn để kịp thời sửa chữa và thực hiện tốt hơn. Em xin chân thành cảm ơn ! PHẦN I: BÀI TOÁN XÂY DỰNG WEBSITE BÁN THẺ GAME ĐÀM LIÊU 1.1. Bài toán Ngày nay, trước sự bùng nổ của công nghệ, game online thực sự đã trở thành điểm nhấn không thể bỏ qua trong thế giới giải trí công nghệ cao. Sự bùng nổ Đồ án tốt nghiệp 6 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT game online kéo theo sự phát triển mạnh mẽ của các nhà cung cấp dịch vụ và thẻ thanh toán game online. Dịch vụ mua sắm trên mạng giúp khách hàng thoát khỏi những phiền phức và tiêu tốn thời gian cho việc mua thẻ thanh toán game online của khách hàng. Không chỉ vậy, khách hàng còn dễ dàng lựa chọn sản phẩm phù hợp và thanh toán một cách nhanh chóng. Đàm liêu là một cửa hàng kinh doanh thẻ game quy mô lớn ở miền trung. Vì vậy việc “Xây dựng Website bán thẻ game Đàm Liêu” là một tiêu chí rất được chú trọng đầu tư nhằm mục đích: oĐáp ứng nhu cầu mở rộng thị trường tiêu thụ thẻ game. oGiới thiệu về doanh nghiệp, quảng bá sản phẩm. oCập nhật thông tin và luôn đáp ứng được nhu cầu của khách hàng. oTiết kiệm được thời gian chi phí đi lại cho khách hàng. oTăng lợi nhuận cho doanh nghiệp, giảm chi phí quảng cáo. oMua bán, thanh toán trực tuyến oCập nhập thông tin thế giới game online oHỗ trợ trực tuyến về tác nghiệp bán hàng Website sẽ cung cấp những thông tin về các mặt hàng một cách trực quan sinh động, chính xác và đầy đủ. Xây dựng website gồm hai phần: oPhần dành cho khách hàng: Cho phép khách hàng dùng internet liệt kê, tìm kiếm, chọn đặt hàng, thanh toán,…. Thông tin về khách hàng sẽ được bảo mật. oPhần dành cho người quản trị: Bao gồm tất cả các chức năng quản trị, xử lí đơn hàng, điều khiển hay quản lí các nghiệp vụ cũng như các chức năng khác của website. Có thể thao tác trên cơ sở dữ liệu thông qua giao diện web như đọc, ghi, chỉnh, sửa. Ngoài ra để an toàn cho hệ thống thì người quản trị sẽ có mật khẩu truy cập hệ thống. Đồ án tốt nghiệp 7 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT 1.2. Khảo sát hệ thống cung cấp thẻ game của nhà phân phối Đàm Liêu 1.2.1. Mô tả cơ cấu tổ chức o Bộ phận bán hàng: Giới thiệu sản phẩm thẻ, chi tiết sản phẩm, giá cả tới khách hàng. Đồng thời tư vấn cho khách hàng về các sản phẩm thẻ. o Bộ phận quản lý: Người quản lý có chức năng cập nhật thông tin về sản phẩm, tin tức cho các sản phẩm từ nhà cung cấp cho bộ phận bán hàng. 1.2.2. Quy trình hoạt động của hệ thống o Hoạt động của khách hàng: Khi khách hàng tham quan cửa hàng, khách hàng sẽ được trực tiếp tham quan sản phẩm, biết thông tin chi tiết của các sản phẩm thông qua bộ phận bán hàng. Bên cạnh đó tùy theo nhu cầu của khách hàng mà bộ phận bán hàng sẽ trực tiếp tham gia tư vấn và trợ giúp khách hàng trong quá trình mua hàng. Khi khách hàng đã chọn được sản phẩm phù hợp với nhu cầu của mình thì sẽ để lại thông tin mua hàng và trả tiền thanh toán theo hóa đơn mua sản phẩm của mình và nhận hàng từ bộ phận báng hàng. Ngoài ra bộ phận bán hàng có nhiệm vụ thông báo lại tình trạng và số lượng hàng trong quá trình bán hàng. o Hoạt động của nhà quản lý: • Nhà quản lý dựa trên hóa đơn bán hàng và nhận tiền bán hàng từ bộ phận bán hàng. Dựa vào thống kê quá trình bán hàng và thông tin từ bộ phận bán hàng mà nhà quản lý cập nhập hàng và thông tin về sản phẩm cho phù hợp. 1.2.3. Thông tin vào, ra của hệ thống o Thông tin vào: Đồ án tốt nghiệp 8 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT Thông tin vào của hệ thống là: thông tin khách hàng, yêu cầu mua hàng của khách, yêu cầu hỗ trợ của khách, thông tin game online… o Thông tin ra: Thông tin ra của hệ thống là: Thống kê thông tin, kiểm tra thông tin, xử lí thông tin, trạng thái đã duyệt hay chưa của các đơn hàng . 1.2.4. Đánh giá hệ thống hiện tại Mặc dù vẫn đáp ứng được nghiêp vụ bán hàng và phân phối mặt hàng là thẻ game online hiện tại nhưng hệ thống đã có tỏ ra không hiệu quả, bất tiện cho việc lựa chọn và mua sản phẩm của khách hàng. Do tính chất đặc thù của sản phẩm thẻ game, việc tận dụng quảng cáo sản phẩm trên môi trường internet chưa được phát huy. Hơn nữa, với xu hướng công nghệ hóa các dịch vụ thì hệ thống hiện tại sẽ không đáp ứng được hết các yêu cầu. 1.3. Giới thiệu công nghệ ứng dụng triển khai website 1.3.1. Tổng quan về Microsoft.NET Microsoft.NET gồm 2 phần chính: Framework và Integrated Development Environment (IDE). Framework cung cấp những gì cần thiết và căn bản, chữ Framework có nghĩa là khung hay khung cảnh trong đó ta dùng những hạ tầng cơ sở theo một qui ước nhất định. IDE thì cung cấp một môi trường giúp chúng ta triển khai các ứng dụng dựa trên nền tảng .NET. Nếu không có IDE cũng có thể dùng một trình soạn thảo ví như Notepad hay bất cứ trình soạn thảo văn bản nào và sử dụng command line để biên dịch và thực thi, tuy nhiên việc này mất nhiều thời gian. Tốt nhất là chúng ta dùng IDE phát triển các ứng dụng, cũng là cách dễ sử dụng nhất. Thành phần Framework là quan trọng nhất .NET là cốt lõi, còn IDE chỉ là công cụ để phát triển dựa trên nền tảng đó. Trong .NET toàn bộ các ngôn ngữ C#, Visual C++ hay Visual Basic.NET đều dùng cùng một IDE. Tóm lại Microsoft .NET là nền tảng cho việc xây dựng và thực thi các ứng Đồ án tốt nghiệp 9 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT dụng. Bao gồm các ứng dụng từ client đến server và các dịch vụ khác. Một số tính năng của Microsoft .NET cho phép những nhà phát triển sử dụng như sau: o Một mô hình lập trình cho phép nhà phát triển xây dựng các ứng dụng dịch vụ web và ứng dụng client với Extensible Markup Language (XML). o Tập hợp dịch vụ XML Web, như Microsoft .NET My Services cho phép nhà phát triển đơn giản và tích hợp người dùng kinh nghiệm. o Cung cấp các server phục vụ bao gồm: Windows 2000, SQL Server, tất cả đều tích hợp, hoạt động, quản lý các dịch vụ XML Web và các ứng dụng. o Các phần mềm client như Windows XP và Windows CE giúp người phát triển phân phối sâu và thuyết phục người dùng kinh nghiệm thông qua các dòng thiết bị. o Nhiều công cụ hỗ trợ như Visual Studio .NET, để phát triển các dịch vụ Web XML, ứng dụng trên nền Windows hay nền web một cách hiệu quả. ASP.Net là kỹ thuật lập trình và phát triển ứng dụng web ở phía Server (Server- side) dựa trên nền tảng của Microsoft .Net Framework. Hầu hết, những người mới đến với lập trình web đều bắt đầu tìm hiểu những kỹ thuật ở phía Client (Client- side) như: HTML, Java Script, CSS (Cascading Style Sheets). Khi Web browser yêu cầu một trang web (trang web sử dụng kỹ thuật client-side), Web server tìm trang web mà Client yêu cầu, sau đó gởi về cho Client. Client nhận kết quả trả về từ Server và hiển thị lên màn hình. ASP.Net sử dụng kỹ thuật lập trình ở phía server thì hoàn toàn khác, mã lệnh ở phía server (ví dụ: mã lệnh trong trang ASP) sẽ được biên dịch và thi hành tại Web Server. Sau khi được Server đọc, biên dịch và thi hành, kết quả tự động được chuyển sang HTML/JavaScript/CSS và trả về cho Client. Tất cả các xử lý lệnh ASP.Net đều được thực hiện tại Server và do đó, gọi là kỹ thuật lập trình ở phía server. Những thế mạnh của ASP.NET  ASP.Net cho phép lựa chọn một trong các ngôn ngữ lập trình: Visual Đồ án tốt nghiệp 10 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT Basic.Net, J#, C#,…  Trang ASP.Net được biên dịch trước. Thay vì phải đọc và thông dịch mỗi khi trang web được yêu cầu, ASP.Net biên dịch những trang web động thành những tập tin DLL mà Server có thể thi hành nhanh chóng và hiệu quả. Yếu tố này là một bước nhảy vọt đáng kể so với kỹ thuật thông dịch của ASP.  ASP.Net hỗ trợ mạnh mẽ bộ thư viện phong phú và đa dạng của .Net Framework, làm việc với XML, Web Service, truy cập cơ sở dữ liệu qua ADO.Net, …  ASPX và ASP có thể cùng hoạt động trong 1 ứng dụng.  ASP.Net sử dụng phong cách lập trình mới: Code behide. Tách code riêng, giao diện riêng , dễ quản lý và bảo trì.  Kiến trúc lập trình giống ứng dụng trên Windows.  Hỗ trợ quản lý trạng thái của các control  Tự động phát sinh mã HTML cho các Server control tương ứng với từng loại browser.  Hỗ trợ nhiều cơ chế cache. Cơ chế hoạt động Khi Web server nhận được yêu cầu từ phía client, nó sẽ tìm kiếm tập tin được yêu cầu thông qua chuỗi URL được gởi về, sau đó, tiến hành xử lý theo sơ đồ sau: Đồ án tốt nghiệp 11 GVHD: TS. Phan Lê Na SV:Nguyễn Văn Thiện - 47K - CNTT Webform trong ASP.NET Để xây dựng ứng dụng web, ASP.NET cung cấp sẵn cho các nhà lập trình rất nhiều lớp ngay khi cài đặt .NET framework. Trong số này có một lớp đặc biệt quan trọng là Page. Mỗi lớp Page sẽ trình bày một trang tài liệu – tương ứng với một window – và được gọi là một web form. Web form là một công nghệ cho phép xây dựng các trang web trong đó có thể lập trình được. Các trang này gọi là ASP.NET web form pages hay ngắn gọn là web form. Các trang web xây dựng bằng ASP.NET sẽ không phụ thuộc vào trình duyệt (tức là trình duyệt nào cũng cho kết quả như nhau và hiển thị giống nhau). Cấu trúc trang ASP.NET Một trang ASP.NET bao gồm cả phần giao diện người dùng và phần xử lý logic bên trong. Giao diện người dùng chịu trách nhiệm hiển thị các thông tin và tiếp nhận dữ liệu từ người dùng, trong khi đó phần xử lý (lập trình) đảm nhiệm việc điều khiển sự tương tác của người dùng với trang web. Phần giao diện người dùng bao gồm một file chứa ngôn ngữ đánh dấu như HTML hoặc XML và server controls chẳng hạn. File này được gọi là một trang (Page) và có đuôi mở rộng là aspx. Phần đáp ứng các tương tác của người dùng với trang web được thực hiện Đồ án tốt nghiệp 12 . Phần I: Bài toán xây dựng website bán thẻ game Đàm Liêu. Trong phần này, chủ yếu giới thiệu bài toán xây dựng website bán thẻ game Đàm Liêu một cách tổng. và xây dựng website bán thẻ game Đàm Liêu. Trong phần này thực hiện quá trình phân tích, thiết kế hệ thống và triển khai xây dựng website bán thẻ game Đàm