hay thuộc tính • khơng quan trọng sinh cơng cụ lập trình CSS giúp website có dự đồng tuyệt đối - Dù website có trang bạn phải định dạng file CSS Khi bạn muốn phát triển giao diện website bạn • phải thay đổi trang nhất, trang khác tự động thay đổi theo CSS tương thích với hầu hết trình duyệt - Ngơn ngữ hỗ trợ hầu hết trình duyệt Trang web hiển thị trình duyệt khác với nội dung quán Tuy nhiên số trường hợp, người thiết kế web cần phải xác định khách hàng thường hay sử dụng trình duyệt để có điều chỉnh phù hợp 2.4 Jquery Hình 3: Logo Jquery - Jquery thư viện JavaScript đa trình duyệt thiết kế để đơn giản hóa lập trình phía máy người dùng HTML, phát hành vào tháng năm 2006 BarCamp NYC John Resig - JQuery có mã nguồn mở hồn tồn miễn phí, có cộng đồng sử dụng đơng, nhiều lập trình tham gia hồn thiện, phát triển viết Plugin - JQuery đơn giản hóa cách viết Javascript tăng tốc độ xử lý kiện trang web => tiết kiệm thời gian cơng sức - Ưu điểm Jquery • • • • • - - Hỗ trợ tốt việc xử lý Dom, Ajax… Tương thích nhiều trình duyệt web phổ biến Nhỏ gọn, dễ dùng Ít xung khắc với thư viện Javascript khác Plugin phong phú Khuyết điểm Jquery • Máy client yếu,chậm xài js q nhiều • Khơngtốtcho SEO • Nếu check security khơng tốt bị hack cách access thẳng đến file php xử lý Jquery làm gì: • Hướng tới thành phần HTML: JQuery cho phép bạn chọn thành phần tài liệu cách dễ dàng dựa vào JQuery selector • Thay đổi giao diện trang web: JQuery giúp trang web hiển thị tốt hầu hết trình duyệt • Thay đổi nội dung tài liệu:JQuery thêm bớt nội dung trang, chí cấu trúc HTML • Tương tác với người dùng:JQuery cho nhiều phương thức để tương tác với người dùng tối giản mã Event code HTML • Tạo hiệu ứng động:JQuery cho phép sử dụng nhiều hiệu ứng động mờ dần, slideUp, slideDown… • Hỗ trợ Ajax: Là cơng nghệ ngày trở nên phổ biến, giúp người thiết kế web tạo trang web tương tác cực tốt nhiều tính 2.5 Ajax Hình 4: Logo AJax - AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript XML không đồng bộ), công cụ cho phép tăng tốc độ ứng dụng web cách cắt nhỏ liệu hiển thị cần thiết, thay tải tải lại tồn trang web AJAX khơng phải công nghệ đơn lẻ mà kết hợp nhóm cơng nghệ với Trong đó, HTML CSS đóng vai hiển thị liệu, mơ hình DOM trình bày thơng tin động, đối tượng XMLHttpRequest trao đổi liệu khơng đồng với máy chủ web, XML định dạng chủ yếu cho liệu truyền Đây cơng nghệ sẵn có Javacript - lắp ráp chúng lại để thực “sứ mệnh” đáng khâm phục Ưu điểm • Trang web cập nhật lại nội dung cần thiết mà nạp lại tồn trang web • Trang web hiển thị nhanh lượng liệu trao đổi máy chủ trình duyệt web giảm nhiều • Việc sử dụng Ajax làm giảm kết nối đến server, mã kịch (script) style sheet phải yêu cầu lần - Khuyết điểm • Các chức Back, Bookmark trình duyệt hoạt động khơng • Với số trình duyệt, nhu cầu bảo mật, tắt chức thực Javascript nên ajax chạy, hay vài host, không hỗ trợ vào sâu cấu hình server nên hay bị lỗi "Access denied" • Mở cách thức khác cho việc công đoạn mã độc mà nhà phát triển web khơng kiểm thử hết - Ajax hoạt động • Việc xử lý thông tin thực máy khách (client) thay máy phục vụ (server) truyền thống • Máy chủ làm việc đơn giản nhận thông tin từ máy khách trả liệu cho máy khách • Máy khách xử lý sơ thơng tin người dùng nhập vào, sau chuyển máy chủ nhận liệu từ máy chủ xử lý để hiển thị cho người dùng Hình 5: Mơ hình hoạt động Ajax 10 mahd masp soluong dongia thanhtien Mã hóađơn Mã sản phẩm Số lượng Đơn giá Thành tiền 3.1.12 Thực thể Hóa đơn ST T 10 Thuộc tính Mơ tả mahd makh ngaydathang ngaygiaohang tennguoinhan diachinhan dienthoainhan httt htgh manv Mã hóa đơn Mã khách hàng Ngày đặt hàng Ngày giao hàng Tên người nhận Địa nhận Điện thoại nhận Hình thức tốn Hình thức giao hàng Mã nhân viên 3.1.13 Thực thể Khách hàng ST T Thuộc tính Mô tả makh tenkh phai diachi dienthoai email tenDN matkhau Mã khách hàng Tên khách hàng Phái Địa Điện thoại Email Tên đăng nhập Mật 3.2 Site map 17 Hình 2: Sitemap 3.3 Mơ hình vật lý Hình 3: Mơ hình vật lý liệu Là mơ hình liệu cài đặt máy tính hệ quản trị sở liệu cài đặt thành tệp sở liệu gồm cột, tên trường, kiểu liệu, độ lớn phần ràng buộc liệu Với toán quản lý ATM mơ hình hóa liệu cài đặt máy hệ quản trị sở liệu SQL Server 2008 kết nối vớiASP.NET mơ hình MVC4 Ứng dụng lược đồ quan hệ mơ hình tổ chức liệu, liệu cài đặt dạng bảng Table sau: 3.3.1 Bảng Sản phẩm ST Tên trường Kiểu Độ Not 18 Ràng buộc / Mô tả T liệu dài null masp int tensp hinhsp mota kichco donvitinh Nvarchar Char Ntext Char Nvarchar dongia Numeric No 10 maloai macn madl Int Int Int No Yes No 11 mancc Int Yes 12 mahsx Int No Datetime No 13 14 15 ngaycapnha t soluong solanxem Miền giá trị masp (Khóa Yes Int Int 50 50 5 Yes Yes Yes Yes Yes Cái Tên sản phẩm Hình sản phẩm Mơ tả Kích cỡ Đơn vị tính Giá sản phẩm Mã loại Mã công nghệ Mã dung lượng Mã nhà cung cấp Mã hãng sản xuất Ngày cập nhật No No Bảng 1: Bảng Sản phẩm sản phẩm Số lượng Số lần xem 3.3.2 Bảng Loại ST T Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị maloai Int tenloai Nvarchar Mã loại (Khóa Yes 50 Mơ tả chính) Tên loại Yes Bảng 2: Bảng Loại 3.3.3 Bảng Dung lượng STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị madl Int Yes tendl Nvarchar 50 Yes Bảng 3: Bảng Dung lượng 3.3.4 Bảng Công nghệ 19 Mơ tả Mã dung lượng (Khóa chính) Tên dung lượng STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị macn Int tencn Nvarchar Mã cơng nghệ Yes 50 Mơ tả (Khóa chính) Tên cơng nghệ Yes Bảng 4: Bảng Cơng nghệ 3.3.5 Bảng Nhà cung cấp STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị Mô tả Mã nhà cung mancc Int Yes tenncc Nvarchar diacchi dienthoai Ntext Char 50 Yes 11 No No cấp (Khóa chính) Tên nhà cung cấp Địa Điện thoại Bảng 5: Bảng Nhà cung cấp 3.3.6 Bảng Hãng sản xuất STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị Mô tả Mã hãng sản mahsx tenhsx Int Yes Nvarchar 50 xuất (Khóa chính) Tên hãng sản Yes xuất Bảng 6: Bảng Hãng sản xuất 3.3.7 Bảng Chi tiết đơn hàng STT Tên trường Kiểu Độ Not 20 Ràng buộc / Mô tả liệu dài null madh Int Yes masp Int Yes soluong thanhtien Int Money No No Miền giá trị Mã đơn hàng (Khóa chính) Mã sản phẩm (Khóa chính) Số lượng Thành tiền Bảng 7: Bảng Chi tiết đơn hàng 3.3.8 Bảng Đơn hàng STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị madh Int tennguoinhan Nvarchar 30 Yes diachinhan dienthoainha Nvarchar 50 Yes Char 11 Yes n dagiao Mã đơn hàng Yes Bit Mơ tả (Khóa chính) Tên người nhận Địa nhận Điện thoại No Bảng 8: Bảng Đơn hàng nhận Đã giao 3.3.9 Bảng Chi tiết hóa đơn STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị mahd Int masp Int 30 Yes soluong dongia thanhtien Int Money Money 50 Yes Yes No Mơ tả Mã hóa đơn Yes (Khóa chính) Mã sản phẩm (Khóa chính) Số lượng Đơn giá Thành tiền Bảng 9: Bảng Chi tiết hóa đơn 3.3.10 Bảng Hóa đơn STT Tên trường mahd Kiểu Độ Not Ràng buộc / liệu dài null Yes Miền giá trị Int 21 Mô tả Mã hóa đơn makh Int ngaydathang Datetime ngaygiaohang Datetime tennguoinhan Nvarchar 30 Yes diachinhan dienthoainha Nvarchar 50 Yes Char 11 Yes n (Khóa chính) Mã khách hàng Ngày đặt hàng Ngày giao hàng Tên người Yes Yes Yes httt Bit No htgh Bit No 10 manv Int Yes nhận Địa nhận Điện thoại nhận Hình thức tốn Hình thức giao hàng Mã nhân viên Bảng 10: Bảng Hóa đơn 3.3.11 Bảng Nhân viên STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị manv Int tennv phai diachi Nvarchar Nvarchar Nvarchar 30 50 Yes Yes Yes cmnd char 11 No dienthoai email tenDN matkhau Char Char Ntext Ntext 50 50 11 Yes No Yes No Mô tả Mã nhân viên Yes Nam Nữ (Khóa chính) Tên nhân viên Phái Địa Chứng minh nhân dân Điện thoại Email Tên đăng nhập Mật Bảng 11: Bảng Nhân viên 3.3.12 Bảng Khách hàng STT Tên trường makh Kiểu Độ Not Ràng buộc / liệu dài null Yes Miền giá trị Int 22 Mô tả Mã khách hàng tenkh Nvarchar 30 Yes phai diachi dienthoai Nvarchar Nvarchar char 50 11 Yes Yes No email Char 50 Yes tenDN matkhau Ntext Ntext (Khóa chính) Tên khách Nam Nữ Phải có ký tự @ Yes Yes hàng Phái Địa Điện thoại Email Tên đăng nhập Mật Bảng 12: Bảng Khách hàng 3.3.13 Bảng Quảng cáo STT Tên trường Kiểu Độ Not Ràng buộc / liệu dài null Miền giá trị stt Int Yes tencty hinhminhhoa href Nvarchar Varchar Varchar ngaybatdau Datetime No ngayhethan Datetime No 20 20 100 Yes Yes Yes Bảng 13: Bảng Quảng cáo 3.4 Giao diện 3.4.1 Giao diện trang chủ 23 Mơ tả Số thứ tự (Khóa chính) Tên cơng ty Hình minh họa Link quảng cáo Ngày bắt đầu quảng cáo Ngày hết hạn quảng cáo Hình 4: Giao diện trang chủ Giao diện trang chủ hiển thị tất menu chức website cho phép ngườidùng thao tác với hệ thống, đồng thời hiển thị sản phẩm Những người làadmin khơng có quyền truy cập vào trang “ Quản trị ” website 3.4.2 Giao diện trang đăng nhập (khách hàng) Hình 5: Giao diện trang đăng nhập (khách hàng) Sau xem mặt hàng, mua sản phẩm Để đặt hàng, toán trực tuyến hưởng ưu đãi khách hàng phải đăng nhập vào hệ thống Khách hàng chưa có tài khoản nhấn vào link “Đăng ký” để đăng ký 3.4.3 Giao diện trang đăng ký 24 Hình 6: Giao diện trang đăng ký Để đăng ký tài khoản, khách hàng phải điền đầy đủ thông tin định dạng đăng ký thành cơng 3.4.4 Giao diện hiển thị sản phẩm theo loại Hình 7: Giao diện hiển thị sản phẩm theo loại 3.4.5 Giao diện hiển thị sản phẩm theo hãng sản xuất 25 Hình 8: Giao diện hiển thị sản phẩm theo hãng sản xuất 3.4.6 Giao diện trang chi tiết sản phẩm Hình 9: Giao diện trang chi tiết sản phẩm 3.4.7 Giao diện trang giỏ hàng 26 Hình 10: Giao diện trang giỏ hàng 3.4.8 Giao diện trang giới thiệu Hình 11: Giao diện trang giới thiệu 3.4.9 Giao diện trang liên hệ 27 Hình 12: Giao diện trang liên hệ 3.4.10 Giao diện trang đăng nhập Admin Hình 13: Giao diện trang đăng nhập Admin 3.4.11 Giao diện trang quản lý sản phẩm 28 Hình 14: Giao diện trang quản lý sản phẩm Sau đăng nhập vào trang Admin, chức quản lý sản phẩm dùng để quản lý thông tin tất sản phẩm Tại người quản trị thêm, sửa, xóa sản phẩm muốn 3.4.12 Giao diện trang quản lý loại sản phẩm 29 Hình 15: Giao diện trang quản lý loại sản phẩm Chức quản lý loại sản phẩm dùng để quản lý thông tin tất loại sản phẩm Tại người quản trị thêm, sửa, xóa loại sản phẩm muốn 3.4.13 Giao diện trang quản lý đơn đặt hàng Hình 16: Giao diện trang quản lý đơn đặt hàng Giao diện trang quản lý đơn đặt hàng cho phép người quản trị xem, xóa đơn đặt hàng khách hàng CHƯƠNG 4: KẾT LUẬN 4.1 Kết thực Tuy cố gắng kết đạt chưa mong muốn Web đạt mức độ Chưa tích hợp Google Map API Thanh toán trực tuyến vào trang web 4.2 Đánh giá 4.2.1 Ưu diểm - Chương trình có giao diện đẹp, thân thiện, trực quan Dễ sử dụng Tích hợp cơng nghệ Chương trình hoạt động nhanh, mượt, hiệu quả, chức chạy ổn định 4.2.2 Khuyết điểm 30 - Do thời gian có hạn khả hạn chế nên số chức chưa ý muốn 4.3 Hướng phát triển Nâng cấp, phát triển thêm giao diện Bổ sung thêm tính tìm kiếm sản phẩm Hỗ trợ thay đổi giao diện trang web - 4.4 Tổng kết Tóm lại, Website bán hàng linh kiện máy tính website hữu ích, giúp cho việc kinh doanh, quản lý hàng hóa trở nên dễ dàng, nhanh chóng thuận tiện từ giúp cho việc quản lý nâng cao hiệu quả, đạt chất lượng tốt hơn, phát triển Với mục đích muốn cơng việc kinh doanh hàng hóa tốt hơn, đạt hiệu nên em xây dựng website Mong website sớm đưa vào ứng dụng thực tế TÀI LIỆU THAM KHẢO Tài liệu tham khảo Lê Thị Minh Nguyện: “Giáo trình sở liệu” Lê Thị Minh Nguyện: “Giáo trình SQL Server” Phạm Đào Minh Vũ: “Giáo trình lập trình web” Dương Thành Phết: “Giáo trình cơng nghệ web nâng cao” Website tham khảo http://api.jquery.com/ http://forums.asp.net/ http://www.w3schools.com/ http://www.asp.net/ajax http://api.jquery.com/jquery.ajax/ 31 ... sung thêm tính tìm kiếm sản phẩm Hỗ trợ thay đổi giao diện trang web - 4.4 Tổng kết Tóm lại, Website bán hàng linh kiện máy tính website hữu ích, giúp cho việc kinh doanh, quản lý hàng hóa trở... kê thị hiếu khách hàng mà không tốn nhiều thời gian, tiền bạc để mở khảo sát đến người tiêu dùng Xuất phát từ lý nên em chọn đề tài Xây dựng Website bán hàng linh kiện máy tính làm đề tài kết... khách hàng ngồi nhà lướt qua trang web để xem, đặt hàng phục vụ đến tận nhà Một Website bán hàng giúp cho việc giao dịch khách hàng doanh nghiệp trở nên tiện lợi Vì khách hàng nhà thấy sản phẩm tính