Tiểu luận môn học thiết kế web thiết kế website sách online

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB THIẾT KẾ WEBSITE SÁCH ONLINE GVHD: THS NGUYỄN HỮU VĨNH SVTH: HUỲNH NHẬT CƯỜNG MSSV: 1824801030057 LỚP: D18PM01 B5NH DƯƠNG – 12/2020 0 KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: THIẾT KẾ WEBSITE SÁCH ONLINE Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH 0 Đồ án mơn thiết kế web LỜI NĨI ĐẦU Chúng ta sống năm đầu kỉ XXI, kỉ phát triển ngành công nghệ thông tin (CNTT) Vì vậy, việc tiếp cận cập nhật công nghệ và mang lại cho nhiều lợi ích thuận tiện công việc: tiết kiệm thời gian giảm chi phí cơng tác quản lí Trong năm gần CNTT đóng vai trị lớn : song song với việc phát triển ứng dụng tin học vào sống, tin học ứng dụng rông rãi lĩnh vực khoa học kĩ thuật, ngành quản lí hoạt động xã hội thơng qua mạng internet Đóng vai trị quan trọng nên tin học đưa vào quản lí nhân sự, điểm, bán hàng, nhập xuất vật tư, thư viên Đọc sách thú vui nhiều người nhiên với nhiệp sống công nghiệp đại ngày khơng phải có điều kiện dạo qua thư viện để tìm sách cho Vì em xây dựng Website Sách Online Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4:Kết luận hướng phát triển SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 i Đồ án môn thiết kế web MỤC LỤC LỜI NÓI ĐẦU i CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1 Tên Đề Tài Mục Tiêu Đề Tài Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website .1 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về ASP.NET .2 1.1 ASP.NET gì? .2 1.2 Công dụng ASP.NET .3 Giới thiệu Adobe Dreamweaver .3 Ngôn ngữ CSS 4 Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH 1.1 Đặc Tả Giao Diện .6 Giao diện trang chủ Hình 1.1 Giao diện trang chủ .6 1.2 Giao diện trang giới thiệu 1.3 Giao diện trang đăng nhập .8 Hình 1.5 Giao diện trang đăng nhập 1.4 Giao diện trang danh mục sản phẩm 1.4.1 Giao diện danh mục sách tin học .9 1.4.2 Giao diện danh mục sách ngoại ngữ Hình 1.6.9 Giao diện danh mục sách ngoại ngữ 1.4.3 Giao diện danh mục sách kinh tế 10 Hình 1.6.10 Giao diện danh mục sách kinh tế 10 1.4.4 Giao diện danh mục sách văn học 10 Hình 1.6.11 Giao diện danh mục sách văn học 10 1.4.5 Giao diện quản lý thể loại sách 11 1.5 Giao diện quản lý sách 11 SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 ii Đồ án môn thiết kế web Hình 1.7 Giao diện quản lý sách 11 1.5.1 Giao diện quản lý người dùng 12 Hình 1.7.1 Giao diện quản lý người dùng 12 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 13 Kết đạt được: 13 Việc chưa làm được: 13 Hướng phát triển đề tài 13 TÀI LIỆU KHAM KHẢO .14 SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 iii Đồ án môn thiết kế web SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 iv Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE SÁCH ONLINE Mục Tiêu Đề Tài + Thiết kế Website quản lý sách Ý Nghĩa Của Đề Tài + Thuận tiện cho người dùng dọc sách online mà không cần nhà sách hay thư viện Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu người khơng có nhiều thời gian cho việc ghé nhũng cửa hàng sách thường xuyên Một Số Trang Chính Của Website + Trang chủ: Đây trang giới thiệu sơ lược sách website + Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin website + Trang liên hệ: Đây trang mà khách hàng liên hệ với admin + Trang đăng nhập: dùng cho admin đăng nhập để quản lý liệu sách SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về ASP.NET 1.1 ASP.NET gì? Từ khoảng cuối thập niên 90, ASP (Active Server Page) nhiều lập trình viên lựa chọn để xây dựng phát triển ứng dụng web động máy chủ sử dụng hệ điều hành Windows ASP thể ưu điểm với mơ hình lập trình thủ tục đơn giản, sử dụng hiệu đối tượng COM: ADO (ActiveX Data Object) - xử lý liệu, FSO (File System Object) - làm việc với hệ thống tập tin…, đồng thời, ASP hỗ trợ nhiều ngôn ngữ: VBScript, JavaScript Chính ưu điểm đó, ASP yêu thích thời gian dài Tuy nhiên, ASP cịn tồn đọng số khó khăn Code ASP HTML lẫn lộn, điều làm cho q trình viết code khó khăn, thể trình bày code không sáng, hạn chế khả sử dụng lại code Bên cạnh đó, triển khai cài đặt, không biên dịch trước nên dễ bị source code Thêm vào đó, ASP khơng có hỗ trợ cache, không biên dịch trước nên phần hạn chế mặt tốc độ thực Quá trình xử lý Postback khó khăn, … Đầu năm 2002, Microsoft giới thiệu kỹ thuật lập trình Web mẻ với tên gọi ban đầu ASP+, tên thức sau ASP.Net Với ASP.Net, không cần đòi hỏi bạn phải biết tag HTML, thiết kế web, mà cịn hỗ trợ mạnh lập trình hướng đối tượng trình xây dựng phát triển ứng dụng Web ASP.Net kỹ thuật lập trình phát triển ứng dụng web phía Server (Serverside) dựa tảng Microsoft Net Framework Hầu hết, người đến với lập trình web bắt đầu tìm hiểu kỹ thuật phía Client (Client-side) như: HTML, Java Script, CSS (Cascading Style Sheets) Khi Web browser yêu cầu trang web (trang web sử dụng kỹ thuật clientside), Web server tìm trang web mà Client yêu cầu, sau gởi cho Client Client nhận kết trả từ Server hiển thị lên hình SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web ASP.Net sử dụng kỹ thuật lập trình phía server hồn tồn khác, mã lệnh phía server (ví dụ: mã lệnh trang ASP) biên dịch thi hành Web Server Sau Server đọc, biên dịch thi hành, kết tự động chuyển sang HTML/JavaScript/CSS trả cho Client Tất xử lý lệnh ASP.Net thực Server đó, gọi kỹ thuật lập trình phía server ASP.NET mô “t tảng để phát triển Web, cung cấp cho nhiều mơ hình lâ “p trình dịch vụ cần thiết để xây dựng ứng dụng Web mạnh mẽ cho máy tính, thiết bị di đô “ng ASP.NET mô “t phần NET, mã dễ dàng biên dịch, viết, mở rô “ng tái sử dụng khuôn kh” NET 1.2 Công dụng ASP.NET ASP.NET cho phép thực tác vụ ph” biến từ gửi biểu mẫu đơn giản, xác thực ứng dụng khách đến cấu hình triển khai trang web Cơng nghệ Asp.Net nhà phát triển ưa thích dễ dàng tạo bảo trì tồn mã nguồn HTML Ngơn ngữ ASP.NET xây dựng để độc lập với ngôn ngữ Giới thiệu Adobe Dreamweaver Macromedia Dreamweaver trình biên soạn HTML chuyên nghiệp dùng để thiết kế, viết mã phát triển website trang web ứng dụng web Cho dù bạn có thích thú với cơng việc viết mã HTML thủ cơng bạn thích làm việc môi trường biên soạn trực quan, Dreamweaver cung cấp cho bạn cơng cụ hữu ích để nâng cao kinh nghiệm thiết kế web bạn Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà không cần dịng mã Bạn xem tất thành phần website bạn kéo chúng trực tiếp từ panel dễ sử dụng vào văn Bạn nâng cao sản phẩm bạn cách tạo sửa ảnh Macromedia Fireworks ứng dụng ảnh khác, sau chèn trực tiếp vào Dreamweaver Dreamweaver cung cấp công cụ giúp đơn giản hóa việc chèn Flash vào trang web SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web Dreamweaver cho phép bạn Thiết kế ứng dụng web động dựa theo liệu sử dụng công nghệ máy chủ CFML, ASP.NET, ASP, JSP, PHP Nếu sở thích bạn làm việc với liệu XML, Dreamweaver cung cấp công cụ cho phép bạn dễ dàng tạo trang XSLT, chèn file XML hiển thị liệu XML trang web bạn Dreamweaver tùy biến hồn tồn Bạn tạo cho riêng đối tượng yêu cầu, chỉnh sửa shortcut bàn phím chí viết mã JavaScript để mở rộng khả Dreamweaver với hành vi mới, chuyên gia giám định Property báo cáo site Ngôn ngữ CSS CSS (Cascading Style Sheets) ngơn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CSS cung cấp nhiều thuộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CSS đưa phương thức áp dụng từ file CSS ngồi Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đ”i thuộc tính trình bày CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi Ngôn ngữ Javascript Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngơn ngữ script có tên LiveScript để thực chức Sau đ”i tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java JavaScript ngơn ngữ dạng script gắn với file HTML Được trình duyệt diễn dịch, trình duyệt đọc JavaScript dạng mã nguồn JavaScript ngôn ngữ dựa đối tượng, nghĩa bao gồm nhiều kiểu đối tượng, ví dụ đối tượng Math với tất chức toán học Nhưng JavaScript không ngôn ngữ hướng đối tượng C++/Java SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web CHƯƠNG 3: GIAO DIỆN CHƯƠNG TR5NH Đặc Tả Giao Diện 1.1 Giao diện trang chủ  Mục đích: Chức cho phép người dùng xem danh sách Sách n”i bật  Trong giao diện cho người dùng, chọn kiểu hiển thị theo Loại Sản Phẩm Hình 1.1 Giao diện trang chủ 1.2 Giao diện trang giới thiệu SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web Mục đích: Khi vào trang này, khách hàng biết số nét khái quát shop, lịch sử hình thành phát triển, định hướng phát triển tương lai !!! TRANG NÀY HIỆN ĐANG ĐƯỢC PHÁT TRIỂN!!! 1.3 Giao diện trang đăng nhập SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web  Mục Đích: Dùng để admin đăng nhập quản lý sách Hình 1.5 Giao diện trang đăng nhập 1.4 Giao diện trang danh mục sản phẩm  Mục Đích: Thanh menu chứa danh sách loại sách web Khách hàng sử dụng menu để lựa chọn sách mà cần tìm  Sử dụng danh mục sản phẩm để chọn loại sách mà cần Hình 1.6 Giao diện trang danh mục sách SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web 1.4.1 Giao diện danh mục sách tin học Hình 1.6.8 Giao diện danh mục sách tin học 1.4.2 Giao diện danh mục sách ngoại ngữ Hình 1.6.9 Giao diện danh mục sách ngoại ngữ SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 Tiểu luận môn thiết kế web 1.4.3 Giao diện danh mục sách kinh tế Hình 1.6.10 Giao diện danh mục sách kinh tế 1.4.4 Giao diện danh mục sách văn học Hình 1.6.11 Giao diện danh mục sách văn học SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 10 Tiểu luận môn thiết kế web 1.4.5 Giao diện quản lý thể loại sách Hình 1.6.10 Giao diện quản lý thể loại sách 1.5 Giao diện quản lý sách Hình 1.7 Giao diện quản lý sách SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 11 Tiểu luận môn thiết kế web 1.5.1 Giao diện quản lý người dùng Hình 1.7.1 Giao diện quản lý người dùng SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 12 Tiểu luận môn thiết kế web CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Trong thời bu”i cơng nghiệp hóa nay, việc đọc sách qua mạng trở nên ph” biến với hầu hết người Đây xu hướng xã hội người với cú nhấp chuột dễ dàng có sách mà ưng ý cách dễ dàng thời gian đến tận nơi để mua hay tìm thư viện Việc đọc sách giúp tiết kiệm thời gian tiền bạc người lựa chọn sách với giá đa dạng nhu cầu cá nhân người Vì thế, sau tiến hành khảo sát em định Thiết kế trang web dọc sách online với chức cần thiết cho trang web đọc sách cần có em thấy nhu cầu đọc sách người thị trường tiềm khai thác buôn bán Kết đạt được: - Thiết kế thành công website đọc sách online, đáp ứng yêu cầu người sử dụng - Tìm hiểu nắm công cụ để Thiết kế website như: asp.net sql sever , ngôn ngữ lập trình Website như: HTML, Javascript, CSS - Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng Việc chưa làm được: - Việc biểu diễn thông tin website chưa linh hoạt - Phân tích thiết kế chưa hồn chỉnh - Nhiều chức thiếu chưa sử dụng Hướng phát triển đề tài Vì thời gian không cho phép kiến thức thiết kế web cịn hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 13 Tiểu luận môn thiết kế web TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn “Thiết kế website” thầy Nguyễn Hữu Vĩnh - Website WWW: http://www.hiepsiit.com - Website https://coccoc.com/search#query=Webcoban.vn - https://voer.edu.vn/m/tong-quan-ve-aspnet/55e40ed5 - https://tuhocict.com/bai-giang-huong-dan-tu-hoc-lap-trinh-asp-net-core/ SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 14 ... Đồ án môn thiết kế web SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 iv Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE SÁCH ONLINE Mục Tiêu Đề Tài + Thiết kế Website. .. 13 Tiểu luận môn thiết kế web TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn ? ?Thiết kế website? ?? thầy Nguyễn Hữu Vĩnh - Website WWW: http://www.hiepsiit.com - Website https://coccoc.com/search#query=Webcoban.vn... 0 11 Tiểu luận môn thiết kế web 1.5.1 Giao diện quản lý người dùng Hình 1.7.1 Giao diện quản lý người dùng SVTH: HUỲNH NHẬT CƯỜNG – D18PM01 0 12 Tiểu luận môn thiết kế web CHƯƠNG 4: KẾT LUẬN