Thực tập chuyên ngành phân tích thiết kế và xây dựng website giới thiệu sản phẩm cho shop thời trang daisy

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP CHUYÊN NGÀNH ĐỀ TÀI: PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM CHO SHOP THỜI TRANG DAISY Sinh viên thực hiện: Nguyễn Hoàng Anh Lớp ĐHLT - CNTT- K16D Giáo viên hướng dẫn:Ths Quách Xuân Trưởng Hà Nội, Ngày 15 Tháng Năm 2019 LỜI CẢM ƠN Trước tiên em xin gửi lời cám ơn chân thành sâu sắc tới thầy cô giáo trường Đại học Cơng Nghệ Thơng Tin & Truyền Thơng nói chung thầy cô giáo khoa Công Nghệ Thơng Tin, mơn Kỹ Thuật Phần Mềm nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt thời gian qua Đặc biệt em xin gửi lời cảm ơn đến thầy Quách Xuân Trưởng, thầy tận tình giúp đỡ, trực tiếp bảo, hướng dẫn em suốt trình làm đề tài Trong thời gian làm việc với thầy, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em q trình học tập cơng tác sau Sau xin gửi lời cảm ơn chân thành tới gia đình, bạn bè động viên, đóng góp ý kiến giúp đỡ trình học tâp, nghiên cứu hồn thành đề tài thực tập Hà Nội, ngày 15 tháng năm 2019 Người viết Nguyễn Hoàng Anh MỤC LỤC MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 HTML (HyperText Markup Language) 1.2 CSS (Cascading Style Sheets) 10 1.2.1 Tại phải sử dụng CSS 10 1.2.2 Cách chèn CSS vào trang HTML 10 1.2.3 Một số thuộc tính thường dùng css .12 1.3 PHP (Hypertext Preprocessor) 13 1.3.1 Giới thiệu PHP .13 1.3.2 Tại nên sử dụng PHP 14 1.3.3 Một số thuộc tính thường dùng PHP 14 1.4 Tìm hiểu Mysql 21 1.4.1 Giới thiệu Mysql 21 1.4.2 Một số câu lệnh truy vấn sở liệu 21 1.5 Tìm hiều phân tích thiết kế hệ thống hướng đối tượng mơ hình hóa hệ thống 22 1.5.1 Giới thiệu UML 22 1.5.2 Các thành phần ngôn ngữ UML .23 1.5.3 Biểu đồ (diagram) .23 1.5.4 Các mối quan hệ .27 CHƯƠNG II: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 28 2.1 Khảo sát hệ thống 28 2.1.1 Khảo sát trạng 28 2.1.2 Phân tích yêu cầu toán .29 2.2 Phân tích thiết kế hệ thống 32 2.2.1 Biểu đồ Use Case 32 2.2.2 Kịch cho Use Case .34 2.2.4 Bảng liệu 52 CHƯƠNG III: XÂY DỰNG CHƯƠNG TRÌNH 53 3.1 Trang chủ 53 3.2 Đăng nhập .53 KẾT LUẬN 54 Kết đạt .55 Hướng phát triển .55 TÀI LIỆU THAM KHẢO .56 LỜI NĨI ĐẦU Với phát triển mạnh mẽ cơng nghệ thông tin lớn mạnh, rộng khắp mạng máy tính tồn cầu Việc ứng dụng tin học vào lĩnh vực sống ngày quan tâm sử dụng hiệu quả, đem lại lợi ích to lớn mọimặt Sự lớn mạnh mạng máy tính xóa bỏ gianh giới khơng gian thời gian để đem người tri thức xích lại gần Thơng qua mạng máy tính, người tiếp xúc với loại tri thức tri thức văn hóa, xã hội, khoa học kỹ thuật Do ngày có nhiều ứng dụng viết để hỗ trợ công việc thủ công người, đặc biệt ứng dụng quản lý quản lý nhân sự, quản lý hàng hóa, quản lý điểm Trước mạng Internet chưa phổ biến ứng dụng thường viết máy Desktop, ngày Internet khơng xa lạ với ứng dụng có xu phát triển dần Web.Trong đề tài “Phân tích thiết kế xây dựng website giới thiệu sản phẩm cho shop thời trang Daisy” xin trình bày ngơn ngữ lập trình web sử dụng phổ biến ngơn ngữ PHP Trong q trình phân tích cài đặt ứng dụng khơng thể khơng tránh khỏi thiếu sót, mong giúp đỡ tận tình thầy cô Bộ môn bạn bè đồng nghiệp CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 HTML (HyperText Markup Language) HyperText Markup Language (HTML) hàng loạt đoạn mã chuẩn với quy ước thiết kế để tạo trang web, giúp tạo chia sẻ tài liệu điện tử tích hợp đa phương tiện qua Internet hiển thị trình duyệt Web.HTML tảng World Wide Web, dịch vụ tồn cầu Internet Weblà dịch vụ mang tính đồ hoạ cao dịch vụ Internet, cho phép người dùng tự tạo cho riêng họ trang Web HTML cho phép áp dụng siêu liên kết chotài liệu trình bày tài liệu với phơng chữ, hình ảnh, kiểu gióng hàng phù hợp vớihệ thống hiển thị văn HTML khơng phải ngơn ngữ lập trình Thay vào đó, tạo trang Web thường nói đến “authoring” (sáng tác) đơn giản nhiều so với việc tạo ứng dụng máy tính.Có nhiều trình soạn thảo HTML Web khác như: NotePad, InternetExplorer, Microsoft FrontPage hay Netscape Navigator có cơng cụ soạn thảo đơngiản cho phép tạo hiệu chỉnh tập tin HTML Cấu trúc HTML đơn giản logic, với bố cục từ xuống dưới, từ trái qua phải, với phần HEAD BODY Các website viết HTML tuân theo cấu trúc sau: + Mọi trang HTML phải khai báo DOCTYPE (định nghĩa chuẩn văn bản) từ dòng + Thẻ cho trình duyệt biết mở đầu kết thúc trang HTML + Thẻ chứa tiêu đề thông tin khai báo, thông tin ẩn khác + Thẻ hiển thị nội dung trang web Đây phần thông tin mà người dùng nhìn thấy trình duyệt đọc mã HTML + Mọi kí tự nằm dấu xem thẻ comment bị trình duyệt bỏ qua, khơng xử lý khơng hiển thị Ví dụ: Đây thẻ đánh dấu tiêu đề trang web Comment: Các thông tin khai báo, thông tin ẩn > Comment: Nội dung trang web mà người dùng thấy > Đây dòng chữ in đậm Đây dòng chữ in nghiêng 1.2 CSS (Cascading Style Sheets) CSS viết tắt cụm từ "Cascading Style Sheet", ngơn ngữ quy định cách trình bày thẻ html trang web Là ngôn ngữ sử dụng nhiều lập trình web, nói CSS đời tạo nên cách mạng Đôi bạn bối rối nhận thấy đoạn code viết hiển thị khơng giống trình duyệt khác nhau, CSS giúp bạn giải toán này.CSS quy định cách hiển thị nội dung thẻ HTML trình duyệt gần giống nhau,bằng cách quy định thuộc tính cho thẻ HTML 1.2.1 Tại phải sử dụng CSS - CSS cung cấp cho bạn hàng trăm thuộc tính trình bày dành cho đối tượng với sáng tạo cao kết hợp thuộc tính giúp mang lại hiệu Ngồi ra, CSS hỗ trợ tất trình duyệt, nên bạn hồn tồn tự tin trang web hiển thị (như nhau) dù hệ thống sử dụng Windows, Linux hay máy Mac miễn bạn sử dụng phiên trình duyệt - CSS đưa phương thức “ngoại tuyến” giúp áp dụng khn mẫu chuẩn từ file CSS ngồi Nó thật có hiệu đồng bạn tạo website có hàng trăm trang hay bạn muốn thay đổi thuộc tính trình bày - Sử dụng CSS làm thay đổi font chữ hay màu chữ cho thành phần - Ngồi ra, CSS cho phép bạn áp đặt kiểu trình bày thích hợp cho phương tiện khác hình máy tính, máy in, điện thoại,… 1.2.2 Cách chèn CSS vào trang HTML Cách 1: Chèn nội dung CSS vào cặp thẻ phần trang web: Ví dụ: Chen CSS-Cách 1 //Nội dung CSS đặt bên Cách 2: Chèn trực tiếp vào bên thẻ HTML - Chèn trực tiếp CSS vào bên thẻ mở HTML - Nếu có nhiều thuộc tính cần quy định, ta ngăn cách chúng khoảng trắng Ví dụ: Ở ta chèn CSS vào thẻ mở cặp thẻ

Chen CSS-Cách 2

Cách 3: Liên kết với file *.css bên - Đây cách dùng nhiều sử dụng CSS tính tiện dụng linh hoạt Giả sử, bạn có website gồm hàng trăm trang, bạn muốn thay đổi chút cách trình website, thay gạch cạch gõ trang một, bạn cần sửa file CSS bên chút, hàng trăm trang web bạn thay đổi - Cú pháp: Thực liên kết thẻ ( Khơng có tag đóng ), theo cú pháp sau: Tag đặt cặp tag trang web, không cần đặt tag - Nếu bạn đặt file *.css thư mục với trang web, thuộc tính href bạn cần viết: href="