Xây dựng website giới thiệu và bán sản phẩm máy tính xách tay

Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh LỜI NÓI ĐẦU 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ơng nghệ có đẳng cấp cao 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ụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Đố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ọ 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 siêu thị giới thiệu bán sản phẩm máy tinh - linh kiện máy tính mở rộng nhiều người biết đến có website tốt để giới thiệu, quảng bá thương hiệu Bắt nguồn từ ý tưởng này, thực đồ án chuyên ngành “Xây dựng Website giới thiệu bán sản phẩm máy tính” Vinh, tháng năm 2010 Sinh viên thực hiện: Nguyễn Danh Hiếu Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh CHƯƠNG I GIỚI THIỆU 1.1 Mục đích Cơng nghệ thông tin internet ngày phát triển mạnh mẽ lan rộng tầng lớp dân cư Bằng internet thực cơng việc nhanh chóng chi phí thấp nhiều so với cách thức truyền thống Chính điều việc xây dựng Website nhằm giới thiệu bán sản phẩm máy tính xách tay việc làm quảng bá thương hiệu kinh doanh từ thu hút mở rộng thị trường Qua trang Web khách hàng tham khảo giá sản phẩm theo nhãn hiệu riêng, đồng thời cịn biết tin tức cơng ty, chương trình khuyến mãi, mạnh kinh doanh cơng ty Website cung cấp dịch vụ mua hàng qua mạng để phục vụ cho nhu cầu sở thích khách hàng, tiết kiệm thời gian Khách hàng lựa chọn sản phẩm ưa thích với phương thức toán khác 1.2 Hướng xây dựng chương trình Website xây dựng cho cơng ty chun kinh doanh sản phẩm máy tính xách tay Và phải thỏa mãn ba điều kiện sau: - Nội dung hấp dẫn đầy đủ, hợp với chủ ý việc xây dựng website - Được xếp, bố cục cách hợp lí, tạo điều kiện cho người đọc dễ định hướng website - Giao diện đẹp, dễ bắt mắt phù hợp với nội dung Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 1.3 Đặ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, tham khảo giá thành 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 họ - Khách hàng đặt hàng qua Website 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 q lớn, tốc độ xử lý nhanh - Cơng việc tính tố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: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh CH ƯƠNG II T×m hiểu công cụ xây dựng WEBSITE xõy dng mt website hồn chỉnh có nhiều cách khác nhau, sử dụng kết hợp nhiều ngôn ngữ phần mềm hỗ trợ xây dựng website Về việc thiết kế web phải biết : - HTML ( ngôn ngữ đánh dấu siêu văn ) - Web programming language ( ngơn ngữ lập trình web) - Web Server ( máy phục vụ web) - Database Server ( máy phục vụ sở liệu) Ở đề tài môi trường làm việc cho ứng dụng bao gồm Appserver 2.5.10 , hệ quản trị sở liệu MySQ , Ngơn ngữ lập trình PHP , Macromedia Dreamwear 8.0 I WEB SERVER Web Server ( máy phục vụ web): máy tính mà cài đặt phần mềm phục vụ Web gọi phần mềm Web Server Tất Web Server hiểu chạy file *.html Tuy nhiên Web Server lại phục vụ số kiểu file chuyên biệt IIS microsoft dành cho *.asp, *.aspx…; Apache dành cho PHP… 1.1 Giới thiệu AppSe Apache Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh AppSe APACHE kiểu mẫu Web Server phổ biến Giống Linux, PHP, MySQL dự án nguồn mở Apache tận dụng tính third-party Bởi nguồn mở nên có khả viết chương trình mở rộng tính Apache PHP hoạt động với tư cách phần mở rộng Apache, người ta gọi module Apache Apache có tính ổn định tốc độ chạy tốt Trong đề tài sử dụng phiên Appserver 2.5.10 1.2 Cấu trúc thư mục Apache, PHP, MySQL sau cài đặt AppServ Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh cấu trúc thư mục sau cài đặt AppServ Cấu trúc thư mục Apache Web Server • apache / bin - chi tiết chương trình Apache • apache / conf - Apache tệp tin cấu hình • apache / icons - biểu tượng Apache • apache / logs - Đăng nhập tệp tin • apache / module - mơ đun Cấu trúc thư mục sở liệu MySQL • mysql / bin - file thực thi sở liệu MySQL • mysql / data - lưu trữ liệu MySQL • mysql /scripts Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Cấu trúc thư mục PHP • php / ext - PECL PHP Extension cho PHP (tìm thấy PHP5) • php / extension - mở rộng PECL PHP Extension cho PHP • php / PEAR - PEAR Framework Components cho PHP Cấu trúc thư mục lưu trữ tập tin www • www / cgi-bin - file CGI thư mục • www / phpMyAdmin - chương trình thư mục phpMyAdmin • www / AppServ • www /index.php II - xóa file NGƠN NGỮ LẬP TRÌNH WEB PHP 2.1 Khái niệm ngôn ngữ PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Vì tính hữu dụng khả phát triển, PHP bắt đầu sử dụng mơi trường chun nghiệp trở thành ”PHP:Hypertext Preprocessor” Thực chất PHP ngôn ngữ kịch nhúng HTML, nói cách đơn giản trang HTML có nhúng mã PHP, PHP đặt rải rác HTML Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh PHP ngôn ngữ lập trình kết nối chặt chẽ với máy chủ, cơng nghệ phía máy chủ (Server-Side) không phụ thuộc vào môi trường (cross-platform) Đây hai yếu tố quan trọng, thứ nói cơng nghệ phía máy chủ tức nói đến thứ PHP xảy máy chủ, thứ hai tính chất khơng phụ thuộc mơi trường cho phép PHP chạy hầu hết hệ điều hành Windows, Unixvà nhiều biến thể Đặc biệt mã kịch PHP viết máy chủ làm việc bình thường máy chủ khác mà không cần phải chỉnh sửa chỉnh sửa Khi trang Web muốn dùng ngơn ngữ PHP phải đáp ứng tất q trình xử lý thơng tin trang Web đó, sau đưa kết ngơn ngữ HTML Khác với ngơn ngữ lập trình, PHP thiết kế để thực điều sau kiện xảy (ví dụ, người dùng gửi biểu mẫu chuyển tới URL) 2.2 Tại nên dùng PHP: Để thiết kế Web động có nhiều ngơn ngữ lập trình khác để lựa chọn, cấu hình tính khác chúng đưa kết giống Chúng ta lựa chọn cho ngơn ngữ : ASP, PHP, Java, Perl số loại khác Vậy lại nên chọn PHP Rất đơn giản, có lí sau mà lập trình Web khơng nên bỏ qua lựa chọn PHP sử dụng làm Web động nhanh, dễ dàng, tốt so với giải pháp khác Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh PHP có khả thực tích hợp chặt chẽ với hầu hết sở liệu có sẵn, tính linh động, bền vững khả phát triển không giới hạn Đặc biệt PHP mà nguồn mở tất đặc tính miễn phí, mà nguồn mở sẵn có nên cộng đồng nhà phát triển Web có ý thức cải tiến nó, nâng cao để khắc phục lỗi chơng trình PHP vừa dễ với ngời sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, với ý tuởng PHP đáp ứng cách xuất sắc Cách không lâu ASP vốn đợc xem ngôn ngữ kịch phổ biến nhất, mà PHP đà bắt kịp ASP, chứng đà có mặt 12 triệu Website 2.3 Hoạt động PHP Vì PHP ngôn ngữ máy chủ nên mà lệnh PHP tập trung máy chủ để phục vụ trang Web theo yêu cầu ngời dùng thông qua trình duyệt Sơ đồ hoạt động: Máy khách Yêu cầu URL Sinh viờn thc hin: Nguyn Danh Hiếu M¸y chđ Báo cáo đồ án tốt nghiệp hµng Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh HTML HTML Web Gọi mà kịch PHP Khi ngi dựng truy cập Website viết PHP, máy chủ đọc mã lệnh PHP xử lí chúng theo hướng dẫn mã hóa Mã lệnh PHP yêu cầu máy chủ gửi liệu thích hợp (mã lệnh HTML) đến trình duyệt Web Trình duyệt xem trang HTML têu chuẩn Như ta nói, PHP trang HTML có nhúng mã PHP có phần mở rộng HTML Phần mở PHP đặt thẻ mở Khi trình duyệt truy cập vào trang PHP, Server đọc nội dung file PHP lên lọc đoạn mã PHP thực thi đoạn mã đó, lấy kết nhận đoạn mã PHP thay vào chỗ ban đầu chúng file PHP, cuối Server trả kết cuối trang nội dung HTML cho trình duyệt III ỨNG DỤNG MSQL 3.1 giới thiệu MySQL : MySQL ứng dụng sở liệu mã nguồn mở phổ biến (theo www mysql com) sử dụng phối hợp với PHP Trước làm việc với MySQL nên cần xác định nhu cầu cho ứng dụng MySQL sở có trình giao diện Windows hay Linux, cho phép người sử dụng thao tác hành động liên quan đến Việc tìm hiểu cơng nghệ trước bắt tay vào việc viết mã kịch PHP, Sinh viên thực hiện: Nguyễn Danh Hiếu 10 Báo cáo đồ án tốt nghiệp O_Items P_Name P_Qtt P_Price P_War Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh int varchar tinyint int varchar Có Mã đơn hàng Tên sản phẩm Số sản phẩm Giá sản phẩm Bảo hành • Cấu trúc bảng khách hàng Tlcustomer Trường C_Id C_Uesr C_Pass C_Fullname C_Email C_Address C_Tel C_Iden C_Ger C_No C_Active C_Type Kiểu liệu int varchar Khóa Có Chú thích Mã khách hàng Tài khoản đăng nhập web khách hàng Mật tài khoản Đầy đủ tên khách hàng Tên khách hàng Địa khách hàng Điện thoại khách hàng Chứng minh nhân dân varchar varchar varchar varchar varchar varchar khách hàng Giới tính khách hàng varchar tinyint tinyint tinyint Trạng thái tài khoản Phân loại tài khoản khách hang với admin • Cấu trúc bảng phản hồi khách hàng Tblfeeback Trường F_Id F_Name F_Email Kiểu liệu tinyint varchar varchar Khóa Chú thích Có Mã thơng tin phản hồi Tên khách hàng phản hồi Email khách hàng Sinh viên thực hiện: Nguyễn Danh Hiếu 29 Báo cáo đồ án tốt nghiệp F_Content F_Status Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh tinytext tinyint Nội dung ý kiến Trạng thái ý kiến • Cấu trúc bảng địa giao hàng Tblsend Trường S_Id S_Name S_Spend Kiểu liệu tinyint varchar int Khóa Có Chú thích Mã địa giao hàng Tên địa giao hàng Chi phí kg sản phẩm tính theo giá bưu điện • Cấu trúc bảng tin tức Tblnew Trường N_Id N_Subject N_Abstract N_Content N_Image N_Order N_View N_Date N_Type Kiểu liệu tinyint varchar tinytext text varchar tinyint tinyint date tinyint Sinh viên thực hiện: Nguyễn Danh Hiếu khóa Có Chú thích Mã tin tức Chủ đề tin tức Nội dung tóm tắt tin Nội dung tin Ảnh minh họa tin Thứ tự tin Số người đọc tin Ngày đăng tin Mô tả loại tin 30 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh • Cấu trúc bảng bình chọn sản phẩm Tbl_binhchon Trường Kiểu B_Id B_Name B_Count Khóa liệu tinyint varchar int Chú thích Có Mã sản phẩm bình chọn Tên sản phẩm bình chọn Số lượng người bình chọn cho sản phẩm b) Mơ tả quan hệ tblsubcategory tblprovider tblcategory S_Id M_Id S_Name S_Order S_Status P_ID P_Name M_Id M_Name M_Order M_Status tblitems tblfeeback F_Id F_Name F_Email F_Content F_Status L_Items S_Id P_ID L_Name L_Image tblorder tblcustomer tblpro_order O_Items O_NameCus O_EmailCus C_Id C_User C_Pass C_Fullname C_Email C_Address Sinh viên thực hiện: Nguyễn Danh Hiếu P_Items O_Items P_Name tblnew tblspend tbl_binhchon S_Id B_Id S_Name B_Count S_Spend B_Name N_Id N_Subject N_Abstract 31 Báo cáo đồ án tốt nghiệp III Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh SƠ ®å WEBSITE Sinh viên thực hiện: Nguyễn Danh Hiếu 32 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 3.1 Phía người sử dụng Khách Đăng nhập Thành viên ý kiến phản hồi Tin tức TT Cá nhân Xem sản phẩm Chi tiết Đăng ký Tìm kiếm Liên hệ Đặt hàng 3.2 Phía ban quản trị Sinh viên thực hiện: Nguyễn Danh Hiếu 33 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Admin Q.LÝ DANH MỤC Q.LÝ SẢN PHẨM Q.LÝ ĐƠN HÀNG Q.LÝ THÀNH VIÊN Q.LÝ PHẢN HỒI Q.LÝ TIN TỨC XEM THÊM XÓA SỬA CHƯƠNG IV Sinh viên thực hiện: Nguyễn Danh Hiếu 34 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh PHÂN TÍCH CÁC CHỨC NĂNG QUA GIAO DIỆN 4.1 Trang chủ Cho ®éc giả có nhìn tổng quát trang web.Trang nhằm giới thiệu chuyên mc c bn cho ngi dùng 4.2Trang đăng ký: Sinh viên thực hiện: Nguyễn Danh Hiếu 35 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Việc đăng ký tên truy nhập mật khơng nằm ngồi mục đích dùng tên truy nhập để làm sỡ cho phép người dùng có thêm số quyền hạn định Khi đăng ký yêu cầu người đăng ký phải điền đầy đủ thông tin hình Việc đăng ký giúp cho khách tiện lợi trình xem đặt hàng để mua sản phẩm công ty 4.3 Trang đăng nhập : Sinh viên thực hiện: Nguyễn Danh Hiếu 36 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 4.4 Trang tìm kiếm 4.5 Trang chi tiết sản phẩm Sinh viên thực hiện: Nguyễn Danh Hiếu 37 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Trong trang bạn xem cách chi tiết cấu hình sản phẩm, Cũng thông tin khuyến mại sản phẩm mà bạn muốn lựa chọn 4.6 Trang giỏ hàng 4.7 Trang đơn hàng Sinh viên thực hiện: Nguyễn Danh Hiếu 38 Báo cáo đồ án tốt nghiệp Sinh viên thực hiện: Nguyễn Danh Hiếu Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 39 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 4.8 Trang quản trị webside : Phần quản trị phần quản lý thông tin sản phẩm, đơn đặt hàng, Quản lý thông tin khách hàng, thông tin phản hồi khách hàng, + Quản lý sản phẩm gồm phần : - Nhập thông tin máy tính : nhập thơng tin máy tính xách tay, máy bàn - Nhập thông tin linh kiện : nhập thơng tin linh kiện :RAM,màn hình - Tìm kiếm sản phẩm - Xem danh sách sản phẩm : xóa, chỉnh sửa thơng tin sản phẩm + Quản lý đơn đặt hàng - Danh sách đơn đặt hàng -Tìm kiếm danh sách đơn đặt hàng : tìm kiếm theo tên khách hàng, theo hóa đơn, theo ngày tháng hóa đơn khách hàng +Quản lý khách hàng: - Danh sách khách hàng - Tìm kiếm khách hàng Sinh viên thực hiện: Nguyễn Danh Hiếu 40 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh - Ý kiến phản hồi + Quản lý danh mục - Quản lý menu trái : chỉnh sửa tên thơng tin hãng, khóa mục - Quản lý giao diện +Quản lý tin - Nhập tin tức - Xem danh sách tin tức cập nhật Sinh viên thực hiện: Nguyễn Danh Hiếu 41 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh KẾT LUẬN Những vấn đề thưc Website điển hình việc phát triển mơ hình sỡ liệu client Server Người sử dụng cần thơng qua trình duyệt Web bình thường thực chức để giao dịch mua bán sản phẩm cách nhanh chóng tiện lợi Đồ án “ Giới thiệu bán sản phẩm máy tính xách tay” đạt kết sau: • Website có giao diện đơn giản dễ sử dụng • Thống kê thơng tin đầy đủ sản phẩm • Xây dựng chức cho yêu cầu tìm kiếm đặt hàng • Nhận trả lời góp ý trực tuyến khách hàng • Xây dựng ứng dụng nhằm giúp công máy tính kinh doanh hiệu Giúp khách hàng giảm thiểu thời gian tìm hiểu thơng tin mua hàng Thay phải đến trực tiếp điểm giao dịch đặt hàng trực tuyến Sinh viên thực hiện: Nguyễn Danh Hiếu 42 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Những mặt hạn chế Mặc dù cố gắng để hoàn thiện, thời gian nghiên cứu không nhiều, điều kiện không cho phép khả hạn chế nên kết thu cịn nhiều thiếu sót : • Tìm kiếm chưa rộng chi tiết • Giao diện chưa đẹp sinh động • Thiết kế website table • Chưa thực thương mại hóa dừng lại mức độ đơn giản Hướng phát triển tương lai • Giải vấn đề đặt hàng cho có tính pháp lý cao để khách hàng n tâm đặt hàng qua mạng • Tìm kiếm hoàn chỉnh, nâng cao tối ưu • Tích hợp với hệ thống quản lý nhân khẩu, hệ thống ngân hàng để đảm bảo cho việc thơng tin khách hàng Nâng cao hình thức toán qua thẻ ngân hàng PHỤ LỤC: TÀI LIÊU THAM KHẢO Tài liệu sách tiếng việt Xây dựng ứng dụng web PHP&MySQL Sinh viên thực hiện: Nguyễn Danh Hiếu 43 ... điều việc xây dựng Website nhằm giới thiệu bán sản phẩm máy tính xách tay việc làm quảng bá thương hiệu kinh doanh từ thu hút mở rộng thị trường Qua trang Web khách hàng tham khảo giá sản phẩm theo... nhanh chóng tiện lợi Đồ án “ Giới thiệu bán sản phẩm máy tính xách tay? ?? đạt kết sau: • Website có giao diện đơn giản dễ sử dụng • Thống kê thơng tin đầy đủ sản phẩm • Xây dựng chức cho yêu cầu tìm... Có Có Có thích Mã sản phẩm Mã nhà cung cấp Mã danh mục Tên sản phẩm Ảnh sản phẩm Tên thuộc tính vi xử lý Mô tả Ram Mô tả ổ cứng máy tính Mơ tả card máy tính Mơ tả main máy tính Mơ tả loa Mơ tả