Đồ án luận tốt nghiệp MụC LC Mở Đầu .4 Lý do chọn đề tài 4 Nội dung nghiên cứu .5 Phần 1: Tìm hiểu về Xây dựng trang Web .6 1. Internet, World Wide Web và HTML 6 1.1.Khái niệm cơ bản về Internet 6 1.1.1. Giới thiệu chung .6 1.1.2. Phân loại 7 1.2. World Wide Web 7 1.2.1. Các khái niệm cơ bản về World Wide Web .7 1.2.2. Cách tạo trang Web 7 1.2.3. Trình duyệt Web(Web Client hay Web Browser) 8 1.2.4. Webserver 8 1.2.5. Phân loại web .8 1.3. HTML 10 1.3.1.Cấu trúc chung của một trang HTML .10 1.3. 2. Các thẻ HTML cơ bản 11 2. Tìm hiểu về ASP.NET 12 2.1. Các điểm nổi bật của asp.net .12 2.2. Giới thiệu về .Net Frameword 12 2.3. Cấu trúc một ứng dụng asp.net .12 2.4. Các thành phần của một ứng dụng web .13 2.5. Cơ chế xử lý của một ứng dụng web .13 Phần 2 : Đặc tả bài toán website thời trang .14 1. Bài toán thực tế .14 1.1 Đặt vấn đề 14 1.2 Bài toán 14 SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 1 Đồ án luận tốt nghiệp 2. Các yêu cầu đối với bài toán .16 2.1. Biểu đồ phân cấp chức năng của hệ thống .18 2.2. Biểu đồ luồng dữ liệu của hệ thống 19 2.2.1. Biểu đồ luồng dữ liệu mức khung cảnh .19 2.2.2. Biểu đồ luồng dữ liệu mức đỉnh .20 2.2.3. Biểu đồ luồng dữ liệu mức dới đỉnh .21 3. Cách thức tổ chức dữ liệu và thiết kế .22 3.1 Mô tả thực thể 23 3.2. Mô hình quan hệ .29 PHN III: Thiết kế giao diện và cài đặt chơng trình 31 1. Các menu và giao diện chính .31 1.1. Giao diện khách hàng 31 1.2. Giao diện quản trị hệ thống .40 2. Cài đặt và thử nghiệm website .45 2.1. Cài đặt các phần mềm hỗ trợ 45 2.2.Thử nghiệm website .45 KT LUN 48 Tài liệu tham khảo 49 SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 2 Đồ án luận tốt nghiệp Lời cảm ơn Trớc hết em xin chân thành cảm ơn cô Phạm Thị Thu Hiền giảng viên tổ phơng pháp giảng dạy đã tận tình hớng dẫn và giúp đỡ về tài liệu, tạo mọi điều kiện thuận lợi trong suốt quá trình thực hiện đồ án. Em xin cảm ơn các thầy, cô giáo khoa Công nghệ thông tin, tổ bộ môn phơng pháp giảng dạy cùng gia đình và bạn bè đã tạo mọi điều kiện, động viên giúp đỡ em rất nhiều trong quá trình hoàn thành đồ án này. Vinh, tháng 5 năm 2010 Sinh viên Hồ Thị Minh SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 3 Đồ án luận tốt nghiệp Mở U 1. Lý do chọn đề tài Internet ra đời và ngay sau đó phát triển nhanh chóng cả theo nghĩa tăng độ phủ ra toàn cầu và năng lực phục vụ, đồng thời ngày càng trở nên phổ biến, quen dùng hơn với mọi cộng đồng dân c.Mua bán hàng hoá qua mạng đã thực sự thu hút đợc sự quan tâm của cả ngời dùng cá thể lẫn mọi doanh nghiệp lớn nhỏ. Bạn hãy thử tởng tợng bạn muốn mua một bộ máy tính với cấu hình hoàn hảo và tất nhiên giá cả cũng phải chăng. Bạn muốn tham khảo ở nhiều Cataloge, đi hỏi ở nhiều cửa hàng về mặt hàng bạn muốn mua rất vất vả và mất nhiều công sức, hơn thế nữa nếu bạn biết một cửa hàng nào đó ở một địa điểm cách xa nơi bạn sống có mặt hàng mà mình mong muốn. Bạn chịu bỏ việc, mất công sức thời gian để đi đến tận nơi đó để mua mặt hàng bạn cần hay bạn đành ngậm ngùi xài đồ mình không ng bởi ở nơi bạn sống, làm việc không có mặt hàng đó ,hay là bạn quá bận rộn, quỹ thời gian eo hẹp của bạn không đủ để giúp bạn đi mua đợc mặt hàng mà bạn cần. Tại sao bạn không nghĩ là trên Internet có thể giúp bạn! Đứng ở phơng diện của một khách hàng bạn sẽ thấy lợi ích của việc đặt hàng qua mạng Internet . Bạn là một chủ cửa hàng kinh doanh một mặt hàng nào đó, bạn muốn mở rộng phạm vi kinh doanh của cửa hàng mình. Địa điểm cửa hàng đặt ở Vinh nhng bạn muốn giới thiệu mặt hàng kinh doanh của cửa hàng ở Hà Tĩnh, Thanh Hóa, Hà Nội, trên toàn quốc. Sẽ khó khăn và tốn kém biết chừng nào nếu bạn ra Thanh Hoá, vào Hà Tĩnh, . để giới thiệu, quảng cáo các mặt hàng cho cửa hàng mình. Sao bạn không nghĩ sẽ xây dựng cho mình một trang Web ?!!! Mọi ngời có thể truy cập vào nó nhờ Internet, nh thế là bạn chỉ ngồi một chỗ để quảng cáo, bán hàng và có thể khẳng định là phạm vi hoạt động mua bán của cửa hàng bạn sẽ đợc mở rộng. Đã đến lúc bạn chỉ cần ở tại địa điểm kinh doanh của mình gửi hàng bán đi thông qua các đơn đặt hàng qua mạng mà bạn nhận đợc từ trang Web quảng cáo của mình. Bạn có muốn tận dụng mọi thời gian để mở cửa hàng, nhng làm sao cửa hàng của bạn có thể mở cửa thâu đêm, suốt sáng đợc cho dù bạn là ngời sẵn sàng trực ca đêm và cũng có những khách hàng nhiệt tình mua hàng vào thời điểm đó? SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 4 Đồ án luận tốt nghiệp Làm thế nào để bạn nhận ra đơn hàng họ đặt để có thể phục vụ khách hàng một cách sớm nhất? Bạn có đủ sức trả lời cùng một lúc cho hàng nghìn khách hàng những thông tin về một sản phẩm nào đó không? Mọi khó khăn trên đây đều có thể giải quyết đợc bằng Internet bởi nếu khi đã xây dựng cho mình một ứng dụng Web để bán hàng thì bạn không phải trực liên tục mà phần việc đó đã có máy tính làm thay bạn. Lập các trang Web để quảng cáo sản phẩm và phục vụ cho việc đặt hàng của khách hàng, đó là cách nhanh nhất cho việc quảng bá sản phẩm, giảm chi phí tiếp thị, nâng cao khả năng phục vụ khách hàng của ngời kinh doanh. Nhận thấy lợi ích của việc sử dụng Web quảng cáo, tiếp thị kinh doanh là rất lớn và là hớng đi của các doanh nghiệp trong tơng lai nên em lấy đề tài ứng dụng ASP.NET xây dng website thời trang để làm đồ án tốt nghiệp của mình. 2. Mục tiêu của đề tài Xây dng website thi trang giúp cho vic bán các mặt hàng qun áo, thời trang c hiệu qu. Nhng thông tin v công ty hoc shop thi trang s c các khách h ng bi t n nhiu hn, nh đó m th ng hiu s c qung bá rng rãi tới mi i tng khách h ng thông qua m ng in t Internet , ng thi xây dng cách thc qun lý website giúp cho nhng ngi qun tr d d ng trong vi c phân quyn qun lý, thay i, cp nhp thông tin trang web cng nh qun lý hiu qu khách h ng 3. Nội dung đề tài Phn I: Tìm hiểu về xây dựng trang Web Phn II: Đặc tả bài toán website thời trang - trình b y n i dung phân tích v các bng d liu c thit k trong quá trình xây dng website. Phn III: Thit k giao din và c i t chơng tình mô t giao din, hot ng ca các trang c thit k v các quan h gia chúng ng thi tin h nh c i t v ki m tra chng trình. PHN I SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 5 Đồ án luận tốt nghiệp Tìm hiểu về xây dựng trang web 1. Internet, World Wide Web và HTML 1.1. Khái niệm cơ bản về Internet 1.1.1. Giới thiệu chung Internet là mạng của các máy tính trên toàn cầu đợc thành lập từ những năm 80 bắt nguồn từ mạng APARRNET của bộ quốc phòng Mỹ. Vào mạng Internet, bạn có thể tìm thấy nhiều tài liệu để nghiên cứu, học tập, trao đổi th từ, đặt hàng, mua bán, . Một trong những mục tiêu của Internet là chia sẻ thông tin giữa những ngời dùng trên nhiều lĩnh vực khác nhau. Mỗi máy tính trên Internet đợc gọi là một host. Mỗi host có khả năng nh nhau về truyền thông tới máy khác trên Internet. Một số host đợc nối tới mạng bằng đờng nối Dial-up (quay số) tạm thời, số khác đợc nối bằng đờng nối mạng thật sự 100% (nh Ethernet, Tokenring, . ). 1.1.2. Phân loại Các máy tính trên mạng đợc chia làm 2 nhóm Client và Server. -Client: Máy khách trên mạng, chứa các chơng trình Client -Server: Máy phục vụ-Máy chủ. Chứa các chơng trình Server, tài nguyên (tập tin, tài liệu . ) dùng chung cho nhiều máy khách. Server luôn ở trạng thái chờ yêu cầu và đáp ứng yêu cầu của Client. -Internet Server: Là những server cung cấp các dịch vụ Internet nh Web Server, Mail Server, FPT Server, . Các dịch vụ th ờng dùng trên Internet -Dịch vụ World Wide Web (gọi tắt là Web) -Dịch vụ Electronic Mail (viết tắt là Email) -Dịch vụ FPT Để truyền thông với những máy tính khác, mọi máy tính trên Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- là giao thức điều khiển truyền dữ liệu và giao thức Internet), là một giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn và tới nhiều đích khác nhau. Ví dụ có thể vừ SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 6 Đồ án luận tốt nghiệp lấy th từ trong hộp th, đồng thời vừa truy cập trang Web. TCP đảm bảo tính an toàn dữ liệu, IP là giao thức chi phối phơng thức vận chuyển dữ liệu trên Internet. 1.2. World Wide Web 1.2.1. Các khái niệm cơ bản về World Wide Web World Wide Web (WWW) hay còn gọi là Web là một dịch vụ phổ biến nhất hiện nay trên Internet, 85% các giao dịch trên Internet ớc lợng thuộc về WWW. Ngày nay số Website trên thế giới đã đạt tới con số khổng lồ. WWW cho phép bạn truy xuất thông tin văn bản, hình ảnh, âm thanh, video trên toàn thế giới. Thông qua Website, các quý công ty có thể giảm thiểu tối đa chi phí in ấn và phân phát tài liệu cho khách hàng ở nhiều nơi. 1.2.2. Cách tạo trang Web Có nhiều cách để tạo trang Web -Có thể tạo trang Web trên bất kì chơng trình xử lí văn bản nào: -Tạo Web bằng cách viết mã nguồn bởi một trình soạn thảo văn bản nh: Notepad, WordPad, . là những chơng trình soạn thảo văn bản có sẵn trong Window. -Thiết kế bằng cách dùng Web Wizard và công cụ của Word 97, Word 2000. -Thiết kế Web bằng các phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor, Phần mềm chuyên nghiệp nh DreamWeaver sẽ giúp bạn thiết kế trang Web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML sẽ có sẵn trong phần Code cho bạn. Để xây dựng một ứng dụng Web hoàn chỉnh và có tính thơng mại, bạn cần kết hợp cả Client Script (kịch bản trình khách) và Server Script (kịch bản trên trình chủ) với một loại cơ sở dữ liệu nào đó, chẳng hạn nh: MS Access, SQL Server, MySQL, Oracle, . Khi bạn muốn triển khai ứng dụng Web trên mạng, ngoài các điều kiện về cấu hình phần cứng, bạn cần có trình chủ Web thờng gọi là Web Server. 1.2.3. Trình duyệt Web(Web Client hay Web Browser) SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 7 Đồ án luận tốt nghiệp Trình duyệt Web là công cụ truy xuất dữ liệu trên mạng, là phần mềm giao diện trực tiếp với ngời sử dụng. Nhiệm vụ của Web Browser là nhận các yêu cầu của ngời dùng, gửi các yêu cầu đó qua mạng tới các Web Server và nhận các dữ liệu cần thiết từ Server để hiển thị lên màn hình. Để sử dụng dịch vụ WWW, Client cần có 1 chơng trình duyệt Web, kết nối vào Internet thông qua một ISP. Các trình duyệt thông dụng hiện nay là: Microsoft Internet Explorer và Netscape Navigator. Internet Explorer 5. 0 là một trình duyệt chuẩn cho phép trình bày nội dung do Web server cung cấp, cho phép đăng kí tới bất kì Website nào trên Internet, hỗ trợ trình bày trang Web. 1.2.4. Webserver Webserver: là một máy tính đợc nối vào Internet và chạy các phần mềm đợc thiết kế. Webserver đóng vai trò một chơng trình xử lí các nhiệm vụ xác định, nh tìm trang thích hợp, xử lí tổ hợp dữ liệu, kiểm tra dữ liệu hợp lệ Webserver cũng là nơi lu trữ cơ sở dữ liệu, là phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web. Webserver hỗ trợ các công nghệ khác nhau: -IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP -Apache:Hỗ trợ PHP -Tomcat:Hỗ trợ JSP(Java Servlet Page) 1.2.5. Phân loại Web a. Website tĩnh -Tài liệu đợc phân phát rất đơn giản từ hệ thống file của Server -Định dạng các trang web tĩnh là các siêu liên kết, các trang định dạng Text, các hình ảnh đơn giản. -Ưu điểm: CSDL nhỏ nên việc phân phát dữ liệu có hiệu quả rõ ràng, Server có thể đáp ứng nhu cầu Client một cách nhanh chóng. Ta nên sử dụng Web tĩnh khi không thay đổi thông tin trên đó. -Nh ợc điểm: Không đáp ứng đợc yêu cầu phức tạp của ngời sử dụng, không linh hoat, . -Hoạt động của trang Web tĩnh đợc thể hiện nh sau: SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 8 Đồ án luận tốt nghiệp Browser gửi yêu cầu Browser Server Server gửi trả tài liệu b. Website động Về cơ bản nội dung của trang Web động nh một trang Web tĩnh, ngoài ra nó còn có thể thao tác với CSDL để đáp ứng nhu cầu phức tập của một trang Web. Sau khi nhận đợc yêu cầu từ Web Client, chẳng hạn nh một truy vấn từ một CSDL đặt trên Server, ứng dụng Internet Server sẽ truy vấn CSDL này, tạo một trang HTML chứa kết quả truy vấn rồi gửi trả cho ngời dùng. - Hoạt động của Web động: Yêu cầu Kết nối URL CGI CSDL Form Dữ liệu trả về Dữ liệu trả về 1.3. HTML: Trang Web là sự kết hợp giữa văn bản và các thẻ HTML. HTML là chữ viết tắt của HyperText Markup Language đợc hội đồng World Wide Web Consortium (W3C) quy định. Một tập tin HTML chẳng qua là một tập tin bình thờng, có đuôi. html hoặc. htm. HTML giúp định dạng văn bản trong trang Web nhờ các thẻ. Hơn nữa , các thẻ html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet. Đa số các thẻ HTML có dạng thẻ đóng mở. Thẻ đóng dùng chung từ lệnh giống nh thẻ mở, nhng thêm dấu xiên phải (/). Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thờng. Ví dụ, có thể khai báo <html> hoặc <HTML>. Không có khoảng trắng trong định nghĩa thẻ. 1.3.1.Cấu trúc chung của một trang HTML SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 9 Đồ án luận tốt nghiệp <html> <head> <title>Tiêu đề của trang Web</title> </head> <body> <!-các thẻ Html và nội dung sẽ hiển thị--> </body> </html> 1.3.2. Các thẻ HTML cơ bản Thẻ <head> </head>: Tạo đầu mục trang Thẻ <title> . </title>: Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc. Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó đợc duyệt trên trình duyệt Web. Thẻ <body> . </body>: Tất cả các thông tin khai báo trong thẻ <body> đều có thể xuất hiện trên trang Web. Những thông tin này có thể nhìn thấy trên trang Web. Các thẻ định dạng khác. Thẻ <p> </p>:Tạo một đoạn mới Thẻ <font> . </font>:Thay đổi phông chữ, kích cỡ và màu kí tự. . Thẻ định dạng bảng <table> </table>: Đây là thẻ định dạng bảng trên trang Web. Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng<tr> và thẻ cột <td> cùng với các thuộc tính của nó. Thẻ hình ảnh <img>: Cho phép bạn chèn hình ảnh vào trang Web. Thẻ này thuộc loại thẻ không có thẻ đóng. Thẻ liên kết <a> . </a>: Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet(URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC). SVTH : Hồ Thị Minh Lớp 46K3 Khoa CNTT 10 . động (action) chỉ đến một trang khác. 2.Tìm hiểu về asp. net 2.1. Các điểm nổi bật của asp. net Ngôn ngữ ASP. NET: l một nền tảng ứng dụng web (Web application. hiểu về xây dựng trang Web Phn II: Đặc tả bài toán website thời trang - trình b y n i dung phân tích v các bng d liu c thit k trong quá trình xây dng website.