ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI. TS. PHAN THỊ LAN ANH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ ĐỀ TÀI: GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI Sinh viên thực : NGUYỄN MINH HUY PHẠM HOÀNG VIÊN Giảng viên hướng dẫn : TS PHAN THỊ LAN ANH Lớp : 20CE Đà nẵng, tháng 05 năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ ĐỀ TÀI: GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI Đà Nẵng, tháng 05 năm 2021 MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho quảng bá tất hỗ trợ website đến người Vì vậy, em thực đồ án “ GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI ” Nhằm tạo hệ thống quản lí bán hàng có tính thiết thực ứng dụng vào thực tế LỜI CẢM ƠN Chúng em xin chân thành cảm ơn thầy cô bạn dành thời gian giúp đỡ chúng em trình thực đồ án Đặc biệt, chúng em xin chân thành cảm ơn cô TS.Phan Thị Lan Anh người đồng ý hướng dẫn trực tiếp cho đề tài chúng em Là người tận tình giúp đỡ chúng em thơng tin đồ án Nhờ mà chúng em hồn chỉnh đồ án quan trọng hết chúng em tiếp thu kinh nghiệm suốt trình thực đồ án Tuy nhiên, lần đầu chúng em thực dự án cho thân tìm tịi nghiên cứu khơng tránh khỏi thiếu sót Chúng em mong nhận thơng cảm góp ý thầy Chúng em xin chân thành cảm ơn ! NHẬN XÉT (Giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ………………………………………………………………… Đà Nẵng, … tháng , … năm 2021 Giảng viên hướng dẫn TS Phan Thị Lan Anh MỤC LỤC (Chèn mục lục tự động: References/Table of Contents) Trang MỞ ĐẦU NHẬN XÉT Chương Phân tích lựa chọn công nghệ Chương THIẾT KẾ DAO DIỆN 10 Chương Triển khai xây dựng 11 11 Chương 4.3 Xây dựng trang chi tiết sản phẩm : 12 5.1 Kết luận 5.2 Hướng phát triển………………………………………………………… Chương Giới thiệu 1.1 Tổng quan Việc kinh doanh - mua bán nhu cầu thiếu Trong thời đại cạnh tranh việc giới thiệu sản phẩm kinh doanh đến cá nhân với chi phí thấp, hiệu cao vấn đề nan giải người kinh doanh với nhu cầu mua sắm với sản phẩm đa chủng loại, đạt chất lượng, hợp túi tiền người tiêu dùng thương mại điện tử đời phát triển toàn giới Nếu Marketing quy chung tiếp thị Marketing online biết đến hình thức tiếp thị cách trực tuyến Ở thời đại công nghệ số internet này, trao đổi, giao tiếp, truyền tải thông tin thực thông qua máy tính, điện thoại, thiết bị internet, 1.2 Tên đề tài : “ DAO DIỆN WEBSITE BÁN ĐIỆN THOẠI ” 1.3 Mục tiêu : - Tạo website có giao diện hồn chỉnh - Tốc độ load nhanh - Xây dựng website sell điện thoại,laptop thiết bị cơng nghệ - Được tích hợp công nghệ thiết kế web : HTML5, CSS3,JAVA SCRIPT,BOOTSTRAP 4,JQUERY - Giải tối ưu q trình quản lí bán hàng bán hàng - Nghiên cứu công nghệ phát triển website 1.4 Logo Website : Chương Phân tích lựa chọn công nghệ 1.1 Ngôn ngữ HTML : HTML (Hypertext Markup Language) mã dùng để xây dựng nên cấu trúc nội dung trang web 1.2 CSS : CSS chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu (ví dụ HTML) Bạn hiểu đơn giản rằng, HTML đóng vai trò định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng, …thì CSS giúp 8hem chút “phong cách” vào phần tử HTML đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều 1.3 Bootstrap: sưu tập miễn phí mã nguồn mở cơng cụ dùng để tạo mẫu 8inh8te hoàn chỉnh Với thuộc tính giao diện quy định sẵn kích thước, màu sắc, độ cao, độ rộng…, designer sáng tạo nhiều sản phẩm mẻ tiết kiệm thời gian làm việc với framework trình thiết kế giao diện website Giữa muôn vàn ứng dụng thiết kế website nay, Bootstrap có khả cạnh tranh cao nhờ đặc điểm bật sau: • Dễ dàng thao tác • Tùy chỉnh dễ dàng • Chất lượng sản phẩm đầu hồn hảo • Độ tương thích cao Dễ dàng thao tác Cơ chế hoạt động Bootstrap dựa xu hướng mã nguồn mở HTML, CSS Javascript Người dùng cần trang bị kiến thức mã sử dụng Bootstrap hiệu Bên cạnh đó, mã nguồn dễ dàng thay đổi chỉnh sửa tùy ý -Tùy chỉnh dễ dàng Bootstrap tạo từ mã nguồn mở cho phép designer linh hoạt Giờ lựa chọn thuộc tính, phần tử phù hợp với dự án họ theo đuổi CDN Boostrap cịn giúp bạn tiết kiệm dung lượng khơng cần tải mã nguồn máy Chất lượng sản phẩm đầu hoàn hảo Bootstrap sáng tạo lập trình viên giỏi khắp giới Bootstrap nghiên cứu thử nghiệm thiết bị Được kiểm tra nhiều lần trước đưa vào sử dụng Do đó, chọn Bootstrap, bạn tin 9inh tạo nên sản phẩm với chất lượng tốt Độ tương thích cao Điểm cộng lớn Bootstrap khả tương thích với trình duyệt tảng Đây điều quan trọng cần thiết trải nghiệm người dùng Sử dụng Grid System với hai tiền xử lý Less Sass, Bootstrap mặc định hỗ trợ Responsive ưu tiên cho giao diện thiết bị di động Bootstrap có khả tự động điều chỉnh kích thước trang website theo khung browser Mục đích để phù hợp với hình máy tính để bàn, tablet hay laptop Font Awesome thư viện chứa font chữ ký hiệu hay sử dụng website Font chữ ký hiệu icons mà ta thường hay sử dụng layout website Chương THIẾT KẾ DAO DIỆN 3.1 Mô hình tổng quan trang Web : *Bố cục trang Web : -Mẫu thiết kế bố cục : +Header +Main content +Footer Chương Triển khai xây dựng 4.1 Xây dựng Trang chủ cửa hàng : Đây giao diện người dùng trang Web Tại đậy người dùng xem nhiều thơng tin sản phẩm thơng qua hình ảnh thơng tin khác sản 4.2 Xây dựng trang sản phẩm : • Mục đích : Trảng dùng để hiển thị tất loại sản phẩm khác • Phạm vi : Dùng để thị sản phẩm cho phép người dùng thấy thông tin mặt hàng Chương 4.3 Xây dựng trang chi tiết sản phẩm : • Mục đích : Trang thị tất thông số kỹ thuật mơ tả sản phẩm • Phạm vi : Dùng để người dùng đưa chọn lựa so sánh sản phẩm 4.4 Xây dựng trang giỏ hàng : -Trang giúp cung cấp mặt hàng người dùng lựa chọn 4.5 Xây dựng trang tốn : - Trang người dùng điền thơng tin để tốn mặt hàng chọn Chương Kết luận hướng phát triển 5.1 Kết đạt : Với bảo hướng dẫn tận tình Phan Thị Lan Anh với nổ lực làm việc nhóm, để xây dựng dao diện Website bán điện thoại Gặp thuận lợi khó 14hem q trình làm việc, Website hồn thành khơng tránh phần sai sót Tuy nhiên, chúng em nổ lực Website hồn thành nội dung sau: - Phân tích đánh giá yêu cầu Website - Vận dụng ngôn ngữ HTML vào việc xây dựng Website - Tìm hiểu CSS - Tìm hiểu Bootstrap - Học ngôn ngữ Javascript Về phần thực nghiệm chúng em xây dựng trang web để thực : - Phần dao diện người dùng : Giao diện 14hem thiện đẹp mắt, thu hút người xem, cho phép bạn đọc dễ dàng xem tin, tìm kiếm tin - Phần tương tác khách hàng : 14hem vào phát triển thới gian tới 5.2 Hương phát triển : Ngày này, Internet trở thành phương tiện tra cứu thông tin khổng lồ tiện dụng cho tất người giới.Hiểu điều đó, chúng em ln muốn hoàn thiện Website minh tốt : + Giao diện đẹp tùy biến + Thực chức hỗ trợ người dùng tương lại + Thêm sở liệu để quản lí sản phẩm, đơn hàng