Đồ áN TốT NGHIệP GVHD: Phan Lê Na LờI CảM ƠN Tr-ớc hết em xin tỏ lời cảm ơn chân thành tới Ban giám hiệu nhà tr-ờng Đại học Vinh, ban chủ nhiệm khoa, thầy cô giáo khoa Công nghệ thông tin đà tận tình giảng dạy, trang bị cho em kiến thức cần thiết năm học tr-ờng Đặc biệt xin chân thành cảm ơn tới Tiến sỹ Phan Lê Na đà tận tình quan tâm, giúp đỡ h-ớng dẫn em suốt trình thực đồ án để em hoàn thành tốt đồ án tốt nghiệp Xin chân thành cảm ơn tới anh chị bạn bè đà có nhận xét, ý kiến đóng góp, động viên quan tâm giúp đỡ em v-ợt qua khó khăn suốt trình làm đồ án Mặc dù em đà cố gắng hoàn thành đồ án phạm vi khả cho phép nh-ng tránh khỏi thiếu sót Em kính mong nhận đ-ợc thông cảm tận tình bảo Thầy Cô bạn để đồ án đ-ợc hoàn thiện tốt Vinh, ngày 10 tháng 05 năm 2010 Sinh viên thực Trần Thị Hoài Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na MụC LụC Mở đầu PHÇN I: Tổng quan hệ thống Website bán hàng thời trang Yoilo 1.1 HiƯn tr¹ng chung 1.2 Môc ®Ých cđa viƯc x©y dùng website thêi trang Yoilo 1.3 Ngôn ngữ cài đặt hỗ trợ xây dựng website 1.4 Đặc tả yêu cầu PHầN II: PHÂN TíCH Và THIếT KÕ HƯ THèNG 2.1 Ph©n tÝch thiÕt kÕ hÖ thèng ë møc quan niÖm 2.1.1 Thành phần liệu mức quan niƯm 10 2.1.2 Thµnh phần xử lý mức quan niệm - L-ợc đồ BPC 17 2.2 Ph©n tÝch thiÕt kÕ hƯ thèng møc logic 18 2.3 Thµnh phần liệu mức vật lý 20 PHÇN III: THIÕT KÕ GIAO DIƯN, CàI ĐặT Và KIểM TRA 25 3.1 Giao diện bên 25 3.2 Giao diện phần quản trị 32 3.3 Cài đặt vµ thư nghiƯm website 39 3.3.1 Cài đặt công cụ hỗ trợ thiÕt kÕ website 41 3.3.2 Thö nghiÖm website 44 KÕT LUËN 45 TàI LIệU THAM KHảO 46 Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na Mở Đầu Cùng với nhân loại b-ớc vào kinh tế tri thức, tin học phát triển mạnh mẽ đem lại cho loài ng-ời nhiều thành công rực rỡ Các ứng dụng tin học ngày sâu vào đời sống ng-ời trở thành phận không thiếu giới văn minh, việc nắm bắt thông tin nhiều xác trở nên quan trọng Những khả mẻ -u việt đà nhanh chóng làm thay đổi cách sống, cách làm việc, cách học tập, cách t- quan trọng cách định ng-ời Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, công ty chí cá nhân ngày nay, không lấy làm xa lạ Với vài thao tác đơn giản, ng-ời trở thành chủ website giới thiệu thân gia đình, website trình bày s-u tập hình ảnh loại xe Đối với phủ công ty việc xây dựng website riêng ngày trở nên cấp thiết Thông qua website này, thông tin họ nh- công văn, thông báo, định phủ hay sản phẩm, dịch vụ công ty đến với ng-ời quan tâm, đến với khách hàng họ cách nhanh chóng kịp thời, tránh phiền hà mà ph-ơng thức giao tiếp truyền thống th-ờng gặp phải Hoạt động cửa hàng bán đồ thời trang đ-ợc mở rộng đ-ợc nhiều ng-ời biÕt ®Õn nÕu cã mét website tèt ®Ĩ giíi thiƯu, quảng bá th-ơng hiệu Bắt nguồn từ ý t-ởng này, em đà thực đề tài Website thời trang Yoilo cho shop bán hàng thời trang Yoilo qua mạng Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na Nội dung đề tài đ-ợc chia làm phần: Phần I: Tổng quan đề tài Hệ thống website bán hàng trực tuyến Yoilo giới thiệu tổng quan đề tài, mục đích, ngôn ngữ xây dựng website Phần II: Phân tích & thiết kế hệ thống trình bày nội dung phân tích bảng liệu đ-ợc thiết kế trình xây dựng website Phần III: Thiết kế giao diện, Cài đặt & thử nghiệm mô tả giao diện, hoạt động trang đ-ợc thiết kế quan hệ chúng, trình bày cách thức tổ chức tập tin, th- mục website số source ch-ơng trình tiêu biểu Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na Phần I TổNG QUAN Đề TàI Hệ thống WEBSITE bán hàng trực tuyến YOILO 1.1 Hiện trạng chung Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin đ-ợc công nghệ có đẳng cấp cao lần l-ợt chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thông tin toàn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho ng-ời sử dụng: cần có máy tính kết nối internet dòng liệu truy tìm gần nh- giới vấn đề mà ta quan tâm ra, có đầy đủ thông tin, hình ảnh chí đôi lúc có âm cần Bằng internet, đà thực đ-ợc nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, đà thúc đẩy khai sinh phát triển th-ơng mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất l-ợng sống ng-ời Trong hoạt động sản xuất, kinh doanh, đây, th-ơng mại điện tử đà khẳng định đ-ợc vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với shop thời trang, việc quảng bá giới thiệu đến khách hàng sản phẩm thời điểm cách hiệu kịp thời yếu tố quan trọng góp phần đ-a th-ơng hiệu quảng bá tới đông đảo khách hàng Điều quan trọng thông qua website, cửa hàng nhỏ nh-ng có quảng bá kịp thời gây ấn t-ợng Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na lấy đ-ợc thiện cảm từ phía khách hàng Vì vậy, thật thiếu sót muốn phát triển mà ch-a xây dựng đ-ợc website để giới thiệu rộng rÃi sản phẩm Và vấn đề đ-ợc đặt song song để quản lý điều hành website cách dễ dàng hiệu Làm đ-ợc nh- tránh đ-ợc nhàm chán cho khách hàng th-ờng xuyên website, thu đ-ợc kết nh- mong muốn Đây vấn đề cấp thiết trăn trở hầu hết shop thời trang nói riêng công ty, doanh nghiệp khác nói chung, doanh nghiệp Việt Nam với họ, th-ơng mại điện tử Chính lí mà em chọn đề tài tốt nghiệp xây dựng website tiến hành mua bán sản phẩm thông qua mạng điện tử cho Shop thời trang Yoilo - Địa chỉ: Số - Đ-ờng Phạm Kinh VÜ – P BÕn Thủ – TP Vinh – NghƯ An 1.2 Mục đích việc xây dựng Hệ thống Website bán hàng trực tuyến Yoilo Giúp Yoilo xây dựng hệ thống quảng bá sản phẩm th-ơng hiệu tới khách hàng thông qua mạng điện tử Internet đồng thời xây dựng cách thức quản lý website giúp cho ng-ời quản trị dễ dàng việc phân quyền quản lý, thay đổi, cập nhập thông tin trang web nh- quản lý hiệu khách hàng 1.3 Ngôn ngữ cài đặt hỗ trợ xây dựng Website - Ngôn ngữ PHP: Cho phép tạo trang Web động, ngôn ngữ lập trình Server-Side miễn phí đ-ợc phát triển theo chuẩn mà nguồn mở PHP đời tõ sù viÕt t¾t cđa cơm tõ Personal Hom Page PHP đ-ợc nhúng siêu văn HTML th-ờng kết hợp với sở liệu MySQL PHP có hệ thống th- viện hàm đồ sộ giúp cho lập trình viên có nhiều lựa chọn việc sử dụng PHP để kết nối với nhiều phần mềm khác nh-: Oracle, MySQL, ODBC, Mail, Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na - MySQL: phần mềm hỗ trợ việc tạo sở liệu đ-ợc truy xuất thông qua thẻ PHP - AppServer2.5.10: kiĨu mÉu Web Server rÊt phỉ biÕn Gièng nhPHP, MySQL, AppServer mà nguồn mở, có khả viết ch-ơng trình mở rộng tính PHP hoạt động với t- cách phần mở rộng AppServer ng-êi ta gäi lµ mét module cđa AppServer - Microsoft FronPage, DzSoft PHP Editor : hỗ trợ việc tạo thẻ HTML PHP có sẵn th- viện 1.4 Đặc tả yêu cầu a) Yêu cầu chức - Ng-ời viếng thăm website xem, tìm kiếm thông tin sản phẩm hành có website - Khách hàng đăng kí thông tin cá nhân website quản lý thông tin (chỉnh sửa, cập nhật) - Theo dõi tình hình liên hệ thông qua website khách hàng để đáp ứng kịp thêi nhu cÇu cđa hä - VỊ tỉ chøc l-u trữ thực yêu cầu: + Thay đổi, thêm xóa bỏ thông tin, hình ảnh cập nhật sản phẩm có website + Phân quyền ng-ời sử dụng, xóa thông tin khách hàng có website b) Yêu cầu phi chức - Website phải có dung l-ợng không lớn, tốc độ xử lý nhanh - Công việc tính toán phải thực xác, không chấp nhận sai sót - Sử dụng mà hóa thông tin nhạy cảm khách hàng - Đảm bảo an toàn liệu chạy website trực tuyến Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na PHầN II PHÂN TÝCH & THIÕT KÕ HƯ THèNG 2.1 Ph©n tÝch thiÕt kế hệ thống mức quan niệm 2.1.1 Thành phần xử lý mức quan niệm 2.1.1.1 Biểu đồ phân cấp chức năng(BPC) Hệ THốNG WEBSITE Quản lý hàng hoá Lập danh mục sản phẩm Cập nhật thông tin sản phẩm Quản lý ng-ời dùng Cập nhật thông tin ng-ời dùng Phân quyền ng-ời dùng Thống kê sản phẩm Quản lý viết Cập nhật thể loại viết Cập nhật viết Quản lý hóa đơn Cập nhập hóa đơn Xóa hóa đơn Thêm, sửa, xóa viết Thêm, sửa, xóa sản phẩm Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na 2.1.1.2 Biểu đồ luồng liệu mức khung cảnh Tra cứu sản phẩm Thông tin viết Trả yêu cầu Thống kê Y/c đặt hàng Thông tin cá nhân Ban quản trị TT Sản phẩm Trả yêu cầu Cập nhật thông tin Khách hàng Website Trả yêu cầu Yêu cầu đăng ký Trả yêu cầu Thay đổi thông tin cá nhân Sinh viên thực hiện: Trần Thị Hoài Đồ áN TốT NGHIệP GVHD: Phan Lê Na 2.1.1.3 Biểu đồ luồng liệu mức đỉnh Thông tin sản phẩm Thông tin sản phẩm Quản lý sản phẩm Ban quản trị Quản lý hóa đơn Thông tin KH Đơn hàng Thông tin sản phẩm Thông tin hóa đơn Khách hàng Ban quản trị Tin tức Thông tin ng-ời dùng Thông tin viết Quản lý viết Kho hàng Đơn đặt hàng Khách hàng Tin tức Thông tin ng-ời dùng Quản lý ng-ời dùng Thông tin ng-ời dùng Đáp ứng yêu cầu Sinh viên thực hiện: Trần Thị Hoài 10 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 8) Khung đăng nhập / đăng ký: Đây khung đăng nhập tài khoản, nh- ng-ời dùng đăng nhập tên tài khoản mật sở liệu có thông báo đăng nhập thành công Khi ng-ời dùng thay đổi thông tin tài khoản nh- thực chức mà đăng nhập thực đ-ợc Đồng thời khung nh- bạn ch-a có tài khoản click Tiếp tục để thực đăng ký tài khoản Sinh viên thực hiện: Trần Thị Hoài 39 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 9) Khung thực đăng ký tài khoản mới: Đây khung cho phép đăng ký tài khoản website nh- ch-a có tài khoản phải nhập thông tin để tạo tài khoản Sau nhập đầy đủ thông tin yêu cầu nhấn tiếp tục để thực thao tác Sinh viên thực hiện: Trần Thị Hoài 40 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 10) Trang tìm kiếm Thực tìm kiếm theo tên sản phẩm Nếu tìm thấy tên sản phẩm thỏa mÃn với từ khóa hiển thị toàn sản phẩm tìm thấy, không hiển thị thông báo Không tìm thấy sản phẩm Sinh viên thực hiện: Trần Thị Hoài 41 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 11) Danh sách giỏ hàng Khi khách hàng chọn đặt mua sản phẩm từ website số l-ợng sản phẩm đ-ợc cập nhật vào giỏ hàng Khi muốn dừng chọn mua thực b-ớc mua sản phẩm click Mua hàng, không click Tiếp tục mua hàng hủy giỏ hàng đà chọn click Xóa giỏ hàng Sinh viên thực hiện: Trần Thị Hoài 42 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 3.2 Giao diện phần quản trị 1) Khung đăng nhập ban quản trị: Khung dành riêng cho ban quản trị, ng-ời trực tiếp quản lý thông tin website Chỉ thành viên ban quản trị đăng nhập đ-ợc vào hệ thống từ khung đăng nhập Sinh viên thực hiện: Trần Thị Hoài 43 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 2) Màn hình quản lý ban quản trị: Trên giao diện này, ban quản trị thực quản lý thông tin website nh- cho phép hiển thị không hiển thị chức website nh- thực chỉnh sửa, thêm bớt chức năng, viết sản phẩm Sinh viên thực hiện: Trần Thị Hoài 44 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 3) Giao diện quản trị danh sách loại sản phẩm Cho phép quản lý danh mục loại sản phẩm Có thể thực thêm, bớt, xóa sửa loại danh mục Sinh viên thực hiện: Trần Thị Hoài 45 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 4) Giao diện quản trị sản phẩm Cho phép quản lý sản phẩm có website Có thể thực thêm, bớt, xóa sửa sản phẩm Sinh viên thực hiện: Trần Thị Hoài 46 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 5) Giao diện quản trị menu ngang Loại menu hiển thị menu ngang trang chủ, thực thêm, xóa, sửa menu Sinh viên thực hiện: Trần Thị Hoài 47 Đồ ¸N TèT NGHIƯP GVHD: Phan Lª Na 6) Giao diƯn quản trị viết Quản lý toàn viết cã trªn website, cho phÐp thªm míi, chØnh sưa, xãa viết Sinh viên thực hiện: Trần Thị Hoài 48 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 7) Giao diện quản trị ng-ời dùng Quản lý toàn thành viên website, cho phép xem, xóa thành viên, đồng thời ban quản trị thay đổi quyền dùng thành viên Sinh viên thực hiện: Trần Thị Hoài 49 Đồ áN TốT NGHIệP GVHD: Phan Lê Na 8) Quản lý hóa đơn Cho phép quản lý giao dịch mua bán khách hàng, bao gồm: Mà hóa đơn, chi tiết sản phẩm đà đặt, thực xử lý hóa đơn đà giao hàng ch-a giao hàng, gửi mail cho khách hàng thông tin đơn hàng 3.3 Cài đặt thử nghiệm website 3.3.1 Cài đặt công cụ hỗ trợ việc xây dựng website - Website đ-ợc xây dựng dựa HTML kết hợp ngôn ngữ điều khiển server PHP Ta sử dụng Microsoft FontPage 2003 để tạo thẻ HTML có sẵn - Cài đặt Macromedia Dreamwear 8.0 để thiết kế lập trình lệnh PHP - Cài đặt hệ quản trị sở liệu MySQL để thiết lập sở liệu cho toàn trang web - Các phần mềm hỗ trợ khác: Photoshop, DzSoft PHP Editor 3.3.2 Thư nghiƯm website a) C¸c b-íc chn bị - Lập đề c-ơng chi tiết cho đề tài - Nghiên cứu tham khảo tài liệu về: Sinh viên thực hiện: Trần Thị Hoài 50 Đồ áN TốT NGHIƯP GVHD: Phan Lª Na + PHP + MySQL + Photoshop + Cơ chế mà hoá thông tin sở liệu + Tìm hiểu, tổng hợp thông tin, chn bÞ néi dung cho trang web b) Thùc hiƯn - Xây dựng database mô hình quan hệ liƯu - ThiÕt kÕ giao diƯn website - LËp tr×nh hiển thị nội dung website - Lập trình hỗ trợ việc tìm kiếm sản phẩm website - Lập trình phần cập nhật động nội dung website - Lập trình quản lý ng-ời dùng, ng-ời dùng đăng ký thành viên - Lập trình phân quyền ng-ời quản trị trang web - Nhập liệu vào database thông qua giao diƯn cËp nhËt c) KiĨm tra - KiĨm tra tính xác việc lập trình hiển thị nội dung trang website - Kiểm tra việc tìm kiếm thông tin - KiĨm tra thùc hiƯn cËp nhËt ®éng - Kiểm tra toàn diện hoàn tất website - Báo cáo thiết kế đề tài Sinh viên thực hiện: Trần Thị Hoài 51 Đồ áN TốT NGHIệP GVHD: Phan Lê Na KếT LUậN Đề tài Website thời trang Yoilo đà đạt đ-ợc kết nh- sau: - Tìm hiểu tầm quan trọng mạng Internet việc kinh doanh hàng hóa - Tìm hiểu đ-ợc ngôn ngữ PHP, HTML, MySQL ®Ĩ phơc vơ thiÕt kÕ website - Phân tích thiết kế đ-ợc hệ thống website thời trang cho shop thời trang Yoilo - Thực đ-ợc tính năng: quản lý danh mục loại sản phẩm, quản lý sản phẩm, quản lý việc đăng ký thông tin cđa ng-êi dïng cịng nh- ph©n qun ng-êi dïng, tính kết xuất thông tin (hiển thị thông tin loại sản phẩm, sản phẩm, viết lên trang web ), tra cứu thông tin sản phẩm, thực mua sản phẩm thông qua việc đặt hµng vµ giao hµng Trong thêi gian thùc hiƯn đề tài, em đà đ-ợc h-ớng dẫn tận tình TS Phan Lê Na nh- giúp đỡ ủng hộ bạn học Đề tài nhiều thiếu xót, mong thầy cô bạn góp ý thêm để đề tài đ-ợc hoàn thiện Sinh viên thực hiện: Trần Thị Hoài 52 Đồ áN TốT NGHIệP GVHD: Phan Lê Na TàI LIệU THAM KHảO Tống Ph-ớc Hải - Kỹ thuật lập trình PHP & MySQL - NXB Lao động Hà Nội 2006 Steven Golzer (Biên dịch Gia Việt) - Thiết kế web động với PHP – NXB Thèng kª 4/2005 Internet: http://thietkewebsite.net http://thietkeweb.vn http://phpvn.org Sinh viên thực hiện: Trần Thị Hoài 53 ... Hệ thống Website bán hàng trực tuyến Yoilo Giúp Yoilo xây dựng hệ thống quảng bá sản phẩm th-ơng hiệu tới khách hàng thông qua mạng điện tử Internet đồng thời xây dựng cách thức quản lý website. .. Phần I: Tổng quan đề tài Hệ thống website bán hàng trực tuyến Yoilo giới thiệu tổng quan đề tài, mục đích, ngôn ngữ xây dựng website Phần II: Phân tích & thiết kế hệ thống trình bày nội dung... I: Tỉng quan hệ thống Website bán hàng thời trang Yoilo 1.1 HiƯn tr¹ng chung 1.2 Mơc ®Ých cđa viƯc x©y dùng website thêi trang Yoilo 1.3 Ngôn ngữ cài đặt hỗ trợ xây dựng website