UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA:CÔNG NGHỆ THÔNG TIN ----- ----- BÀI BÁO CÁO THỰC TẬP TỐT NGHIỆP Tên đề tài: XÂY DỰNG WEBSITE BÁN KEM TRỰC TUYẾN Sinh viên thực hiện SOMPHONE PHANMIXAY MSSV: 2116100126 CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN KHÓA 2016 – 2020 Cán bộ hướng dẫn ThS HỒ TUẤN ANH MSCB: Quảng Nam, tháng 10 năm 2018 ĐỀ CƯƠNG CHI TIẾT ĐỀ TÀI BÀI BÁO CÁO THỰC TẬP TỐT NGHIỆP I THÔNG TIN CHUNG 1 Thông tin về sinh viên 1 1) Họ và tên: SOMPHONE PHANMIXAY 1 2) Mã số SV: 2116100126 1 3) Ngành đào tạo: Công nghệ thông tin 1 4) Khóa học:2016-2020 1 5) Lớp học: DT16CTT01 1 6) Địa chỉ liên lạc: 102 hung vuong – Tam Kỳ - Quảng Nam 1 7) Số điện thoại: 0845663989 1 8) Email: somphonemixay@Gmail com 2 Đề tài Tên đề tài: Xây dựng website bán kem tại Lào 3 Cán bộ hướng dẫn 3 1) Họ tên: ThS HỒ TUẤN ANH 3 2) Chức vụ: 3 4) Học hàm, học vị: 3 5) Nơi công tác: Trường Đại học Quảng Nam 3 6) Số điện thoại: 0907684669 3 7) Email: A PHẦN MỞ ĐẦU 1 1 Lý do chọn đề tài Trong sự phát triển mạnh mẽ của khoa học công nghệ thế giới, có thể nói rằng ngành công nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càng thể hiện được vai trò to lớn, hết sức quan trọng đối với toàn bộ đời sống con người Hầu hết các lĩnh vực trong xã hội đều ứng dụng công nghệ thông tin, nhiều phần mềm đã mang lại hiệu quả bài khóa luận Song thực tiễn luôn đặt ra những yêu cầu mới đòi hỏi ngành công nghệ thông tin không ngừng phát triển để thỏa mãn và đáp ứng những thay đổi của cuộc sống Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, Công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gần như lập tức… cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần… Bằng Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người Hiện nay, nhận thức được rõ tầm quan trọng của Internet trong vấn đề thông tin trợ giúp đắc lực cho doanh nghiệp, các nhà quản lý và bạn đọc đã và đang xúc tiến lập Website Hoạt động của một quán bán hàng có quy mô khá lớn, có khả năng giới thiệu được quán và cho phép quản lý các quán nhanh chóng và chính xác nhất sau đó em đã chọn đề tài “XÂY DỰNG WEBSITE BÁN KEM TRỰC TUYẾN” làm đề tài khóa luật 1 2 Mục tiêu của đề tài - Tìm hiểu rõ hơn về HTML, CSS, PHP, my SQL - Xây dựng một Website “Bán kem” hoàn chỉnh bao gồm các chức năng cần thiết Trong thương mại điện tử - Sử dụng kiểm thử để đánh giá website vừa xây dựng 1 3 Đối tượng và phạm vi nghiên cứu Đối tượng nghiên cứu ` - Đối tượng nghiên cứu: HTML, CSS, PHP, my SQL Phạm vi nghiên cứu - Áp dụng HTML, CSS, PHP, my SQL để thiết kế giao diện - Áp dụng Bootstrap , java script , jquery vào web giao diện 1 4 Phương pháp nghiên cứu - Phương pháp nghiên cứu tự luận: Nghiên cứu tài liệu, tìm hiểu nhiều về HTML Và CSS thông qua các diễn đàn trên internet - Phương pháp lấy ý kiến chuyên gia: Lấy ý kiến giảng viên trực tiếp hướng dẫn, các Giảng viên bộ môn để hoàn thiện về mặt nội dung và hình thức của tiểu luận - Để thực hiện đề tài này, em sử dụng phương pháp phân tích và thiết kế hệ thống theo hướng đối tượng, hoạt động khảo sát, phân tích, thiết kế… 1 5 Lịch sử nghiên cứu Đề tài là lần đầu tiên nghiên cứu và xây dựng hệ thống thông tin của cửa hàng 1 6 Đóng góp của đề tài Đây là một website thiết thực và có tính ứng dụng cao Website này có thể dùng để quản lý bán hàng tốt hơn, giúp người quản lý có một hệ thông lưu trữ lâu dài, truy xuất dữ liệu khi cần thiết, phục vụ cho sự nghiệp đào tạo và phát triển của cửa hàng 1 7 Cấu trúc đề tài Ngoài phần mở đầu, kết luận và tài liệu tham khảo đề tài được thực hiện ba chương bao gồm: Chương I: Cơ sở lý thuyết Chương II: Phân tích và thiết kế hệ thống Chương III: Demo website Phần 2 NỘI DUNG NGHIÊN CỨU Chương 1 CƠ SỞ LÝ THUYẾT 1 1 Tìm hiểu ngôn ngữ thiết kế web 1 1 1 Các khái niệm cơ bản về World Wide Web World Wide Web (WWW) hay còn gọi là Web là một dịch vụ phổ biến nhất hiện nay trên Internet, 85% các giao dịch trên Internet ước lượng thuộc về WWW Ngày nay số Website trên thế giới đã đạt tới con 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 trên toàn thế giới Thông qua Website, các quý công ty có thể giảm thiểu tối đa chi phí in ấn và phân phát tài liệu cho khách hàng ở nhiều nơi 1 1 2 Cách tạo trang Web Có nhiều cách để tạo trang Web: - Có thể tạo trang Web trên bất kì chương trình xử lí văn bản nào - Tạo Web bằng cách viết mã nguồn bởi một trình soạn thảo văn bản như: Notepad, WordPad là những chương trình soạn thảo văn bản có sẵn trong Window - Thiết kế bằng cách dùng Web Wizard và công cụ của Word 97, Word 2000 - Thiết kế Web bằng các phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor Phần mềm chuyên nghiệp như Dreamweaver sẽ 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 sẽ có sẵn trong phần Code cho bạn Để xây dựng một ứng dụng Web hoàn chỉnh và có tính thương mại, bạn cần kết hợp cả Client Script (kịch bản trình khách) và Server Script (kịch bản trên trình chủ) với một loại cơ sở dữ liệu nào đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi bạn muốn triển khai ứng dụng Web trên mạng, ngoài các điều kiện về cấu hình phần cứng, bạn cần có trình chủ Web thường gọi là Web Server 1 1 3 Trình duyệt Web (Web Client hay Web Browser) Trình duyệt Web là công cụ truy xuất dữ liệu trên mạng, là phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ của Web Browser là nhân các yêu cầu của người dùng, gửi các yêu cầu đó qua mạng tới các Web Server và nhận các dữ liệu cần thiết từ Server để hiển thị lên màn hình Để sử dụng dịch vụ WWW, Client cần có 1 chương trình duyệt web, kết nối vào Internet thông qua một ISP Các trình duyệt thông dụng hiện nay là: Microsoft Internet Explorer, Mozilla Firefox và Google Chrome Trong đó Internet Explorer là một trình duyệt chuẩn cho phép trình bày nội dung do Web server cung cấp, cho phép đăng kí tới bất kì Website nào trên Internet, hỗ trợ trình bày trang Web 1 1 4 Webserver Webserver: là một máy tính được nối vào Internet và chạy các phần mềm được thiết kế Webserver đóng vai trò một chương trình xử lí các nhiệm vụ xác định, như tìm trang thích hợp, xử lí tổ hợp dữ liệu, kiểm tra dữ liệu hợp lệ Webserver cũng là nơi lưu trữ cơ sở dữ liệu, là phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web Webserver hỗ trợ các 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 1 5 Phân loại Web Web tĩnh Tài liệu được phân phát rất đơn giản từ hệ thống file của Server Định dạng các trang web tĩnh là các siêu liên kết, các trang định dạng Text, các hình ảnh đơn giản Ưu điểm : CSDL nhỏ nên việc phân phát dữ liệu có hiệu quả rõ ràng, Server có thể đáp ứng nhu cầu Client một cách nhanh chóng Ta nên sử dụng Web tĩnh khi không thay đổi thông tin trên đó Nhược điểm : Không đáp ứng được yêu cầu phức tạp của người sử dụng, không linh hoạt Hoạt động của trang Web tĩnh được thể hiện như sau: Website động Về cơ bản nội dung của trang Web động như một trang Web tĩnh, ngoal là nó còn có thể thao tác với CSDL để đáp ứng nhu cầu phức tập của một trang Web Sau khi nhận được yêu cầu từ Web Client, chẳng hạn như một truy vấn từ một CSDL đặt trên Server, ứng dụng Internet Server sẽ truy vấn CSDL này, tạo một trang HTML chứa kết quả truy vấn rồi gửi trả cho người dùng Hoạt động của Web động: Yêu cầu Kết nối Dữ liệu trả về Dữ liệu trả về 1 2 Giới thiệu cơ sở dữ liệu MySQL, PHP, CSS, HTML 1 2 1 Giới thiệu về MySQL MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở miễn phí năm 2018 nhóm LAMP (Linux - Apache -MySQL – PHP), Microsoft Windows, IIS, SQL Server, ASP/ASP NET), vì MySQL được tích hợp sử dụng chung với apache, PHP nên nó phổ biến nhất thế giới Vì MySQL ổn định và dễ sử dụng (đối với tôi thì ko chắc ), có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh (vì được nhiều người hỗ trợ mã nguồn mở mà) và MySQL cũng có cùng một cách truy xuất và mã lệnh tương tự với ngôn ngữ SQL chính vì thế nên MySQL được sử dụng và hỗ trợ của những lập trình viên yêu thích mã nguồn mở MySQL không bao quát toàn bộ những câu truy vấn cao cấp như SQL Server Vì vậy MySQL chỉ đáp ứng việc truy xuất đơn giản trong quá trình vận hành của website, thích hợp cho các ứng dụng có truy cập CSDL trên internet và có thể giải quyết hầu hết các bài toán trong PHP, Perl MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OSX, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS, MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL) Một số đặt điểm của MySQL CGI Form CSDL ỦRL MySQL là một phần mềm quản trị CSDL dạng server-based (gần tương đương với SQL Server của Microsoft) MySQL quản lý dữ liệu thông qua các CSDL, môi CSDL có thể có nhiều bảng quan hệ chứa dữ liệu MySQL có cơ chế phân quyền người sử dụng riêng, mỗi người dùng có thể được quản lý một hoặc nhiều CSDL khác nhau, mỗi người dùng có một tên the cập (user name) và mật khẩu tương ứng để truy xuất đến CSDL Khi ta truy vấn tới CSDL MySQL, ta phải cung cấp tên truy cập và mật khẩu của tài khỏan có quyền sử dụng CSDL đó Nếu không, chúng ta sẽ không làm được gì cả giống như quyền chứng thực người dùng trong SQL Server vậy 1 2 2 Giới thiệu chung về PHP Bất cứ ai khi thiết kế những trang Web đều nhận thấy rằng những hạn chế của ngôn ngữ HTML và ngôn ngữ lập trình khác như CSS và Javacript Trong khi các ngôn ngữ này vẫn duy trì những điểm cốt lõi để phát triển Web theo chức năng quan trọng là xử lí văn bản cũng được giới hạn PHP (Hypertext Preprocessor) là ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ (Windows hoặc Unix) Khi một trang Web muốn dựng PHP thì phải đáp ứng được tất cả các quá trình xử lí thông tin trong trang Web đó, sau đó đưa ra kết quả như ngôn ngữ HTML Về quá trình xử lí này diễn ra trên máy chủ nên trang web được viết tắt bằng PHP sẽ dễ nhận hơn bất cứ hệ điều hành nào Cũng như hầu hết các ngôn ngữ khác, PHP có thể nối trực tiếp với HTML Khi một tài liệu đưa ra phân tích quá trình xử lí cũng được thực hiện ở những điểm quan trọng rồi sau đó đưa ra kết quả PHP là một ngôn ngữ lập trình có cấu trúc và tính năng đa dạng Chính với những điểm giống nhau này đã khuyến khích những nhà thiết kế web chuyên qua sử dụng PHP, Với phiên bản này PHP cung cấp một số lượng cơ sở dữ liệu khá đồ sộ gồm cả MySQL, mSQL, OPBC và Oracle Nó có thể làm việc với các hình ảnh các file dữ liệu, FTP, XML và Host của các kỹ thuật ứng dụng khác PHP có thể chạy trên Windows NT/2000/2003 và Unix với sự hỗ trợ của IIS và Apache, ngoài ra nó có thể chạy trên một số Flatform khác PHP cung cấp các tính năng mạnh mẽ để thực hiện ứng dụng Web một cách nhanh chóng Hơn nữa bạn không phải ngại tới vấn đề bản quyền khi bạn sắm một máy vi tính và cài lên thì những phần mềm Apache, PHP tất cả đều miễn phí Cấu trúc chung của một trang PHP Hi Phần mà PHP được đặt trong thẻ Ta cũng có thể thấy rằng một trang PHP cũng chính là một trang HTML có những đoạn PHP ở bên trong, có phần mở rộng là PHP Khi thêm một đoạn script vào HTML, PHP dựng dấu phân cách (Delimiters) để phân biệt giữa đoạn HTML và đoạn PHP Các đặc điểm của PHP PHP là một ngôn ngữ lập trình Web rất được ưa chuộng, hiện là ngôn ngữ lập trình web phổ biến nhất Nhờ vào một số đặc điểm sau: - PHP dễ học và linh động - Rất nhiều hàm hỗ trợ và nhiều phần mở rộng phong phú - Đặc biệt mã nguồn mở, thường xuyên nâng cấp, chạy được trên nhiều máy chủ web, nhiều hệ điều hành (đa nền tảng) - Cộng đồng sử dụng và hỗ trợ đông đảo - Ngoài phần code chính (thường gọi là code thuần), các phần mở rộng cũng rất phong phú mà lại miễn phí như nhiều frame work, nhiều CMS - Các mã nguồn chia sẻ trên mạng tìm được rất nhiều và dễ dàng - Được tích hợp và sử dụng ổn định trong một mô hình LAMP = Linux+Apache- MySQL+PHP, mã nguồn mở, chi phí thấp - Các hosting hỗ trợ nhiều Các chức năng của PHP Trước hết và cũng là quan trọng nhất, nó đảm nhiệm vai trò của: ngôn ngữ kịch bản phía máy chủ (Server Side script) - máy chủ sẽ tiếp nhận request (yêu cầu) từ máy khách (client) - máy chủ web sẽ triệu gọi file mã nguồn tương ứng Trong file mã nguồn này chứa các mã php để xử lý request - trình thông dịch sẽ dịch mã php sang mã HTML, CSS, XML, trả ra cho máy chủ web, máy chủ web trả lại thông tin (reponse) cho máy khách Dữ liệu nhận được từ máy khách là các đoạn mã dạng text như HTML, CSS mà không thể thấy mã php (vì đã được thực thi thành dạng text) - Đảm bảo được tính bảo mật, đây cũng là chức năng cơ bản và quan trọng của một Ngoài ra PHP còn có thể: - Xử lý ảnh - Cho phép và xử lý file upload (tải file lên server ) - Thiếp lập và xử lý cookie, session - (*) Thao tác tới cơ sở dữ liệu - Gửi email - (*) Xử lý dữ liệu nhận được từ form nhập liệu Thông qua php, một trang web tĩnh (static webpage), thường chỉ phần giao diện tại máy khách - tương tác tới máy chủ web, trở thành một trang web động (nội dung thay đổi, tùy biến theo các sự kiện, yêu cầu) - hay được gọi là Dynamic Webpage Học lập trình PHP vì thế cũng hay được gọi là: lập trình web động với php, lập trình ứng dụng web Các thẻ PHP cơ bản Có 4 loại thẻ khác nhau mà bạn có thể sử dụng khi thiết kế trang Phư: • Kiểu Short: Thẻ mặc định mà các nhà lập trình PHP thường sử dụng Ví dụ: • Kiều định dạng XML: Thẻ này có thể sử dụng với văn bản định dạng XML Ví dụ: