Tiểu luận môn học lập trình web thiết kế website cửa hàng bán điện thoại

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CƠNG NGHỆ TIỂU LUẬN MƠN HỌC LẬP TRÌNH WEB THIẾT KẾ WEBSITE CỬA HÀNG BÁN ĐIỆN THOẠI GVHD: THS NGUYỄN HỮU VĨNH Nhóm thực : Trương Vũ Linh MSSV: 1824801030194 Lớp: D18PM03 Nguyễn Bảo Tam MSSV: 1824801030198 Lớp: D18PM03 BÌNH 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 CỬA HÀNG BÁN ĐIỆN THOẠI 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 MỤC LỤC LỜI NÓI ĐẦU .1 DANH MỤC HÌNH .2 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài Mục Tiêu Đề Tài 3 Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website .3 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về ASP.Net .4 1.1 ASP.Net gì? 1.2 Công dụng ASP.Net 1.3 Định dạng HTML Giới thiệu Visual studio Ngôn ngữ CSS Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH Đặc Tả Giao Diện .6 1.1 Giao diện trang chủ 1.2 Giao diện trang giới thiệu 1.3 Giao diện trang đăng ký 1.4 Giao diện trang đăng nhập .8 1.5 Giao diện phần điện thoại theo hãng 1.5.1 Giao diện danh mục hãng Apple 10 1.5.2 Giao diện điện thoại hãng Samsung .10 1.5.3 Giao diện điện thoại hãng Xiaomi 12 1.5.4 Giao diện điện thoại hãng Vivo 12 1.6 Giao diện trang chi tiết sản phẩm 13 1.6.1 Chi tiết điện thoại Apple 14 1.6.2 Chi tiết điện thoại Samsung 14 1.6.3 Chi tiết điện thoại Xiaomi 15 0 1.6.4 Chi tiết điện thoại Vivo 15 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 16 Kết đạt được: 16 Việc chưa làm được: 16 Hướng phát triển đề tài .16 TÀI LIỆU KHAM KHẢO 18 0 LỜI NÓI ĐẦU Hiện nay, giới công nghệ thông tin phát triển mạnh mẽ Nhiều người trở nên bận rộn với công việc họ lười đến cửa hàng để xem mua sản phẩm, đặc biệt sản phẩm điện tử Với đời trang web mua hàng trực tuyến dịch vụ giao hàng tận nơi, việc mua bán online trở nên phổ biến trở thành nhu cầu yếu người Việc tạo website để người mua xem trước sản phẩm, tham khảo cấu hình giá bán phù hợp việc thiết yếu Khách hàng đặt mua trực tiếp web cửa hàng trải nghiệm thử định cuối Chính báo cáo chọn đề tài về: “Thiết kế website cửa hàng bán điện thoại” Đây hệ thống đơn giản cần thiết phép khách hàng thoải mái lựa chọn sản phẩm đặt mua không cần khỏi nhà Đề 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 0 DANH MỤC HÌNH Hình 1.1 Giao diện trang chủ Hình 1.2 Giao diện trang giới thiệu Hình 1.3 Giao diện trang đăng ký Hình 1.4 Giao diện trang đăng nhập Hình 1.5 Giao diện phần điện thoại theo hãng Hình 1.5.1 Giao diện điện thoại hãng Apple 10 Hình 1.5.2 Giao diện điện thoại hãng Samsung 11 Hình 1.5.3 Giao diện điện thoại hãng Xiaomi 12 Hình 1.5.4 Giao diện điện thoại hãng Vivo 13 Hình 1.6.1 Giao diện trang chi tiết điện thoại Apple 14 Hình 1.6.2 Giao diện trang chi tiết điện thoại Samsung 14 Hình 1.6.3 Giao diện trang chi tiết điện thoại Xiaomi 15 Hình 1.8.4 Giao diện trang chi tiết điện thoại Vivo 15 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE CỬA HÀNG BÁN ĐIỆN THOẠI Mục Tiêu Đề Tài + Thiết kế Website bán điện thoại Ý Nghĩa Của Đề Tài + Đưa sản phẩm cửa hàng đến đến gần với người tiêu dùng + Quảng bá thương hiệu Đối Tượng Của Đề Tài + Đối tượng nghiên cứu chủ yếu sản phẩm điện thoại có thị trường Một Số Trang Chính Của Website + Trang chủ: Đây trang giới thiệu sơ lược sản phẩm cửa hàng + Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin cửa hàng + Trang liên hệ: Đây trang mà khách hàng liên hệ với cửa hàng + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng trang + Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang + Trang sản phẩm: Đây trang khách hàng xem tham khảo mặt hàng cửa hàng có sẵn để lựa chọn + Trang chi tiết sản phẩm: Đây trang khách hàng nhấn vào sản phẩm để xem chi tiết cấu hình 0 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về ASP.Net 1.1 ASP.Net gì? - ASP.Net tảng dành cho phát triển web, Microsoft phát hành cung cấp lần vào năm 2002 Nền tảng sử dụng để tạo ứng dụng web-based - Phiên ASP.Net triển khai 1.0 phiên ASP.Net phiên 4.6 ASP.Net thiết kế để tương thích với giao thức HTTP HTTP giao thức chuẩn sử dụng tất ứng dụng web - Các ứng dụng ASP.Net viết nhiều ngơn ngữ Net khác Trong có kiểu ngôn ngữ C #, VB.Net J # Một số tảng ASP.NET trình bày mục - ASP viết đầy đủ Active Server Pages, NET viết tắt Network Enabled Technologies 1.2 Công dụng ASP.Net 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 của.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ợ bởi.NET language 1.3 Định dạng HTML Là tập tin có phần mở rộng htm html Là tập tin văn túy, có chứa mã đặc biệt gọi Tag(thẻ), thường đặt xung quanh khối văn Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, notepad…và sử dụng nhiều adobe dreamweaver Giới thiệu Visual studio Microsoft Visual Studio môi trường phát triển tích hợp (IDE) từ Microsoft Nó sử dụng để phát triển chương trình máy tính cho Microsoft Windows, trang web, ứng dụng web dịch vụ web Visual Studio sử dụng 0 tảng phát triển phần mềm Microsoft Windows API, Windows Forms, Windows Presentation Foundation, Windows Store Microsoft Silverlight 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 0 CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH Đặ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ản Phẩm bật  Trong giao diện cho người dùng, chọn kiểu hiển thị theo Hãng  Mô tả chức năng: Trang cho phép người dùng xem thơng tin sản phẩm ngồi cịn sử menu dọc,ngang để sang trang khác, Hình 1.1 Giao diện trang chủ Trang web chia làm phần: 0 - Phần 1: Logo trang web, tính đăng nhập / đăng ký giỏ hàng - Phần 2: Menu ngang: Bao gồm mục: trang chủ, giới thiệu khung tìm kiếm sản phẩm Mỗi danh mục liên kết đến trang với nội dung khác - Phần 3: Một stage-image bao gồm sản phẩm bật cửa hàng - Phần : Bên trái danh mục sản phẩm theo hãng liên kết với trang khác lịch ngày tháng năm - Phần 5: Ở chứa sản phẩm bật liên kết với trang chi tiết sản phẩm - Phần 6: Footer chứa thông tin khác 1.2 Giao diện trang giới thiệu Mục đích: Khi vào trang này, khách hàng biết số nét khái quát cửa hàng phương châm định hướng phát triển tương lai Hình 1.2 Giao diện trang giới thiệu 1.3 Giao diện trang đăng ký  Mục Đích: Người dùng đăng ký tài khoản để trở thành khách hàng trang Chức năng: Cho phép khách hàng đăng ký thơng tin để trở thành khách hàng 0 Hình 1.3 Giao diện trang đăng ký 1.4 Giao diện trang đăng nhập  Mục Đích: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang Hoặc quản lý trang web vào thay đổi liệu web Hình 1.4 Giao diện trang đăng nhập 1.5 Giao diện phần điện thoại theo hãng 0  Mục Đích: Thanh menu chứa danh sách hãng sản phẩm cửa hàng Khách hàng sử dụng menu để lựa chọn hãng mà cần tìm  Sử dụng danh mục hãng điện thoại để chọn loại hãng mà cần Hình 1.5 Giao diện phần điện thoại theo hãng 0 1.5.1 Giao diện danh mục hãng Apple Hình 1.5.1 Giao diện điện thoại hãng Apple 1.5.2 Giao diện điện thoại hãng Samsung 0 Hình 1.5.2 Giao diện điện thoại hãng Samsung 0 1.5.3 Giao diện điện thoại hãng Xiaomi Hình 1.5.3 Giao diện điện thoại hãng Xiaomi 1.5.4 Giao diện điện thoại hãng Vivo 0 Hình 1.5.4 Giao diện điện thoại hãng Vivo 1.6 Giao diện trang chi tiết sản phẩm  Mục đích: Chức cho phép người dùng xem Tên sản phẩm, giá, thông tin chi tiết sản phẩm  Trong giao diện cho người dùng, chọn hiển thị theo Sản Phẩm kích chọn trang chủ 0 1.6.1 Chi tiết điện thoại Apple Hình 1.6.1 Giao diện trang chi tiết điện thoại Apple 1.6.2 Chi tiết điện thoại Samsung Hình 1.6.2 Giao diện trang chi tiết điện thoại Samsung 1.6.3 Chi tiết điện thoại Xiaomi 0 Hình 1.6.3 Giao diện trang chi tiết điện thoại Xiaomi 1.6.4 Chi tiết điện thoại Vivo Hình 1.6.4 Giao diện trang chi tiết điện thoại Vivo 0 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 buôn bán 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 đặt mua sản phầm mà ưng ý cách dễ dàng thời gian đến tận nơi để mua Việc mua bán giúp tiết kiệm thời gian tiền bạc người lựa chọn sản phẩm 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 bán quần áo mà cụ thể “Thiết kế website bán điện thoại”với chức cần thiết cho trang web buôn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác buôn bán Website bán điện thoại thứ dùng để quảng bá cho sân, thứ hai kênh thông tin cho người, thứ ba địa tin cậy để khách hàng yêu thích thời trang tìm mua cho sản phẩm chất lượng Qua trình nghiên cứu cố gắng thực hướng dẫn tận tình Giảng viên, giúp đỡ bạn bè khóa học đồ án nghiên cứu thể điều sau: Kết đạt được: - Thiết kế thành công website bán điện thoại, đá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ư: Visual studio, ngơn ngữ lập trình Website như: HTML, Javascript, CSS, Asp.net - 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, đầy đủ thu hú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ệ này, nhằm mục đích Thiết kế website: 0  Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng  Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng 0 TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn “Lập trình website” thầy Nguyễn Hữu Vĩnh - Website WWW: http://www.hiepsiit.com - Website thegioididong.com 0 ... sau: Kết đạt được: - Thiết kế thành công website bán điện thoại, đá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ư: Visual studio, ngơn ngữ lập trình Website như: HTML,... điện thoại Xiaomi 15 Hình 1.8.4 Giao diện trang chi tiết điện thoại Vivo 15 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE CỬA HÀNG BÁN ĐIỆN THOẠI Mục Tiêu Đề Tài + Thiết. .. mà cụ thể ? ?Thiết kế website bán điện thoại? ??với chức cần thiết cho trang web bn bán cần có em thấy nhu cầu mua sắm thị trường tiềm khai thác bn bán Website bán điện thoại thứ dùng để quảng bá cho