Giới thiệu và cho phép các khách hàng đặt trực tuyến các dịch vụ của công ty trên internet

1 MỤC LỤC MỤC LỤC DANH SÁCH HÌNH ẢNH DANH MỤC CÁC TỪ VIẾT TẮT LỜI CẢM ƠN GIỚI THIỆU CHƢƠNG 1: GIỚI THIỆU BÀI TỐN, LỰA CHỌN HƢỚNG TIẾP CẬN VÀ CƠNG NGHỆ 1.1 PHÁT BIỂU BÀI TOÁN 1.2 HƢỚNG TIẾP CẬN 1.3 LỰA CHỌN CÔNG NGHỆ 12 1.4 CÔNG NGHỆ WEB 13 1.4.1 HTTP HTTPS 13 1.4.2 Phƣơng thức HTTP 14 1.4.3 HTML 14 1.4.4 Java Script 14 1.4.5 Tổng quan PHP 15 1.4.6 Tổng quan MySQL 22 1.4.7 Kết hợp PHP MySQL ứng dụng Website 25 1.4.8 Giới thiệu CSS 25 1.4.9 Apache IIS 26 CHƢƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 27 2.1 KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 27 2.1.1 Khảo sát 27 2.1.2 Phân tích hệ thống 29 2.1.3 Thiết kế hệ thống 39 2.2 THIẾT KẾ GIAO DIỆN 49 2.3 THIẾT KẾ MODULE 50 CHƢƠNG 3: THỬ NGHIỆM HỆ THỐNG 52 3.1 XÂY DỰNG HỆ THỐNG 52 3.2 ĐƢA HỆ THỐNG LÊN INTERNET 52 3.2.1 Đăng kí tên miền Hosting 52 3.2.2 Upload site lên host 53 3.3 MỘT SỐ GIAO DIỆN VÀ KẾT QUẢ THỬ NGHIỆM 55 KẾT LUẬN 57 TÀI LIỆU THAM KHẢO 58 DANH SÁCH HÌNH ẢNH Hình 1: Xuất trình duyệt 17 Hình 2: Liên kết chuỗi 17 Hình 3: Biến PHP 18 Hình 4: Hằng PHP 18 Hình 5: Liên kết chuỗi biến PHP 19 Hình 6: Kiểu liệu PHP 19 Hình 7: Hàm GETTYPE 19 Hình 8: Phƣơng thức POST 20 Hình 9: Loại liệu MySQL 23 Hình 1: Biểu đồ ngữ cảnh Website thơng tin cơng ty tin học Tín Khang 30 Hình 2: Biểu đồ phân rã chức Website thơng tin cơng ty tin học Tín Khang 33 Hình 3: Ma trận thực thể chức 34 Hình 4: Sơ đồ luồng liệu mức 35 Hình 5: Sơ đồ luồng liệu mức tiến trình Đặt hàng 36 Hình 6: Sơ đồ luồng liệu mức tiến trình Kiểm tra đơn hàng 37 Hình 7: Sơ đồ luồng liệu mức tiến trình Quản trị 38 Hình 8: Mơ hình ER 41 Hình 9: Mơ hình quan hệ 44 Hình 10: Mơ hình sở liệu vật lý 48 Hình 1: Upload site lên host( Bƣớc 1) 53 Hình 2: Upload site lên host( Bƣớc 2) 53 Hình 3: Đăng nhập 54 Hình 4: Giao diện trang chủ 55 Hình 5:Giao diện trang danh sách mặt hàng 55 Hình 6: Giao diện giỏ hàng 56 Hình 7: Giao diện đăng nhập khách hàng 56 Hình 8: Hóa đơn 56 DANH MỤC CÁC TỪ VIẾT TẮT STT Tên viết tắt Tên đầy đủ Hyper Text Markup Mô tả Ngôn ngữ đánh dấu siêu văn HTML LAN Local area network Mạng cục IBM International Business Machines Tập đồn cơng nghệ máy tính đa quốc gia Internet Protocol Giao thức hƣớng liệu đƣợc sử dụng máy chủ nguồn đích để truyền liệu liên mạng chuyển mạch gói IP Language Một thiết kế dựa vào nguyên lý tầng OSI TCP Open Systems Interconnection Reference Model Transmission Control Protocol cấp, lý giải cách trừu tƣợng kỹ thuật kết nối truyền thơng máy vi tính thiết kế giao thức mạng chúng Sử dụng TCP, ứng dụng máy chủ đƣợc nối mạng tạo "kết nối" với nhau, mà qua chúng trao đổi liệu gói tin HTTP HyperText Transfer Protocol Là giao thức liên hệ thông tin Máy cung cấp dịch vụ (Web server) Máy sử dụng dịch vụ (Web client) HTTS Hypertext Transfer Protocol Secure Kết hợp giao thức HTTP giao thức bảo mật SSL hay TLS cho phép trao đổi thông tin cách bảo mật Internet STT 10 11 Tên viết tắt URL WWW XHTML Tên đầy đủ Mô tả Uniform Resource Đƣợc dùng để tham chiếu tới tài Locator nguyên Internet World Wide Web Extensible HyperText Markup Language eXtensible Markup Một không gian thơng tin tồn cầu mà ngƣời truy nhập (đọc viết) qua máy tính nối với mạng Internet Một ngơn ngữ đánh dấu có khả nhƣ HTML, nhƣng có cú pháp chặt chẽ Ngơn ngữ đánh dấu với mục đích chung W3C đề nghị, để tạo ngôn ngữ đánh dấu khác 12 XML 13 CSS Cascading Style Sheets Các tập tin định kiểu theo tầng IIS Internet information server Một dịch vụ tùy chọn Windows NT Server cung cấp tính Website 19 Language LỜI CẢM ƠN Trong lời báo cáo đồ án tốt nghiệp “Xây dựng Website cho công ty cổ phần tin học Tín Khang” này, em muốn gửi lời cám ơn biết ơn chân thành tới tất ngƣời hỗ trợ, giúp đỡ em kiến thức tinh thần trình thực đồ án Trƣớc hết, em xin chân thành cám ơn Thầy Giáo - Ths Nguyễn Trịnh Đông, Giảng viên Khoa Công Nghệ Thông Tin, Trƣờng ĐHDL Hải Phòng, ngƣời trực tiếp hƣớng dẫn, nhận xét, giúp đỡ em suốt trình thực đồ án Xin chân thành cảm ơn thầy cô Khoa Cơng Nghệ Thơng Tin phịng ban nhà trƣờng tạo điều kiện tốt cho em nhƣ bạn khác suốt thời gian học tập làm tốt nghiệp Cuối em xin gửi lời cảm ơn đến gia đình, bạn bè, ngƣời thân giúp đỡ động viên em nhiều trình học tập làm Đồ án Tốt Nghiệp Do thời gian thực có hạn, kiến thức cịn nhiều hạn chế nên Đồ án thực chắn không tránh khỏi thiếu sót định Em mong nhận đƣợc ý kiến đóng góp thầy giáo bạn để em có thêm kinh nghiệm tiếp tục hồn thiện đồ án Em xin chân thành cảm ơn! Hải Phòng, ngày tháng năm 2012 Sinh viên Phạm Thanh Ba GIỚI THIỆU Công ty cổ phần tin học Tín Khang cơng ty chun cung cấp phần mềm giải pháp an ninh nhƣ: phần mềm quản lí bán hàng, quản lí cơng việc, camera giám sát Hiện công ty chƣa có Website quảng bá, giới thiệu hình, ảnh,dịch vụ cơng ty Internet Do vậy, cơng ty có nhu cầu xây dựng hệ thống làm công việc sau:  Giới thiệu công ty bao gồm thông tin tên công ty, địa chỉ, điện thoại  Giới thiệu cho phép khách hàng đặt trực tuyến dịch vụ công ty Internet Bố cục đồ án nhƣ sau: Chƣơng 1: Giới thiệu toán, lựa chọn hƣớng tiếp cận cơng nghệ Chƣơng 2: Phân tích thiết kế hệ thống Chƣơng 3: Thử nghiệm hệ thống Cuối phần kết luận hƣớng phát triển đồ án CHƢƠNG 1: GIỚI THIỆU BÀI TOÁN, LỰA CHỌN HƢỚNG TIẾP CẬN VÀ CÔNG NGHỆ 1.1 PHÁT BIỂU BÀI TỐN Website giới thiệu thơng tin dịch vụ mà cơng ty tin học Tín Khang cung cấp Website cho phép ngƣời dùng duyệt thơng tin, sau xem chi tiết mặt hàng, giá mặt hàng từ lựa chọn mặt hàng Sau lựa chọn mặt hàng xong, ngƣời dùng tiến hành đặt mua với số lƣợng mà muốn cho mặt hàng giỏ hàng Ngƣời dùng xóa mặt hàng khơng muốn mua khỏi giỏ hàng họ Nếu chấp nhận mua, ngƣời dùng phải cung cấp đầy đủ thông tin nhƣ: họ tên, ngày tháng năm sinh, địa chỉ, email, v.v Nếu đặt hàng thành công, ngƣời dùng nhận đƣợc email thông báo hệ thống việc xác nhận đơn đặt hàng Hằng ngày, nhân viên kiểm tra đơn đặt hàng giao đơn hàng hợp lệ cho phận bán hàng Bộ phận bán hàng in phiếu giao hàng cho nhân viên giao hàng Nếu giao hàng thành công, nhân viên giao hàng gửi hóa đơn cho khách hàng nhận tiền, giao lại hóa đơn tiền cho phận bán hàng Nếu giao hàng không thành công, nhân viên giao hàng báo cáo lại cho phận bán hàng trả lại hàng Khi cần cập nhật thơng tin hàng hóa, ngƣời quản trị cập nhật thơng tin cho mặt hàng hệ thống Ngƣời quản trị có quyền cập nhật danh sách nhân viên sử dụng hệ thống cấp quyền cho nhân viên Hệ thống cung cấp chức cho phép thống kê, báo cáo hoạt động cơng ty 1.2 HƢỚNG TIẾP CẬN - Có nhiều mơ hình phát triển hệ thống Trong mơ hình liệu tập trung, mơ hình Client-Server Web-based mơ hình đƣợc sử dụng nhiều Mơ hình liệu tập trung (Centralized database model): Trong mơ hình này, thành phần xử lý ứng dụng, phần mềm sở liệu thân sở liệu xử lý Ví dụ ngƣời dùng máy tính cá nhân chạy chƣơng trình ứng dụng có sử dụng phần mềm sở liệu Oracle để truy nhập tới sở liệu nằm đĩa cứng máy tính cá nhân Từ thành phần ứng dụng, phần mềm sở liệu thân sở liệu nằm máy tính ứng dụng thích hợp với mơ hình tập trung Hầu hết cơng việc xử lý luồng thơng tin đƣợc thực nhiều tổ chức mà phù hợp với mơ hình tập trung 10 Mơ hình Client-Server mơ hình tiếng mạng máy tính, đƣợc áp dụng rộng rãi mơ hình trang web có Ý tƣởng mơ hình máy (đóng vài trị máy khách) gửi yêu cầu (request) để máy chủ (đóng vai trị ngƣời cung ứng dịch vụ), máy chủ xử lý trả kết cho máy khách Thuật ngữ server đƣợc dùng cho chƣơng trình thi hành nhƣ dịch vụ toàn mạng Các chƣơng trình server chấp nhận tất yêu cầu hợp lệ đến từ nơi mạng, sau thi hành dịch vụ trả kết máy yêu cầu Một chƣơng trình đƣợc coi client gửi yêu cầu tới máy có chƣơng trình server chờ đợi câu trả lời từ server Chƣơng trình server client nói chuyện với thông điệp (messages) thông qua cổng truyền thơng liên tác IPC (Interprocess Communication) Để chƣơng trình server chƣơng trình client giao tiếp đƣợc với chúng phải có chuẩn để nói chuyện, chuẩn đƣợc gọi giao thức Nếu chƣơng trình client muốn u cầu lấy thơng tin từ server phải tn theo giao thức mà server đƣa Bản thân cần xây dựng mơ hình client/server cụ thể ta tự tạo giao thức riêng nhƣng thƣờng làm đƣợc điều tầng ứng dụng mạng Với phát triển mạng nhƣ có nhiều giao thức chuẩn mạng đời nhằm đáp ứng nhu cầu phát triển Các giao thức chuẩn (ở tầng mạng vận chuyển) đƣợc sử dụng rộng rãi nhƣ: giao thức TCP/IP, giao thức SNA IBM, OSI, ISDN, X.25 giao thức LAN-to-LAN NetBIOS Một máy tính chứa chƣơng trình server đƣợc coi máy chủ hay máy phục vụ (server) máy chứa chƣơng trình client đƣợc coi máy tớ (client) Mơ hình mạng có máy chủ máy tớ giao tiếp với theo nhiều dịch vụ đƣợc gọi mơ hình client/server Thực tế mơ hình client/server mở rộng tự nhiên tiện lợi cho việc truyền thơng liên tiến trình máy tính cá nhân Mơ hình cho phép xây dựng chƣơng trình client/server cách dễ dàng sử dụng chúng để liên tác với để đạt hiệu Web-based technology hay công nghệ dựa tảng web thuật ngữ dùng để những ứng dụng (application) hay phần mềm đƣợc sử dụng dựa tảng web Tức ứng dụng hay phần mềm truy cập thơng qua trình duyệt hệ thống mạng nhƣ Internet hay intranet Những ứng dụng web phần mềm máy tính đƣợc mã hóa thơng qua ngơn ngữ đƣợc trình duyệt hỗ trợ nhƣ HTML, JavaCript 44 DÕNG ĐƠN ĐẶT HÀNG Mã đơn đặt hàng Mã hàng Số lƣợng Đơn giá Ngày đặt Ngày trả LOẠI Mã loại Tên loại HĨA ĐƠN Mã hóa đơn Ngày lập Tổng tiền Tài khoản Tài khoản nhân viên d) Mơ hình quan hệ Hình 9: Mơ hình quan hệ Mã hàng 45 e) Thiết kế bảng liệu - Để thiết kế bảng liệu dƣới ta dùng hệ quản trị sở liệu MySQL Bảng Khách hàng: Là bảng lƣu thông tin khách hàng, thông tin lƣu trữ bao gồm: Tên Trƣờng - Kiểu Dữ Liệu Ghi Chú TaiKhoan VARCHAR (20) Tài Khoản MatKhau VARCHAR (40) Mật Khẩu HoTen VARCHAR (30) Họ Tên GioiTinh VARCHAR (10) Giới Tính SoDT VARCHAR (13) Số Điện Thoại DiaChi VARCHAR (50) Địa Chỉ Email VARCHAR (30) Email NgheNghiep VARCHAR (30) Nghề Nghiệp Bảng Hàng: Là bảng lƣu thông tin hàng, thông tin lƣu trữ gồm: Tên Trƣờng Kiểu Dữ Liệu Ghi Chú MaHang INT(11) Mã Hàng TenHang VARCHAR (50) Tên Hàng XuatXu VARCHAR (30) Xuất Xứ Gia INT(11) Giá NamSX VARCHAR (13) Năm Sản Xuất MoTa VARCHAR (2000) Mô Tả MaLoai INT(11) Mã Loại 46 - Bảng Loại: Là bảng lƣu thông tin loại hàng, thông tin lƣu trữ gồm: Tên Trƣờng - Ghi Chú MaLoai INT(11) Mã Loại TenLoai VARCHAR (50) Tên Loại Bảng Nhân viên: Là bảng lƣu thông tin nhân viên, thông tin lƣu trữ gồm: Tên Trƣờng - Kiểu Dữ Liệu Kiểu Dữ Liệu Ghi Chú TKNV VARCHAR (20) Tài Khoản Nhân Viên MatKhau VARCHAR (40) Mật Khẩu HTNV VARCHAR (30) Họ Tên Nhân Viên GioiTinh VARCHAR (10) Giới Tính NgaySinh DATE Ngày Sinh DiaChi VARCHAR (50) Địa Chỉ Quyen VARCHAR (10) Quyền Bảng Hóa đơn: Là bảng lƣu thơng tin hóa đơn, thơng tin lƣu trữ gồm: Tên Trƣờng Kiểu Dữ Liệu Ghi Chú MaHD INT(11) Mã Hóa Đơn NgayLap DATE Ngày Lập TongTien FLOAT(12) Tổng Tiền TaiKhoan VARCHAR (20) Tài Khoản TKNV VARCHAR (20) Tài Khoản Nhân Viên MaHang INT(11) Mã Hàng 47 - Bảng Đơn đặt hàng: Là bảng lƣu thông tin đơn đặt hàng, thông tin gồm: Tên Trƣờng Kiểu Dữ Liệu MaDDH INT(11) Mã Đơn Đặt Hàng NgayLap DATE Ngày Lập TinhTrang VARCHAR (20) Tình Trạng TaiKhoan VARCHAR (20) Tài Khoản Ghi Chú Bảng Dòng đơn đặt hàng: Là bảng lƣu thông tin chi tiết mặt hàng mà khách yêu cầu, thông tin gồm: Tên Trƣờng Kiểu Dữ Liệu Ghi Chú MaDDH INT(11) Mã Đơn Đặt Hàng MaHang INT(11) Mã Hàng SoLuong INT(11) Số Lƣợng DonGia INT(11) Đơn Giá NgayDat DATE Ngày Đặt NgayTra DATE Ngày Trả 48 f) Mô hình sở liệu vật lý Hình 10: Mơ hình sở liệu vật lý 49 2.2 THIẾT KẾ GIAO DIỆN  Trang chủ, hiển thị mặt hàng, chi tiết mặt hàng, giỏ hàng Trang chủ Dịch vụ phần Dịch vụ mạng mềm Dịch vụ anh ninh Logo Banner Tìm kiếm Đồng hồ Giỏ hàng Nội dung Hỗ trợ Thống kê Bottom  Thanh toán: Trang chủ Dịch vụ phần mềm Dịch vụ mạng Dịch vụ anh ninh Logo Banner Tìm kiếm Thơng tin khách hàng Đồng hồ Button toán Giỏ hàng Hỗ trợ Danh mục đặt hàng Thống kê Bottom 50  Quản trị: - Đăng nhập Đăng nhập Tài khoản Textbox nhập tài khoản Mật Textbox nhập mật Button login - Quản trị Tên công ty Tên tài khoản Tab điều khiển Đăng xuất Nội dung tab Bottom 2.3 THIẾT KẾ MODULE  Module hiển thị sản phẩm Foreach loại_hàng_người_dùng_chọn { select from table hàng với điều kiện loại_hàng = loại_hàng_người_dùng_chọn Hiển thị kết truy vấn với tên_hàng giá }  Module đặt hàng: - Với lần truy cập tự động cấp phát giỏ hàng dƣới dạng session - Khi ngƣời dùng lựa chọn sản phẩm thêm sản phẩm vào giỏ hàng $_SESSION[‘cart’][mã_hàng][‘số_lượng’] =1; If có $_SESSION[‘cart’][mã_hàng][‘số_lượng’] 51 { $_SESSION[‘cart’][mã_hàng][‘số_lượng’] = $_SESSION[‘cart’][mã_hàng][‘số_lượng’] +1 ; } Hoặc: $_SESSION[‘cart’][mã_hàng][‘ngày_đặt’]=ngày_đặt; $_SESSION[‘cart’][mã_hàng][‘ngày_kết_thúc]= ngày_kết _thúc; - Khi đặt hàng: thêm yêu cầu thông tin ngƣời dùng vào sở liệu  Module quản trị: - Tại tab trang quản trị: If quyền=admin thực tất quyền If quyền=user xem If quyền=owner xem thống kê 52 CHƢƠNG 3: THỬ NGHIỆM HỆ THỐNG 3.1 XÂY DỰNG HỆ THỐNG Qua q trình phân tích thiết kế chƣơng 2, chƣơng em thử nghiệm chƣơng trình hệ thống nhƣ sau: 1.1.1 Phần cứng - Intel(R) Core(TM) i3-2310M CPU @2.10GHz (4 CPUs), ~2.1GHz - Mainboard: GIGABYTE - HDD: Samsung 500 GB RAM: 2GB 1.1.2 Phần mềm - Hệ điều hành Windows Ultimate Service Pack - XAMPP 1.7.4 gồm PHP, MySQL, Apache,… 3.2 ĐƢA HỆ THỐNG LÊN INTERNET 3.2.1 Đăng kí tên miền Hosting Đăng kí qua dịch vụ cung cấp tên miền hosting nhƣ http://www.matbao.net với nguyên tắc: - Tên miền không đƣợc vƣợt 63 ký tự, bao gồm phần com, net, org, Tên miền bao gồm ký tự bảng chữ (a-z), số (0-9) dấu trừ (-) - Các khoảng trắng ký tự đặc biệt tên miền khác không hợp lệ Không thể bắt đầu kết thúc tên miền dấu trừ (-) Tên miền ngắn tốt, dễ nhớ, không gây nhầm lẫn, khó viết sai Tên miền phải liên quan đến tên chủ thể lĩnh vực hoạt động doanh nghiệp Chủ động nộp phí trì trƣớc tên miền hết thời hạn sử dụng, tự chịu trách nhiệm tên miền bị hết hạn sử dụng mà khơng đóng phí để tránh thời gian gián đoạn sử dụng - 53 3.2.2 Upload site lên host - Khi đăng kí thành cơng tên miền hosting Dựa vào tài khoản quản trị bạn đăng nhập vào đƣờng dẫn mà nhà cung cấp cấp cho bạn để upload sở liệu Sử dụng công cụ upload nội dung Website nhƣ FileZilla, Cuteftp để upload nội dung Website lên host Bƣớc 1: Điền tên máy chủ,tên tài khoản, mật khẩu, cổng kết nối Hình 1: Upload site lên host( Bƣớc 1) Bƣớc 2: Kéo thả tệp tin hay thƣ mục vào host Hình 2: Upload site lên host( Bƣớc 2) 54 - Upload sở liệu Bƣớc 1: Đăng nhập vào địa mà bạn đăng kí Hình 3: Đăng nhập Bƣớc 2: Truy cập vào phpMyAdmin Bƣớc 3: Đăng nhập vào trang quản trị sở liệu Bƣớc 4: Tiến hành upload sở liệu thông qua tab Import 55 3.3 MỘT SỐ GIAO DIỆN VÀ KẾT QUẢ THỬ NGHIỆM Hình 4: Giao diện trang chủ Hình 5:Giao diện trang danh sách mặt hàng 56 Hình 6: Giao diện giỏ hàng Hình 7: Giao diện đăng nhập khách hàng Hình 8: Hóa đơn 57 KẾT LUẬN Đồ án xây dựng hệ thống quảng bá thông tin công ty tin học Tín Khang lên Internet Qua q trình thực đồ án, em tổng hợp lại đƣợc kiến thức thời gian học Trƣờng Đồng thời, em tìm hiểu nắm đƣợc quy trình xây dựng hệ thống thông tin quản lý, nâng cao đƣợc kỹ lập trình, chủ động việc tìm kiếm thông tin để phục vụ công việc Sau hoàn thành đồ án, đồ án tập trung xử lí kĩ thuật liên quan đến thƣơng mại điện tử, đó, cho phép đặt yêu cầu dịch vụ trực tuyến Đây mặt hàng đặc biệt lĩnh vực thƣơng mại điện tử mà kỹ thuật bán hàng mạng có chƣa đáp ứng đƣợc Đồ án xử lí hết chức theo yêu cầu Công ty đƣa lên mạng thử nghiệm thật cho kết nhƣ mong muốn Hƣớng phát triển đồ án tích hợp việc tốn trực tuyến Internet thông qua nhà cung cấp dịch vụ Việt Nam nhƣ: Onepay, SmartLink, 58 TÀI LIỆU THAM KHẢO HTML and CSS design and build Website by Jon Duckett Learning PHP, MySQL, JavaScript, and CSS: A Step by Step Guide to Creating Dynamic Websites by Robin Nixon Phân tích thiết kế hệ thống thơng tin quản lý –Nguyễn Văn Vỵ PHP and MySQL Web Development by Luke Welling and Laura Thomson CSS and Documents by Eric A.Meyer