THIẾT KẾ VÀ BẢO TRÌ WEB MOBILE SUPER HOT BÁN ĐIỆN THOẠI DI ĐỘNG

THIẾT KẾ VÀ BẢO TRÌ WEB MOBILE SUPER HOT BÁN ĐIỆN THOẠI DI ĐỘNG Chúng ta đang ở một thời đại hoàn toàn khác trước , đó là thời đại công nghệ kỹ thuật số , hầu hết tất cả các hoạt động đều được thực hiện trên máy tính kết nối internet.Vì thế nắm bắt được nhu cầu thiết yếu của cuộc sống nên các trang web mua bán hàng trên mạng lần lượt nối đuôi nhau ra đời.

Page 1 Trường Đại học Công Nghệ Thông Tin Khoa Công Nghệ Phần Mềm Bộ môn: Software Maintenance Đề án cuối kì THIẾT KẾ VÀ BẢO TRÌ WEB MOBILE SUPER HOT BÁN ĐIỆN THOẠI DI ĐỘNG Giảng viên hướng dẫn Thạc sĩ Nguyễn Thị Thanh Trúc Sinh viên thực hiện: Đặng Đình Mùi 06520299 Trần Hưng Truyền 06520524 TPHCM – 05/2011 Mục Lục I. Lời mở đầu 2 II. Giới thiệu về trang web 3 III. Mô tả chi tiết về trang web 3 1.Các yêu cầu có thể chạy được trang web 3 a)Đặc điểm kỹ thuật: 3 b)Yêu cầu Server : 3 c)Cách Cài Đặt : 4 I. Lời mở đầu Chúng ta đang ở một thời đại hoàn toàn khác trước , đó là thời đại công nghệ kỹ thuật số , hầu hết tất cả các hoạt động đều được thực hiện trên máy tính kết nối internet.Vì thế nắm bắt được nhu cầu thiết yếu của cuộc sống nên các trang web mua bán hàng trên mạng lần lượt nối đuôi nhau ra đời. Đây là một bước phát triển vượt bậc của việc mua sắm, nó giúp cho việc mua sắm hàng hoá của thượng đế trở nên dễ dàng hơn bao giờ hết đồng thời cũng giúp cho phía nhà sản xuất giảm thiểu rất nhiều mọi chi phí như quảng bá sản phẩm hay phải thiết lập các cửa hàng ở khắp mọi nơi … Nhưng muốn làm một trang web để có thể cuốn hút người xem hàng và mua hàng thì không phải là một chuyện dễ dàng tí nào, lấy ví dụ như: ta phải có một giao diện bắt mắt , một hệ thống server bảo mật an toàn cho khách hàng đồng thời các thủ tục phải nhanh gọn, tốc độ truy cập phải nhanh chóng … Page 2 Vì vậy team đã hợp tác với cửa hàng mobile xây dựng một website bán điện thoại đơn giản nhưng đẹp và dễ sử dụng theo chuẩn B2C ( Bussiness to Customer ). II. Giới thiệu về trang web Trang web của cửa hàng Mobile Super Hot sẽ được xây dựng nhằm mục đích quảng cáo cho cửa hàng đồng thời các khách hàng có thể mua hàng trực tiếp mà không cần phải đến trực tiếp cửa hàng.Ngoài ra khách hàng có thể được thêm nhiều ưu đãi nếu mua hàng thông qua trang web của cửa hàng.Khách hàng có thể lựa chọn những loại di động mình thích với đủ mẫu mã kiểu dáng và những thông số cụ thể về loại di động khách hàng đang xem.Ngoài ra khách hàng còn có thể quảng bá hình ảnh thông qua việc đặt banner của trang web. III. Mô tả chi tiết về trang web 1. Các yêu cầu có thể chạy được trang web a) Đặc điểm kỹ thuật:  Ngôn ngữ lập trình : java, html, javascript  Framework: no use  Web 2.0  Hệ điều hành : Linux hoặc Window  Domain: http://mobilesuperhot.vn  Trình duyệt : internet explore 6 (các trình duyệt khác có thể bị lỗi )  Chương trình quản lý : MICROSOFT PROJECT 2003 b) Yêu cầu Server :  Cấu hình máy : P4 1.8 Ghz , Ram 1Gb , Card màn hình on board  Network: có kết nối internet Page 3 c) Cách Cài Đặt :  Xem trong file .doc “Hướng dẫn cài đặt” đi kèm với file báo cáo này  Cài jdk 1.6 trở lên  Cài netbeans 6.0 trở lên  Cài server Tomcat 6.0 trở lên  Cài sql Server 2005 & manager studio express  Cài driver connect netbeans với sql server 2005 2. Phân tích thiết kế trang web : a) Yêu cầu của cửa hàng Mobile Super Hot:  Trang chủ giao diện thân thiện , đẹp dễ sử dụng  Khách hàng có thể xem tin tức hoặc các loại di động  Khách hàng có một giỏ hàng ảo để có thể mua sắm  Khách hàng phải là thành viên của trang web mới có thể mua sắm  Khách hàng mua sắm bằng thẻ tín dụng và có hóa đơn thanh toán  Khách hàng có thể tìm kiếm loại di động theo ý muốn b) Cụ thể hóa các yêu cầu của cửa hàng:  Mô hình hoạt động của Web site: Page 4  Bố cục trang chủ: Page 5  Chức năng tìm kiếm :  Tìm kiếm theo tên điện thoại.  Tìm kiếm theo hãng sản xuất.  Chức năng tin tức : Có 4 loại tin tức để khách hàng xem và cập nhật hằng ngày:  Tin Mobile  Tin thị trường  Tin thủ thuật  Tin khuyến mãi  Chức năng đăng ký thành viên :  Khách hàng sẽ điền đầy đủ thông tin cần thiết để có thể trở thành viên  Chức năng đăng nhập : Có phân quyền admin và member  Admin có thể quản lý cơ sở dữ liệu : thêm ,xóa ,sửa, cập nhật  Member có thể mua hàng thông qua giỏ hàng  Chức năng đặt hàng :  Yêu cầu sẽ phải đăng nhập rồi mới được mua hàng.  Điện thoại sẽ được đưa vào giỏ hàng ảo , nếu khách hàng thanh toán sẽ xóa mặt hàng khỏi giỏ hàng còn không thì lần sau khách hàng đăng nhập thì mặt hàng đó vẫn còn trong giỏ hàng.  Chức năng thanh toán :  Khách hàng nếu muốn mua hàng sẽ lấy hàng trong giỏ ra thanh toán và sẽ được xuất hóa đơn và hẹn ngày giao hàng c) Cơ sở dữ liệu: Page 6  Members bảng danh mục chứa thông tin thành viên: Tên Kiểu Ý nghĩa Member_id (primary key) Int Mã số thành viên Member_login Nvarchar(20) Tên đăng nhập Member_password Nvarchar(20) mật khẩu Member_level Int quyền đăng nhập First_name Nvarchar(50) họ Last_name Nvarchar(50) Tên Email Nvarchar(50) đ ịa chỉ email Phone Nvarchar(50) điện thoại Address Nvarchar(50) Địa chỉ liên lạc Card_type_id Int Kiểu thẻ tín dụng Card_number Nvarchar(50) Số thẻ tín dụng Passport nvarchar(50) Số cmnd  Categories: Bảng mục chứa các hãng sản xuất Tên Kiểu Ý nghĩa Category_id (primary key) Int Mã số hãng Hang_sx Nvarchar(50) Tên hãng sx  Items: Bảng mục chứa các mặt hàng Tên Kiểu Ý nghĩa Item_id (primary key) Int Mã số mặt hàng Category_id Int Mã số hãng Name nvarchar(50) Tên mặt hàng Price nvarchar(50) giá Image_url nvarchar(50) Địa chỉ hình ảnh Is_comrememded Int Cờ cho phép giới thiệu sản phẩm ở trang chủ Size nvarchar(50) Kích thước Weight nvarchar(50) Trọng lượng Screen nvarchar(50) Màn hình Band nvarchar(50) Sóng Model nvarchar(50) Kiểu dáng Camera nvarchar(50) Máy chụp hình Mem_card nvarchar(50) Thẻ nhớ Levelsp Int Phân loại sản phẩm Store Int Số lượng hàng trong kho  Card_types: Bảng chứa thông tin đánh giá khách hàng Page 7 Tên Kiểu Ý nghĩa Card_type_id (primary key) Int Mã số phân loại thẻ Name Nvarchar(50) Tên thẻ  MobileIntro: Bảng chứa tin tức Tên Kiểu Ý nghĩa Intro_id (primary key) Int Mã số tin tức New_id Int Mã số loại tin tức Mobile_Desc Nvarchar(Max) Mô tả sơ bộ tin tức Detail Nvarchar(Max) Mô tả chi tiết Image_url Nvarchar(50) Địa chỉ hình ảnh Title Nvarchar(Max) Tiêu đề của tin tức Is_recommended Int Cờ giới thiệu trên trang chủ  News: Bảng phân loại tin tức Tên Kiểu Ý nghĩa New_id (primary key) Int Mã số phân loại tin tức Name Nvarchar(50) Tên loại tin tức  Orders : Bảng chứa đơn đặt hàng Tên Kiểu Ý nghĩa Order_id (primary key) Int Mã số đơn hàng Member_id Int Mã số thành viên Payment Nvarchar(50) Hình thức thanh toán Shipping Nvarchar(50) Hình thức giao hàng Orderdate Nvarchar(50) Ngày ghi đơn hàng Checkout Int Tình trạng thanh toán  OrderDetails: Bảng chi tiết đơn hàng Tên Kiểu Ý nghĩa Order_id (primary key) Int Mã số đơn hàng Item_id (primary key) Int Mã số mặt hàng Item_desc Nvarchar(50) Tên mặt hang Quantity Int Số lượng Price Int đơn giá  ShoppingCart : Bảng thông tin giỏ hàng Tên Kiểu Ý nghĩa User_id (primary key) Int Mã số thành viên Item_id (primary key) Int Mã số mặt hàng Item_desc Nvarchar(50) Tên mặt hang Quantity Int Số lượng Price Int đơn giá Page 8 d) Yêu cầu về người sử dụng:  Biết truy cập và sử dụng internet , hiểu tiếng việt , có thẻ visa card hoặc master card để có thể thanh toán. e) Yêu cầu phi chức năng :  Phải có tài liệu hướng dẫn đầy đủ để cửa hàng Mobile Super Hot có thể chạy và quản lý trang web.  Xây dựng các module theo một chuẩn thích hợp để có thể dễ dàng bảo trì và thêm các tiện ích sau này để mở rộng tính năng và chất lượng trang web. f) Quy trình thiết kế : Page 9 g) Sơ đồ DFD: Page 10 [...]... động của trang web: Ứng dụng web Mobile SuperHot của chúng ta là một Web site hỗ trợ việc mua bán điện thoại trên mạng theo hình thức B2C Người dùng ghé thăm Web site của ta theo địa chỉ tượng trưng http://www.mobilesuperhot.vn (địa chỉ máy là http://localhost:8080/mobilesuperhot/index.jsp ) Từ trang chủ này , người dùng có thể xem các tin tức mới về điện thoại như hình thức khuyến mãi , các điện thoại. .. 1000000 đến 10000000 3 Nhấn Enter hoặc bấm Kết quả hiển thị ra trang MobileSearch.jsp : " các điện thoại đang bày bán " phía dưới danh sách các điện thoại hãng nokia Kết quả hiển thị ra trang MobileSearch.jsp : " các điện thoại đang bày bán " phía dưới danh sách các điện thoại hãng motorola Kết quả hiển thị ra trang MobileSearch.jsp : " Không tìm thấy điện thoại yêu cầu" Truy vấn đúng trong phần tìm... localhost:8080 /mobile supper hot/ AdminMenu.jsp và Nhấn Enter Kết quả không vào được trang AdminMenu.jsp và trình duyệt tự động chuyển đến trang Login.jsp 1 Đăng nhập quyền quản trị 2 Link đến trang AdminMenu.jsp 3 Đăng xuất rồi bấm back trên trình duyệt để quay lại trang AdminMenu.jsp Kết quả không vào được trang AdminMenu.jsp và trình duyệt tự động chuyển đến trang Login.jsp Pass Xử lý bảo mật từ server Xử lý bảo. .. Login.jsp Registration.jsp SaveRegistration.jsp MobileDetail.jsp MobileIntroDetail.jsp MobileSearch.jsp ShoppingCart.jsp CheckOut.jsp CreateOrder.jsp AdminMenu.jsp AdminMemberView.jsp AdminMemberMant.jsp AdminMobileNew.jsp AdminMobileEdit.jsp AdminMobileView.jsp AdminMobileMaint.jsp AdminMobileIntroNew.jsp AdminMobileIntroEdit.jsp AdminMobileIntroView.jsp AdminMobileIntroMaint.jsp AdminOrderView.jsp AdminOrderMaint.jsp... điện thoại với tính năng hấp dẫn , thủ thuật cho mobile …hoặc là tìm kiếm , xem các thông số chi tiết về điện thoại. Ngoài ra khách hàng có thể đăng ký làm thành viên của web site để có thể đặt hàng mua điện thoại qua trang web của chúng ta Cụ thể, khi người dùng kích chuột vào thông tin của một điện thoại bất kỳ, họ có thể xem thông tin chi tiết về điện thoại đó: tính năng , hãng sản xuất , giá thành... liệu.Các trang khác từ các mục trong trang AdminMenu cũng tương tự như mục Mobile trên Page 23 4 Bảo trì và nâng cấp trang web: a) Email từ cửa hàng Mobile Super Hot: Trước tiên xin cảm ơn nhóm đã thiết kế trang web giúp cửa hàng chúng tôi, nhờ đó đã giúp cho doanh thu cửa hàng tăng lên rõ rệt , mọi người đã biết đến trang web của chúng tôi nhiều hơn , giảm rất nhiều chi phí về quảng cáo.Lần này, tôi... trang web để giúp khách hàng tiện lợi hơn trong việc sử dụng.Số điện thoại của tôi là 0907173388, mong sớm có hồi âm từ nhóm! b) Yêu cầu bảo trì từ cửa hàng Mobile Super Hot:  Khách hàng có thể chỉnh sửa thông tin của mình sau khi đăng ký  Chức năng tìm kiếm chi tiết hơn kết hợp nhiều yếu tố về tên , hãng sản xuất , giá cả  Chức năng đánh giá sản phẩm của khách xem hàng c) Hiện thực các yêu cầu bảo trì. .. 2 Gõ đại vài ký tự 3 Nhấn Enter Địa chỉ truy cập không tồn tại Đúng địa chỉ nhưng không mở server Tomcat 1 Internet Explorer 6 2.Gõ địa chỉ http://localhost:8080/ mobile superhot 3 Nhấn Enter Xuất hiện dòng báo lỗi: " The page cannot be displayed " Đúng địa chỉ truy cập Đúng địa chỉ và mở server Tomcat 1 Internet Explorer 6 2.Gõ địa chỉ http://localhost:8080/ mobile superhot 3 Nhấn Enter Vào được trang... bấm nút Search Kết quả hiển thị ra trang MobileSearch.jsp : " Không tìm thấy điện thoại yêu cầu" Truy vấn đúng trong phần tìm kiếm nhanh Tìm kiếm có trong cơ sở dữ liệu 1 Từ trang index.jsp nhấp vào text box " Nhập mã cần tìm " 2 Gõ vào chữ : nokia 3 Nhấn Enter hoặc bấm nút Search Truy vấn trong mục chọn hãng sản xuất Lấy dữ liệu các điện thoại cùng hãng sx 1 Từ trang index.jsp nhấp vào combo box 2... site của chúng ta sẽ lưu đơn hàng vào cơ sở dữ liệu đồng thời cập nhật lại số lượng trong kho và tạo mã số hoá đơn thông báo đến khách hàng giao dich đã hoàn tất Page 17 Page 18 Để hỗ trợ khách hàng trong quá trình mua sắm trên mạng, chúng ta cung cấp thêm cơ chế tìm kiếm trên web site.Từ trang chủ, nếu nhập tên một điện thoại nào đó rồi bấm search thì danh mục các điện thoại có trong cơ sở dữ liệu sẽ . Tin Khoa Công Nghệ Phần Mềm Bộ môn: Software Maintenance Đề án cuối kì THIẾT KẾ VÀ BẢO TRÌ WEB MOBILE SUPER HOT BÁN ĐIỆN THOẠI DI ĐỘNG Giảng viên hướng dẫn Thạc sĩ Nguyễn Thị Thanh Trúc Sinh viên. hàng Page 12 3. Hoạt động của trang web: Ứng dụng web Mobile SuperHot của chúng ta là một Web site hỗ trợ việc mua bán điện thoại trên mạng theo hình thức B2C. Người dùng ghé thăm Web site của ta. mobile xây dựng một website bán điện thoại đơn giản nhưng đẹp và dễ sử dụng theo chuẩn B2C ( Bussiness to Customer ). II. Giới thiệu về trang web Trang web của cửa hàng Mobile Super Hot sẽ được xây