Đang tải... (xem toàn văn)
Trong khuôn khổ đề tài thực tập tốt nghiệp “Xây dựng website Thời Trang Dũng Dũng Tiến” em đã đạt được một số kết quả như sau: - Xây dựng thành công website - Thiết kế được giao diện phù hợp với yêu cầu đề ra, có đầy đủ các chức năng cần thiết - Đã phân tích được hệ thống theo hướng đối tượng UML 2. Những hạn chế của chương trình Do thời gian làm đề tài và trình độ năng lực bản thân còn nhiều hạn chế nên chương trình của em không tránh khỏi thiếu sót và một số công việc vẫn chưa làm được như: - Việc biểu diễn các thông tin chưa đẹp - Giao diện còn một số chỗ chưa chuyên nghiệp. Vì thế em rất mong được sự đóng góp ý kiến nhận xét từ phía các thầy cô và các bạn để website của em được hoàn thiện hơn, có thể áp dụng rộng rãi hơn vào thực tế. 3. Hướng phát triển Hoàn thiện về giao diện và chức năng để website có thể thương mại hoá.
MỤC LỤC MỤC LỤC LỜI CẢM ƠN CHƯƠNG I: Cơ Sở Lý Thuyết 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung 1.1.2 Phân loại 1.1.3 Phân loại Web 1.2 HTML 1.2.1 Các thẻ HTML 1.3 PHP 1.3.1 Khái niệm PHP 1.3.2 Tại nên dùng PHP 1.3.3 Hoạt động PHP .8 1.3.4 Lịch sử phát triển 1.4 HTML 10 1.4.5 Khái niệm CSS 10 1.5 Cơ sở liệu MySQL 15 CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 17 2.1 Khảo sát .17 2.1.1 Nêu toán 17 2.1.2 Phạm vi dự án ứng dụng 17 2.1.3 Đối tượng sử dụng 18 2.1.4 Mục đích dự án 18 2.2 Xác định yêu cầu khách hàng 18 2.2.1 Hệ thống hành cửa hàng 18 2.2.2 Hệ thống đề nghị 19 2.3 Yêu cầu giao diện website 20 2.3.1 Giao diện người dùng 20 2.3.2 Giao diện người quản trị 21 2.4 Phân tích thiết kế hệ thống 21 2.4.1 Biểu đồ user case hệ thống 21 2.4.2 Biểu đồ phân rã 22 2.4.3 Đặc tả use care 25 2.4.2 Biểu đồ hoạt động 30 2.2.5 Biểu đồ chức hệ thống 34 2.2.5 Biểu đồ sở liệu 35 CHƯƠNG 3: CÀI ĐẶT WEBSITE 36 3.1 Bài toán 36 3.2 Giao diện người dùng 36 3.3 Giao diện quản trị 38 KẾT LUẬN 40 Kết đạt 40 Những hạn chế chương trình 41 Hướng phát triển .41 TÀI LIỆU THAM KHẢO 41 LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến Th.s Đào Thị Hằng, giảng viên Bộ môn- Điện tử máy tính- Khoa:Cơng nghệ Điện tử Truyền thơng – Trường ĐH CNTT&TT người tận tình hướng dẫn, bảo em suốt trình làm thực tập Em xin chân thành cảm ơn thầy cô giáo trường ĐH CNTT&TT nói chung, thầy Bộ mơn Kỹ Thuật Máy Tính nói riêng dạy dỗ cho em kiến thức môn đại cương mơn chun ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt trình học tập Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt trình học tập hoàn thành thực tập tốt nghiệp Thái Nguyên, ngày 09 tháng 08 năm 2021 Sinh viên thực CHƯƠNG I: Cơ Sở Lý Thuyết 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung Internet mạng máy tính tồ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 TCP đảm bảo tính an tồn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet 1.1.3 Phân loại Web 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 Server Browser Server gửi trả tài liệu Website động Về nội dung trang Web động trang Web tĩnh, ngồi cịn 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 Hoạt động Web động: Yêu cầu Kết nối URL Form CGI Dữ liệu trả CSDL Dữ liệu trả 1.2 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.2.1 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 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ẻ khơng có 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 1.3 PHP 1.3.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 q 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) 1.3.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 Đặ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 ln có ý thức cải tiến nó, nâng cao để khắc phục lỗi chương trình PHP vừa dễ với người sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, ý tuởng bạn PHP đáp ứng cách xuất sắc Cách không lâu ASP vốn 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 1.3.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 HTML PHP Máy chủ Web Gọi mã kịch Khi người dùng truy cập 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 1.3.4 Lịch sử phát triển PHP : Rasmus Lerdorf in 1994 phát triển để phát sinh form đăng nhập sử dụng giao thức HTTP Unix PHP (1995) : Chuyển sang ngôn ngữ script xử lý server Hỗ trợ CSDL, Upload File, khai báo biến, mảng, hàm đệ quy, câu điều kiện, biểu thức, … PHP (1998) : Hỗ trợ ODBC, đa hệ điều hành, giao thức email (SNMP, IMAP), phân tích mã PHP (parser) email (SNMP, IMAP), phân tích mã PHP (parser) Zeev Suraski Andi Gutmans PHP (2000) : Trở thành thành phần độc lập cho webserver Parse đổi tên thành Zend Engine Bổ sung tính bảo mật cho PHP PHP (2005) : Bổ sung Zend Engine II hỗ trợ lập trình HĐT, XML, SOAP cho Web Services, SQLite Phiên PHP version PHP 5.2.4 1.4 HTML Khái niệm Bất kỳ ngôn ngữ hay kỹ thuật lập trình web cuối sinh mã Html để hiển thị lên trình duyệt web Do dù bạn có phát triển ứng dụng web asp.net , php , jsp cần có hiểu biết html (cũng công cụ bên cạnh javascript , css) Thơng thường ta thiết kế website cần tạo tài liệu html , sau upload lên máy chủ web Tuy nhiên tài liệu html lại khó thay đổi nội dung (phải chỉnh sửa nội dung mã nguồn) Do ta gọi website hay tài liệu html tĩnh Các tài liệu html tự động sinh từ ngơn ngữ lập trình net , php , java tạo động mã html (tức tạo giao diện thay đổi nội dung) Ta gọi website website động Trong tài liệu chủ yếu tìm hiểu html tĩnh , để hiểu chế định dạng – trang trí – xử lý html Việc xây dựng trang html động cần tham khảo khóa học asp , java , php Ngơn ngữ html cịn nhiều thẻ thuộc tính Tuy nhiên cần nắm vững thẻ thuộc tính bắt tay vào xây dựng nên ứng dụng web 1.4.1 Khái niệm CSS Chúng ta biết qua thẻ html , thể nội dung html từ phần Tuy nhiên với thẻ html khơng thể tạo bố cụ trang trí màu sắc , vị trí … ( kiểu ta định dạng tài liệu word ) Và dùng CSS để làm điều Việc định dạng tài liệu html dùng CSS ta định dạng tài liệu word thơng thường thơi Có điều với word ta định dạng tài liệu cách trực ... vào đâu Mà phần lớn tập chung vào sở lý thuyết vào xây dựng ứng dụng thực tế tảng kiến thức học Mục tiêu cung cấp kiến thức tảng để bạn viết lên ứng dụng thực tế Khi xây dựng ứng dụng phức tạp... giao diện thay đổi nội dung) Ta gọi website website động Trong tài liệu chủ yếu tìm hiểu html tĩnh , để hiểu chế định dạng – trang trí – xử lý html Việc xây dựng trang html động cần tham khảo khóa... đỡ em suốt trình học tập Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, ln tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt q trình học tập hồn thành thực tập tốt nghiệp Thái Nguyên,