Xây dựng website giới thiệu sản phẩm cho công ty HC computer – TP Hà Giang

CHƯƠNG I CƠ SỞ LÝ THUYẾT I. INTERNET, WORLD WIDE WEB 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 Dialup (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 CHƯƠNG II KHẢO SÁT HIỆN TRẠNG CÔNG TY 2.1. Khảo Sát Hiện Trạng Công Ty 2.1.1. Mục đích yêu cầu Mục đích của đề tài là xây dựng một websize quảng bá các sản phẩm của công ty, giới thiệu chi tiết các sản phẩm cũng như các tính năng đặc điểm kỹ thuật cho người mua hàng, mà không cần tìm đến tận nơi để xem các sản phẩm,và có thể biết được giá thành các sản phẩm một cách dễ dàng và chính xác. 2.1.2. Giới thiệu về cửa hàng bán máy tính: • Tên công ty: Công ty HC computer • Địa chỉ: Tổ 6 Phường Minh Khái TP Hà Giang • Điện thoại: 01646045366 • Fax: (844)35641366 Công ty HC computer được đặt tại phường Minh Khai – TP hà giang. là một chi nhánh của Tổng công ty siêu thị điện máy HC home Center, Trong đó của hàng máy tính HC computer chuyên phụ trách về mặt hàng máy tính. Hàng của công ty được bán trực tiếp cho người tiêu dùng. Hàng của công ty được nhập từ các nhà sản xuất hay các nhà phân phối lớn. vấn đề giới thiệu các sản phẩm máy tính tới người sử dụng là rất quan trọng. với các hình thức quảng cáo sản phẩm tới người tiêu dùng thủ công như phát tờ rơi quảng cáo, mở các buổi giới thiệu sản phẩm tại hội trợ các trung tâm để có thể giới thiệu từng sản phẩm tới người tiêu dùng, công việc này tốn nhiều kinh phí và mất công tổ chức và chẩn bị không thể giới thiệu hết được các sản phẩm, nên rất cần thiết có một website giới thiệu các sản phẩm chính hãng của công ty một cách chi tiết, để người tiêu dùng có thể truy cập xem các sản phẩm tại nhà, biết công dụng tính năng, hiệu quả, giá thành. việc cấp thiết là cần phải xây dựng một trang websize giới thiệu các sản phẩm tới người tiêu dùng một cách chi tiết và cập nhật thường xuyên liên tục…. CHƯƠNG IV XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM 3.1. Cách tổ chức dữ liệu và thiết kế chương trình cho trang Web Việc tổ chức dữ liệu phải giải quyết được các yêu cầu đã phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn khách hàng... Một phương pháp sử dụng khá rộn rãi từ trước đến nay là quản lí theo từng nhóm sản phẩm. Mỗi nhóm sẽ có một mã nhóm và tên nhóm để nhận biết. Đối với Website này, với các sản phẩm, các sản phẩm sẽ tương ứng với mã hãng và mã loại sản phẩm của nó và mã đó sẽ làm khóa chính trong bảng đó. Sau đây là một số bảng cơ sở dữ liệu chính trong toàn bộ cơ sở dữ liệu: KẾT LUẬN Đề tài “Xây dựng Website Giới Thiệu Sản Phẩm Cho Công Ty HC computer ” cũng xuất phát từ thực tế ngày nay nhằm tạo một nền tảng cơ sở ban đầu để có thể hỗ trợ thêm cho các bạn muốn thiết kế một Website cho công ty hay một Website cá nhân.

Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Mục Lục Mục Lục LỜI NÓI ĐẦU CHƯƠNG I - CƠ SỞ LÝ THUYẾT .5 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung 1.1.2 Phân loại 1.2.1 Các khái niệm World Wide Web 1.2.2 Cách tạo trang Web 1.2.3 Trình duyệt Web (Web Client hay Web Browser) .6 1.2.4 Webserver 1.2.5 Phân loại Web 1.2.5.1 Web tĩnh 1.2.5.2 Website động .8 1.3 HTML .8 1.3.1 Cấu trúc chung trang HTML 1.3.2 Các thẻ HTML 2.1 Khái niệm PHP .10 2.2 Tại nên dùng PHP 10 2.3 Hoạt động môi trường chạy PHP .11 2.4 Các loại thẻ PHP 14 2.5 Các kiểu liệu .14 2.5.1 Số nguyên 14 2.5.3 Xâu 15 2.5.2 Số thực 15 2.5.4 Mảng 15 2.5.4.1 Mảng chiều: .15 2.5.4.2 Mảng chiều 15 2.6 Biến - giá trị 15 2.6.2 Phạm vi giá trị 16 2.6.3 Tên biến 16 2.7 Các giá trị bên phạm vi PHP 16 2.8 Hằng 17 2.9 Biểu thức 18 2.10 Các cấu trúc lệnh 18 Linh Minh Toản - LTK11G Trang-1 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 2.10.1 Các lệnh điều kiện toán tử 18 2.10.2 Phát biểu vòng lặp While .19 2.10.3 Vòng lặp For: 20 2.10.4 Vòng lặp while 20 2.10.5 Vòng lặp while 20 2.11 Hàm .20 2.11.1 Tham trị 21 2.11.2 Tham biến 21 2.11.3 Tham số có giá trị mặc định 21 2.11.4 Giá trị trả lại hàm 21 2.11.5 Hàm biến 21 2.12 Các toán tử 22 2.13 Lớp đối tượng 22 2.14 Tham chiếu 22 2.15 Khai báo sử dụng Session, Cookie 23 2.16 MySQL PHP 26 CHƯƠNG II 29 KHẢO SÁT HIỆN TRẠNG CÔNG TY .29 2.1 Khảo Sát Hiện Trạng Công Ty 29 2.1.2 Giới thiệu cửa hàng bán máy tính: .29 2.1.3 Cơ cấu tổ chức: 30 CHƯƠNG III 31 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 31 3.1 Phân tích yêu cầu đề tài 31 CHƯƠNG IV 44 XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM 44 3.1 Cách tổ chức liệu thiết kế chương trình cho trang Web 44 3.1.1 Bảng giohang 44 3.1.1 Bảng giohang 44 Dùng để lưu thông tin giỏ hàng khách hàng .44 Dùng để lưu thông tin giỏ hàng khách hàng .44 3.1.2 Bảng hoadon 44 3.1.2 Bảng hoadon 44 Dùng để lưu thông tin đơn hàng 44 Dùng để lưu thông tin đơn hàng 44 Linh Minh Toản - LTK11G Trang-2 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.1.3 Bảng lienhe 45 3.1.3 Bảng lienhe 45 Dùng để quản lí thắc mắc liên hệ khách hàng 45 Dùng để quản lí thắc mắc liên hệ khách hàng 45 3.1.4 Bảng loaisanpham 45 3.1.4 Bảng loaisanpham 45 Dùng để quản lí danh mục loại sản phẩm 45 Dùng để quản lí danh mục loại sản phẩm 45 3.1.5 Bảng nhomsanpham .45 3.1.5 Bảng nhomsanpham .45 Dùng để quản lý nhóm sản phẩm 45 Dùng để quản lý nhóm sản phẩm 45 3.1.6 Bảng sanpham 45 3.1.6 Bảng sanpham 45 Dùng để quản lý sản phẩm 45 Dùng để quản lý sản phẩm 45 3.1.7 Bảng thanhvien 46 3.1.7 Bảng thanhvien 46 Dùng để quản lý thành viên .46 Dùng để quản lý thành viên .46 3.2 Sơ đồ thực thể liên kết .46 3.3 Yêu cầu bảo mật 47 3.4 Thiết kế giao diện 48 3.4.2 Giao diện Form đăng nhập 49 3.4.5 Giao diện Form đăng ký thành viên 51 3.4.6 Giao diện trang chi tiết sản phẩm 52 3.4.7 Giao diện trang quản trị Admin .53 TÀI LIỆU THAM KHẢO .55 Linh Minh Toản - LTK11G Trang-3 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên LỜI NÓI ĐẦU Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá công ty hay Website cá nhân không điều xa lạ Thông qua Website lựa chọn thông tin mà cần cách nhanh chóng hiệu Với công nghệ Word Wide Web, hay gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngôn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Phạm Thế Anh, em chọn đề tài “Xây dựng website giới thiệu sản phẩm cho công ty HC computer – TP Hà Giang” làm đề tài thực tập tốt nghiệp Lập trình Web Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy, cô giáo, Em xin chân thành cảm ơn thầy Phạm Thế Anh hướng dẫn trình làm đề tài Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thông cảm, lời góp ý bảo tận tình quý Thầy Cô bạn Sinh Viên Thực Hiện Linh Minh Toản - LTK11G Trang-4 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên CHƯƠNG I - CƠ SỞ LÝ THUYẾT I INTERNET, WORLD WIDE WEB 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung Internet mạng máy tính toàn cầu thành lập từ năm 80 bắt nguồn từ mạng APARRNET quốc phòng Mỹ Vào mạng Internet, bạn 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 mục tiêu Internet chia sẻ thông tin người dùng nhiều lĩnh vực khác Mỗi máy tính Internet gọi host Mỗi host có khả truyền thông tới máy khác Internet Một số host nối tới mạng đường nối Dial-up (quay số) tạm thời, số khác nối đường nối mạng thật 100% (như Ethernet, Tokenring ) 1.1.2 Phân loại Các máy tính mạng chia làm nhóm Client Server - Client: Máy khách mạng, chứa chương trình Client - Server: Máy phục vụ-Máy chủ Chứa 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 trạng thái chờ yêu cầu đáp ứng yêu cầu Client - Internet Server: Là server cung cấp dịch vụ Internet Web Server, Mail Server, FPT Server… Các dịch vụ thường dùng Internet - Dịch vụ World Wide Web (gọi tắt Web) - Dịch vụ Electronic Mail (viết tắt Email) - Dịch vụ FPT Để truyền thông với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn tới nhiều đích khác Ví dụ vừ lấy thư từ hộp thư, đồng thời vừa truy cập trang Web Linh Minh Toản - LTK11G Trang-5 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên TCP đảm bảo tính an toàn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet 1.2 World Wide Web 1.2.1 Các khái niệm World Wide Web World Wide Web (WWW) hay gọi Web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số Website giới đạt tới 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 toàn giới Thông qua Website, quý công ty giảm thiểu tối đa chi phí in ấn 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 chương trình xử lí văn - Tạo Web cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad…là chương trình soạn thảo văn có sẵn Window - Thiết kế cách dùng Web Wizard công cụ Word 97, Word 2000 - Thiết kế Web phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor… Phần mềm chuyên nghiệp DreamWeaver 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 có sẵn phần Code cho bạn Để xây dựng ứng dụng Web hoàn chỉnh có tính thương mại, bạn cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi bạn muốn triển khai ứng dụng Web mạng, điều kiện cấu hình phần cứng, bạn cần có trình chủ Web thường gọi Web Server 1.2.3 Trình duyệt Web (Web Client hay Web Browser) Trình duyệt Web công cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thông qua Linh Minh Toản - LTK11G Trang-6 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên ISP Các trình duyệt thông dụng là: Microsoft Internet Explorer, Mozilla Firefox Google Chrome… Trong Internet Explorer trình duyệt chuẩn cho phép trình bày nội dung Web server cung cấp, cho phép đăng kí tới Website Internet, hỗ trợ trình bày trang Web 1.2.4 Webserver Webserver: máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trò chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web Webserver hỗ trợ 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 1.2.5.1 Web tĩnh Tài liệu phân phát đơn giản từ hệ thống file Server Định dạng trang web tĩnh siêu liên kết, trang định dạng Text, hình ảnh đơn giản Ưu điểm: CSDL nhỏ nên việc phân phát liệu có hiệu rõ ràng, Server đáp ứng nhu cầu Client cách nhanh chóng Ta nên sử dụng Web tĩnh không thay đổi thông tin Nhược điểm: Không đáp ứng yêu cầu phức tạp người sử dụng, không linh hoat Hoạt động trang Web tĩnh thể sau: Browser gửi yêu cầu Browser Server Server gửi trả tài liệu Linh Minh Toản - LTK11G Trang-7 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 1.2.5.2 Website động Về nội dung trang Web động trang Web tĩnh, thao tác với CSDL để đáp ứng nhu cầu phức tập trang Web Sau nhận yêu cầu từ Web Client, chẳng hạn truy vấn từ CSDL đặt Server, ứng dụng Internet Server truy vấn CSDL này, tạo trang HTML chứa kết truy vấn gửi trả cho người dùng 1.3 HTML Trang Web kết hợp văn thẻ HTML HTML chữ viết tắt HyperText Markup Language hội đồng World Wide Web Consortium (W3C) quy định Một tập tin HTML chẳng qua tập tin bình thường, có đuôi html htm HTML giúp định dạng văn trang Web nhờ thẻ Hơn nữa, thẻ html liên kết từ cụm từ với tài liệu khác Internet Đa số thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống thẻ mở, 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ụ, khai báo Không có khoảng trắng định nghĩa thẻ 1.3.1 Cấu trúc chung trang HTML Tiêu đề trang Web dung hiển thị > 1.3.2 Các thẻ HTML Thẻ : Tạo đầu mục trang Thẻ : Tạo tiêu đề trang tiêu đề, thẻ bắt buộc Thẻ title cho phép bạn trình bày chuỗi tựa đề trang Web trang Web duyệt trình duyệt Web Linh Minh Toản - LTK11G Trang-8 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Thẻ : Tất thông tin khai báo thẻ xuất trang Web Những thông tin nhìn thấy trang Web Các thẻ định dạng khác Thẻ

…

:Tạo đoạn Thẻ : Thay đổi phông chữ, kích cỡ màu kí tự… Thẻ định dạng bảng …: Đây thẻ định dạng bảng trang Web Sau khai báo thẻ này, bạn phải khai báo thẻ hàng thẻ cột với thuộc tính Thẻ hình ảnh : Cho phép bạn chèn hình ảnh vào trang Web Thẻ thuộc loại thẻ thẻ đóng Thẻ liên kết : Là loại thẻ dùng để liên kết trang Web liên kết đến địa Internet, Mail hay Intranet(URL) địa tập tin mạng cục (UNC) Các thẻ Input: Thẻ Input cho phép người dùng nhập liệu hay thị thực thi hành động đó, thẻ Input bao gồm loại thẻ như: text, password, submit, button, reset, checkbox, radio, image Thẻ Textarea: < Textarea> < \Textarea>: Thẻ Textarea cho phép người dùng nhập liệu với nhiều dòng Với thẻ bạn giới hạn chiều dài lớn trang Web 10 Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử tập phương thức định nghĩa trước Nếu thẻ Select cho phép người dùng chọn phần tử danh sách phần tử thẻ Select giống combobox Nếu thẻ Select cho phép người dùng chọn nhiều phần tử lần danh sách phần tử, thẻ Select dạng listbox 11 Thẻ Form: Khi bạn muốn submit liệu người dùng nhập từ trang Web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST GET thẻ form Trong trang Web có nhiều thẻ Form khác nhau, thẻ Form không lồng nhau, thẻ form khai báo hành động (action) đến trang khác Linh Minh Toản - LTK11G Trang-9 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên II Tìm hiểu PHP 2.1 Khái niệm 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 chuyên 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, Unix 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) 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 vẵn đư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 tuyệt vời 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 khả phát triển không giới hạn Linh Minh Toản - LTK11G Trang-10 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Thông tin khách hàng Đơn hàng Xác nhận đơn hàng Nhận đơn hàng Quản trị viên Thực bán hàng Xác nhận thành công Bán hàng Hóa đơn Hình 3.13: Biểu đồ luồng liệu mức đỉnh cho chức “Đơn hàng” Linh Minh Toản - LTK11G Yêu cầu Trang-41 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Thanh toán Hóa đơn Đơn hàng chấp nhận Giỏ hàng Đưa hàng vào giỏ Sản phẩm Khách hàng Thêm, sửa xóa hàng Sản phẩm chọn Giỏ hàng cập nhật Đơn hàng Sắp lại giỏ hàng Đơn hàng Thông tin mua hàng Lập đơn hàng Đặt hàng Hình 3.14: Biểu đồ luồng liệu mức đỉnh cho chức “ Mua hàng” Linh Minh Toản - LTK11G Trang-42 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Tìm kiếm theo hãng Thông tin xử lý Kết hiển thị Thông tin xử lý Kết tìm kiếm Kết hiển thị Tìm kiếm theo tên Khách hàng Thông tin xử lý Khách hàng Sản phẩm Chỉ tiêu tìm kiếm Chỉ tiêu tìm kiếm Hãng sản xuất Tìm kiếm theo giá Chỉ tiêu tìm kiếm Chỉ tiêu tìm kiếm Sản phẩm Hình 3.15: Biểu đồ liệu mức đỉnh cho chức “Tìm kiếm” Linh Minh Toản - LTK11G Trang-43 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên CHƯƠNG IV XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM 3.1 Cách tổ chức liệu thiết kế chương trình cho trang Web Việc tổ chức liệu phải giải yêu cầu phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn khách hàng Một phương pháp sử dụng rộn rãi từ trước đến quản lí theo nhóm sản phẩm Mỗi nhóm có mã nhóm tên nhóm để nhận biết Đối với Website này, với sản phẩm, sản phẩm tương ứng với mã hãng mã loại sản phẩm mã làm khóa bảng Sau số bảng sở liệu toàn sở liệu: 3.1.1 Bảng giohang Dùng để lưu thông tin giỏ hàng khách hàng Name Type Null Id_giohang Int(10) No id Int(10) No user Varchar(255) No soluong Int(10) No tinhtrang Text No ngaydat datetime No Bảng Bảng giohang 3.1.2 Bảng hoadon Dùng để lưu thông tin đơn hàng Name Type Id-hoadon Int(10) hoten Varchar(255) diachi Text email Varchar(255) dienthoai Int(20) fax Int(20) cty Varchar(255) id Int(10) soluong Int(10) Bảng Bảng hoadon Linh Minh Toản - LTK11G Trang-44 Null No No No No No No No No No Chú thích Mã giỏ hàng Mã sản phẩm Tên user Số lượng Tình trạng Ngày đặt hàng Chú thích Mã hóa đơn Tên khách hàng Địa Email Điện thoại Fax Công ty Mã sản phẩm Số lượng Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.1.3 Bảng lienhe Dùng để quản lí thắc mắc liên hệ khách hàng Name Type Null Id-lienhe Int(10) No hoten Text No cty Text No email Text No dienthoai Int(20) No fax Int(20) No diachi Text No noidung Text No ngaylienhe Datetime No Bảng Bảng lienhe 3.1.4 Bảng loaisanpham Dùng để quản lí danh mục loại sản phẩm Name Type Id-loai Int(10) Id_nhom Int(11) tenloaisp Text ghichu Varchar(255) Bảng Bảng loaisanpham 3.1.5 Bảng nhomsanpham Dùng để quản lý nhóm sản phẩm Name Type Id_nhom Int(10) tennhom Varchar(255) Chuthich Text Bảng Bảng nhomsanpham 3.1.6 Bảng sanpham Dùng để quản lý sản phẩm Name Type Id Int(20) Id_loai Int(10) tensp Text mota Text hinh Text gia Int(15) Linh Minh Toản - LTK11G Null No No No No Chú thích Mã loại sp Mã nhóm sản phẩm Tên loại sản phẩm Ghi Null No No No Chú thich Mã nhóm sản phẩm Tên nhóm sản phẩm Chú thích Null No No No No No No Trang-45 Chú thích Mã liên hệ Họ tên Công ty Email Điện thoại Fax Địa Nội dung Ngày liên hệ Chú thích Mã sản phẩm Mã loại sản phẩm Tên sản phẩm Mô tả Hình ảnh Đơn giá Báo cáo thực tập tốt nghiệp ghichu soluongban Id_menu Bảng Bảng sanpham ĐH CNTT-Thái Nguyên Text Int(10) Int(10) 3.1.7 Bảng thanhvien Dùng để quản lý thành viên Type Name hoten Varchar(255) diachi Varchar(255) email Varchar(255) dienthoai Int(20) user Varchar(255) pass Varchar(32) hieuluc Int(10) capquyen Int(10) Bảng Bảng thanhvien 3.2 Sơ đồ thực thể liên kết Linh Minh Toản - LTK11G Trang-46 No No No Ghi Số lượng Mã menu Null Chú thích No No No No No No No No Họ tên Địa Email Điện thoại Tên đăng nhập password Hiệu lực Quyền Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Hình 3.1 Sơ đồ thực thể liên kết 3.3 Yêu cầu bảo mật Có tính bảo mật cao, đảm bảo username, password cho phép hoạt động Admin User thay đổi thông tin sản phẩm toàn Website việc thay đổi thông tin cá nhân User việc quản lý liệu mật đăng nhập: + Tên đăng nhập + Mật đăng nhập Các thông tin khách hàng bảo mật Hệ thống quản trị tuyệt đối an toàn, bị truy cập lỗi hệ thống Như vậy, từ biểu đồ Use Case biểu đồ hoạt động hệ thống thể chức tác nhân hệ thống làm việc nào, xuất phát từ hệ thống yêu cầu hệ thống, yêu cầu khách hàng, nên xây dựng cho trang Website có đầy đủ chức người quản trị người dùng phải đảm bảo có tính bảo mật cao Linh Minh Toản - LTK11G Trang-47 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.4 Thiết kế giao diện 3.4.1 Giao diện trang chủ Hình 3.2 Giao diện trang chủ Trang chủ “Index.php”: Là trang chính, chứa tất mục để lựa chọn Từ trang chủ khách hàng tìm thấy thông tin cần thiết: - Thông tin loại sản phẩm với giao diện gần gũi, thân thiện dễ sử dụng từ khách hàng đặt mua cho sản phẩm yêu thích, phù hợp với túi tiền - Các viết hay thể giới máy tính quản trị hệ thống chọn lọc - Bạn có thắc mắc, góp ý với công ty… Linh Minh Toản - LTK11G Trang-48 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.4.2 Giao diện Form đăng nhập Hình 3.3 Giao diện form đăng nhập Trang “login.php” trang mà khách hàng nhập User Pass để đăng nhập vào website, chưa có tài khoản khách hàng nhấn vào nút Đăng ký để tạo cho tài khoản 3.4.3 Giao diện Form liên hệ Linh Minh Toản - LTK11G Trang-49 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên Hình 3.4 Giao diện form liên hệ Trang “lienhe.php” cầu nối khách hàng cửa hàng, khách hàng gửi thắc mắc ý kiến tới cửa hàng khách hàng phải nhập đầy đủ thông tin cá nhân form 3.4.4 Giao diện trang giỏ hàng Hình 3.5 Giao diện giỏ hàng Trang “giohang.php” trang mà khách hàng xem sản phẩm chọn Tại khách hàng biết số lượng mặt hàng chọn tổng số tiền phải toán Khách hàng thêm, cập nhập xóa sản phẩm giỏ hàng Tại có chức lưu lịch sử mua hàng khách hàng Linh Minh Toản - LTK11G Trang-50 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.4.5 Giao diện Form đăng ký thành viên Hình 3.6 Giao diện form đăng ký thành viên Trang “register.php” Tại khách hàng điền đầy đủ thông tin cá nhân đăng ký cho tài khoản, để dùng cho việc mua hàng website Linh Minh Toản - LTK11G Trang-51 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.4.6 Giao diện trang chi tiết sản phẩm Hình 3.7 Giao diện trang chi tiết sản phẩm Trang “chitiet.php” trang hiển thị thông tin chi tiết sản phẩm: giá, bảo hành, thông số kỹ thuật…giúp cho khách hàng có nhìn tổng quan sản phẩm Là sở để khách hàng có định mua sản phẩm hay không Linh Minh Toản - LTK11G Trang-52 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên 3.4.7 Giao diện trang quản trị Admin Hình 3.8 Giao diện trang quản trị Admin Đây trang quản trị dành cho người Admin cửa hàng, cung cấp đầy đủ tính cho người quản trị như: quản lý sản phẩm, quản lý thành viên, quản lý đơn đặt hàng… Linh Minh Toản - LTK11G Trang-53 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên KẾT LUẬN Đề tài “Xây dựng Website Giới Thiệu Sản Phẩm Cho Công Ty HC computer ” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên nghành hạn chế thời gian, khả kinh nghiệm nên không tránh khỏi thiếu sót định nên đề tài hoàn thành mức độ sau: - Tìm hiểu ngôn ngữ lập trình Web PHP & MySQL - Áp dụng xây dựng ứng dụng thực nghiệm trang “Xây dựng Website Giới Thiệu Sản Phẩm Cho Công Ty HC computer “ Hướng nghiên cứu phát triển: - Tìm hiểu sâu ngôn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống, - Kết hợp ngôn ngữ PHP với hệ quản trị sở liệu lớn hơn: SQL Server, - Tìm hiểu thêm số ngôn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn… - Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức Để hoàn thành đề tài này, lần em xin chân thành cảm ơn Thầy Phạm Thế Anh người quan tâm, giúp đỡ em suốt thời gian qua Em xin chân thành cảm ơn ! Linh Minh Toản - LTK11G Trang-54 Báo cáo thực tập tốt nghiệp ĐH CNTT-Thái Nguyên TÀI LIỆU THAM KHẢO [1] http://www.php.net [2] http://www mysql.com [3] http://www.w3school.com Linh Minh Toản - LTK11G Trang-55