Tiểu luận môn học thiết kế web xây dựng website bán điện thoại và laptop

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 THIẾT KẾ WEB XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI VÀ LAPTOP GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: Lê Văn Chung MSSV: 1824801040059 LỚP: D18HT01 BÌNH DƯƠNG – 7/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: Th.S Nguyễn Hữu Vĩnh Tên đề tài: Xây dựng website bán điện thoại laptop I Nội dung nhận xét: II Đ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 i 0 MỤC LỤC PHIẾU CHẤM ĐIỂM .ii MỤC LỤC iii LỜI NÓI ĐẦU CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI I Tên Đề Tài II Mục Tiêu Của Đề Tài III Ý Nghĩa Của Đề Tài IV Đối Tượng Của Đề Tài V Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ .3 I Giới Thiệu Về HTML HTML Là Gì? Công Dụng Của HTML 3 Định Dạng Của HTML II Giới Thiệu Về Adobe Dreamweaver III Ngôn Ngữ CSS IV Ngôn Ngữ JavaScript CHƯƠNG GIAO DIỆN CHƯƠNG TRÌNH .6 I Giao diện Trang chủ II Danh mục trang giỏ hàng 10 III Giao diện trang Điện thoại 11 IV Giao diện Laptop 13 CHƯƠNG DANH MỤC HÌNH ẢNH 16 I Hình ảnh Trang chủ 16 ii 0 II Hình ảnh danh mục menu điện thoại 20 III Hình ảnh trang Laptop .20 IV Hình ảnh trang giỏ hàng .22 V Hình ảnh trang Thơng tin chi tiết .24 CHƯƠNG KẾT LUẬN .26 I Kết đạt 26 II Việc chưa làm 26 III Hướng phát triển đề tài 26 CHƯƠNG TÀI LIỆU THAM KHẢO 28 iii 0 LỜI NĨI ĐẦU Hiện nay, cơng nghệ tiên tiến phát triển ngày mạnh mẽ ứng dụng ngày nhiều vào lĩnh vực kinh tế, sản xuất đời sống thường nhật người Một điểm tiêu biểu việc phát triển công nghệ phải kể đến việc ứng dụng cơng nghệ thơng tin vào hầu khắp hoạt động Nhờ đó, cơng việc thực nhanh, xác đạt kết cao nhiều Khi xã hội ngày phát triển, mức sống người dân nâng cao thu nhập kinh tế ngày cải thiện điện thoại di động laptop khơng trở nên xa lạ với người mà ngược lại vật dụng khơng thể thiếu người dân Hầu hết người trang bị cho điện thoại phù hợp với nhu cầu túi Cùng với lý nêu trên, qua tìm hiểu nhóm đồ án biết việc ứng dụng bán điện thoại di động trực tuyến giúp cho khách hàng giảm bớt thời gian công sức phải đến tận cửa hàng để mua Muốn lựa chọn cho điện thoại ưng ý phù hợp với túi tiền tiền Tuy nhiên, với sống ngày bận rộn việc muốn mua điện thoại ưa thích người tiêu dùng phải đến tận cửa hàng để chọn lựa nhiều thời gian công sức.khách hàng cần ngồi bên máy tính có nối mạng internet mua mặt hàng điện thoại cần Do nhóm đềề tài ch ọ n th ự c hi ện đềề tài “ Xây d ựng Website bán ện tho ại di đ ộng laptop cho cty ALIBA Phần mềm xây dựng với định hướng giúp việc mua sắm điện thoại khách hàng dễ dàng nhanh gọn hơn, không thời gian cơng sức Qua q trình khảo sát thực tế, tìm hiểu phân tích thiết kế nhóm đề tài đưa báo cáo gồm phần sau để giúp người đọc hiểu rõ chức Website 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI CHƯƠNG CHƯƠNG I Tên đề tài: CHƯƠNG XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI VÀ LAPTOP CHƯƠNG II Mục tiêu đề tài: CHƯƠNG Xây dựng website bán điện thoại laptop mang tên ALIBA CHƯƠNG III Ý nghĩa đề tài:  Giúp cho người dễ dàng tìm hiểu thuận tiện việc mua sắm loại điện thoại laptop  Quảng bá thương hiệu CHƯƠNG IV Đối tượng đề tài: CHƯƠNG Đối tượng nghiên cứu chủ yếu loại điện thoại laptop giới CHƯƠNG 10 V Một số trang website:  Trang chủ: Đây trang giới thiệu sơ lược loại điện thoại laptop  Tìm kiếm: Tại khách hang tìm kiếm tên sản phẩm cần mua cách nhanh chóng việc nhấp tên sản phẩm lên mục tìm kiếm bấm tìm kiếm sản phẩm khách hang yêu cầu  Điện thoại : Tại đây, khách hàng tìm điện thoại u thích xếp theo tên loai điện thoại  Laptop: Q khách tìm hiểu loại laptop giảm giá  Thơng tin hỗ trợ: Tại có thông tin showroom (địa chỉ, số điện thoại, …) 0 CHƯƠNG 11 0 Chương Giới thiệu cơng nghệ CHƯƠNG 12 GIỚI THIỆU CƠNG NGHỆ CHƯƠNG 13 I Giới thiệu HTML: CHƯƠNG 14 HTML gì? CHƯƠNG 15 HTML (Hypertext Markup Language - Ngôn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt CHƯƠNG 16 Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web Browsers) cách hiển thị thành phần trang text graphics CHƯƠNG 17 HTML ngôn ngữ xác định cấu trúc thông tin CHƯƠNG 18 HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu khác CHƯƠNG 19 Công dụng HTML: CHƯƠNG 20 Thiết kế nội dung hình thức trang web CHƯƠNG 21 Xuất tài liệu trực tuyến hay truy xuất thông tin trực tuyến cách dùng liên kết chèn vào trang web CHƯƠNG 22 Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… CHƯƠNG 23 Thêm vào đối tượng hình ảnh video, âm thanh… CHƯƠNG 24 Định dạng HTML: CHƯƠNG 25 Là tập tin có phần mở rộng htm html CHƯƠNG 26 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 CHƯƠNG 27 Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, Notepad… sử dụng nhiều Adobe Dreamweaver 0 Chương Giới thiệu công nghệ CHƯƠNG 28 II Giới thiệu Adobe Dreamweaver: CHƯƠNG 29 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 CHƯƠNG 30 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 CHƯƠNG 31 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 CHƯƠNG 32 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 CHƯƠNG 33 III Ngôn ngữ CSS: CHƯƠNG 34 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,… CHƯƠNG 35 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 CHƯƠNG 36 CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành 0 Chương Giới thiệu công nghệ CHƯƠNG 37 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 CHƯƠNG 38 CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi CHƯƠNG 39 IV Ngôn ngữ JavaScript: CHƯƠNG 40 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 CHƯƠNG 41 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 CHƯƠNG 42 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 CHƯƠNG 43 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 tốn học Nhưng JavaScript khơng ngơn ngữ hướng đối tượng C++/Java CHƯƠNG 44 0 Chương Giới thiệu công nghệ  Phần 7: Là phần footer trang web, gồm có mục - Địa chỉ, phone, Email, Chính ách bảo hành, Hướng ,dẫn mua online, Chăm sóc khách hàng, Tuyển dụng, khuyến mãi, Chính sách đổi trả 10 0 Chương Giới thiệu công nghệ III DOANH MỤC GIỎ HÀNG IV Danh mục trang điện thoại : - Khi khách hàng di chuột đến mục Điện thoại menu, nhấp vào menu nhỏ gồm có tên mục : iphone, Samsung, Oppo, Khác Bên dòng điện thoại có tên hãng điện thoại theo dịng Khách hàng muốn mua hãng mà ưng ý nhấp chuột đến mục cần mua nhấn vào sản phẩm hãng mà khách hàng chọn 11 0 Chương Giới thiệu công nghệ 12 0 Chương Giới thiệu công nghệ V Giao diện trang Laptop : - Khi khách hàng di chuột đến mục Laptop menu, nhấp vào dòng laptop thịnh hành mẫu laptop cập nhật theo thị trường liên tục 13 0 Chương Giới thiệu cơng nghệ CHƯƠNG DANH MỤC HÌNH ẢNH I Hình ảnh Trang chủ: 14 0 Chương Giới thiệu công nghệ 15 0 Chương Giới thiệu công nghệ 16 0 Chương Giới thiệu cơng nghệ II Hình ảnh trang danh mục menu Điện Thoại : 17 0 Chương Giới thiệu công nghệ 18 0 Chương Giới thiệu công nghệ VI Hình ảnh trang LAPTOP : 19 0 Chương Giới thiệu cơng nghệ VII Hình ảnh Giỏ Hàng 20 0 Chương Giới thiệu công nghệ 21 0 Chương Kết luận CHƯƠNG 5: KẾT LUẬN Trong thời đại ngày nay, bạn có showroom để bán điện thoại laptop lại khơng có trang web để giới thiệu loại điện thoại laptop mà kinh doanh dẫn đến tượng khách hàng muốn mua điện thoại laptop lại mù mờ thông tin điện thoại hay laptop định muadaanx đến lo sợ chất lượng nhiều rủi ro Đồng thời khách hàng điện thoại hay laptop thịnh hành hay giảm ưu đãi mà hãng điện thoại laptop đưa Ngồi ra, khách hàng cịn phải đến tận nơi phải mua thay qua việc mua sắm qua wed cửa hàng Đi kèm theo cố địa cụ thể cửa hàng hay cách liên hệ để tư vấn hỗ trợ cách chu đáo Vì thế, sau tiến hành khảo sát em định thiết kế trang website ALIBA với chức dành cho khách hàng dễ dàng lựa chọn điện thoại laptop ưng ý hợp với sở thích thân Website ALIBA cho khách hàng dễ dàng truy cập từ xa thơng qua internet, từ góp phần quảng bá thương hiệu đến rộng rãi người Qúa 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: I Kết đạt được: Sau thời gian thực đề tài, chương trình hoàn thành đạt số kết sau: R Hiểu rõ quy trình bán điện thoại di động trực tuyến R Xây dựng thành công website bán điện thoại di động laptop đáp ứng nhu cầu đặt người tiêu dùng R Tìm hiểu nắm rõ công cụ để xây dựng website như: SQL 2000, Visual Stadio 2008 R Giao diện chương trình thân thiện, dễ sử dụng, 22 0 Chương Kết luận R Website giúp người dùng tiết kiệm thời gian, cơng sức để có sản phẩm ưng ý Dễ dàng quản lý thông tin chi tiết người dùng, thông tin sản phẩm đơn hàng người mua sản phẩm từ thuận tiện cho việc tốn giao hàng R Thực kiểm thử phần mềm mức độ lập trình II 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  Website chưa thử nghiệm mạng Internet III Hướng phát triển đề tài: - Do thời gian lực có hạn nên website nhóm sâu vào chức bán sản phẩm - Đề tài hướng phát triển website trở thành website bán hàng chuyên nghiệp Cung cấp đầy đủ mặt hàng có thị trường với giá hợp lý, phải Đi kèm với bán hàng dịch vụ uy tín chất lượng để phục vụ đến khách hàng - Vì đề tài cịn 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 hồn thiện website:  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 khách hà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 23 0 Chương Kết luận CHƯƠNG TÀI LIỆU THAM KHẢO Th.S Nguyễn Hữu Vĩnh, Thiết kế Website, Trường Đại học Thủ Dầu Một https://www.hiepsiit.com https://www.w3schools.com/ http://sontungauto.vn 24 0 ... tích thiết kế nhóm đề tài đưa báo cáo gồm phần sau để giúp người đọc hiểu rõ chức Website 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI CHƯƠNG CHƯƠNG I Tên đề tài: CHƯƠNG XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI VÀ LAPTOP. .. công nghệ 21 0 Chương Kết luận CHƯƠNG 5: KẾT LUẬN Trong thời đại ngày nay, bạn có showroom để bán điện thoại laptop lại khơng có trang web để giới thiệu loại điện thoại laptop mà kinh doanh dẫn... tiêu đề tài: CHƯƠNG Xây dựng website bán điện thoại laptop mang tên ALIBA CHƯƠNG III Ý nghĩa đề tài:  Giúp cho người dễ dàng tìm hiểu thuận tiện việc mua sắm loại điện thoại laptop  Quảng bá