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… 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.1 Giới thiệu AppSe Apache 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 cấu trúc thư mục 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 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 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 - xóa file Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp II Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 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 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 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) 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 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 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 v kh nng phỏt trin khụng gii hn Đặ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 nµy PHP võa dƠ víi ng-êi mí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 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 dn: ThS Nguyn Quang Ninh 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 hàng Yêu cầu URL HTML Máy chủ Web HTML Gọi mà kịch PHP Khi ngi dựng truy cp 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 Sinh viên thực hiện: Nguyễn Danh Hiếu Báo cáo đồ án tốt nghiệp III Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Ứ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, việc tích hợp hai cơng nghệ PHP MySQL công việc cần thiết quan trọng 3.2 Mục đích sử dụng sở liệu: Mục đích sử dụng sở liệu bao gồm chức như: lưu trữ (storage), truy cập (accessibility), tổ chức (organization) xử lí (manipulation)  Lưu trữ: Lưu trữ đĩa chuyển đổi liệu từ sở liệu sang sở liệu khác, sử dụng cho quy mơ nhỏ, chọn sở liệu nhỏ như:Microsoft Exel, Microsoft Access, MySQL, Microsoft Visual FoxPro, Nếu ứng dụng có quy mơ lớn, chọn sở liệu có quy mơ lớn :Oracle, SQL Server,  Truy cập:Truy cập liệu phụ thuộc vào mục đích yêu cầu người sử dụng, mức độ mang tính cục bộ, truy cập sỏ liệu sở liệu với nhau, nhằm trao đổi hay xử lí liệu bên nó, mục đích u Sinh viên thực hiện: Nguyễn Danh Hiếu 10 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 tin tức Tblnew Trường Kiểu liệu N_Id tinyint N_Subject varchar Chủ đề tin tức N_Abstract tinytext Nội dung tóm tắt tin N_Content text Nội dung tin N_Image varchar Ảnh minh họa tin N_Order tinyint Thứ tự tin N_View tinyint Số người đọc tin N_Date date Ngày đăng tin N_Type tinyint Mơ tả loại tin khóa Chú thích Có Mã tin tức  Cấu trúc bảng bình chọn sản phẩm Tbl_binhchon Trường Kiểu Khóa Chú thích liệu Có Mã sản phẩm bình chọn B_Id tinyint B_Name varchar Tên sản phẩm bình chọn B_Count int Số lượng người bình chọn cho sản phẩm Sinh viên thực hiện: Nguyễn Danh Hiếu 31 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 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 tblpro_order O_Items O_NameCus O_EmailCus tblcustomer C_Id C_User C_Pass C_Fullname C_Email C_Address P_Items O_Items P_Name tblspend S_Id S_Name S_Spend tblnew N_Id N_Subject N_Abstract tbl_binhchon B_Id B_Count B_Name Sinh viên thực hiện: Nguyễn Danh Hiếu 32 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 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 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 3.2 Phía ban quản trị 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 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 CHƢƠNG IV PHÂN TÍCH CÁC CHỨC NĂNG QUA GIAO DIN 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 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 4.2Trang đăng ký: 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 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.3 Trang đăng nhập : 4.4 Trang tìm kiế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 4.5 Trang chi tiết sản phẩm 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 Sinh viên thực hiện: Nguyễn Danh Hiếu 38 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 4.7 Trang đơn hàng Sinh viên thực hiện: Nguyễn Danh Hiếu 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 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 +Quản lý khách hàng: - Danh sách khách hàng - Tìm kiếm khách hàng - Ý 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 đề đƣợc 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 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 yên tâm đặt hàng qua mạng  Tìm kiếm hồ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 Sinh viên thực hiện: Nguyễn Danh Hiếu 43 Báo cáo đồ án tốt nghiệp Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh 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 Chủ biên: Phạm Hữu Khang, NXB Mũi Cà Mau, 2005 Thiết kế trang web động với DHTML Chủ biên: Nguyễn Trường Sinh, NXB Lao Động Xã Hội, 2003 JavaScript ứng dụng Website yêu thích, Nguyễn Văn Khoa, Lê Thanh Tuấn, Lữ Đình Thái, NXB Giao Thơng Vận Tải, 2005 Tài liệu báo điện tử Sổ tay lập trình 1.0 Sams Publishing PHP Developer’s Dictionary New Riders Publishing: PHP Functions Essential Essential Reference Teach yourself html in 21 hours PHP and MySQL web development 2001 MySQL / PHP Database Application – Jav Greenspan and Brad Bulger Core PHP programing – third edition Một số trang web tham khảo http://www.ddth.com http://php.net http://www.netscape.com www.w3schools.com/php/ www.phpvn.org Sinh viên thực hiện: Nguyễn Danh Hiếu 44 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 45 ... đ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... loại sản phẩm mà bán internet Hoạt động người quản trị phân nhiệm vụ sau:  Hướng dẫn, giới thiệu sản phẩm : Khách hàng thường đặt câu hỏi " cửa hàng bạn bán loại sản phẩm máy tính có sản phẩm. .. 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