Tiểu luận môn học thiết kế web xây dựng website showroom bán linh kiê(n điê(n tư

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 SHOWROOM BÁN LINH KIÊ(N ĐIÊ(N TƯ GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: Nguy4n Ho7ng Lâm MSSV: 1824801040032 LỚP: D18HT01 BÌNH DƯƠNG – 7/2020 0 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 CÂY CẢNH GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN HOHNG LÂM MSSV: 1824801040032 LỚP: D18HT01 BÌNH DƯƠNG – 7/2020 0 KHOA KỸ THUẬT CÔNG NGHỆ NHẬN XÉT VH CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Th.S Nguy4n Hữu Vĩnh Tên đề tài: Xây dựng website bán linh kiê (n điên( tư 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 0 LỜI NÓI ĐẦU Với cách mạng công nghệ 4.0 ngày phát triển mạnh mẽ ngày phần mềm làm đồ họa trở thành tên quen thuộc nhiều người trở thành nghề hot với nguồn thu nhập đáng kể Các văn phòng kiến trúc xây dựng mọc lên ngày nhiều, nhu cầu cho máy tính đồ họa ngày lớn, đặc biệt cộng đồng anh em làm video kiếm tiền từ quảng cáo youtube có nhu cầu máy cho đồ họa ngày phát triển mạnh Với nhu cầu cần cấu hình cao nên chọn PC Workstation nào? Máy Tính Việt Phong cung cấp cho bạn số thông tin để lựa chọn pc hợp lý phù hợp với túi tiền nhu cầu làm việc Cách lựa chọn PC Workstation cho dân đồ họa Đối với người thiết kế đồ họa, hay công ty chuyên thiết kế đồ họa cố máy tính ảnh hưởng đến deadline, dẫn đến bị hợp đồng, thiệt hại kinh tế uy tín Những vấn đề phát sinh khơng nằm cách làm việc mà nằm công cụ làm việc, cụ thể desktop cấu hình mạnh hoạt động không ổn định máy trạm chuyên dụng Thật vậy, desktop dù có cấu hình mạnh đến cỡ khơng hỗ trợ đủ công nghệ chuyên dụng workstation Khi lựa chọn máy trạm tâm lý nhiều người thường đầu tư desktop có cấu hình mạnh, nghĩ PC workstation đắt chạy tốt Tuy nhiên, thật khơng phải vậy, máy tính có cấu hình khủng dành cho thiết kế đồ họa cần đảm bảo tiêu chí sau: Bộ nhớ RAM: Bộ nhớ RAM phù hợp với đối tượng sử dụng dung lượng 16Gb – 32Gb, bạn thường xuyên sử dụng phần mềm Photoshop After Effects nên sử dụng 32GB trở lên RAM cao băng thơng tốt từ hỗ trợ tối đa cho bo mạch chủ Chú ý không nên lựa chọn thông số Bus vượt khả hỗ trợ Bo mạch chủ Với máy tính bàn: Thơng số Bus 2400MHz; 2666MHz; 3000MHz 3200MHz Với laptop dùng thiết kế đồ họa Bus RAM khoảng 2400Mhz trở lên 0 CPU v7 Bộ mạch chủ Bạn nên lựa chọn dòng CPU ổn định mạnh mẽ, xung nhịp cao tốt, khơng cần đa luồng Nên sử dụng xử lý intel i5-8400 Coffee Lake i7-8700k, có điều kiện sử dụng Xeon mang lại hiệu tốt để thiết kế đồ họa Bởi bo mạch chủ có khả nâng cấp RAM, card đồ họa tốt Ổ đĩa (HDD & SSD) Nếu khơng gian lưu trữ liệu khơng lớn chọn ổ đĩa HDD từ 1TB trở lên ổ SSD (dung lượng từ 256GB trở lên) để tăng thời gian khởi động máy phần mềm thiết kế đồ họa Sao cho việc mở tập tin, truy xuất liệu, giảm độ trễ để máy hoạt động nhanh Vì nên giá thành có cao so với dịng HDD có dung lượng Card đồ họa Bạn nên lựa chọn card đồ họa NVIDIA để hỗ trợ tốt từ nhà sản xuất cung cấp phần mềm thiết kế Nếu bạn cần tìm máy tính để cài đặt sử dụng phần mềm Vray, 3Dsmax, Sketchup, Lumion cho nhu cầu đồ họa 3D, làm phim render cần trọng đến tác vụ có độ phức tạp đòi hỏi nguồn tài nguyên lớn để xử lý thơng tin nhanh chóng Ngồi ra, chất lượng sản phẩm cao so với cấu hình máy tính render hay máy tính đồ họa 3d sử dụng CPU để render Hiện nay, bạn hoàn tồn lựa chọn loại card hình GTX 1050 Ti 4GB để đầu tư bạn nhà thiết kế đồ họa chuyên nghiệp, chọn Nvidia GT 1030 thấp sử dụng RX 460, RX 560 có mức giá trung bình M7n hình máy tính 0 Bạn cần chọn hình có kích thước vừa đủ để phục vụ cho cơng việc thiết kế mình, độ phân giải FULL HD trở lên để màu sắc hình ảnh sắc nét Nhất với người làm lĩnh vực thiết kế đồ họa, in ấn,… Để hiểu thêm Pc Workstation, bạn tham khảo viết sau Pc Workstation l7 gì? Những điều cần biết Pc Workstation Mua PC Workstation hãng đâu? Hiện nay, có nhiều nơi cung cấp PC Workstation giá rẻ cho thị trường Nhưng nhà cung cấp nào uy tín, chất lượng máy tính đảm bảo Bạn dễ gặp phải máy tính khơng tốt có đầy đủ nhãn mác cơng ty máy tính uy tín Vì vậy, bạn cần có kiến thức để kiểm tra sản phẩm trước mua 0 Chương TỔNG QUAN VỀ ĐỀ THI Chương I Tên đề t7i: Chương XÂY DỰNG WEBSITE Bán Linh Kiện Điện Tử I Chương I Mục tiêu đề t7i: Xây dựng website bán linh kiên điện tử mang tem warrior computor Ý nghĩa đề t7i:  Giúp cho người dễ dàng tìm hiểu thuận tiện việc mua sắm linh kiên cấn thiết cho pc(desktop)  Quảng bá thương hiệu  Có thêm kiến thức cơng nghê nói chung pc nói riêng II Chương Đối tượng đề t7i: Đối tượng nghiên cứu chủ yếu cách xây dựng cửa hàng online linh kiện điện tử I Một số trang website:  Trang chủ: Đây trang show hàng chạy cửa hàng  Chi tiết: Đây trang show thông tin chi tiết mà bạn chọn phần index(Trang chủ)  Về : Đây trang show thông tin chi tiết hàng mà người dùng xem đặt niềm tìn Chương 0 Chương 0 Chương Giới thiệu công nghệ Chương GIỚI THIỆU CÔNG NGHỆ I Giới thiệu HTML: I.1 Chương HTML l7 gì? 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 10 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 11 HTML ngôn ngữ xác định cấu trúc thông tin Chương 12 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 I.1 Công dụng HTML: Chương 13 Thiết kế nội dung hình thức trang web Chương 14 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 15 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 16 Thêm vào đối tượng hình ảnh video, âm thanh… I.1 Định dạng HTML: Chương 17 Là tập tin có phần mở rộng htm html Chương 18 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 19 Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, Notepad…và sử dụng nhiều Adobe Dreamweaver I Giới thiệu Adobe Dreamweaver: Chương 20 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ó 0 Chương Giới thiệu cơng nghệ 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 21 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 22 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 23 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 I Ngôn ngữ CSS: Chương 24 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 25 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 26 CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành Chương 27 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 0 Chương Giới thiệu công nghệ III Giao diện trang chi tiết sản phẩm  Mục đích: Cho phép khách hàng xem thơng tin chi tiết cửa hàng mà người dùng cần để khảm khảo mua sản phẩm 14 0 Chương Giới thiệu công nghệ Dựa vào trang ta thấy ảnh demo sản phẩm , thông số kỹ thuật thông tin đời sản phẩm Ngồi khách hàng cịn xem sản phẩm liên quan để kham khảo 15 0 Chương Giới thiệu công nghệ IV Giao diện đăng ký Chương 49  Mục đích: cho phép khách hàng dùng để đăng ký thông tin để mua sản phẩm Chương 50 16 0 Chương Giới thiệu công nghệ Chương 51 DANH MỤC HÌNH ẢNH I Hình ảnh Trang chủ: 17 0 Chương Giới thiệu công nghệ II Hình ảnh trang Chi tiết 18 0 Chương Giới thiệu công nghệ 19 0 Chương Giới thiệu cơng nghệ III Hình ảnh trang 20 0 Chương Giới thiệu công nghệ IV Hình ảnh trang đăng ký 21 0 Chương Giới thiệu công nghệ V Giao diện trang đăng nhập 22 0 Chương Kết luận Chương 52 KẾT LUẬN Trong thời đại ngày nay, bạn có cửa hàng để kinh doanh linh kiê ˆn điênˆ tử lại khơng có trang web để giới thiệu linh kiênˆ mà kinh doanh dẫn đến tượng khách hàng muốn linh kiênˆ điê ˆn tử lại mù mờ thơng tin linh kiênˆ mà muốn mua liệu có cửa hàng khơng? Cửa hàng có dịch vụ trước sau mua linh kiênˆ ? bảo hành Ngồi ra, nơi cịn bán thêm phụ kiênˆ , từ dẫn đến việc khách hàng bắt buộc phải đến tận cửa bạn để xem đơi lúc cịn chẳng biết địa nằm đâu Vì thế, sau tiến hành khảo sát em định thiết kế trang website Warrior computer với chức dành cho khách hàng dễ dàng lựa chọn mẫu linh kiênˆ u thích Website Warrior computer 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 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: I Kết đạt được: R Thiết kế thành công website Warrior computer, đáp ứng yêu cầu người dùng R Tìm hiểu nắm kỹ thuật công cụ thiết kế website như: Adobe Dreamweaver CS6, Visual Studio Code, ngôn ngữ lập trình HTML, JavaScript, CSS, Bootstrap Tutorial R Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng II Việc chưa l7m được: T Việc biểu diễn thông tin website chưa linh hoạt T Phân tích thiết kế chưa hồn chỉnh T Nhiều chức cịn thiếu chưa sử dụng 23 0 Chương Kết luận III Hướng phát triển đề t7i: 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 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 24 0 Chương Kết luận Chương 53 Chương 54 THI 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 Chương 55 Chương 56 Chương 57 Chương 58 Chương 59 Chương 60 Chương 61 Chương 62 Chương 63 Chương 64 Chương 65 Chương 66 Chương 67 Chương 68 Chương 69 Chương 70 Chương 71 Chương 72 25 0 Chương Kết luận Chương 73 Chương 74 Mục lục Chương 75 Chương TỔNG QUAN VỀ ĐỀ THI Chương 76 Chương 77 I Tên đề tài: Chương 78 II Mục tiêu đề tài: Chương 79 III Ý nghĩa đề tài: Chương 80 IV Đối tượng đề tài: .6 Chương 81 V Một số trang website: .6 Chương GIỚI THIỆU CÔNG NGHỆ Chương 82 Chương 83 I Giới thiệu HTML: Chương 84 I.1 HTML gì? Chương 85 I.2 Công dụng HTML: Chương 86 I.3 Định dạng HTML: Chương 87 II Giới thiệu Adobe Dreamweaver: Chương 88 Macromedia Dreamweaver Chương 89 III Ngôn ngữ CSS: .8 Chương 90 IV Ngôn ngữ JavaScript: .9 26 0 Chương Kết luận Chương GIAO DIỆN CHƯƠNG TRÌNH Chương 91 10 Chương 92 I Giao diện Trang chủ: 10 Chương 93 I.1 SƠ ĐỒ TỔNG QUAN: 10 Chương 94 II Phần chung 11 Chương 95 III Giao diện trang Giới thiệu: 11 Chương 96 IV Giao diện trang cửa hàng 12 Chương 97 V Giao diện trang chi tiết sản phẩm 13 Chương 98 VI Giao diện đăng ký 15 Chương 99 Chương DANH MỤC HÌNH ẢNH 16 Chương 100 I Hình ảnh Trang chủ: .16 Chương 101 II Hình ảnh trang Chi tiết 17 Chương 102 III Hình ảnh trang 19 Chương 103 IV Hình ảnh trang đăng ký 20 Chương 104 V Giao diện trang đăng nhập 21 Chương 105 Chương KẾT LUẬN 22 Chương 106 I Kết đạt được: 22 Chương 107 III Hướng phát triển đề tài: 23 Chương 108 Chương THI LIỆU THAM KHẢO 24 27 0 Chương Kết luận Chương 109 28 0 ...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 CÂY CẢNH GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN... Chương TỔNG QUAN VỀ ĐỀ THI Chương I Tên đề t7i: Chương XÂY DỰNG WEBSITE Bán Linh Kiện Điện Tử I Chương I Mục tiêu đề t7i: Xây dựng website bán linh kiên điện tử mang tem warrior computor Ý nghĩa... bạn bè khóa học đồ án nghiên cứu thể điều sau: I Kết đạt được: R Thiết kế thành công website Warrior computer, đáp ứng yêu cầu người dùng R Tìm hiểu nắm kỹ thuật công cụ thiết kế website như: