Xây dựng website hỗ trợ bán máy vi tính

TRƢỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN  - ĐỒ ÁN TỐT NGHIỆP KỸ SƢ CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE HỖ TRỢ BÁN MÁY TÍNH Giáo viên hƣớng dẫn : T.S Nguyễn Trung Hòa Sinh viên : Tôn Lƣơng Bằng Lớp : 46K2-CNTT Vinh, 2011 MỤC LỤC LỜI MỞ ĐẦU CHƢƠNG TỔNG QUAN ĐỀ TÀI XÂY DỰNG WEBSITE HỖ TRỢ BÁN MÁY TÍNH 1.1 Lý chọn đề tài 1.2 Đánh giá thực trạng 1.3 Yêu cầu đề tài 1.4 Phƣơng pháp nghiên cứu 1.5 Kết cần đạt đƣợc Yêu cầu chức Yêu cầu phi chức CHƢƠNG TÌM HIỂU CSS 2.1 TỔNG QUAN CSS 2.1.1 Giới thiệu CSS 2.1.2 Một số điểm mạnh CSS 2.1.3 Cú pháp CSS 11 2.1.4 Một số thuộc tính thƣờng dùng css 11 2.2 TÌM HIỂU VỀ CSS3 12 2.2.1 Giới thiệu css3 12 2.2.2 Một số kĩ thuật sử dụng css3 13 2.2.3 Những ƣu điểm, nhƣợc điểm sử dụng kĩ thuật css3 14 CHƢƠNG 16 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 16 3.2 Biểu đồ phân cấp chức 17 3.3 Biểu đồ luồng liệu 18 3.5 Thiết kế liệu hệ thống mức vật lý 22 CHƢƠNG 4: 27 WEBSITE HỖ TRỢ BÁN MÁY TÍNH 27 4.1 Một số giao diện dành cho ngƣời dùng 27 4.2 Giao diện quản trị 33 KẾT LUẬN 34 TÀI LIỆU THAM KHẢO 36 LỜI MỞ ĐẦU 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 cơng nghệ có đẳng cấp cao lần lƣợt 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ụ thiếu, tảng cho truyền tải, trao đổi thơng tin toàn cầu Bằng internet, thực đƣợ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 đƣợc vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với lĩnh vực thƣơng mại điện tử, việc quảng bá giới thiệu đến khách hàng sản phẩm thời điểm cách hiệu kịp thời yếu tố quan trọng góp phần đƣa thƣơng hiệu quảng bá tới đông đảo khách hàng cơng nghệ máy tính ln biến đổi cập nhật Điều quan trọng thông qua website, Nếu có quảng bá kịp thời gây ấn tƣợng lấy đƣợc thiện cảm từ phía khách hàng, tính thẩm mĩ, sinh động thiết kế web thƣờng đƣợc đề cao, đặc biệt đƣa thƣơng hiệu có vị trí, thứ hạng cao cơng cụ tìm kiếm, điều đƣa thƣơng hiệu đến gần với ngƣời dùng Vì vậy, thật thiếu sót muốn phát triển mà chƣa xây dựng đƣợc website để giới thiệu rộng rãi sản phẩm, tạo giao diện thân thiệt với ngƣời dùng, làm đƣợc nhƣ tránh đƣợc nhàm chán cho khách hàng thƣờng xuyên website, thu đƣợc kết nhƣ mong muốn Đây vấn đề cấp thiết trăn trở hầu hết cơng ty, doanh nghiệp nói chung Trƣớc tình hình nhƣ em chọn đề tài: "Xây dựng website hỗ trợ bán máy tính" để làm đồ án tốt nghiệp Nội dung đồ án tốt nghiệp gồm có chƣơng Chƣơng 1: Tổng quan đề tài xây dựng website hỗ trợ bán máy tính Chƣơng 2: Giới thiệu CSS3 Chƣơng 3: Phân tích thiết kế hệ thống Chƣơng 4:Website hỗ trợ bán máy tính Đồ án đƣợc hồn thành khoa CNTT-Trƣờng Đại Học Vinh Nhân dịp em xin gửi lời cảm ơn chân thành tới thầy cô giáo Khoa Công Nghệ Thông Tin Đặc biệt em xin gửi lời cảm ơn đến thầy giáo T.S Nguyễn Trung Hòa hƣớng dẫn em suốt trình làm đồ án tốt nghiệp Sau em xin gửi lời cảm ơn chân thành đến gia đình, bạn bè động viên, đóng góp ý kiến giúp đỡ trình học tập, nghiên cứu hoàn thành đồ án tốt nghiệp Vinh,ngày 15 tháng 05 năm 2011 Sinh viên thực hiện: Tôn Lƣơng Bằng CHƢƠNG TỔNG QUAN ĐỀ TÀI XÂY DỰNG WEBSITE HỖ TRỢ BÁN MÁY TÍNH 1.1 Lý chọn đề tài Ngày nay, khơng phủ nhận vai trị tin học lĩnh vực khoa học kĩ thuật đời sống xã hội Tin học đƣợc ứng dụng nhiều công tác quản lý, phục vụ vui chơi giải trí, nghiên cứu khoa học, đặc biệt mạng internet ngày có hàng chục triệu ngƣời truy cập sử dụng Bởi vậy, nhà phát triển, chuyên gia hàng đầu lĩnh vực công nghệ thông tin không ngừng nghiên cứu, xây dựng nhằm đƣa sản phẩm tốt nhất, có giá thành thấp lĩnh vực ứng dụng tin học vào đời sống Và việc vận dụng nghiên cứu vào thực tế trở nên quan trọng nhằm đƣa công nghệ vào sống cách nhanh Ứng dụng thƣơng mại điện tử phát triển rầm rộ nhƣng năm gần giới nhƣ khu vực, không phủ nhận vai trị đời sống Ở Việt Nam bắt đầu ứng dụng thƣơng mại điện tử vài năm gần nhƣng thực chƣa phát triển mạnh nhƣ nƣớc khu vực giới, để thƣơng mại điện tử đến gần với ngƣời dân nhiệm vụ hàng đầu nhà tin học Viêt Nam Nhận thấy tầm quan trọng tơi chọn đề tài "Tìm hiểu CSS3 ứng dụng cài đặt website hỗ trợ bán sản phẩm máy tính", CSS kĩ thuật thiết kế giao diện website đƣợc tổ chức W3C phát triển Các kĩ thuật chƣa đƣợc sử dụng rộng rãi lĩnh vực phát triển website 1.2 Đánh giá thực trạng - Ứng dụng CSS thiết kế giao diện website: Trong lĩnh vực công nghệ thơng tin nói chung, lĩnh vực xây dựng ứng dụng website nói riêng, việc tạo sản phẩm tốt, có chất lƣợng đáp ứng đƣợc nhu cầu đạt đƣợc đạt lên hàng đầu Khi giới web đời ngƣời ta thƣờng dùng thẻ HTML để thực việc dàn trang Việc dàn trang bao gồm chia trang web thành bảng, ô, để add text, add ảnh, kiểu chữ, màu sắc Khi mà công nghệ web ngày phát triển ngƣời ta nhận thấy việc dàn trang bảng ngày trở nên bất tiện Khối lƣợng mã HTML lớn với việc khó khăn kiểm soát vùng nội dung trang web lý khiến HTML ngày thất Bởi xu hƣớng việc dàn trang chuyển sang hoàn toàn thẻ DIV CSS ngày đƣợc sử dụng nhiều kĩ thuật thiết kế trang web Trong năm trở lại đây, với đời CSS2 phát triển mạnh mẽ, hồn tồn chiếm lĩnh vị trí số cơng nghệ thiết kế giao diện website Mặc dù có đƣợc ƣu trổi song nhiều vấn đề chƣa đƣợc hoàn thiện nhƣ: giảm chi phí thiết kế, giảm kích thƣớc website nhằm tăng tốc độ tải xử lý, tính đơn giản hóa thiết kế điều quan trọng thân thiện với công cụ tìm kiếm mạng giúp việc quảng bá website đƣợc tốt - Ứng dụng website thƣơng mại điện tử: nhìn chung giới nhƣ khu vực thƣơng mại điện tử phát triển trở thành chiến lƣợc nhiều nƣớc Ở Việt Nam vậy, việc đƣa ứng dụng website thƣơng mại điện tử khởi sắc vài năm gần đây, song hiệu hoạt động chƣa cao, dịch vụ chƣa đến đƣợc với ngƣời dân Nguyên nhân phần tin học hóa xã hội chƣa đạt đƣợc kết nhƣ mong muốn, niềm tin ngƣời dân với thƣơng mại điện tử chƣa cao Song với quan tâm Đảng Nhà Nƣớc tƣơng khơng xa tin học nói chung thƣơng mại điện tử nói riêng đƣợc xã hội hóa Trong lĩnh vực xây dựng ứng dụng website giới thiệu sản phẩm bán sản phẩm qua mạng, nhìn chung nhiều quan doanh nghiệp bƣớc đầu đạt đƣợc số kết định nhƣ: website http://www.trananh.vn/, http://hongha.asia, http://www.bachphuong.com.vn, http://thegioimaytinh.asia 1.3 Yêu cầu đề tài - Tìm hiểu nắm rõ kĩ thuật thiết kế giao diện trang web với CSS3 xây dựng ứng dụng website - Tìm hiểu ứng dụng website thƣơng mại điện tử, ứng dụng kĩ thuật thiết kế trang web với CSS3 thực tế 1.4 Phƣơng pháp nghiên cứu - Kết hợp lý thuyết với thực hành đƣợc học - Tìm hiểu cơng nghệ web - Tìm hiểu kĩ thuật thiết kế giao diện trang web - Tham khảo quy trình hoạt động hệ thống website hỗ trợ bán hàng hoạt động 1.5 Kết cần đạt đƣợc -xây dựng website hỗ trợ bán máy tính có u cầu sau: Yêu cầu chức - Ngƣời viếng thăm website xem, tìm kiếm thơng tin sản phẩm, tham khảo giá thành sản phẩm hành có website - Khách hàng đăng kí thơng tin cá nhân website quản lý thông tin (chỉnh sửa, cập nhật) - Theo dõi tình hình liên hệ thông qua website khách hàng để đáp ứng kịp thời nhu cầu họ - Về tổ chức lƣu trữ thực yêu cầu: + Thay đổi, thêm xóa bỏ thơng tin, hình ảnh cập nhật sản phẩm có website + Phân quyền ngƣời sử dụng, xóa thơng tin khách hàng có website Yêu cầu phi chức - Giao diện thiết kế thân thiện, tính thẩm mĩ cao, dễ dàng bảo trì, thay đổi - Website phải có dung lƣợng không lớn, tốc độ tải xử lý nhanh - Cơng việc tính tốn phải thực xác, khơng chấp nhận sai sót - Sử dụng mã hóa thơng tin nhạy cảm khách hàng - Đảm bảo an toàn liệu chạy website trực tuyến - Đảm bảo cơng cụ tìm kiếm tìm thấy nhanh CHƢƠNG TÌM HIỂU CSS 2.1 TỔNG QUAN CSS 2.1.1 Giới thiệu CSS Công nghệ CSS đƣợc đề cập W3C vào năm 1996 Theo định nghĩa W3C (World Wide Web Consortium) CSS (từ viết tắt Cascading Style Sheet tạm dịch bảng kiểu xếp chồng) ngôn ngữ giúp ngƣời thiết kế web add kiểu vào tài liệu web (nhƣ kiểu font chữ, màu sắc, khoảng cách v.v ) 2.1.2 Một số điểm mạnh CSS Để viết ngữ nghĩa đầy đủ, gọn gàng với dung lƣợng mã nguồn HTML gọn nhẹ theo trình tự tốt nhằm giúp cho máy tìm kiếm đánh số dễ dàng Mặt khác, lại áp dụng tất kiểu định dạng dàn trang mà muốn để thỏa mãn thiết kế CSS công cụ mạnh nhiều lợi Cascading Style Sheets (CSS) đƣợc sử dụng rộng rãi ngày nhờ khả cho phép thiết kế nhanh, tuân thủ chuẩn HTML, dễ dàng tùy biến thay đổi trình nhanh chóng việc dàn trang Web Ngồi CSS cịn biết đến với nhiều khả khác: CSS mang lại nhiều lợi quảng bá Web, tối ƣu hóa cho máy tìm kiếm SEO/SEM - Một số kĩ thuật ƣu css Dàn trang với CSS Với CSS, ta di chuyển thành phần nội dung quan trọng (phù hợp với máy tìm kiếm) lên đầu trang HTML phần code Di chuyển phần nội dung (unique text để phân biệt với duplicate content) nhƣ đƣờng dẫn quan trọng khác lên đầu trang code giúp máy tìm kiếm tìm thấy thơng tin nhanh chóng dễ dàng Tối ƣu trang Web cho số hóa Khi xem lại ví dụ code phần trên, thấy cac thành phần navigation menu đƣợc tạo thẻ chuẩn HTML nhƣ danh sách

siêu liên kết Các thẻ chuẩn giúp cho đƣờng dẫn dễ dàng đƣợc tìm thấy máy tìm kiếm Và đƣơng nhiên trang Web đƣợc số hóa dễ dàng Ngƣợc lại liên kết nằm javascript hay mã khác HTML không đƣợc khó tìm thấy máy tìm kiếm, điều làm giảm khả đƣợc đánh số trang Web Dàn trang phần nội dung với CSS Khi sử dụng CSS cịn trình bày nội dung với ngữ nghĩa (semantic) (Ví dụ thẻ định nghĩa mức độ quan trọng đoạn văn bản), nhƣng lại tùy ý hiển thị trang theo thiết kế Giảm kích thƣớc văn với CSS Việc sử dụng tệp tin định dạng CSS bên ngồi thay nhúng chúng trực tiếp tài liệu HTML giúp làm giảm kích thƣớc trang Web Tệp tin nhỏ tốc độ tải trang nhanh cho ngƣời dùng đƣơng nhiên máy truy tìm Ngồi việc phải tải xuống file HTML nhỏ tệp tin CSS cịn đƣợc chia sẻ nhiều trang Web đƣợc cho vào cache trình duyệt cơng cụ tìm kiếm Bởi lần tải trang trình duyệt máy tìm kiếm thấy đƣờng dẫn CSS trùng lặp khơng tải xuống Webmaster có nhiều thời gian cho SEO Sử dụng CSS cho phép cập nhật nhanh dễ dàng trang Web Cho phép thực thi tác vụ Webmaster cách đơn giản nhƣ 10 3.4.Sơ đồ liên kết thực thể 3.5 Thiết kế liệu hệ thống mức vật lý a Bảng danh mục sản phẩm 22 b Bảng danh mục loại sản phẩm c Bảng sản phẩm 23 d Bảng đơn hàng e Bảng chi tiết hóa đơn 24 f Bảng khách hàng g Bảng ý kiến phản hồi h Bảng tin tức 25 i Bảng chi phí j Bảng bình chọn 26 CHƢƠNG 4: WEBSITE HỖ TRỢ BÁN MÁY TÍNH 4.1 Một số giao diện dành cho ngƣời dùng a Trang chủ Một số chức giao diện: - Banner thể logo thƣơng hiệu công ty - Hiện thị menu chức nhƣ: cho phép đăng kí ngƣời dùng mới, đăng nhập tài khoản mới, liên hệ với công ty - Bảng thị số nhà sản xuất, có dịng sản phẩm đƣợc sử dụng nhiều Việt Nam 27 - Hiện thị tin tức, tin khuyễn từ công ty - Giới thiệu sản phẩm công ty - Hiện thị bảng danh mục sản phẩm - Bảng lấy ý kiến ngƣời dùng dịng sản phẩm mà họ ƣa thích - Bảng hỗ trợ trực tuyến công ty với khách hàng giao tiếp qua yahoo - Bảng ƣớc chừng giá theo ý muốn ngƣời dùng - Phần giỏ hàng, hiển thị thông tin số sản phẩm ngƣời dùng đặt mua b Trình bày sản phẩm 28 - Mỗi sản phẩm đƣợc trình bày khung, đƣợc thị ảnh minh họa, chi tiết giá ngày cập nhật giá Khi click chuột vào xem chi tiết thị khung chi tiết sản phẩm - Khi ngƣời dùng đƣa chuột vào sản phẩm, thông tin chi tiết sản phẩm thị, ngƣời dùng tham khảo phần thông tin định đặt hàng hay xem chi tiết, bỏ qua sản phẩm c Giao diện chi tiết sản phẩm Trên giao diện mô tả chi tiết sản phẩm mà ngƣời dùng chọn 29 d Đăng kí ngƣời dùng - Khung đăng kí ngƣời dùng, yêu cầu số thông tin quy định hệ thống để thành lập tài khoản e Giao diện đăng nhập - Giao diện đăng nhập cho phép ngƣời dùng đăng nhập có tài khoản Sau đăng nhập hệ thống thông báo kết lần đăng nhập 30 f Giao diện trình bày tin tức - Giao diện trình bày tất tin cơng ty, tin đƣợc trình bày rõ ràng, với hình ảnh minh họa nội dung tóm tắt g Giao diện đọc tin Trên khung giao diện thị cách trực quan từ chủ đề tin phần nội dung 31 Phía cuối thị tin liên quan, ngƣời dùng đọc thêm tin khác h Giao diện giỏ hàng Giỏ hàng cho phép thực chức đặt hàng, khách hàng cập nhật, xóa giỏ hàng 32 i Giao diện đơn đặt hàng Trên đơn hàng, yêu cầu khách hàng số thông tin đẻ thực giao dịch 4.2 Giao diện quản trị Trên giao diện này, ban quản trị thực quản lý thông tin website nhƣ, quản lý tài khoản khách hàng, xử lý đơn hàng, nhập sản phẩm mới, sửa thông tin sản phẩm, nhập tin 33 KẾT LUẬN Nhằm phục vụ mục đích chung, nhà phát triển công nghệ thông tin không ngừng nghiên cứu, phát triển nhằm đƣa sản phẩm tốt Trong xu việc ứng dụng kĩ thuật trở nên cấp thiết nhằm hạ giá thành sản phẩm, nâng cao chất lƣợng dịch vụ Đồ án xây dựng Website hỗ trợ bán máy tính đạt kết sau: - Tìm hiểu kĩ thuật css3.Nắm bắt đƣợc mạnh kĩ thuật CSS3 thiết kế Website -Phân tích thiết kế tốn bán máy tính - Xây dựng website Giới thiệu bán máy tính gồm chức năng: Giúp khách hàng xem,tìm kiếm thông tin sản phẩm,tham khảo giá thành sản phẩm có Website Khách hàng đăng ký thông tin cá nhân Website quản lý thông tin Thay đổi,thêm xóa bỏ thơng tin,hình ảnh cập nhập sản phẩm có Website - Xây dựng đƣợc giao diện có tính thẩm mĩ cao, thân thiện với ngƣời dùng - Hiểu rõ quy trình xây dựng thành phẩm dự án website - Tích lũy đƣợc nhiều kinh nghiệm cách giải vấn đề trình gặp phải Hƣớng phát triển: 34 - Tiếp tục tìm hiểu vận dụng kĩ thuật css3 áp dụng vào xây dựng website, nâng cao tính thẩm mĩ, cải thiện tốc độ ứng dụng website, đƣa website gần gũi với cơng cụ tìm kiếm mạng - Ứng dụng website " Giới thiệu bán sản phẩm máy tính - linh kiện máy tính" hồn thành, đảm bảo chức áp dụng cho mơ hình thực tế 35 TÀI LIỆU THAM KHẢO Nguyễn Văn Ba -phân tích thiết kế hệ thống thơng tin NXB Đại Học Quốc Gia Hà Nội - 2006 Kỹ thuật lập trình PHP & MySQL Tống Phƣớc Hải - NXB Lao động Hà Nội - Phạm Hữu Khang Xây dựng ứng dụng web php&mysql - NXB Mũi Cà Mau Steven Golzer (Biên dịch Gia Việt) - Thiết kế web động với PHP – NXB Thống kê 4/2005 .Internet: http://www.w3schools.com/css/ http://www.izwebz.com http://thietkeweb.vn http://phpvn.org http://css.maxdesign.com.au/ 36 ... em chọn đề tài: "Xây dựng website hỗ trợ bán máy tính" để làm đồ án tốt nghiệp Nội dung đồ án tốt nghiệp gồm có chƣơng Chƣơng 1: Tổng quan đề tài xây dựng website hỗ trợ bán máy tính Chƣơng 2:... quy trình hoạt động hệ thống website hỗ trợ bán hàng hoạt động 1.5 Kết cần đạt đƣợc -xây dựng website hỗ trợ bán máy tính có u cầu sau: Yêu cầu chức - Ngƣời vi? ??ng thăm website xem, tìm kiếm thơng... thiết kế Website -Phân tích thiết kế tốn bán máy tính - Xây dựng website Giới thiệu bán máy tính gồm chức năng: Giúp khách hàng xem,tìm kiếm thơng tin sản phẩm,tham khảo giá thành sản phẩm có Website