THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG CHO CỬA HÀNG “HOÀNG KIM”

Công Nghệ Thông Tin, it, phầm mềm, website, web, mobile app, trí tuệ nhân tạo, blockchain, AI, machine learning - Công Nghệ Thông Tin, it, phầm mềm, website, web, mobile app, trí tuệ nhân tạo, blockchain, AI, machine learning - Công nghệ thông tin UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA CÔNG NGHỆ THÔNG TIN ---------- KHÓA LUẬN TỐT NGHIỆP CAO ĐẲNG THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG CHO CỬ A HÀNG “HOÀNG KIM” Sinh viên thực hiện ĐOÀN THỊ KIM PHƯỢNG MSSV: 4113021046 CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN KHÓA 2013 – 2016 Cán bộ hướng dẫn ThS. TRẦN THỊ DIỆU LINH MSCB: ……… Quảng Nam, tháng 04 năm 2016 LỜI CẢM ƠN Lời đầu tiên em xin được chân thành cảm ơn cô Trần Thị Diệu Linh giảng viên khoa công nghệ thông tin trường đại học Quảng Nam, là người đã hướng dẫn và giúp đỡ em rất nhiều để hoàn thành đề tài này. Trong suốt thời gian thực hiện khóa luận tốt nghiệp này, em gặp rất nhiều khó khăn. Gia đình xảy ra nhiều chuyện đôi lúc em muốn bỏ cuộc nhưng khi em cần đến sự giúp đỡ của cô, cô vẫn cho em cơ hội sẵn sàng giúp đỡ em hoàn thành khóa luận này, mặc dù cận kề với ngày nộp bài. Cho đến hôm nay, đề tài tốt nghiệp của em đã hoàn thành cũng chính nhờ sự quan tâm, giúp đỡ nhiệt tình của cô. Ngoài ra em xin một lần nữa chân thành cảm ơn đến các thầy cô và bạn bè anh chị trong khoa công nghệ thông tin. Suốt ba năm học qua, tuy không quá dài nhưng cũng không quá ngắn, thầy cô đã cho em thêm một nền tảng kiến thức quý báu để ngày hôm nay em có thể hoàn thành được đề tài này. Mặc dù, em đã cố gắng hoàn thành đề tài tốt nghiệp này trong khả năng và phạm vi cho phép nhưng chắc chắn sẽ không tránh khỏi sai sót. Vì vậy em mong nhận được sự thông cảm và tận tình đóng góp ý kiến của quý thầy cô và các bạn. Em xin chân thành cảm ơn Sinh viên thực hiện Đoàn Thị Kim Phượng MỤC LỤC PHẦN 1: MỞ ĐẦU.................................................................................................... 1 1.1. Lý do chọn đề tài ............................................................................................... 1 1.2. Mục tiêu của đề tài ............................................................................................ 1 1.3. Đối tượng và phạm vi nghiên cứu ..................................................................... 2 1.4. Phương pháp nghiên cứu ................................................................................... 2 1.5. Lịch sử nghiên cứu ............................................................................................ 2 1.6. Đóng góp của đề tài ........................................................................................... 2 1.7. Cấu trúc đề tài.................................................................................................... 2 PHẦN 2: NỘI DUNG NGHIÊN CỨU .................................................................... 3 CHƯƠNG 1: CƠ SỞ LÝ LUẬN VÀ NỀN TẢNG XÂY DỰNG HỆ THỐNG. .. 3 1.1. Tìm hiểu sơ về thương mại điện tử và web động .............................................. 3 1.1.1. Thương mại điện tử .......................................................................................... 3 1.1.1.1. Khái niệm thương mại điện tử: ...................................................................... 3 1.1.1.2. Lợi ích của thương mại điện tử: ..................................................................... 3 1.1.2. Khái niệm Website và web động ..................................................................... 5 1.1.2.1. Khái niệm về website ..................................................................................... 5 1.1.2.2. Khái niệm về Web động................................................................................. 6 1.2. Giới thiệu về một số ngôn ngữ lập trình và hệ quản trị cơ sở dữ liệu Mysql.... 7 1.2.1. Ngôn ngữ lập trình PHP và môi trường lập trình website. .............................. 7 1.2.1.1. PHP là gì?....................................................................................................... 7 1.2.1.2. Tại sao sử dụng ngôn ngữ lập trình PHP. ...................................................... 7 1.2.1.3. Điểm mạnh của ngôn ngữ PHP ...................................................................... 9 1.3.2. Ngôn ngữ HTML ............................................................................................. 9 1.3.2.1. HTML là gì?................................................................................................... 9 1.3.2.2. Các thẻ định cấu trúc tài liệu.......................................................................... 9 1.3.2.3. Các thẻ định dạng khối................................................................................. 10 1.3.3. Ngôn ngữ CSS ................................................................................................ 12 1.3.3.1. CSS là gì? ..................................................................................................... 12 1.3.3.2. Một số đặc tính của CSS .............................................................................. 12 1.3.3.3. Các thẻ chọn trong CSS ............................................................................... 12 1.3.4. Giới thiệu về hệ quản trị cơ sở dữ liệu MySQL. ............................................. 13 1.3.4.1. Hệ quản trị cơ sở dữ liệu MySQL là gì? ...................................................... 13 1.3.4.2. Tại sao lại sử dụng MySQL? ....................................................................... 13 CHƯƠNG 2: PHÂN TÍCH CHỨC NĂNG CỦA HỆ THỐNG VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU .............................................................................................. 15 2.1. Phân tích chức năng của hệ thống ................................................................... 15 2.1.1. Sơ đồ phân rã chức năng của hệ thống........................................................... 15 2.1.2. Yêu cầu của khách hàng ................................................................................. 15 2.1.3. Yêu cầu của người quản trị. ........................................................................... 16 2.1.4. Thiết lập biểu đồ luồng dữ liệu ở mức ngữ cảnh ........................................... 17 2.1.4.1. Biểu đồ luồng dữ liệu mức đỉnh................................................................... 18 2.1.4.2. Biểu đồ luồng dữ liệu mức dưới đỉnh. ......................................................... 18 2.2. Thiết kế cơ sở dữ liệu. ..................................................................................... 20 2.2.1. Biểu đồ dữ liệu quan hệ.................................................................................. 20 2.2.2. Thiết kế các bảng trong cơ sở dữ liệu ............................................................ 21 CHƯƠNG 3: THIẾT KẾ VÀ CÀI ĐẶT WEBSITE............................................ 27 3.1. Giao diện “Trang chủ” .................................................................................... 27 3.2. Giao diện “Trang giới thiệu” ........................................................................... 28 3.3. Giao diện trang “giỏ hàng” .............................................................................. 29 3.4. Giao diện “Trang đăng ký” ............................................................................. 31 3.5. Giao diện “Trang đăng nhập” .......................................................................... 33 3.6. Giao diện trang “Thông tin tài khoản” ............................................................ 34 3.7. Giao diện trang “Liên hệ” ............................................................................... 34 3.8. Giao diện trang đăng nhập quản trị “admin”................................................... 35 3.9. Giao diện trang “admin”.................................................................................. 35 3.10. Giao diện trang “Quản lý tài khoản” ............................................................... 35 3.11. Giao diện trang “Quản lý sản phẩm” .............................................................. 36 3.12. Giao diện trang “Quản lý danh mục” .............................................................. 36 PHẦN 3: KẾT LUẬN VÀ KIẾN NGHỊ................................................................ 37 PHẦN 4: TÀI LIỆU THAM KHẢO ..................................................................... 38 DANH MỤC BIỂU MẪU, HÌNH ẢNH Hình 2.1 Sơ đồ phân rã chức năng hệ thống ........................................................ 15 Hình 2.2 Biểu đồ luồng dữ liệu ở mức ngữ cảnh .................................................. 17 Hình 2.3 Biểu đồ luồng dữ liệu mức đỉnh ............................................................. 18 Hình 2.4 Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “Giao dịch” ...... 18 Hình 2.5 Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “ Quản trị”. ...... 19 Hình 2.6 Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “Tìm kiếm”. ...... 19 Hình 2.10 Biểu đồ dữ liệu mối quan hệ ................................................................ 20 Hình 3.1 Giao diện trang chủ ............................................................................... 27 Hình 3.2 Giao diện trang giới thiệu ..................................................................... 28 Hình 3.3 Giao diện trang thêm sản phẩm vào giỏ hàng....................................... 29 Hình 3.3.1 Giao diện trang giỏ hàng .................................................................... 30 Hình 3.3.2 Giao diện trang đặt mua hàng ............................................................ 30 Hình 3.3.3 Giao diện hiển thị đã gởi đơn hàng thành công ................................. 31 Hình 3.4 Giao diện trang đăng ký ........................................................................ 31 Hình 3.4.1 Giao diện hiển thị thông báo đăng ký thành công .............................. 32 Hình 3.4.2 Giao diện hiển thị thông báo đăng nhập lỗi ....................................... 32 Hình 3.5 Giao diện trang đăng nhập .................................................................... 33 Hình 3.5.1 Giao diện hiển thị thông báo đăng nhập sai ...................................... 33 Hình 3.6 Giao diện trang thông tin tài khoản. ..................................................... 34 Hình 3.7 Giao diện trang liên hệ .......................................................................... 34 Hình 3.8 Giao diện trang đăng nhập quản trị admin ........................................... 35 Hình 3.9 Giao diện trang “Quản lý tài khoản” ................................................... 35 Hình 3.10 Giao diện trang “Quản lý sản phẩm” ................................................. 36 Hình 3.11 Giao diện trang “Quản lý danh mục” ................................................. 36 Đoàn Thị Kim Phượng – CT13CTT02 Trang 1 PHẦN 1: MỞ ĐẦU 1.1. Lý do chọn đề tài Ngày nay, cuộc cách mạng khoa học công nghệ và những thành tựu của nó đã làm biến đổi sâu sắc mọi mặt của đời sống xã hội. Máy tính điện tử không còn là phương tiện lạ lẫm với mọi người mà nó dần trở thành một công cụ làm việc và giải trí thông dụng và hữu ích của chúng ta, không chỉ ở công sở mà ngay ở các gia đình… Đứng trước sự cạnh tranh gay gắt về thị trường và khách hàng, các tổ chức và doanh nghiệp đều tìm mọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt động tác nghiệp của đơn vị, và các đơn vị kinh doanh điện thoại di động cũng không nằm ngoài số đó. Điện thoại di động ngày nay đã trở nên quá quen thuộc và là vật dụng không thể thiếu của nhiều người. Cho dù ở bất cứ nơi đâu nhưng với chỉ vài giây kết nối ta đã liên lạc với nhau một cách dễ dàng. Không chỉ thỏa mãn nhu cầu trao đổi thông tin, mà còn là phương tiện giải trí, giúp họ chứng tỏ bản lĩnh , đẳng cấp và sành điệu…Ngày nay trên thế giới nói chung và Việt Nam ta nói riêng đã xuất hiện rất nhiều công ty, văn phòng, cửa hàng chuyên bán điện thoại di động. Với việc phát triển nhanh chóng của những công nghệ web như HTML5, CSS3, Javascrip và bên cạnh đó là sức sáng tạo không giới hạn của các web Designer, việc tạo ra các trải nghiệm mới lạ, khiến các website thêm sinh động không còn là chuyện khó nữa. Chính vì thế nên em đã chọn đề tài “Thiết kế website bán điện thoại di độ ng cho cửa hàng Hoàng Kim ” làm đề tài khóa luận của mình. Do kiến thức và trình độ hiểu biết còn hạn chế nên không tránh khỏi những thiếu sót trong quá trình làm. Vì vậy, em rất mong nhận được sự giúp đỡ của giáo viên hướng dẫn và đánh giá nhận xét của ban giám khảo, em xin chân thành cảm ơn 1.2. Mục tiêu của đề tài - Thiết kế website nhằm bán và giới thiệu rộng rãi các mặt hàng của cửa hàng đến người tiêu dùng với các chi tiết mặt hàng cũng như giá cả một cách chính xác và cụ thể nhất. - Quản lý các thông tin khách hàng, ban quản trị. - Giúp khách hàng trao đổi mua bán tiện lợi. Đoàn Thị Kim Phượng – CT13CTT02 Trang 2 - Đưa ra các sản phẩm điện thoại di động đa dạng và hợp túi tiền. - Cung cấp cho khách hàng những cập nhật mới nhất về sản phẩm và giá cả. 1.3. Đối tượng và phạm vi nghiên cứu - Đối tượng nghiên cứu: Đề tài chủ yếu tìm hiểu về các ngôn ngữ thiết kế web như HTML, CSS, PHP. Sử dụng công cụ Notepad++ để viết code. - Phạm vi nghiên cứu: website bán hàng điện thoại di động cho cửa hàng Hoàng Kim. 1.4. Phương pháp nghiên cứu - Phương pháp phân tích, thu thập thông tin. - Sử dụng ngôn ngữ lập trình PHP và hệ quản trị cơ sở dữ liệu MySql để viết chương trình demo, bên cạnh đó còn sử dụng phần mềm wampserver để chạy trình duyệt kết nối cơ sở dữ liệu. 1.5. Lịch sử nghiên cứu Trước khi để thiết kế một trang web cơ bản cũng như một trang web bán hàng điện tử trực tuyến ta phải tìm hiểu về một số ngôn ngữ trong thiết kế web như php, html,.. Sau đó đi phân tích hệ thống website theo hướng cấu trúc và thiết kế cơ sở dữ liệu. 1.6. Đóng góp của đề tài Đề tài này còn giúp cho khách hàng cũng như các nhà quản lý dễ dàng hơn trong việc quản lý và trao đổi mua bán sản phẩm của cửa hàng. 1.7. Cấu trúc đề tài Đề tài bao gồm các phần như sau: Phần 1: Mở đầu. Phần 2: Nội dung nghiên cứu. Gồm có 3 chương: - Chương 1: Cơ sở lý luận và nền tảng xây dựng hệ thống. - Chương 2: Phân tích chức năng của hệ thống và thiết kế cơ sở dữ liệu. - Chương 3: Thiết kế và cài đặt website. Phần 3: Kết luận và kiến nghị. Phần 4: Tài liệu tham khảo. Đoàn Thị Kim Phượng – CT13CTT02 Trang 3 PHẦN 2: NỘI DUNG NGHIÊN CỨU CHƯƠNG 1: CƠ SỞ LÝ LUẬN VÀ NỀN TẢNG XÂY DỰNG HỆ THỐNG. 1.1. Tìm hiểu sơ về thương mại điện tử và web động 1.1.1. Thương mại điện tử 1.1.1.1. Khái niệm thương mại điện tử: Thương mại điện tử (Còn gọi là E-commerce hay E-Business) là quy trình mua bán hàng hóa và dịch vụ thông qua các phương tiện điện tử và mạng viễn thông, đặc biệt là qua máy tính và mạng Internet. Mạng internet là một kết nối gồm nhiều phân mạng trên khắp thế giới, vào mạng internet ta có thể trao đổi thư từ, dịch vụ giải trí, truyền file dữ liệu từ khắp mọi nơi trên thế giới. Ngày nay người ta hiểu khái niệm thương mại điện tử thông thường là tất cả các phương pháp tiến hành kinh doanh và các quy trình quản trị thông qua các kênh điện tử mà trong đó Internet hay ít nhất là các kỹ thuật và giao thức được sử dụng trong Internet đóng một vai trò cơ bản và công nghệ thông tin được coi là điều kiện tiên quyết. Một khía cạnh quan trọng khác là không còn phải thay đổi phương tiện truyền thông, một đặc trưng cho việc tiến hành kinh doanh truyền thống. Thêm vào đó là tác động của con người vào quy trình kinh doanh được giảm xuống đến mức tối thiểu. 1.1.1.2. Lợi ích của thương mại điện tử: a) Lợi ích của thương mại điện tử mang đến cho doanh nghiệp : - Mở rộng thị trường: Với chi phí đầu tư nhỏ hơn nhiều so với thương mại truyền thống, các cửa hàng có thể mở rộng thị trường, tìm kiếm, tiếp cận người cung cấp, khách hàng và đối tác trên khắp thế giới. Việc mở rộng mạng lưới nhà cung cấp, khách hàng cũng cho phép các tổ chức có thể mua với giá thấp hơn và bán được nhiều sản phẩm hơn. - Giảm chi phí sản xuất: Giảm chi phí giấy tờ, giảm chi phí chia sẻ thông tin, chi phí in ấn, gửi văn bản truyền thống. - Cải thiện hệ thống phân phối: Giảm lượng hàng lưu kho và độ trễ trong phân phối hàng. - Vượt giới hạn về thời gian: Việc tự động hóa các giao dịch thông qua Web và Internet giúp hoạt động kinh doanh được thực hiện mà không mất thêm nhiều chi phí biến đổi. Đoàn Thị Kim Phượng – CT13CTT02 Trang 4 - Sản xuất hàng theo yêu cầu: Còn được biết đến dưới tên gọi “Chiến lược kéo”, lôi kéo khách hàng đến với doanh nghiệp bằng khả năng đáp ứng mọi nhu cầu của khách hàng. - Mô hình kinh doanh mới: Các mô hình kinh doanh mới với những lợi thế và giá trị mới cho khách hàng. - Tăng tốc độ tung sản phẩm ra thị trường: Với lợi thế về thông tin và khả năng phối hợp giữa các doanh nghiệp làm tăng hiệu quả sản xuất và giảm thời gian tung sản phẩm ra thị trường. - Giảm chi phí thông tin liên lạc. - Giảm chi phí mua sắm: Giảm các chi phí quản lý hành chính (80); giảm giá mua hàng (5-15). - Củng cố quan hệ khách hàng: Thông qua việc giao tiếp thuận tiện qua mạng, quan hệ với trung gian và khách hàng được củng cố dễ dàng hơn. Đồng thời việc cá biệt hóa sản phẩm và dịch vụ cũng góp phần thắt chặt quan hệ với khách hàng và củng cố lòng trung thành. - Thông tin cập nhật: Mọi thông tin trên web như sản phẩm, dịch vụ, giá cả... đều có thể được cập nhật nhanh chóng và kịp thời. - Các lợi ích khác: Nâng cao uy tín, hình ảnh doanh nghiệp; cải thiện chất lượng dịch vụ khách hàng; đối tác kinh doanh mới; đơn giản hóa và chuẩn hóa các quy trình giao dịch; tăng năng suất, giảm chi phí giấy tờ; tăng khả năng tiếp cận thông tin và giảm chi phí vận chuyển; tăng sự linh hoạt trong giao dịch và hoạt động kinh doanh. b) Lợi ích Thương mại điện tử mang lại cho cá nhân là : - Tùy từng nhóm khách hàng: Nhiều lựa chọn về sản phẩm, dịch vụ hơn. - Vượt giới hạn về không gian và thời gian: Thương mại điện tử cho phép khách hàng mua sắm mọi nơi, mọi lúc đối với các cửa hàng trên khắp thế giới. - Nhiều lựa chọn về sản phẩm và dịch vụ: Thương mại điện tử cho phép người mua có nhiều lựa chọn hơn vì tiếp cận được nhiều nhà cung cấp hơn. - Giá thấp hơn: Do thông tin thuận tiện, dễ dàng và phong phú hơn nên khách hàng có thể so sánh giá cả giữa các nhà cung cấp thuận tiện hơn và từ đó tìm được mức giá phù hợp nhất. Đoàn Thị Kim Phượng – CT13CTT02 Trang 5 - Giao hàng nhanh hơn với các hàng hóa số hóa được: Đối với các sản phẩm số hóa được như phim, nhạc, sách, phần mềm, .... việc giao hàng được thực hiện dễ dàng thông qua Internet. - Thông tin phong phú, thuận tiện và chất lượng cao hơn: Khách hàng có thể dễ dàng tìm được thông tin nhanh chóng và dễ dàng thông qua các công cụ tìm kiếm (search engines); đồng thời các thông tin đa phương tiện (âm thanh, hình ảnh). c) Ứng dụng của thương mại điện tử: Một số ứng dụng chung nhất của thương mại điện tử được liệt kê dưới đây: - Tài liệu tự động hóa ở chuỗi cung ứng và hậu cần. - Hệ thống thanh toán trong nước và quốc tế. - Quản lý nội dung doanh nghiệp. - Nhóm mua. - Trợ lý tự động trực tuyến. - IM (Instant Messaging). - Nhóm tin. - Mua sắm trực tuyến và theo dõi mặt hàng. - Ngân hàng điện tử. - Văn phòng trực tuyến. - Phần mềm giỏ hàng. - Hội thảo truyền thông trực tuyến. - Vé điện tử. 1.1.2. Khái niệm Website và web động 1.1.2.1. Khái niệm về website Website là một show room trên mạng internet, nơi trưng bày giới thiệu thông tin, hình ảnh hay sản phẩm, dịch vụ của doanh nghiệp cho mọi người trên thế giới có thể truy cập bất cứ lúc nào. Thường một website sở hữu bởi một cá nhân hay một tổ chức nào đó, để thiết lập và đưa vào hoạt động một website phải đủ ba yếu tố sau: - Tên website hay là tên miền ảoDomain name. - Web hosting: nơi lưu trữ trên máy chủ internet. Đoàn Thị Kim Phượng – CT13CTT02 Trang 6 - Các trang web: nơi chứa đựng và truyền tải các thông tin của website. 1.1.2.2. Khái niệm về Web động a) Web động là gì? Là những website có hệ thống quản lý nội dung và người dùng có thể chỉnh sửa nội dung được. Web động sử dụng các công nghệ như HTML, CSS, HTML5, CSS3, JAVASCRIPT,…và điều đặt biệt là có sử dụng một ngôn ngữ lập trình server như PHP (chạy trên host Linux – cơ sở dữ liệu MySQL) hoặc ASP (chạy trên host windows – cơ sở dữ liệu MSQL), thường có trang quản trị, để thay đổi, cập nhật nội dung trên site. Sử dụng cơ sở dữ liệu để quản lý các hạng mục trên website (bài viết, thành viên, các menu…) Người dùng có thể tương tác dễ dàng đến nội dung site. Được ứng dụng vào rất nhiều lĩnh vực :  Web giới thiệu sản phẩm, giới thiệu công ty.  Web tin tức.  Web thương mại điện tử, bán hàng trực tuyến.  Forum (diễn đàn).  Web về nhà đất, khách sạn, nhà hàng.  Và rất nhiều ứng dụng khác… b) Ưu và nhược điểm cơ bản của web động  Ưu điểm: - Dễ dàng quản lý và thay đổi nội dung - Quản lý dữ liệu đơn giản - Dễ dàng nâng cấp và bảo trì - Có thể xây dựng được web lớn - Thường sử dụng tương tác với người dùng cao - Ứng dụng rộng rãi để xây dựng web trên nhiều lĩnh vực  Nhược điểm: - Chi phí xây dựng cao - Nếu web lớn có thể cần thêm nhân sự chuyên ngành - Nếu người thiết kế không kiểm tra kỹ, web dễ mắc các lỗi về bảo mật. Do bao gồm nhiều thành phần nên cấu trúc phức tạp, yêu cầu hosting phải hỗ trợ mã nguồn tương ứng (PHP, ASP, JSP…) Đoàn Thị Kim Phượng – CT13CTT02 Trang 7 1.2. Giới thiệu về một số ngôn ngữ lập trình và hệ quản trị cơ sở dữ liệu Mysql 1.2.1. Ngôn ngữ lập trình PHP và môi trường lập trình website. 1.2.1.1. PHP là gì? PHP là ngôn ngữ lập trình kịch bản được sử dụng chủ yếu trên server để tạo ra các ứng dụng web. Phiên bản đầu tiên được ra đời lần đầu tiên vào năm 1994 và được viết bởi Rasmus Lerdorf dựa trên ngôn ngữ lập trình C, và nó tiếp tục được phát triển bởi nhiều cá nhân và tập thể khác, do đó PHP được xem như một sản phẩm của mã nguồn mở. PHP là từ viết tắt của Personal Home Page với ý nghĩa ban đầu là dùng để tạo ra các website cá nhân. PHP là kịch bản cho phép chúng ta xây dựng ứng dụng web trên mạng internet hay intranet tương tác với mọi cơ sở dữ liệu như mySQL, PostgreSQL, Oracle, SQL Server và Access. PHP là ngôn ngữ lập trình chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, dễ dàng nhúng vào trang HTML. Đây là ngôn ngữ lập trình phổ biến nhất thế giới, do tính mở nên dễ tiếp cận với lập trình viên. Ví dụ: Example PHP có chức năng: Tạo ra những website động, thao tác với file trên server, nhận và gởi cookie, cập nhật cơ sở dữ liệu, hạn chế người dùng truy cập vào website, mã hóa dữ liệu, … 1.2.1.2. Tại sao sử dụng ngôn ngữ lập trình PHP. PHP đang là ngôn ngữ thống trị trong ngành thiết kế và phát triển web. Ngôn ngữ lập trình máy chủ này đặc biệt thích hợp với việc phát triển các ứng dụng wesite và có thể được nhúng trong mã HTML. Hầu hết các công ty phát triển và Đoàn Thị Kim Phượng – CT13CTT02 Trang 8 thiết kế website đều đầu tư nhiều công sức, thời gian và tiền bạc để làm chủ ngôn ngữ lập trình có một không hai này. Chính sự linh hoạt, tính tiện ích và khả năng mở rộng của PHP đã giúp nó “chiếm trọn vẹn” được tình yêu của các lập trình viên nói riêng và người sử dụng nói chung. Các trang web động được code từ PHP mất ít thời gian để tải hơn và hoạt động cũng ổn định, dễ dàng hơn. a) Ngoài ra PHP được sử dụng rất nhiều do: - Giá thành rẻ PHP là mã nguồn mở nên tất nhiên là chúng ta sẽ chẳng mất gì khi sử dụng nó. Có rất nhiều các sản phẩm nổi tiếng được xây dựng trên nền tảng PHP mà chắc chắn bạn đã từng nge nói đến như WordPress, Joomla, Drupal,…Và tất nhiên là chúng đều miễn phí. - Hỗ trợ tối đa phần mềm Ngôn ngữ PHP hỗ trợ hầu hết các hệ điều hành như Windows, RISC OS, Mac OS X, Linux và nhiều loại biến thể khác của Unix. Tương tự như thế với Web Server thì PHP cũng chạy tốt trên hầu hết các Web Server bao gồm Apache và IIS. - Hỗ trợ tối đa cho cơ sở dữ liệu (Database) Đây là một trong những ưu điểm mạnh mẽ nhất làm nên sự vượt trội của PHP so với các ngôn ngữ khác. PHP hỗ trợ rất nhiều kiểu cơ sở dữ liệu (Database) khác nhau. Kết quả là việc các lập trình viên code lên các Website có sử dụng cơ sở dữ liệu sẽ trở nên dễ dàng hơn bao giờ hết. Thêm vào đó, PHP có sự mở rộng cơ sở dữ liệu với tên gọi DBX. Nó cho phép chúng ta sử dụng một cách công khai các loại cơ sở dữ liệu khác cùng được hỗ trợ bởi sự mở rộng này. Chưa hết, PHP hỗ trợ ODBC - chuẩn kết nối cơ sở dữ liệu mở. Kết quả là các Coder có thể sử dụng đồng thời các kiểu cơ sở dữ liệu khác mà cùng hỗ trợ chuẩn ODBC. - Dễ dàng huy động được nguồn nhân lực Khó khăn lớn nhất khi thiết kế và phát triển website là việc huy động được nguồn tài nguyên cho dự án. Do PHP là một trong những ngôn ngữ lập trình tốt nhất v...

CƠ SỞ LÝ LUẬN VÀ NỀN TẢNG XÂY DỰNG HỆ THỐNG

Tìm hiểu sơ về thương mại điện tử và web động

1.1.1.1 Khái ni ệ m th ươ ng m ạ i đ i ệ n t ử :

Thương mại điện tử (Còn gọi là E-commerce hay E-Business) là quy trình mua bán hàng hóa và dịch vụ thông qua các phương tiện điện tử và mạng viễn thông, đặc biệt là qua máy tính và mạng Internet Mạng internet là một kết nối gồm nhiều phân mạng trên khắp thế giới, vào mạng internet ta có thể trao đổi thư từ, dịch vụ giải trí, truyền file dữ liệu từ khắp mọi nơi trên thế giới

Ngày nay người ta hiểu khái niệm thương mại điện tử thông thường là tất cả các phương pháp tiến hành kinh doanh và các quy trình quản trị thông qua các kênh điện tử mà trong đó Internet hay ít nhất là các kỹ thuật và giao thức được sử dụng trong Internet đóng một vai trò cơ bản và công nghệ thông tin được coi là điều kiện tiên quyết Một khía cạnh quan trọng khác là không còn phải thay đổi phương tiện truyền thông, một đặc trưng cho việc tiến hành kinh doanh truyền thống Thêm vào đó là tác động của con người vào quy trình kinh doanh được giảm xuống đến mức tối thiểu

1.1.1.2 L ợ i ích c ủ a th ươ ng m ạ i đ i ệ n t ử : a) Lợi ích của thương mại điện tử mang đến cho doanh nghiệp :

- Mở rộng thị trường: Với chi phí đầu tư nhỏ hơn nhiều so với thương mại truyền thống, các cửa hàng có thể mở rộng thị trường, tìm kiếm, tiếp cận người cung cấp, khách hàng và đối tác trên khắp thế giới Việc mở rộng mạng lưới nhà cung cấp, khách hàng cũng cho phép các tổ chức có thể mua với giá thấp hơn và bán được nhiều sản phẩm hơn

- Giảm chi phí sản xuất: Giảm chi phí giấy tờ, giảm chi phí chia sẻ thông tin, chi phí in ấn, gửi văn bản truyền thống

- Cải thiện hệ thống phân phối: Giảm lượng hàng lưu kho và độ trễ trong phân phối hàng

- Vượt giới hạn về thời gian: Việc tự động hóa các giao dịch thông qua Web và Internet giúp hoạt động kinh doanh được thực hiện mà không mất thêm nhiều chi phí biến đổi

- Sản xuất hàng theo yêu cầu: Còn được biết đến dưới tên gọi “Chiến lược kéo”, lôi kéo khách hàng đến với doanh nghiệp bằng khả năng đáp ứng mọi nhu cầu của khách hàng

- Mô hình kinh doanh mới: Các mô hình kinh doanh mới với những lợi thế và giá trị mới cho khách hàng

Tiến độ tung sản phẩm ra thị trường được đẩy nhanh nhờ các doanh nghiệp tận dụng lợi thế về thông tin và khả năng phối hợp để tăng năng suất sản xuất và rút ngắn thời gian đưa sản phẩm ra thị trường.

- Giảm chi phí thông tin liên lạc

- Giảm chi phí mua sắm: Giảm các chi phí quản lý hành chính (80%); giảm giá mua hàng (5-15%)

- Củng cố quan hệ khách hàng: Thông qua việc giao tiếp thuận tiện qua mạng, quan hệ với trung gian và khách hàng được củng cố dễ dàng hơn Đồng thời việc cá biệt hóa sản phẩm và dịch vụ cũng góp phần thắt chặt quan hệ với khách hàng và củng cố lòng trung thành

- Thông tin cập nhật: Mọi thông tin trên web như sản phẩm, dịch vụ, giá cả đều có thể được cập nhật nhanh chóng và kịp thời

- Các lợi ích khác: Nâng cao uy tín, hình ảnh doanh nghiệp; cải thiện chất lượng dịch vụ khách hàng; đối tác kinh doanh mới; đơn giản hóa và chuẩn hóa các quy trình giao dịch; tăng năng suất, giảm chi phí giấy tờ; tăng khả năng tiếp cận thông tin và giảm chi phí vận chuyển; tăng sự linh hoạt trong giao dịch và hoạt động kinh doanh b) Lợi ích Thương mại điện tử mang lại cho cá nhân là:

- Tùy từng nhóm khách hàng: Nhiều lựa chọn về sản phẩm, dịch vụ hơn

- Vượt giới hạn về không gian và thời gian: Thương mại điện tử cho phép khách hàng mua sắm mọi nơi, mọi lúc đối với các cửa hàng trên khắp thế giới

- Nhiều lựa chọn về sản phẩm và dịch vụ: Thương mại điện tử cho phép người mua có nhiều lựa chọn hơn vì tiếp cận được nhiều nhà cung cấp hơn

Giá thấp hơn: Nhờ thông tin dễ dàng, thuận tiện và phong phú hơn, khách hàng có thể thuận lợi so sánh giá cả giữa các nhà cung cấp và dễ dàng tìm được mức giá hợp lý nhất.

- Giao hàng nhanh hơn với các hàng hóa số hóa được: Đối với các sản phẩm số hóa được như phim, nhạc, sách, phần mềm, việc giao hàng được thực hiện dễ dàng thông qua Internet

- Thông tin phong phú, thuận tiện và chất lượng cao hơn: Khách hàng có thể dễ dàng tìm được thông tin nhanh chóng và dễ dàng thông qua các công cụ tìm kiếm (search engines); đồng thời các thông tin đa phương tiện (âm thanh, hình ảnh) c) Ứng dụng của thương mại điện tử:

Một số ứng dụng chung nhất của thương mại điện tử được liệt kê dưới đây:

- Tài liệu tự động hóa ở chuỗi cung ứng và hậu cần

- Hệ thống thanh toán trong nước và quốc tế

- Quản lý nội dung doanh nghiệp

- Trợ lý tự động trực tuyến

- Mua sắm trực tuyến và theo dõi mặt hàng

- Hội thảo truyền thông trực tuyến

1.1.2 Khái niệm Website và web động

Website là một show room trên mạng internet, nơi trưng bày giới thiệu thông tin, hình ảnh hay sản phẩm, dịch vụ của doanh nghiệp cho mọi người trên thế giới có thể truy cập bất cứ lúc nào

Thường một website sở hữu bởi một cá nhân hay một tổ chức nào đó, để thiết lập và đưa vào hoạt động một website phải đủ ba yếu tố sau:

- Tên website hay là tên miền ảo_Domain name

- Web hosting: nơi lưu trữ trên máy chủ internet

- Các trang web: nơi chứa đựng và truyền tải các thông tin của website

1.1.2.2 Khái ni ệ m v ề Web độ ng a) Web động là gì?

Giới thiệu về một số ngôn ngữ lập trình và hệ quản trị cơ sở dữ liệu Mysql

1.2.1 Ngôn ngữ lập trình PHP và môi trường lập trình website

PHP là ngôn ngữ lập trình kịch bản được sử dụng chủ yếu trên server để tạo ra các ứng dụng web Phiên bản đầu tiên được ra đời lần đầu tiên vào năm 1994 và được viết bởi Rasmus Lerdorf dựa trên ngôn ngữ lập trình C, và nó tiếp tục được phát triển bởi nhiều cá nhân và tập thể khác, do đó PHP được xem như một sản phẩm của mã nguồn mở

PHP là từ viết tắt của Personal Home Page với ý nghĩa ban đầu là dùng để tạo ra các website cá nhân PHP là kịch bản cho phép chúng ta xây dựng ứng dụng web trên mạng internet hay intranet tương tác với mọi cơ sở dữ liệu như mySQL, PostgreSQL, Oracle, SQL Server và Access

PHP là ngôn ngữ lập trình phổ biến nhất thế giới do tính dễ tiếp cận và dễ tích hợp với HTML trong phát triển ứng dụng cho máy chủ.

PHP có chức năng: Tạo ra những website động, thao tác với file trên server, nhận và gởi cookie, cập nhật cơ sở dữ liệu, hạn chế người dùng truy cập vào website, mã hóa dữ liệu, …

1.2.1.2 T ạ i sao s ử d ụ ng ngôn ng ữ l ậ p trình PHP

PHP đang là ngôn ngữ thống trị trong ngành thiết kế và phát triển web Ngôn ngữ lập trình máy chủ này đặc biệt thích hợp với việc phát triển các ứng dụng wesite và có thể được nhúng trong mã HTML Hầu hết các công ty phát triển và thiết kế website đều đầu tư nhiều công sức, thời gian và tiền bạc để làm chủ ngôn ngữ lập trình có một không hai này

Chính sự linh hoạt, tính tiện ích và khả năng mở rộng của PHP đã giúp nó

“chiếm trọn vẹn” được tình yêu của các lập trình viên nói riêng và người sử dụng nói chung Các trang web động được code từ PHP mất ít thời gian để tải hơn và hoạt động cũng ổn định, dễ dàng hơn a) Ngoài ra PHP được sử dụng rất nhiều do:

PHP là mã nguồn mở nên tất nhiên là chúng ta sẽ chẳng mất gì khi sử dụng nó

Những nền tảng mã nguồn mở miễn phí như WordPress, Joomla và Drupal đã trở thành nền tảng phổ biến để xây dựng các sản phẩm phần mềm nổi tiếng.

- Hỗ trợ tối đa phần mềm

Ngôn ngữ PHP hỗ trợ hầu hết các hệ điều hành như Windows, RISC OS, Mac

OS X, Linux và nhiều loại biến thể khác của Unix Tương tự như thế với Web Server thì PHP cũng chạy tốt trên hầu hết các Web Server bao gồm Apache và IIS

- Hỗ trợ tối đa cho cơ sở dữ liệu (Database) Đây là một trong những ưu điểm mạnh mẽ nhất làm nên sự vượt trội của PHP so với các ngôn ngữ khác PHP hỗ trợ rất nhiều kiểu cơ sở dữ liệu (Database) khác nhau Kết quả là việc các lập trình viên code lên các Website có sử dụng cơ sở dữ liệu sẽ trở nên dễ dàng hơn bao giờ hết

Thêm vào đó, PHP có sự mở rộng cơ sở dữ liệu với tên gọi DBX Nó cho phép chúng ta sử dụng một cách công khai các loại cơ sở dữ liệu khác cùng được hỗ trợ bởi sự mở rộng này

Chưa hết, PHP hỗ trợ ODBC - chuẩn kết nối cơ sở dữ liệu mở Kết quả là các Coder có thể sử dụng đồng thời các kiểu cơ sở dữ liệu khác mà cùng hỗ trợ chuẩn ODBC

- Dễ dàng huy động được nguồn nhân lực

Khó khăn lớn nhất trong quá trình thiết kế và phát triển website là vấn đề nguồn lực cho dự án Tuy nhiên, nếu bạn sử dụng PHP, một trong những ngôn ngữ lập trình phổ biến và có cộng đồng người dùng đông đảo, bạn sẽ dễ dàng tìm kiếm sự trợ giúp khi cần thiết.

1.2.1.3 Đ i ể m m ạ nh c ủ a ngôn ng ữ PHP Điểm mạnh lớn nhất của PHP là phổ cập và tính dễ sử dụng, dễ học của nó, nó chạy trên mọi hệ điều hành Việc thực hiện đơn giản, gọn và dễ đọc hơn các ngôn ngữ khác, cộng đồng PHP đông đảo thân thiện, tích cực, hiệu quả

PHP gần gũi với C trong khi loại bỏ một số không cần thiết như quản lý bộ nhớ, con trỏ và việc biên dịch, PHP là ngôn ngữ thông dịch

HTML (Hyper Text Markup Language) là ngôn ngữ đánh dấu tạo nên các trang web, hiển thị trên nền tảng World Wide Web Được phát triển từ SGML, HTML cung cấp cấu trúc và gắn nhãn cho các thành phần trong tài liệu, cho phép xuất bản phức tạp Các tài liệu HTML có đuôi mở rộng html hoặc htm, tạo nên những trang web có tính chất văn bản như file txt hay doc, nhưng phức tạp và đa dạng hơn.

1.3.2.2 Các th ẻ đị nh c ấ u trúc tài li ệ u

Một tài liệu HTML cơ bản có cấu trúc như sau:

Tiêu đề của tài liệu

… Nội dung của tài liệu

PHÂN TÍCH CHỨC NĂNG CỦA HỆ THỐNG VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU

Phân tích chức năng của hệ thống

2.1.1 Sơ đồ phân rã chức năng của hệ thống

Hình 2.1 Sơ đồ phân rã chức năng hệ thống

2.1.2 Yêu cầu của khách hàng

- Giao diện dễ sử dụng và có tính thẩm mỹ cao

- Cho phép khách hàng đăng ký thành viên và đảm bảo bí mật thông tin

- Xem và thay đổi các thông tin về tài khoản

- Hình thức thanh toán phải đảm bảo chính xác

- Thông tin sản phẩm phong phú, đa dạng:

 Giới thiệu, bày bán nhiều loại hàng, nhiều mặt hàng để khách hàng có nhiều cơ hội lựa chọn về một loại mặt hàng Thông tin về một sản phẩm phải chi tiết để khách hàng có thể nắm bắt rõ thông tin về sản phẩm mình lựa chọn Đặc biệt là những mặt hàng được nhiều khách hàng quan tâm

 Luôn cập nhật, giới thiệu những thế hệ máy điện thoại mới nhất

- Thông tin về bảo hành sản phẩm phải rõ ràng

- Cho phép khách hàng tìm kiếm nhanh chóng, chính xác theo nhiều tiêu chí

- Cho phép thống kê các đơn hàng đã đặt của mình tại cửa hàng

- Xem hàng: Người xem có thể xem thông tin về điện thoại di động bao gồm: tên điện thoại, hãng sản xuất, giá điện thoại, tình trạng còn hàng hay hết hàng

- Bình luận: Người xem có thể bình luận về sản phẩm, nội dung và thông tin người bình luận cần lưu trong database

- Đặt hàng: Chức năng cho phép khách hàng duyệt sản phẩm trên trang web và nhấn nút đặt hàng sản phẩm đã chọn

- Giỏ hàng: Cho phép khách hàng có thể xem, điều chỉnh mặt hàng mình đã chọn mua Bao gồm tính tổng giá sản phẩm mà khách hàng mua

- Tìm kiếm sản phẩm: Khách hàng nhập thông tin vào thanh tìm kiếm để tìm kiếm sản phẩm

- Thống kê truy cập: Đếm số lượng người dùng đã vào website

- Xem điện thoại mới: Hiển thị các điện thoại mới nhất cho người xem

- Xem điện thoại bán chạy: Hiển thị thông tin các điện thoại được bán chạy nhất cho người xem

2.1.3 Yêu cầu của người quản trị

Ngoài các yêu cầu giống như của khách hàng, thì hệ thống phải đảm bảo những yêu cầu sau của ban quản trị

- Quản lý sản phẩm: Quản lý thông tin hình ảnh sản phẩm, người quản trị có thể upload hình ảnh sản phẩm, nhập thông tin mô tả tính năng sản phẩm, giá cả, số lượng

- Quản lý danh mục sản phẩm: Quản lý thông tin danh mục sản phẩm bao gồm các chức năng thêm, xóa, sửa danh mục sản phẩm

- Quản lý đơn đặt hàng: Thống kê đơn đặt hàng đặt bởi khách hàng, xem tình trạng đơn đặt hàng như: Đã giao hàng và chi tiết đơn đặt hàng

- Chi tiết đơn đặt hàng: Hiển thị thông tin chi tiết đơn đặt hàng bao gồm thông tin về khách hàng, thông tin về các sản phẩm trong đơn hàng, nhân viên thực hiện giao đơn hàng, tình trạng đơn hàng, ghi chú của người quản trị

- Quản lý người dùng: Thêm mới, sửa, xóa thông tin người dùng

- Phản hồi: Lưu trữ các phản hồi của khách hàng

- Quản lí chung: liên quan tới các thông tin nhân viên, khách hàng, hàng,

- Cập nhật thông tin hàng hóa trực tuyến Dễ dàng cập nhật và thường xuyên thay đổi hình ảnh, thông tin chi tiết giá các mặt hàng bạn sẽ kinh doanh ở bất cứ đâu

- Thống kê chi tiết cụ thể, chính xác và nhanh chóng

 Thống kê được mặt hàng nào bán hết, mặt hàng nào bán chạy, mặt hàng nào tồn kho, mặt hàng nào cần chỉnh sửa…

 Tổng hợp thu chi hàng ngày, hàng tuần, hàng tháng hàng quý và hàng năm

 Tổng hợp lưu trữ được ý kiến phản ánh của khách hàng để có thể trả lới khách hàng một cách nhanh chóng và chính xác nhất

2.1.4 Thiết lập biểu đồ luồng dữ liệu ở mức ngữ cảnh

Hình 2.2 Biểu đồ luồng dữ liệu ở mức ngữ cảnh

2.1.4.1 Bi ể u đồ lu ồ ng d ữ li ệ u m ứ c đỉ nh

Hình 2.3 Biểu đồ luồng dữ liệu mức đỉnh

2.1.4.2 Bi ể u đồ lu ồ ng d ữ li ệ u m ứ c d ướ i đỉ nh a) Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng giao dịch

Hình 2.4 Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “Giao dịch” b) Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “Quản trị”

Hình 2.5 Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “ Quản trị” c) Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “Tìm kiếm”

Hình 2.6 Biểu đồ luồng dữ liệu mức dưới đỉnh của chức năng “Tìm kiếm”.

Thiết kế cơ sở dữ liệu

2.2.1 Biểu đồ dữ liệu quan hệ

Hình 2.10 Biểu đồ dữ liệu mối quan hệ

2.2.2 Thiết kế các bảng trong cơ sở dữ liệu

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Username Tên người dùng Varchar(100) Khóa chính

2 password Mật khẩu người dùng Varchar(150)

6 phone Số điện thoại Varchar(50)

8 Create-date Ngày tạo Timestamp

9 Create-user Người tạo Varchar(100)

10 Modify-date Ngày sửa đổi Timestamp

11 Modify-user Người sửa đổi Varchar(100)

 Bảng user-role (vai trò người dùng)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 User-ID Mã người dùng Varchar(255) Khóa chính

2 Role-ID Mã vai trò Int(11) Khóa chính

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã đặt hàng Int(11) Khóa chính

2 tendangnhap Tên khách hàng đặt hàng

3 idsp Mã sản phẩm Varchar(255)

4 productName Tên sản phẩm Varchar(255)

5 Sl Số lượng đặt hàng Varchar(255)

7 tongtien Tổng số tiền Int(255)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id_hd Mã hóa đơn Int(11) Khóa chính

2 tendangnhap Tên đăng nhập Varchar(255)

4 sodienthoai Số điện thoại Varchar(255)

Thời gian đặt mua timestamp

10 paymethod Phương pháp thanh toán

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã liên hệ Int(11) Khóa chính

5 Sdt Số điện thoại Varchar(255)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 idgh Mã giỏ hàng Int(255) Khóa chính

2 idsp Mã sản phẩm Varchar(255) Khóa ngoại

3 tendangnhap Tên đăng nhập Varchar(255)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã danh mục Int(11) Khóa chính

2 ParentID Mã mục cha Int(11)

4 MenuName Tên danh mục Varchar(255)

6 visible Cho phép hiển thị Bit(1)

 Bảng menus_left (quản lý danh mục)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã sản phẩm bán

2 ParentID_Left Mã mục cha bên trái

3 ModuleName_Left Tên các mô- dun bên trái

4 MenuName_Left Tên danh mục bên trái

5 Path_Left Đường dẫn Varchar(255)

6 visible_Left Cho phép hiển thị

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 MenuID Mã danh mục Int(11) Khóa chính

2 RoleID Mã vai trò Int(11) Khóa chính

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã sản phẩm Int(11) Khóa chính

2 ProductTypeID Mã loại sản phâm Int(11)

3 ProductName Tên sản phẩm Varchar(255)

8 Hedieuhanh Hệ điều hành Varchar(255)

10 Ram Bộ nhớ ram Varchar(255)

14 Price New Giá mới Float

 Bảng products_Type(loại sản phẩm)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã loại sản phẩm Int(11) Khóa chính

2 ProductTypeID Tên loại sản phâm Varchar(255)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Id Mã vai trò Int(11) Khóa chính

2 RoleName Tên vai trò Varchar(255)

STT Tên trường Ý nghĩa Kiểu dữ liệu Khóa

1 Mathanhvien Mã thành viên Int(11) Khóa chính

2 Tendangnhap Tên đăng nhập Varchar(255)

8 trangthaithanhvien Trạng thái thành viên tinyint (1)

THIẾT KẾ VÀ CÀI ĐẶT WEBSITE

Giao diện “Trang chủ”

Trang chủ hiển thị toàn bộ nội dung của website, cho phép người dùng thao tác với hệ thống Tùy thuộc vào quyền hạn của từng người dùng, khi đăng nhập vào, hệ thống sẽ hiển thị các chức năng tương ứng Những người không quản lý hệ thống sẽ không có quyền truy cập vào trang "admin".

Hình 3.1 Giao diện trang chủ

Giao diện “Trang giới thiệu”

Giới thiệu thông tin tổng quan về lịch sử hình thành cùng địa chỉ cửa hàng giúp khách hàng truy cập, nắm bắt thêm về chúng tôi Nhờ đó, khách hàng sẽ yên tâm hơn khi mua sắm trên trang web của chúng tôi.

Hình 3.2 Giao diện trang giới thiệu

Giao diện trang “giỏ hàng”

 Mua hàng là nội dung chính của một website bán hàng trực tuyến Khi người dùng muốn mua sản phẩm nào thì chỉ cần click vào nút “mua hàng” Sau đó chọn “thêm vào giỏ hàng”

Hình 3.3 Giao diện trang thêm sản phẩm vào giỏ hàng

 Khi người dùng đã thêm vào giỏ hàng những sản phẩm mình muốn, để xem thông tin về đơn hàng của mình, người dùng kích vào chức năng “Giỏ hàng” Ở đây sẽ lưu lại tất cả các sản phẩm mà người dùng đã chọn mua Người dùng có thể:

- Thêm bớt số lượng muốn mua bằng cách: Trên giao diện giỏ hàng nhập số lượng muốn mua vào ô “Thay đổi số lượng” sau đó click vào nút “Cập nhật giỏ hàng”

- Thực hiện việc xóa các mặt hàng đã chọn mua trước đó bằng cách: Trên giao diện giỏ hàng click vào nút “Xóa”

- Khi người dùng đã có cho mình một đơn hàng vừa ý, muốn thanh toán đơn hàng thì trên giao diện giỏ hàng click vào nút “Thanh toán”

Trang giỏ hàng như sau:

Hình 3.3.1 Giao diện trang giỏ hàng

 Sau khi click vào nút “Thanh toán” hệ thống sẽ hiển thị ra thông tin đặt mua và hình thức thanh toán

Hình 3.3.2 Giao diện trang đặt mua hàng

 Điền đầy đủ thông tin vào “thông tin đặt mua” và chọn “hình thức thanh toán” rồi click vào nút “Gởi đơn hàng” Hệ thống sẽ hiển thị ra giao diện dưới đây:

Hình 3.3.3 Giao diện hiển thị đã gởi đơn hàng thành công

Giao diện “Trang đăng ký”

 Cho phép người dùng đăng ký tài khoản của mình nếu chưa có tài khoản để có thể mua hàng trên website Sau khi nhập đầy đủ thông tin và nhấn vào nút đăng ký

Hình 3.4 Giao diện trang đăng ký

 Sau khi đã bấm nút đăng ký sẽ xuất hiện thông báo bạn đăng ký thành công như sau:

Hình 3.4.1 Giao diện hiển thị thông báo đăng ký thành công

 Nếu người dùng đăng ký tài khoản bị trùng thì sẽ hiển thị thông báo sau:

Hình 3.4.2 Giao diện hiển thị thông báo đăng nhập lỗi

Giao diện “Trang đăng nhập”

 Người dùng muốn vào trang web thì phải đăng nhập tên và tài khoản đăng nhập của mình đã được quản trị hệ thống cung cấp

Hình 3.5 Giao diện trang đăng nhập

- Nếu người dùng đăng nhập thành công thì cho phép vào hệ thống trang web

- Nếu người dùng nhập tên hoặc mật khẩu không đúng thì sẽ xuất hiện thông báo như sau:

Hình 3.5.1 Giao diện hiển thị thông báo đăng nhập sai

Giao diện trang “Thông tin tài khoản”

 Hiển thị thông tin tài khoản mà người dùng đã đăng nhập

Hình 3.6 Giao diện trang thông tin tài khoản.

Giao diện trang “Liên hệ”

 Khi người dùng có thắc mắc hay ý kiến về website thì trên giao diện trang chủ kích vào chức năng “Liên hệ”

 Sau khi điền đầy đủ thông tin ở trong phần thông tin phản hồi thì kích nút

“Gởi đơn hàng” để gởi góp ý tới website

Hình 3.7 Giao diện trang liên hệ

Giao diện trang đăng nhập quản trị “admin”

 Khi đăng nhập website bằng tài khoản admin thì người dùng có thể truy cập vào trang quản trị của hệ thống

Hình 3.8 Giao diện trang đăng nhập quản trị admin

Giao diện trang “admin”

 Tại giao diện này người dùng có thể lựa chọn để quản trị các chức năng của website o Chức năng quản lý tài khoản o Chức năng quản lý sản phẩm o Chức năng quản lý danh mục

Giao diện trang “Quản lý tài khoản”

 Chức năng “quản lý tài khoản” để quản lý tài khoản của người dùng Với các chức năng cụ thể như thêm mới và điều chỉnh thông tin người dùng, danh sách người dùng

Hình 3.9 Giao diện trang “Quản lý tài khoản”

Giao diện trang “Quản lý sản phẩm”

 Trong giao diện trang “Quản lý sản phẩm” sẽ gồm các chức năng: o Quản lý danh sách sản phẩm o Thêm mới sản phẩm o Tìm kiếm sản phẩm: theo tên sản phẩm hoặc giá sản phẩm

Hình 3.10 Giao diện trang “Quản lý sản phẩm”

Giao diện trang “Quản lý danh mục”

Hình 3.11 Giao diện trang “Quản lý danh mục”