đồ án tốt nghiệp công nghệ thông tin xây dựng website giới thiệu sản phẩm phần mềm

Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm MỤC LỤC LỜI CẢM ƠN .2 CHƢƠNG 1: GIỚI THIỆU ĐỀ TÀI, LỰA CHỌN HƢỚNG TIẾP CẬN VÀ CÔNG NGHỆ 1.1 Giới thiệu đề tài 1.2 Hƣớng tiếp cận 1.3 Lựa chọn công nghệ 1.4 CÔNG NGHỆ WEB 1.4.1 HTTP HTTPS 1.4.2 Phƣơng thức HTTP 1.4.3 HTML 1.4.4 Java Script 1.4.5 Tổng quan PHP .8 1.4.6 Tổng quan MySQL .16 1.4.7 Kết hợp PHP MySQL ứng dụng Website 19 1.4.8 Giới thiệu CSS 19 1.4.9 Apache IIS 20 CHƢƠNG 2: KHẢO SÁT HIỆN TRẠNG, TÌM HIỂU NHU CẦU VÀ PHÁT BIỂU BÀI TOÁN 21 2.1 Giới thiệu công ty Cổ phần Công nghệ Hồng Bàng 21 2.2 Khảo sát, đánh giá trạng giải pháp 22 2.2 Yêu cầu đặt 22 2.3 Phát biểu toán .23 CHƢƠNG 3: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 24 3.1 MƠ HÌNH NGHIỆP VỤ 24 3.1.1 Bảng phân tích xác định chức năng, tác nhân hồ sơ 24 3.1.2 Biểu đồ ngữ cảnh .25 3.1.3 Nhóm dần chức 25 3.1.4 Sơ đồ phân rã chức 27 3.1.5 Danh sách hồ sơ liệu sử dụng 28 3.1.6 Ma trận thực thể - chức .29 3.1.7 Sơ đồ luồng liệu 30 3.2.1 Mơ hình liên kết thực thể (ER): .31 3.2.2 Mơ hình quan hệ: .32 3.3 THIẾT KẾ GIAO DIỆN 37 3.3.1 Giao diện 37 3.3.2 Các giao diện cập nhật liệu 40 CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỬ NGHIỆM 46 4.1 MÔI TRƢỜNG CÀI ĐẶT .46 4.2 Một số giao diện 46 4.2.1 Giao diện 46 4.2.2 Các giao diện cập nhật liệu 49 KẾT LUẬN .52 Các tài liệu tham khảo 53 Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm LỜI CẢM ƠN Trƣớc hết, em xin bày tỏ tình cảm, lịng biết ơn, kính trọng thầy giáo Ths Đỗ Văn Chiểu, khoa Công nghệ thông tin trƣờng Đại học Dân Lập Hải Phòng Thầy dành cho em nhiều thời gian hƣớng dẫn đông viên em suốt trình làm đồ án tốt nghiệp Em xin chân thành cảm ơn tất thầy cô giáo Khoa Công nghệ thông tin – Trƣờng ĐHDL Hải Phòng, chân thành cảm ơn thầy, cô giáo tham gia giảng dạy truyền đạt kiến thức quý báu suốt thời gian em học tập trƣờng Đặc biệt, em xin cảm ơn thầy phản biện, Ths Vũ Anh Hùng nhiệt tình đọc phản biện đồ án em giúp em hiểu rõ vấn đề, để em hoàn thành đồ án 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 2014 Sinh viên Nguyễn Tuấn Anh Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm CHƢƠNG 1: GIỚI THIỆU ĐỀ TÀI, LỰA CHỌN HƢỚNG TIẾP CẬN VÀ CÔNG NGHỆ 1.1 Giới thiệu đề tài Trong năm gần đây, ứng dụng internet đƣợc sử dụng nhiều việc tuyên truyền, quảng cáo, giới thiệu tin tức, kiện, hay quảng cáo sản phẩm Một ứng dụng đơn giản nhƣng vô hiệu thông qua trang web Đối với doanh nghiệp kinh doanh sản phẩm ứng dụng tin học việc quảng bá sản phẩm khơng thể thiếu Do đó, phát triển ứng dụng dạng website để quản lý quảng bá sản phẩm internet đề tài có ứng dụng cao, đáng quan tâm nghiên cứu Đề tài tìm hiểu, phân tích xây dựng website thử nghiệm quảng bá sản phẩm tin học ngôn ngữ PHP hệ quản trị CSDL mySQL cho công ty Cổ phần Công nghệ Hồng Bàng 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 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 Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm (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-toLAN 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 Những ứng dụng dựa tảng web hay ứng dụng web (web application) ngày trở lên phổ biến ƣu điểm vƣợt trội nó, mà đặc biệt ƣu điểm to lớn ngƣời sử dụng (hay ngƣời sử dụng cuối cùng) máy trạm (clients) Ƣu điểm phần máy trạm chỗ sử dụng ứng dụng (application) hay phần mềm (chẳng hạn gmail, điểm bán lẻ, ) mà không cần phải cài đặt chƣơng trình mà cần chạy thơng qua web Hơn việc update trì hệ thống khơng cần cài đặt máy trạm Hiện tại, với FAST máy trạm cần phải cài đặt nhiều nhƣ: Framework, Crystal report, SQL, Chƣơng trình, … Với việc sử dụng trình duyệt (Browser) ngƣời dùng sử dụng máy tính đâu có kết nối Internet với đƣờng truyền tốt làm việc với máy chủ (server) từ xa Ví dụ: Trong tƣơng lai FAST ứng dụng cơng nghệ Web-based máy chủ văn phịng cài đặt chƣơng trình Fast cịn máy trạm Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm (client) sử dụng máy tính có kết nói Internet, điều thuận lợi làm việc từ xa, làm việc toàn cầu Bên cạnh ƣu điểm vƣợt trội máy trạm, ứng dụng web nhiều ƣu điểm khác nhƣ: Tự động update chƣơng trình thơng qua việc update máy chủ, việc dùng trình duyệt làm việc kết hợp với ứng dụng web khác nhƣ mail, tìm kiếm Ngƣời sử dụng chạy chƣơng trình hệ điều hành nhƣ Windows, Linux, Mac… cần có trình duyệt để làm việc Ngồi ra, máy tính khơng cần địi hỏi cao cấu hình, đĩa trống … Từ phân tích với tốn đồ án em lựa chọn mơ hình Web-based phân tích theo hƣớng chức 1.3 Lựa chọn cơng nghệ Có công nghệ đƣợc sử dụng phát triển phần mềm cơng nghệ nguồn mở cơng nghệ nguồn đóng Cơng nghệ nguồn đóng phần mềm mà mã nguồn không đƣợc công bố Muốn sử dụng phần mềm nguồn đóng có cách mua lại quyền sử dụng từ nhà phân phối thức hãng Các hình thức tự chép sử dụng phần mềm nguồn đóng bị xem nhƣ khơng hợp pháp Các ngơn ngữ lập trình cho cơng nghệ nguồn đóng nhƣ ngơn ngữ lập trình mà mã nguồn đƣợc mã hóa đóng gói chƣơng trình Đối với lập trình web ASP.NET ngơn ngữ điển hình với hệ quản trị SQL Server ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 NET framework, công nghệ nối tiếp Microsoft's Active Server Pages(ASP) ASP.NET biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngơn ngữ hỗ trợ NET language SQL ServerLà hệ thống quản lý sở liệu (Relational Database Management System (RDBMS) ) sử dụng TransactSQL để trao đổi liệu Client computer SQL Server computer Một RDBMS bao gồm databases, database engine ứng dụng dùng để quản lý liệu phận khác RDBMS Được tối ưu để chạy môi trường sở liệu lớn (Very Large Database Environment) lên đến Tera-Byte phục vụ lúc cho hàng ngàn Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm user SQL Server 2005 kết hợp với server khác Microsoft Internet Information Server (IIS), E -Commerce Server, Proxy Server Các phiên sử dụng phổ biến Microsoft SQL Server 2005 Microsoft SQL Server 2008 Công nghệ nguồn mở: công nghệ đƣợc phổ biến ƣa dùng Với mã nguồn mở đồ sộ với module, template hồn tồn miễn phí miễn phí phần đáp ứng nhu cầu xây dựng hình ảnh, mạng lƣới kinh doanh, giải trí cho cá nhân tổ chức Cá nhân tổ chức sử dụng trực tiếp tùy chỉnh theo mục đích, u cầu sử dụng cách dễ dàng Các ngơn ngữ lập trình cho cơng nghệ nguồn mở nhƣ ngơn ngữ lập trình mà mã nguồn mã nguồn mở Đối với lập trình web PHP ngơn ngữ điển hình kết hợp với hệ quản trị sở liệu MySQL PHP (Hypertext Preprocessor) ngôn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển cácứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc., cơng ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp MySQL relational database management system ( RDBMS ) tạm dịch hệ thống quản lý sở liệu MySQL Là hệ quản trị sở liệu mã nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh.Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL Internet MySQL miễn phí hồn tồn bạn tải MySQL từ trang chủ Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm 1.4 CÔNG NGHỆ WEB 1.4.1 HTTP HTTPS - HTTP (Tiếng Anh: HyperText Transfer Protocol - Giao thức truyền tải siêu văn bản) năm giao thức chuẩn mạng Internet, đƣợc dùng để 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) giao thức Client/Server dùng cho World Wide Web-WWW, HTTP giao thức ứng dụng giao thức TCP/IP (các giao thức tảng cho Internet) - HTTPS viết tắt "Hypertext Transfer Protocol Secure", Nó kết hợp giao thức HTTP giao thức bảo mật SSL hay TLS cho phép trao đổi 14 thông tin cách bảo mật Internet Giao thức HTTPS thƣờng đƣợc dùng giao dịch nhạy cảm, cần tính bảo mật cao 1.4.2 Phƣơng thức HTTP Phƣơng thức đƣợc sử dụng để thị cho server thi hành công việc đặc biệt Hầu hết server bao gồm IIS hỗ trợ phƣơng thức phƣơng thức khơng đƣợc thi hành hầu hết trình duyệt - GET: Phƣơng thức thị cho HTTP server gửi đến đối tƣợng (các Website, file, hình ảnh ) địa URL Phƣơng thức dùng HTTP Client - HEAD: Phƣơng thức giống nhƣ GET, nhiên trả thơng tin header đối tƣợng khơng phải tồn liệu - POST: Phƣơng thức đƣợc sử dụng HTTP Client để gửi đối tƣợng lên server 1.4.3 HTML HTML (tiếng Anh, viết tắt cho HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản") ngôn ngữ đánh dấu đƣợc thiết kế để tạo nên trang web với mẩu thông tin đƣợc trình bày World Wide Web HTML đƣợc định nghĩa nhƣ ứng dụng đơn giản SGML đƣợc sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì Phiên thức HTML HTML 4.01 (1999) Sau đó, nhà phát triển thay XHTML Hiện nay, HTML đƣợc phát triển tiếp với phiên HTML5 hứa hẹn mang lại diện mạo cho Web Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm 1.4.4 Java Script JavaScript ngơn ngữ lập trình kịch dựa đối tƣợng đƣợc phát triển từ ý niệm nguyên mẫu Ngôn ngữ đƣợc dùng rộng rãi cho trang web, nhƣng đƣợc dùng để tạo khả viết script sử dụng đối tƣợng nằm sẵn ứng dụng Nó vốn đƣợc phát triển Brendan Eich Hãng truyền thông Netscape với tên Mocha, sau đổi tên thành LiveScript, cuối thành JavaScript Giống Java, JavaScript có cú pháp tƣơng tự C Js phần mở rộng thƣờng đƣợc dùng cho tập tin mã nguồn JavaScript JavaScript ngơn ngữ lập trình dựa ngun mẫu với cú pháp phát triển từ C Giống nhƣ C, JavaScript có khái niệm từ khóa, JavaScript gần nhƣ khơng thể đƣợc mở rộng 1.4.5 Tổng quan PHP Lịch sử phát triển PHP Đƣợc phát triển từ sản phẩm có tên PHP/FI PHP/FI Rasmus Lerdorf tạo năm 1995, ban đầu đƣợc xem nhƣ tập đơn giản mã kịch Perl để theo dõi tình hình truy cập đến sơ yếu lý lịch ơng mạng Ơng đặt tên cho mã kịch 'Personal Home Page Tools' PHP PHP 3.0 phiên cho thấy hình ảnh gần gũi với phiên PHP mà đƣợc biết ngày Nó đƣợc Andi Gutmans Zeev Suraski tạo năm 1997 sau viết lại hoàn toàn mã nguồn trƣớc PHP 3.0 thức đƣợc công bố vào tháng năm 1998, sau thời gian tháng đƣợc cộng đồng kiểm nghiệm PHP Vào mùa đông năm 1998, sau PHP 3.0 thức đƣợc cơng bố, Andi Gutmans Zeev Suraski bắt đầu bắt tay vào việc viết lại phần lõi PHP Một động mới, có tên 'Zend Engine' (ghép từ chữ đầu tên Zeev Andi), đáp ứng đƣợc nhu cầu thiết kế cách thành công, lần đƣợc giới thiệu vào năm 1999 PHP 4.0, dựa động này, kèm với hàng loạt tính bổ sung, thức đƣợc công bố vào tháng năm 2000, gần năm sau PHP 3.0 đời PHP Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Sự thành công to lớn PHP 4.0 không làm cho nhóm phát triển PHP tự mãn Cộng đồng PHP nhanh chóng giúp họ nhận yếu PHP đặc biệt với khả hỗ trợ lập trình hƣớng đối tƣợng (OOP), xử lý XML, khơng hỗ trợ giao thức máy khách MySQL 4.1 5.0, hỗ trợ dịch vụ web yếu Những điểm mục đích để Zeev Andi viết Zend Engine 2.0, lõi PHP 5.0 Ngày 29 tháng năm 2003, PHP Beta thức đƣợc cơng bố để cộng đồng kiểm nghiệm Đó phiên Zend Engine 2.0 Phiên Beta sau mắt vào tháng 10 năm 2003 với xuất hai tính đƣợc chờ đợi: Iterators, Reflection nhƣng namespaces tính gây tranh cãi khác bị loại khỏi mã nguồn Ngày 21 tháng 12 năm 2003: PHP Beta đƣợc công bố để kiểm tra với việc phân phối kèm với Tidy, bỏ hỗ trợ Windows 95, khả gọi hàm PHP bên XSLT, sửa chữa nhiều lỗi thêm nhiều hàm PHP thức mắt ngày 13 tháng năm 2004 sau chuỗi dài kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3 Mặc dù coi phiên sản xuất nhƣng PHP 5.0 số lỗi đáng kể lỗi xác thực HTTP a) Cấu trúc PHP có thẻ bắt đầu kết thúc giống với ngôn ngữ HTML Chỉ khác, PHP có nhiều cách để thể Cách 1: Cú pháp chính: Cách 2: Cú pháp ngắn gọn Cách 3: Cú pháp giống với ASP Cách 4: Cú pháp bắt đầu script Mặc dù có cách thể Nhƣng lập trình viên có kinh nghiệm việc sử dụng cách lựa chon tối ƣu Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Trong PHP để kết thúc dòng lệnh sử dụng dấu ";" Để thích đoạn liệu PHP ta sử dụng dấu "//" cho dòng Hoặc dùng cặp thẻ "/*…… */" cho cụm mã lệnh Ví dụ: b) Xuất giá trị trình duyệt Để xuất liệu trình duyệt có dịng cú pháp sau: + echo "Thơng tin"; + printf "Thông tin"; Thông tin bao gồm: biến, chuỗi, lệnh HTML … Hình 1: Xuất trình duyệt Nếu hai chuỗi muốn liên kết với ta sử dụng dấu "." Hình 2: Liên kết chuỗi c) Biến, hằng, chuỗi kiểu liệu Biến Biến đƣợc xem vùng nhớ liệu tạm thời Và giá trị thay đổi đƣợc Biến đƣợc bắt đầu ký hiệu "$" Và theo sau chúng từ, cụm từ nhƣng phải viết liền có gạch dƣới Một biến đƣợc xem hợp lệ thỏa yếu tố: - Tên biến phải bắt đầu dấu gạch dƣới theo sau ký tự, số hay dấu gạch dƣới Tên biến không đƣợc phép trùng với từ khóa PHP Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 10 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Trang quản lý Banner Sản phẩm Phần hiển thị chức Tin tức Liên hệ Đổi mật Footer (Địa chỉ, số điện thoại) Hình 35 Giao diện trang quản trị Trang đăng nhập Banner Form đăng nhập Footer (Địa chỉ, số điện thoại) Hình 35 Giao diện trang đăng nhập Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 39 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm 3.3.2 Các giao diện cập nhật liệu a) Giao diện cập nhật thông tin sản phẩm : Cập nhật thông tin sản phẩm Tên sản phẩm: Giá: Mô tả: Lƣu Nhập lại Mô tả giao diện: - Form dùng để cập nhật liệu cho bảng hbt_product CSDL Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 40 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm b) Giao diện cập nhật tin tức Cập nhật tin tức Tiêu đề: Mơ tả ngắn: Nội dung: Từ khóa: Lƣu Nhập lại Mô tả giao diện: - Form dùng để cập nhật liệu cho bảng hbt_news CSDL Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 41 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm c) Giao diện cập nhật liên hệ Liên hệ Tiêu đề: Tên ngƣời gửi: Điện thoại: Email: Nội dung: Gửi Nhập lại Mô tả giao diện: - Form dùng để thêm liệu vào bảng hbt_contact CSDL Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 42 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm d) Giao diện tạo ngƣời dùng Tạo ngƣời dùng Tên tài khoản: Mật khẩu: Tên đầy đủ: Giới tính: Nam Nữ Ngày sinh: Địa chỉ: Tạo Nhập lại Mô tả giao diện: - Form dùng để thêm liệu vào bảng hbt_user CSDL Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 43 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm e) Giao diện cập nhât thông tin ngƣời dùng Cập nhật thông tin ngƣời dùng Tên tài khoản: Mật khẩu: Tên đầy đủ: Giới tính: Nữ Ngày sinh: Địa chỉ: Cập nhật Nhập lại Mô tả giao diện: - Form dùng để cập nhật liệu vào bảng hbt_user CSDL Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 44 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm f) Giao diện báo cáo liên hệ Danh sách liên hệ STT Ngƣời gửi Số điện thoại Email Địa Tiêu đề Ngày gửi Thao tác Xem/Xóa Xem/Xóa Xem/Xóa Mô tả giao diện: - Giao diện cho phép ngƣời dùng xem báo cáo liên hệ khách gửi Dữ liệu đƣợc lấy từ bảng hbt_contact CSDL Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 45 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm CHƢƠNG 4: XÂY DỰNG HỆ THỐNG THỬ NGHIỆM 4.1 MÔI TRƢỜNG CÀI ĐẶT Em xây dựng thử nghiệm hệ thống nhƣ sau: - Phần cứng: Lenovo Thinkpad T430 / Intel Core i5 - 3230M / Ram 4GB DDR3 / 500GB HDD / Intel HD Graphic 4000 Phần mềm: Windows 8.1 Enterprise XAMPP 1.8.3 Google chrome 35.0.1916.153 dev-m 4.2 Một số giao diện 4.2.1 Giao diện Hình 4.1 Giao diện trang chủ Website Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 46 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Hình 4.2 Giao diện trang sản phẩm Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 47 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Hình 4.3 Giao diện trang quản trị Hình 4.4 Giao diện trang đăng nhập Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 48 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm 4.2.2 Các giao diện cập nhật liệu Hình 4.5 Giao diện cập nhật thơng tin sản phẩm Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 49 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Hình 4.6 Giao diện cập nhật tin tức Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 50 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Hình 4.6 Giao diện cập nhật liên hệ Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 51 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm KẾT LUẬN Qua 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 hồ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, Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 52 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Các tài liệu tham khảo [1] Nguyễn Văn Vỵ, Phân tích thiết kế hệ thống thơng tin đại, hướng cấu trúc – hướng đối tượng, NXB Thống kê Hà Nội, 2002 [2] Lê Văn Phùng (2011), Kỹ thuật phân tích thiết kế hệ thống thơng tin hướng cấu trúc, NXB Thông tin Truyền thông [3] http://www.php.net/ , tài liệu tra cứu PHP [4] http://www.slideshare.net/thucbk/website-gii-thiu-sn-phm , Bài tập lớn:Thiết kế website giới thiệu sản phẩm qua mạng, Phan Thị Thanh Nga - Trƣờng Đại Học Sƣ Phạm Kĩ Thuật Hƣng Yên, 2007 Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 53 ... nghệ thông tin 36 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm 3.3 THIẾT KẾ GIAO DIỆN 3.3.1 Giao diện Website giới thiệu sản phẩm Banner Trang chủ Giới thiệu Sản phẩm Tin tức... chủ Website Sinh viên: Nguyễn Tuấn Anh – Lớp: CT1401- Ngành: Công nghệ thông tin 37 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm Website giới thiệu sản phẩm Trang chủ Giới thiệu. .. Ngành: Công nghệ thông tin 39 Đồ án tốt nghiệp Xây dựng website giới thiệu sản phẩm phần mềm 3.3.2 Các giao diện cập nhật liệu a) Giao diện cập nhật thông tin sản phẩm : Cập nhật thông tin sản phẩm