1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Xây dựng website bán điện thoại di động

71 0 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 71
Dung lượng 3,23 MB

Cấu trúc

  • 1. Mục tiêu và nhiệmvụcủa đề tài (0)
    • 1.1. Mục tiêu (0)
    • 1.2. Nhiệmvụ (12)
  • 2. Đối tượngvà phạmvi nghiêncứu (0)
    • 2.1. Đối tượng (12)
    • 2.2. Phạmvinghiêncứu (12)
  • 3. Phươngphápnghiên cứuvà lựa chọngiải pháp côngnghệ (13)
    • 3.1. Phương pháp nghiêncứu (13)
    • 3.2. Giải phápcôngnghệ (14)
  • 4. Kết quả dự kiến (14)
  • 5. Tổngkết (14)
  • 1. Ngôn ngữ lập trình PHP (0)
    • 1.1. PHP là gì? (16)
    • 1.2. Lịch sử phát triển (16)
  • 2. Một số tính chất củaPHP (18)
  • 3. HTML (18)
    • 3.1. HTML là gì (18)
    • 3.2 Lịch sửphát triển củaHTML (18)
  • 4. Tổngquanvề hệ quản trị cơ sở dữliệuMySQL (20)
  • 5. Tổngquanvề JavaScript (0)
    • 5.1. JavaScript là gì? (21)
    • 5.2. Giới thiệu về JavaScript (22)
    • 5.3. Lịch sử phát triển (25)
  • 1. Phân tích tổng quan từng thực thể (0)
    • 1.1. Kháchvãnglai (30)
    • 1.2. Thànhviên (30)
    • 1.3. Nhânviênbán hàng (32)
    • 1.4. Nhânviêngiaohàng (32)
    • 1.5. Quảntrịviên (32)
  • 2. Các chức năngcủa các tác nhân (0)
    • 2.1. Khách vãnglai (0)
    • 2.2. Khách hàng (34)
    • 2.3. Nhânviênbán hàng (34)
    • 2.4. Nhânviêngiaohàng (34)
    • 2.5. Quảntrịviên (34)
  • 3. Sơ đồ USECASE (36)
    • 3.1. Usecase kháchvãnglai (0)
    • 3.2. Usecase Kháchhàng (37)
    • 3.3. Usecase nhân viên bánhàng (0)
    • 3.4. Usecase nhân viên giao hàng (38)
    • 3.5. Usecase quản trị viên (0)
  • 4. Biểu đồ ERD (39)
  • 5. Biểu đồ hoạtđộng (0)
    • 5.1. Khách vãnglai (0)
    • 5.2. Khách hàng (41)
  • 6. Sơ đồ tuần tự (0)
    • 6.1. Đăngký (41)
    • 6.2. Tìmkiếm (42)
    • 6.3. Đăngnhập (0)
    • 6.4. Đặt hàng (43)
    • 6.5. Theo dõiđơn hàng (0)
    • 6.6. Cậpnhậtsảnphẩm (44)
  • 7. Thiếtkế cơ sở dữ liệu (0)
    • 7.1. Table ngườidùng (0)
    • 7.2. Table danhmục (46)
    • 7.3. Table Chi tiết đơn hàng (46)
    • 7.4. Table đơn hàng (46)
    • 7.5. Table sảnphẩm (48)
  • 8. Sơ đồ mốiquanhệ giữa các thực thể (50)
  • 1. Thiếtkế giao diện (51)
    • 1.1. Giao diện kháchhàng (0)
    • 1.2. Giao diện admin (59)
  • KẾT LUẬN (14)
    • 1. Kết quả đạtđược của đề tài (0)
    • 2. Hướng phát triểncủa đề tài (0)

Nội dung

Mục tiêu và nhiệmvụcủa đề tài

Đối tượngvà phạmvi nghiêncứu

Đối tượng

Thiếtkế websitemua bán điện thoạichocác cửa hàng vừa v à nhỏ.

Phạmvinghiêncứu

− Đề tài tập trungvào việc nghiên cứuvà xây dựngmộtwebsite bánđiện th oại trực tuyến, ưu tiên phục vụnhu cầukháchhàng.

− Đề tài sẽ được thực hiệnvà thửnghiệm trước khiđưa vào thực tiển.

Phươngphápnghiên cứuvà lựa chọngiải pháp côngnghệ

Phương pháp nghiêncứu

− Thuthập các yêucầu từ phía người dùng.

Thamkhảoquy trìnhmua bántrêncác ứngdụngmua bántrực tuyế n − Phân tích thiết kế hệ thống theo yêu cầucủa người dùng.

Nghiên cứucác côngcụxâydựng hệ thống.

Giải phápcôngnghệ

Ngônngữlập trình gồm:PHP, HTML,JS.

Kết quả dự kiến

− Xây dựng thành công website bán điện thoại trực tuyến đơn giản như: đăng nhập, đăngký, tìmkiếm, đặthàng….

Giải quyếtđược nhữngvấnđề đã được đặtra khixâydựngđề t ài − Giúp cho việc quảnlý hàng hóa được thuậntiện hơn.

Giúpchokhách hàngmua hàng trênwebsite biếtrõ và thực hiện đúng trìn htự khimua hàng.

Tổngkết

Chương III: Phân tích, thiếtkế hệ thống

Kết quả xây dựngwebsite bánđiện thoạidi động

Ngôn ngữ lập trình PHP

PHP là gì?

Ngôn ngữ lập trìnhPHP là một loạingônngữđặc biệtđược thiết kế đ ể giúp các lập trình viên có thể dễ dàng tạo ra các phầnmềm (hay ứng dụng) máy tính.

Ngônngữ lập trình PHP baogồmcác quy tắc mà các lập trình viêncần tu ân theo khiviếtmã lệnh.

PHP là ngôn ngữ kịch bản (scripting language) Tập tin chứa mã lệnh viết bằng ngôn ngữ kịch bản PHP có thể được chạy (hay thực thi) trực tiếp trên máy mà không cầnphải chuyểnsangmột địnhdạng khác.

Lịch sử phát triển

− PHP được phát triển từ một sản phẩm có tên là PHP/FI PHP/

Lerdorf tạo ra năm 1995 Và được viết bằngC PHP được sửa lại vào năm 1997 Và đây là thờikỳbắtđầucủaPHP đầykhó khăn.

− PHP 3.0: Được Andi Gutmans và Zeev Suraski tạo ra năm 1997 sau khi viết lạihoàn toànbộmã nguồn trước đó Lý dochính mà họ đã tạo ra phiênbả nnàylà do họ nhận thấy PHP/FI 2.0 hết sức yếu kém trong việc phát triển các ứng dụng thươngmại điện tử.

PHP 3.0 như là phiên bản thế hệ kế tiếp của PHP/FI 2.0, và chấmdứtphát triểnPHP/FI 2.0.PHP 3.0 cungcấp cho ngườidùngcuối m ộtcơ sở hạ tầng chặt chẽ dùng cho nhiều cơ sở dữ liệu, giao thức và API khác nhau. Cho phépngườidùngcó thểmở rộngtheo modul Chính điềunàylàmchoPHP 3thành công so với PHP2 Lúc này họ chính thức đặt tên ngắn gọn là 'PHP' ( Hypertext Preprocessor ).

PHP4:Được công bố năm2000 tốc độ xửlýđượccải thiện rấtnhiều,PHP4.0 đemđếncác tínhnăngchủyếukhác gồmcósựhỗ trợ nhiềumáychủWeb hơn, hỗ trợ phiên làmviệc HTTP, tạo bộđệm thông tin đầura, nhiều cáchxử lý th ông tin người sử dụng nhập vào bảo mật hơn và cung cấpmột vài các cấu trúc ng ôn ngữ mới VớiPHP 4, số nhà phát triểndùngPHP đã lên đến hàng trămnghìnv à hàng triệu site đã công bố cài đặt PHP, chiếm khoảng 20% số tên miền trên mạng

Internet Nhóm phát triểnPHP cũng đã lên tới con số hàngnghìn người và nhiều nghìnngườikhác thamgia vàocácdựáncó liênquanđếnPHP nhưPEAR , PECL và tài liệu kĩ thuật cho PHP.

PHP5:Bảnchínhthức đã ramắtngày 13 tháng7 năm2004saumộtchuỗi khá dàicácbảnkiểmtra thửbaogồmBeta4,RC1, RC2,RC3.Mặcdùcoiđây làphiên bản sản xuất đầu tiên nhưng PHP 5.0 vẫn cònmột số lỗi trong đó đáng kể là lỗi xác thực HTTP.

PHP6:HiệnnayphiênbảntiếptheocủaPHPđangđượcphát triển, PHP6 bản sử dụng thử đã có thể được download tại địa chỉ snaps.php.net Phiên bả nPHP 6 được kỳ vọngsẽ lấpđầynhững khuyết điểmcủa PHPở phiênbảnhiện tại.

Một số tính chất củaPHP

− Các file PHP trả về kếtquả cho trìnhduyệt là một trang thuầnHTML.

Các file PHP có thể chứa văn bản ( Text ), các thẻ HTML ( HTML tags ) và đoạnmã kịchbản( Script ).

Các file PHP cóphầnmở rộng là: php, php3, phpml.

− Từphiênbản4.0 trở về saumớihỗ trợ session.

HTML

HTML là gì

HTMLlà chữviết tắt của từ tiếnganh:HyperTextMarkupLanguag e – dịch sang tiếng việt có nghĩa là ngôn ngữ đánh dấu siêu văn bản.

Kỷ nguyên sơ khai của web bắt đầu với HTML, sau đó đến CSS, rồi mới đến các ngôn ngữ l ập trình web như JavaScript, PHP, ASP.NET… Tất cả chúng và nhiều thứ khác nữa tạo thành thế giớiwebnhiệmmàunhưngàynay.

Lịch sửphát triển củaHTML

- HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ Tim Berners-Lee đã nghĩ ra được ý tưởng cho hệ thốnghypertext trênnền Internet.

- Hypertextcónghĩa là vănbảnchứa links, nơingười xemcó thể truy cậpn gay lậptức Được xuấtbản phiênbảnđầu tiêncủaHTML trongnăm1991baogồm18

Trang 5 tagHTML.Từđó,mỗiphiênbảnmớicủaHTMLđềucó thêmtagmớivàat tributes mới.

TheoMozillaDeveloperNetwork: HTMLElementReference,hiệntạic óhơn 140 HTML tags, mặc dù một vài trong số chúng đã bị tạm ngưng (không hỗ trợ bởi các trình duyệt hiện đại).

- Nhanh chóng phổ biến ở mức độ chóngmặt, HTML được xem như là chuẩn mật củamộtwebsite Các thiết lậpvà cấutrúc HTMLđược vậnhànhvà p hát triển bởiWorldWideWebConsortium(W3C) Bạncóthể kiểmtra tình trạng mớinhất của ngônngữnày bất kỳ lúc nào trên trangW3C’swebsite. -

Nâng cấp mới nhất gần đây là vào năm 2014, khi ra mắt chuẩnHTML5.

Nó thêm vài tags vào markup, để xác định rõ nội dung thuộc loại là gì, như là , , và.

Tổngquanvề hệ quản trị cơ sở dữliệuMySQL

- MySQL là hệ quản trị cơ sở dữliệu tựdo nguồnmở phổbiến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng Vì MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trênnhiềuhệ điềuhành cungcấpmột hệ thống lớncác hàm tiện ích rất mạnh Với tốc độ và tính bảomậtcao, MySQL rất thíchhợpchocác ứng dụng có truy cậpCSDL trên internet.MySQLmiễn phíhoàntoàn cho nênbạncó t hể tảivề MySQL từ trang chủ Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòngWindows, Linux, Mac OS

X, Unix, FreeBSD,NetBSD,NovellNetWare, SGI Irix, Solaris, SunOS,

Tổngquanvề JavaScript

JavaScript là gì?

JavaScript làmộtngônngữ lậptrìnhđanềntảng(cross- platform),ngônngữ lập trình kịch bản, hướng đối tượng JavaScript là một ngôn ngữ nhỏ và nhẹ (small and lightweight). Khi nằm bên trong một môi trường (host environment), JavaScript có

Trang 6 thể kết nối tới các object của môi trường đó và cung cấp các cách quản lý chúng (object).

Array,Date, vàMath, và các yếu tố cốt lõi của ngôn ngữ lập trình như: toán tử (operators), cấu trúc điềukhiển(controlstructures), và câulệnh JavaScript có thể đượcmở rộngcho nhiềumục đích bằngviệc bổsung thêmcác object.

Giới thiệu về JavaScript

JavaScript là 1 ngôn ngữ dạng script thường được sử dụng cho việc lập trình webởphíaclient.NótuântheochuẩnECMAScript.Nó là 1ngôngngữ linh động, cú pháp dễ sử dụng như các ngôn ngữ khác và dễ dàng lập trình. JavaScript không hề liên quan tới ngôn ngữ lập trình java, được hầu hết các trình duyệt ngày na y hỗ trợ.

Với javascript, ứng dụng webcủa bạn sẽ trở nên vôcùng sinh động, mang t ính trực quan và tương tác cao.

JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản dựa trênđối tượngđược phát triển từ các ý niệmnguyên mẫu Ngônngữnày đư ợc dùng rộng rãi cho các trang web, nhưng cũng được dùng để tạo khả năng viết script sử dụngcácđốitượngnằmsẵn trongcácứngdụng Nóvốn đượcphát triển bởiB rendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java, JavaScript c ó cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phầnmở rộng thường đư ợc dùng cho tập tinmã nguồnJavaScript.

Phiênbảnmớinhất của JavaScript là phiênbản1.5, tương ứng với EC MA-262 bản3.ECMAScript làphiênbảnchuẩnhóacủaJavaScript.TrìnhduyệtMo zillaphiên bản 1.8 beta 1 có hỗ trợ không đầy đủ cho E4X- phầnmở rộngchoJavaScripthỗ trợ làmviệc vớiXML, được chuẩn hóa trongECMA-357.

JavaScript làmộtngônngữlậptrìnhdựatrênnguyênmẫuvớicúphápp háttriển từC.GiốngnhưC, JavaScriptcókháiniệmtừkhóa,dođó, JavaScriptgầnnh ưkhông thể đượcmở rộng.

CũnggiốngnhưC, JavaScriptkhôngcóbộxửlýxuất/nhập(input/ output)riêng.

Trong khi C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vàophầnm ềm ngôn ngữđược gắnvàođể thực hiệnxuất/nhập.

Trên trình duyệt, rất nhiều trangweb sử dụng JavaScript để thiết kế trang web động và một số hiệu ứng hình ảnh thông qua DOM JavaScript được dùng để thực hiệnmột số tác vụ không thể thực hiện được với chỉ HTML như kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh, Ở Việt Nam, JavaScript còn được ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụng trên trang Wikipedia tiếng Việt Tuy nhiên, mỗi trình duyệt áp dụng JavaScript khác nhau và kh ông tuân theo chuẩn W3C DOM, do đó trong rất nhiều trường hợp lập trình viên phải viết nhiều phiên bản của cùngmột đoạn mã nguồn để có thể hoạt động trên nhiều trình duyệt Một số công nghệ nổi bật dòng JavaScript để tương tác với DOM bao gồm DHTML,Ajax và SPA.

Bên ngoài trình duyệt, JavaScript có thể được sử dụng trong tập tin PDF của

AdobeAcrobat và Adobe Reader Điều khiển Dashboard trênhệ điềuhành MacOS

X phiênbản10.4 cũng có sửdụngJavaScript Công nghệ kịchbản linh động (active scripting) củaMicrosoftcóhỗtrợ ngônngữJScript làmmộtngônngữkịch bản dùng cho hệ điều hành JScript NET là một ngôn ngữ tương thích với CLI gần giống

JScript nhưng có thêmnhiều tínhnăng lập trìnhhướng đối tượng.

Mỗi ứng dụng này đều cung cấpmô hình đối tượng riêng cho phép tương tác vớimôi trườngchủ,vớiphầnlõilàngônngữlậptrìnhJavaScriptgầnnhưgiố ngnhau.

Lịch sử phát triển

JavaScript is là 1 ngônngữdạngscript thường được sử dụngchoviệc l ập trình webở phía client Nó tuân theochuẩn ECMAScript Nó là 1 ngôn ngữ linh động, cú pháp dễ sử dụng như các ngôn ngữ khác và dễ dàng lập trình. JavaScript không hề liên quan tới ngôn ngữ lập trình java, được hầu hết các trình duyệt ngày na y hỗ trợ.

Với javascript, ứng dụng webcủa bạn sẽ trở nên vôcùng sinh động, mang t ính trực quan và tương tác cao.

JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản dựa trênđối tượngđược phát triển từ các ý niệmnguyên mẫu Ngônngữnày đư ợc dùngTrang 8 rộng rãi cho các trang web, nhưng cũng được dùng để tạo khả năng viết script sử dụngcácđốitượngnằmsẵn trongcácứngdụng Nóvốn đượcphát triển bởiB rendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java, JavaScript c ó cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phầnmở rộng thường đư ợc dùng cho tập tinmã nguồnJavaScript.

Phiênbảnmớinhất của JavaScript là phiênbản1.5, tương ứng với EC MA-262 bản3.ECMAScript làphiênbảnchuẩnhóacủaJavaScript.TrìnhduyệtMo zillaphiên bản 1.8 beta 1 có hỗ trợ không đầy đủ cho E4X- phầnmở rộngchoJavaScripthỗ trợ làmviệc vớiXML, được chuẩn hóa trongECMA-357.

JavaScript làmộtngônngữlậptrìnhdựatrênnguyênmẫuvớicúphápp háttriển từC.GiốngnhưC, JavaScriptcókháiniệmtừkhóa,dođó, JavaScriptgầnnh ưkhông thể đượcmở rộng.

CũnggiốngnhưC, JavaScriptkhôngcóbộxửlýxuất/nhập(input/ output)riêng.

Trong khi C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vàophầnm ềm ngôn ngữđược gắnvàođể thực hiệnxuất/nhập.

Trên trình duyệt, rất nhiều trangweb sử dụng JavaScript để thiết kế trang web động và một số hiệu ứng hình ảnh thông qua DOM JavaScript được dùng để thực hiệnmột số tác vụ không thể thực hiện được với chỉ HTML như kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh, Ở Việt Nam, JavaScript còn được ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụng trên trang Wikipedia tiếng Việt Tuy nhiên, mỗi trình duyệt áp dụng JavaScript khác nhau và kh ông tuân theo chuẩn W3C DOM, do đó trong rất nhiều trường hợp lập trình viên phải viết nhiều phiên bản của cùngmột đoạn mã nguồn để có thể hoạt động trên nhiều trình duyệt Một số công nghệ nổi bật dòng JavaScript để tương tác với DOM bao gồm DHTML,Ajax và SPA.

Bên ngoài trình duyệt, JavaScript có thể được sử dụng trong tập tin PDF của

AdobeAcrobat và Adobe Reader Điều khiển Dashboard trênhệ điềuhành MacOS

X phiênbản10.4 cũng có sửdụngJavaScript Công nghệ kịchbản linh động (active scripting) củaMicrosoftcóhỗtrợ ngônngữJScript làmmộtngônngữkịch bản dùng

Trang 9 cho hệ điều hành JScript NET là một ngôn ngữ tương thích với CLI gần giống

JScript nhưng có thêmnhiều tínhnăng lập trìnhhướng đối tượng.

Mỗi ứng dụng này đều cung cấpmô hình đối tượng riêng cho phép tương tác vớimôi trườngchủ,vớiphầnlõilàngônngữlậptrìnhJavaScriptgầnnhưgiố ngnhau.

Phân tích tổng quan từng thực thể

Kháchvãnglai

Kháchcủawebsiteđượcchia làm2 loại thườngthấy là:kháchvãng laiv àkhách đã đăngký tài khoản trên website (thành viên) Đối với khách vãnglai sẽ k hôngcó tài khoản để đăng nhập vào website và chỉ được tìm kiếm sản phẩm, xem thông tin sản phẩm. Nếu muốn được mua hàng bắt buộc phải đăng ký thành viên Bên phải trong formđăngnhập sẽ cóbutton đăngký, kíchchuột tráivào trangđăng k ýsẽ hiện ra.

Tạiđókhách vãnglaiphảiđiền đầyđủ thông tincá nhân, tàikhoản,mậtkhẩu

, địa chỉ, email, sdt saukhikháchhàngchấpnhậnđiềukhoảnvàđăngkýthìwebsit e bắt đầukiểmtra thôngtin xemcóhợplệ không,và sẽbáovàđã đăngkýthànhcôn g.Bây giờ kháchvãng laiđã trở thành thànhviên được quyềnmua hàng.

Thànhviên

Sau khi đăng ký tài khoản khách vãng lai sẽ trởi thành thành viên Thành viên củawebsitemớiđược quyềnđặt hàng Saukhi tìmkiếmvà xemmặthàng, t ạiđâycó ghi đầy đủ về thông tin sản phẩm, nhà phát hành, tình trạng mặt hàng,bảo hành và loại hình khuyến mãi đối với mặt hàng(nếu có), thành viên có thể kích vào nút đặt hàng Tại đó mặt hàng vừa được chọn sẽ chuyển vàogiỏ hàng riêng của thành viên,

Thành viên kích vào giỏ hàng phía bên phải màn hình sẽ hiển thị các mặt hàng vừa được chọn, thành viên kích tiếp nút đặt hàng, tại đó sẽ hiển thị ra trang thông tin cá nhân, sdtđãđượclấy từ thông tinđãđăngký Saukhiđiềnđầyđủ thôngtinnế uthành viênmuốnmua thêmsảnphẩmcóquyềnquaylạiđể tìmkiếmvà cậpnhật th êmhàng vào giỏ hàng Thành viên có thể mua một hoặc nhiềumón hàngmột lúc tro ng cùng mộtgiỏ hàng, đồng thờicó thể xóamột trong số cácmónhàng nếucảmthấy kvừa ý hoặc thayvàođó mónhàngmới.

Thành viên được phép chọn hình thức thanh toán thông qua ATM, Vi sa, hoặc thanh toán trực tiếpkhinhậnđược hàng Tổng tiềnphải thanhtoánbằng tổn g số tiền mua sản phẩm trừ cho khuyến mãi( nếu có). Sau khi đặt hàng xong khách hàng sẽ

Trang 11 được chuyểnsang trang theodõiđơnhàng đã được đặt Tại đó ghi rõquá trì nh xử lý đơn hàngcủa thànhviên.

Nhânviênbán hàng

Nhânviênbánhàngsaukhiđăngnhậpvàohệ thốngcậpnhật thôngtinc á nhân và được quản trị viên phânquyềntài khoảnđược phépđăng nhậpđể cập nhậ t thông tin sản phẩm, cập nhật số lượng hàng cũng như sản phẩm hết hàng và một s ố danh mục sảnphẩmmới.Hàngđượcnhậpvề sẽđượcnhânviên xửlýnhậphàng,c ậpnhập loại mặt hàngmới và số lượnmỗi loại hàng Số lượng hàng hiển thị trên tr ang web sẽ bằngtổng sốhàng hiệncó trênwebsite công với số lượngvừa nhập Các đơn hàng được đặt trênWebsite sẽ được nhânviênbánhàng cậpnhậtvà xử lýcác đơ nhàng đã được đặt.

Nhânviêngiaohàng

Sau khi được quản trị viên phân quyền tài khoản là nhân viên giao hà ng Khi đăngnhậpvà cậpnhật thông tincác nhân,website sẽ chỉ hiển thị cho nhânvi êngiao hàngdanh sách đơn hàngcầngiao.Nhânviên giaohàngchọnvào đơn hàng cầngiao và cập nhật phiếu giao hàng Trên phiếu giao hàng ghi rỏ họ tên, thông tin, địa chỉ ngườinhận, loạisảnphẩm, giá tiền( cóphíshipvà khuyếnmãi), nhânviên khigiao hàngbắt buộc phảiký vàokhu vực người giaovà kháchhàngký vào khuvự c người nhậnđã nhận hàng Sau khiđơnhàngđã được giao và được khách hàngxác nhậnvà thanh toán, nhân viên giao hàng có nhiệm vụ giao lại phiêu giao cho nhân viên bán hàngkết thúc đơnhàng.

Quảntrịviên

Quản trị viên là người có quyền hạn cao nhất trong website Quản trị v iên sau khi đăng nhập được phép phân quyền cho tất cả tài khoản đăng ký trên trang web.

Ngoài nhânviên bánhàngvà nhân viên giao hàngcủawebsite Tất cả các t ài khoản khác khi được đăngkýsẽ đượcmặc định là thànhviêncủawebsite và chỉ đ ược thực hiệncác thaotáccũngnhưquyềnhạngcủamột thànhviên.Quảntrịviênđượ cquyền cập nhật tài khoản người dùng ( thêm, sửa, xóa tài khoản) Quản trị viên chỉ được quyềnxóacáctàikhoảnđãbịquá,quáhạn,đãlâukhôngđăngnhập,xóacáct àikhoản nhânviênđã nghĩviệc Được phép sửa đổiphânquyềncho tàikhoản Ngoài ra, còn

Trang 12 cóthểkhóa tạmthờihoặcvỉnhviểnđốivs tàikhoảncủacác thànhviên cónh ữngtruy cập xấu và spamtrênwebsite.

Các chức năng củacác tác nhâ n 2.1 Kháchvãng lai. a Đăngký. b Tìmkiếmsảnphẩm. c Xem thôngtin sảnphẩm.

2.2 Kháchhàng. a Đăngký b Đăngnhập c Tìmkiếmsảnphẩm. d Xem thôngtin sản phẩm. e Đặt hàng. f Cậpnhậtgiỏhàng g.

2.3 Nhânviênbánhàng. a Đăngnhập. b Cậpnhậtsản phẩm c Cậpnhậtdanhmục sảnphẩm d Cậpnhật tình trạng đơnhàng e Xử lý đơn hàng

2.4 Nhânviêngiaohàng. a Đăngnhập. b Xemdanh sách đơnhàngcầngiao. c Cậpnhật phiếugiao hàng.

2.5 Quảntrịviên. a Đăngnhập. b Phânquyềntàikhoản. c Cậpnhật tàikhoản.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 3: Sơđồ USECASEthành v iên 3.3 Usecase nhânviênbánhàng.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 5: Sơđồ USECASEnhân viên giao h àng 3.5 Usecase quản trịviên.

Hình 6: Sơđồ USECASEquản trị viên

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 8: Sơđồ hoạt động khách vãng lai

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 9: Sơđồ hoạt động thành vi ên 6 Sơđồ tuầntự.

Hình 10: Sơđồ tuần tự đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 11: Sơđồ tuần tự tìm ki ếm 6.3 Đăngnhập.

Hình 12: Sơđồ tuần tự đăng nhập

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 13: Sơđồ tuần tự đặt hà ng 6.5 Theodõi đơnhàng.

Hình 14: Sơđồ tuần tự theo dõi đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 15: Sơđồ tuần tự cập nhật sản phẩm

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

Thuộc tín h idnd tennd username password ngaysinh gioitinh email dienthoai diachi ngaydangk y phanquyen

Mã người dùn g Tên ngườidùn g Tàikhoản Mậtkhẩu Ngày sinh Giới tính Email Điện thoại Địa chỉ Ngày tạo Phânquyền

Primary ke y notnull Not null Not null Not null Not null Not null Not null Not Null Not nullNot Null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h madm tendm dequi

Mã danhmụ c Têndanhmụ c Đệ qui

Primary ke y Not null Not null

Thuộc tín h mahd tensp soluong gia phuongthucthanhto an id_hdct

Mã đơnhàng Tênsảnphẩ m Số lượng Giá tiền Phương thức thanh toán Hóa đơn chi tiết

Varchar(50) Int(11) Int(11) Int(11) Int(11)

Primaryke y Not null Not null Not null Not null Not Null

Thuộc tín h mahd idnd tennd diachi dienthoa i email ngaydatha ng trangthai

Mã người dùn g Họ tên Địa chỉ Điện thoại Email Ngày đặthàn g

Kiểudữ liệ u int(11) int(11) varchar(50) varchar(255 ) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h idsp tensp hinhan h mau chitiet soluong daban gia khuyenmai

Mã sảnphẩm Tênsảnphẩ m Hình ảnh Màu

Số lượn g Đã bán Gía Khuyếnmãi 1 Khuyếnmãi 2

5) Varchar(20) Text int(11) int(11) int(11) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not null Not null Not null Not null Foregnkey Not null Not null

Thuộc tín h maguitang madh tennn diachigt sdtgt

Mã đơn hàng Tênngườinhậ n Địa chỉ gửi tặn g

Kiểudữ liệ u int(11) int(11) Varchar(10

Primaryke y Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 16: Giao diện trang chủ (1)

Hình 17: Giao diện trang chủ (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 18: Giao diện trang sản ph ẩm 1.1.3 Giaodiệnđăngnhập.

Hình 19: Giao diện đăng nhập (1)

Hình 20: Giao diện đăng nhập (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 21: Giao diện đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 22: Giao diện tìmki ếm 1.1.6

Hình 23: Giao diện chi tiết sản phẩm

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 24: Giao diện giỏ hàng

1.1.8 Giao diện chitiết giỏ hàng giỏ hàng.

Hình 25: Giao diện chi tiết giỏ hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 26: Giao diện thanh to án 1.1.10 Giao diện banner phải.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 28: Giao diện Bannerp hải 1.1.12.Giaodiệnfooter.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 31: Giao diện trang hổ trợ

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.1 Giao diện sản phẩm (N hân viên bán hàng)

Hình 32: Giao diện quản lý sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.2 Giao diện sửa sản phẩm (Nhân viên bán hàng)

Hình 33: Giao diện sửa sản phẩm (1)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 34: Giao diện sửa sản phẩm (2)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.3 Giao diện thêm sản phẩm (Nhân viên bán hàng)

Hình 35: Giao diện thêm sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 36: Giao diện quản lý người dùng

1 2.4 Giao diện upd ate ngườ i dùn g

Hình 37: Giao diện update người dùng

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.5 Giao diện tran g adm in

Hình 38: Giao diện trang chủ admin

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.6 Giao diện tran g quản lý danh mục (Nhân viên bán hàng)

Hình 39: Giao diện quản lý danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.7 Giao diện upd ate danh mục (Nhân viên bán hàng)

Hình 40: Giao diện update danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.8 Giao diện thêm danh mục

Hình 41: Giao diện thêm danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.9 Tran g quản lý đơn hàng

Hình 42: Giao diện đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

N 1 Kết quả đạt được củađề tài.

- Website mua bán điện thoại di động đơngiản với các chức năngcơ bản như: đăngký, đăng nhập, tìmkiếmsản phẩm, xemsản phẩm, đặt hàng

- Dễdàngtrongviệcquảnlý, cậpnhật thôngtinkháchhàng, thôngtinsảnphẩm và đơnhàng

- Giao diện thân thiện, dễ dàngsửdụng.

Miễnphí, được sửdụngrộng rải trongmôi trường phát triểnweb site - Mua bánsảnphẩmtrực tiếp trênWebsite.

Tìmkiếm thông tinsảnphẩmđược nhanh, tiện lợivà chính xác 2 Hướng phát triểncủađề tài:

-Xâydựngwebsite với những chức năngcơ bảnnhư: đăngký, đăngnhập, tìm kiếm, đặthàng,

Tìm hiểu sâu hơn về ngôn ngữPHP &MySQL để có thể đáp ứng nhiều h- ơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống Kết hợp ngôn ngữPHP với các hệ quản trịcơ sở dữ liệu lớnhơn: SQL Server,…

Tìmhiểu thêmmột sốngônngữ, hoàn thiện các chức năngcầnthiết cho t- rangwebđể đưa vàohoạtđộng, các phầnmềmứngdụng để nângcao giaodiện đồ họa đẹp mắt, thân thiện hơn…Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng…

Các chức năngcủa các tác nhân

Khách hàng

a Đăngký b Đăngnhập c Tìmkiếmsảnphẩm. d Xem thôngtin sản phẩm. e Đặt hàng. f Cậpnhậtgiỏhàng g.

Nhânviênbán hàng

a Đăngnhập. b Cậpnhậtsản phẩm c Cậpnhậtdanhmục sảnphẩm d Cậpnhật tình trạng đơnhàng e Xử lý đơn hàng

Nhânviêngiaohàng

a Đăngnhập. b Xemdanh sách đơnhàngcầngiao. c Cậpnhật phiếugiao hàng.

Quảntrịviên

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Sơ đồ USECASE

Usecase Kháchhàng

Hình 3: Sơđồ USECASEthành v iên 3.3 Usecase nhânviênbánhàng.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 5: Sơđồ USECASEnhân viên giao h àng 3.5 Usecase quản trịviên.

Hình 6: Sơđồ USECASEquản trị viên

Usecase nhân viên giao hàng

Hình 5: Sơđồ USECASEnhân viên giao h àng 3.5 Usecase quản trịviên.

Hình 6: Sơđồ USECASEquản trị viên

Biểu đồ ERD

Hình 8: Sơđồ hoạt động khách vãng lai

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 9: Sơđồ hoạt động thành vi ên 6 Sơđồ tuầntự.

Hình 10: Sơđồ tuần tự đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 11: Sơđồ tuần tự tìm ki ếm 6.3 Đăngnhập.

Hình 12: Sơđồ tuần tự đăng nhập

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 13: Sơđồ tuần tự đặt hà ng 6.5 Theodõi đơnhàng.

Hình 14: Sơđồ tuần tự theo dõi đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 15: Sơđồ tuần tự cập nhật sản phẩm

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

Thuộc tín h idnd tennd username password ngaysinh gioitinh email dienthoai diachi ngaydangk y phanquyen

Mã người dùn g Tên ngườidùn g Tàikhoản Mậtkhẩu Ngày sinh Giới tính Email Điện thoại Địa chỉ Ngày tạo Phânquyền

Primary ke y notnull Not null Not null Not null Not null Not null Not null Not Null Not nullNot Null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h madm tendm dequi

Mã danhmụ c Têndanhmụ c Đệ qui

Primary ke y Not null Not null

Thuộc tín h mahd tensp soluong gia phuongthucthanhto an id_hdct

Mã đơnhàng Tênsảnphẩ m Số lượng Giá tiền Phương thức thanh toán Hóa đơn chi tiết

Varchar(50) Int(11) Int(11) Int(11) Int(11)

Primaryke y Not null Not null Not null Not null Not Null

Thuộc tín h mahd idnd tennd diachi dienthoa i email ngaydatha ng trangthai

Mã người dùn g Họ tên Địa chỉ Điện thoại Email Ngày đặthàn g

Kiểudữ liệ u int(11) int(11) varchar(50) varchar(255 ) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h idsp tensp hinhan h mau chitiet soluong daban gia khuyenmai

Mã sảnphẩm Tênsảnphẩ m Hình ảnh Màu

Số lượn g Đã bán Gía Khuyếnmãi 1 Khuyếnmãi 2

5) Varchar(20) Text int(11) int(11) int(11) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not null Not null Not null Not null Foregnkey Not null Not null

Thuộc tín h maguitang madh tennn diachigt sdtgt

Mã đơn hàng Tênngườinhậ n Địa chỉ gửi tặn g

Kiểudữ liệ u int(11) int(11) Varchar(10

Primaryke y Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 16: Giao diện trang chủ (1)

Hình 17: Giao diện trang chủ (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 18: Giao diện trang sản ph ẩm 1.1.3 Giaodiệnđăngnhập.

Hình 19: Giao diện đăng nhập (1)

Hình 20: Giao diện đăng nhập (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 21: Giao diện đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 22: Giao diện tìmki ếm 1.1.6

Hình 23: Giao diện chi tiết sản phẩm

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 24: Giao diện giỏ hàng

1.1.8 Giao diện chitiết giỏ hàng giỏ hàng.

Hình 25: Giao diện chi tiết giỏ hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 26: Giao diện thanh to án 1.1.10 Giao diện banner phải.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 28: Giao diện Bannerp hải 1.1.12.Giaodiệnfooter.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 31: Giao diện trang hổ trợ

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.1 Giao diện sản phẩm (N hân viên bán hàng)

Hình 32: Giao diện quản lý sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.2 Giao diện sửa sản phẩm (Nhân viên bán hàng)

Hình 33: Giao diện sửa sản phẩm (1)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 34: Giao diện sửa sản phẩm (2)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.3 Giao diện thêm sản phẩm (Nhân viên bán hàng)

Hình 35: Giao diện thêm sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 36: Giao diện quản lý người dùng

1 2.4 Giao diện upd ate ngườ i dùn g

Hình 37: Giao diện update người dùng

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.5 Giao diện tran g adm in

Hình 38: Giao diện trang chủ admin

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.6 Giao diện tran g quản lý danh mục (Nhân viên bán hàng)

Hình 39: Giao diện quản lý danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.7 Giao diện upd ate danh mục (Nhân viên bán hàng)

Hình 40: Giao diện update danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.8 Giao diện thêm danh mục

Hình 41: Giao diện thêm danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.9 Tran g quản lý đơn hàng

Hình 42: Giao diện đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

N 1 Kết quả đạt được củađề tài.

- Website mua bán điện thoại di động đơngiản với các chức năngcơ bản như: đăngký, đăng nhập, tìmkiếmsản phẩm, xemsản phẩm, đặt hàng

- Dễdàngtrongviệcquảnlý, cậpnhật thôngtinkháchhàng, thôngtinsảnphẩm và đơnhàng

- Giao diện thân thiện, dễ dàngsửdụng.

Miễnphí, được sửdụngrộng rải trongmôi trường phát triểnweb site - Mua bánsảnphẩmtrực tiếp trênWebsite.

Tìmkiếm thông tinsảnphẩmđược nhanh, tiện lợivà chính xác 2 Hướng phát triểncủađề tài:

-Xâydựngwebsite với những chức năngcơ bảnnhư: đăngký, đăngnhập, tìm kiếm, đặthàng,

Tìm hiểu sâu hơn về ngôn ngữPHP &MySQL để có thể đáp ứng nhiều h- ơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống Kết hợp ngôn ngữPHP với các hệ quản trịcơ sở dữ liệu lớnhơn: SQL Server,…

Tìmhiểu thêmmột sốngônngữ, hoàn thiện các chức năngcầnthiết cho t- rangwebđể đưa vàohoạtđộng, các phầnmềmứngdụng để nângcao giaodiện đồ họa đẹp mắt, thân thiện hơn…Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng…

Biểu đồ hoạtđộng

Sơ đồ tuần tự

Đăngký

Hình 10: Sơđồ tuần tự đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Tìmkiếm

Hình 11: Sơđồ tuần tự tìm ki ếm 6.3 Đăngnhập.

Hình 12: Sơđồ tuần tự đăng nhập

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 13: Sơđồ tuần tự đặt hà ng 6.5 Theodõi đơnhàng.

Hình 14: Sơđồ tuần tự theo dõi đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 15: Sơđồ tuần tự cập nhật sản phẩm

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

Thuộc tín h idnd tennd username password ngaysinh gioitinh email dienthoai diachi ngaydangk y phanquyen

Mã người dùn g Tên ngườidùn g Tàikhoản Mậtkhẩu Ngày sinh Giới tính Email Điện thoại Địa chỉ Ngày tạo Phânquyền

Primary ke y notnull Not null Not null Not null Not null Not null Not null Not Null Not nullNot Null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h madm tendm dequi

Mã danhmụ c Têndanhmụ c Đệ qui

Primary ke y Not null Not null

Thuộc tín h mahd tensp soluong gia phuongthucthanhto an id_hdct

Mã đơnhàng Tênsảnphẩ m Số lượng Giá tiền Phương thức thanh toán Hóa đơn chi tiết

Varchar(50) Int(11) Int(11) Int(11) Int(11)

Primaryke y Not null Not null Not null Not null Not Null

Thuộc tín h mahd idnd tennd diachi dienthoa i email ngaydatha ng trangthai

Mã người dùn g Họ tên Địa chỉ Điện thoại Email Ngày đặthàn g

Kiểudữ liệ u int(11) int(11) varchar(50) varchar(255 ) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h idsp tensp hinhan h mau chitiet soluong daban gia khuyenmai

Mã sảnphẩm Tênsảnphẩ m Hình ảnh Màu

Số lượn g Đã bán Gía Khuyếnmãi 1 Khuyếnmãi 2

5) Varchar(20) Text int(11) int(11) int(11) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not null Not null Not null Not null Foregnkey Not null Not null

Thuộc tín h maguitang madh tennn diachigt sdtgt

Mã đơn hàng Tênngườinhậ n Địa chỉ gửi tặn g

Kiểudữ liệ u int(11) int(11) Varchar(10

Primaryke y Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 16: Giao diện trang chủ (1)

Hình 17: Giao diện trang chủ (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 18: Giao diện trang sản ph ẩm 1.1.3 Giaodiệnđăngnhập.

Hình 19: Giao diện đăng nhập (1)

Hình 20: Giao diện đăng nhập (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 21: Giao diện đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 22: Giao diện tìmki ếm 1.1.6

Hình 23: Giao diện chi tiết sản phẩm

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 24: Giao diện giỏ hàng

1.1.8 Giao diện chitiết giỏ hàng giỏ hàng.

Hình 25: Giao diện chi tiết giỏ hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 26: Giao diện thanh to án 1.1.10 Giao diện banner phải.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 28: Giao diện Bannerp hải 1.1.12.Giaodiệnfooter.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 31: Giao diện trang hổ trợ

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.1 Giao diện sản phẩm (N hân viên bán hàng)

Hình 32: Giao diện quản lý sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.2 Giao diện sửa sản phẩm (Nhân viên bán hàng)

Hình 33: Giao diện sửa sản phẩm (1)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 34: Giao diện sửa sản phẩm (2)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.3 Giao diện thêm sản phẩm (Nhân viên bán hàng)

Hình 35: Giao diện thêm sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 36: Giao diện quản lý người dùng

1 2.4 Giao diện upd ate ngườ i dùn g

Hình 37: Giao diện update người dùng

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.5 Giao diện tran g adm in

Hình 38: Giao diện trang chủ admin

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.6 Giao diện tran g quản lý danh mục (Nhân viên bán hàng)

Hình 39: Giao diện quản lý danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.7 Giao diện upd ate danh mục (Nhân viên bán hàng)

Hình 40: Giao diện update danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.8 Giao diện thêm danh mục

Hình 41: Giao diện thêm danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.9 Tran g quản lý đơn hàng

Hình 42: Giao diện đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

N 1 Kết quả đạt được củađề tài.

- Website mua bán điện thoại di động đơngiản với các chức năngcơ bản như: đăngký, đăng nhập, tìmkiếmsản phẩm, xemsản phẩm, đặt hàng

- Dễdàngtrongviệcquảnlý, cậpnhật thôngtinkháchhàng, thôngtinsảnphẩm và đơnhàng

- Giao diện thân thiện, dễ dàngsửdụng.

Miễnphí, được sửdụngrộng rải trongmôi trường phát triểnweb site - Mua bánsảnphẩmtrực tiếp trênWebsite.

Tìmkiếm thông tinsảnphẩmđược nhanh, tiện lợivà chính xác 2 Hướng phát triểncủađề tài:

-Xâydựngwebsite với những chức năngcơ bảnnhư: đăngký, đăngnhập, tìm kiếm, đặthàng,

Tìm hiểu sâu hơn về ngôn ngữPHP &MySQL để có thể đáp ứng nhiều h- ơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống Kết hợp ngôn ngữPHP với các hệ quản trịcơ sở dữ liệu lớnhơn: SQL Server,…

Tìmhiểu thêmmột sốngônngữ, hoàn thiện các chức năngcầnthiết cho t- rangwebđể đưa vàohoạtđộng, các phầnmềmứngdụng để nângcao giaodiện đồ họa đẹp mắt, thân thiện hơn…Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng…

Đặt hàng

Hình 13: Sơđồ tuần tự đặt hà ng 6.5 Theodõi đơnhàng.

Hình 14: Sơđồ tuần tự theo dõi đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 15: Sơđồ tuần tự cập nhật sản phẩm

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

Thuộc tín h idnd tennd username password ngaysinh gioitinh email dienthoai diachi ngaydangk y phanquyen

Mã người dùn g Tên ngườidùn g Tàikhoản Mậtkhẩu Ngày sinh Giới tính Email Điện thoại Địa chỉ Ngày tạo Phânquyền

Primary ke y notnull Not null Not null Not null Not null Not null Not null Not Null Not nullNot Null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h madm tendm dequi

Mã danhmụ c Têndanhmụ c Đệ qui

Primary ke y Not null Not null

Thuộc tín h mahd tensp soluong gia phuongthucthanhto an id_hdct

Mã đơnhàng Tênsảnphẩ m Số lượng Giá tiền Phương thức thanh toán Hóa đơn chi tiết

Varchar(50) Int(11) Int(11) Int(11) Int(11)

Primaryke y Not null Not null Not null Not null Not Null

Thuộc tín h mahd idnd tennd diachi dienthoa i email ngaydatha ng trangthai

Mã người dùn g Họ tên Địa chỉ Điện thoại Email Ngày đặthàn g

Kiểudữ liệ u int(11) int(11) varchar(50) varchar(255 ) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h idsp tensp hinhan h mau chitiet soluong daban gia khuyenmai

Mã sảnphẩm Tênsảnphẩ m Hình ảnh Màu

Số lượn g Đã bán Gía Khuyếnmãi 1 Khuyếnmãi 2

5) Varchar(20) Text int(11) int(11) int(11) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not null Not null Not null Not null Foregnkey Not null Not null

Thuộc tín h maguitang madh tennn diachigt sdtgt

Mã đơn hàng Tênngườinhậ n Địa chỉ gửi tặn g

Kiểudữ liệ u int(11) int(11) Varchar(10

Primaryke y Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 16: Giao diện trang chủ (1)

Hình 17: Giao diện trang chủ (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 18: Giao diện trang sản ph ẩm 1.1.3 Giaodiệnđăngnhập.

Hình 19: Giao diện đăng nhập (1)

Hình 20: Giao diện đăng nhập (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 21: Giao diện đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 22: Giao diện tìmki ếm 1.1.6

Hình 23: Giao diện chi tiết sản phẩm

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 24: Giao diện giỏ hàng

1.1.8 Giao diện chitiết giỏ hàng giỏ hàng.

Hình 25: Giao diện chi tiết giỏ hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 26: Giao diện thanh to án 1.1.10 Giao diện banner phải.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 28: Giao diện Bannerp hải 1.1.12.Giaodiệnfooter.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 31: Giao diện trang hổ trợ

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.1 Giao diện sản phẩm (N hân viên bán hàng)

Hình 32: Giao diện quản lý sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.2 Giao diện sửa sản phẩm (Nhân viên bán hàng)

Hình 33: Giao diện sửa sản phẩm (1)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 34: Giao diện sửa sản phẩm (2)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.3 Giao diện thêm sản phẩm (Nhân viên bán hàng)

Hình 35: Giao diện thêm sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 36: Giao diện quản lý người dùng

1 2.4 Giao diện upd ate ngườ i dùn g

Hình 37: Giao diện update người dùng

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.5 Giao diện tran g adm in

Hình 38: Giao diện trang chủ admin

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.6 Giao diện tran g quản lý danh mục (Nhân viên bán hàng)

Hình 39: Giao diện quản lý danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.7 Giao diện upd ate danh mục (Nhân viên bán hàng)

Hình 40: Giao diện update danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.8 Giao diện thêm danh mục

Hình 41: Giao diện thêm danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.9 Tran g quản lý đơn hàng

Hình 42: Giao diện đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

N 1 Kết quả đạt được củađề tài.

- Website mua bán điện thoại di động đơngiản với các chức năngcơ bản như: đăngký, đăng nhập, tìmkiếmsản phẩm, xemsản phẩm, đặt hàng

- Dễdàngtrongviệcquảnlý, cậpnhật thôngtinkháchhàng, thôngtinsảnphẩm và đơnhàng

- Giao diện thân thiện, dễ dàngsửdụng.

Miễnphí, được sửdụngrộng rải trongmôi trường phát triểnweb site - Mua bánsảnphẩmtrực tiếp trênWebsite.

Tìmkiếm thông tinsảnphẩmđược nhanh, tiện lợivà chính xác 2 Hướng phát triểncủađề tài:

-Xâydựngwebsite với những chức năngcơ bảnnhư: đăngký, đăngnhập, tìm kiếm, đặthàng,

Tìm hiểu sâu hơn về ngôn ngữPHP &MySQL để có thể đáp ứng nhiều h- ơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống Kết hợp ngôn ngữPHP với các hệ quản trịcơ sở dữ liệu lớnhơn: SQL Server,…

Tìmhiểu thêmmột sốngônngữ, hoàn thiện các chức năngcầnthiết cho t- rangwebđể đưa vàohoạtđộng, các phầnmềmứngdụng để nângcao giaodiện đồ họa đẹp mắt, thân thiện hơn…Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng…

Cậpnhậtsảnphẩm

Hình 15: Sơđồ tuần tự cập nhật sản phẩm

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

Thuộc tín h idnd tennd username password ngaysinh gioitinh email dienthoai diachi ngaydangk y phanquyen

Mã người dùn g Tên ngườidùn g Tàikhoản Mậtkhẩu Ngày sinh Giới tính Email Điện thoại Địa chỉ Ngày tạo Phânquyền

Primary ke y notnull Not null Not null Not null Not null Not null Not null Not Null Not nullNot Null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h madm tendm dequi

Mã danhmụ c Têndanhmụ c Đệ qui

Primary ke y Not null Not null

Thuộc tín h mahd tensp soluong gia phuongthucthanhto an id_hdct

Mã đơnhàng Tênsảnphẩ m Số lượng Giá tiền Phương thức thanh toán Hóa đơn chi tiết

Varchar(50) Int(11) Int(11) Int(11) Int(11)

Primaryke y Not null Not null Not null Not null Not Null

Thuộc tín h mahd idnd tennd diachi dienthoa i email ngaydatha ng trangthai

Mã người dùn g Họ tên Địa chỉ Điện thoại Email Ngày đặthàn g

Kiểudữ liệ u int(11) int(11) varchar(50) varchar(255 ) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thuộc tín h idsp tensp hinhan h mau chitiet soluong daban gia khuyenmai

Mã sảnphẩm Tênsảnphẩ m Hình ảnh Màu

Số lượn g Đã bán Gía Khuyếnmãi 1 Khuyếnmãi 2

5) Varchar(20) Text int(11) int(11) int(11) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not null Not null Not null Not null Foregnkey Not null Not null

Thuộc tín h maguitang madh tennn diachigt sdtgt

Mã đơn hàng Tênngườinhậ n Địa chỉ gửi tặn g

Kiểudữ liệ u int(11) int(11) Varchar(10

Primaryke y Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 16: Giao diện trang chủ (1)

Hình 17: Giao diện trang chủ (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 18: Giao diện trang sản ph ẩm 1.1.3 Giaodiệnđăngnhập.

Hình 19: Giao diện đăng nhập (1)

Hình 20: Giao diện đăng nhập (2)

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 21: Giao diện đăng ký

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 22: Giao diện tìmki ếm 1.1.6

Hình 23: Giao diện chi tiết sản phẩm

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 24: Giao diện giỏ hàng

1.1.8 Giao diện chitiết giỏ hàng giỏ hàng.

Hình 25: Giao diện chi tiết giỏ hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 26: Giao diện thanh to án 1.1.10 Giao diện banner phải.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 28: Giao diện Bannerp hải 1.1.12.Giaodiệnfooter.

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Hình 31: Giao diện trang hổ trợ

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.1 Giao diện sản phẩm (N hân viên bán hàng)

Hình 32: Giao diện quản lý sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.2 Giao diện sửa sản phẩm (Nhân viên bán hàng)

Hình 33: Giao diện sửa sản phẩm (1)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 34: Giao diện sửa sản phẩm (2)

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.3 Giao diện thêm sản phẩm (Nhân viên bán hàng)

Hình 35: Giao diện thêm sản phẩm

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

Hình 36: Giao diện quản lý người dùng

1 2.4 Giao diện upd ate ngườ i dùn g

Hình 37: Giao diện update người dùng

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.5 Giao diện tran g adm in

Hình 38: Giao diện trang chủ admin

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.6 Giao diện tran g quản lý danh mục (Nhân viên bán hàng)

Hình 39: Giao diện quản lý danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.7 Giao diện upd ate danh mục (Nhân viên bán hàng)

Hình 40: Giao diện update danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.8 Giao diện thêm danh mục

Hình 41: Giao diện thêm danh mục

Báo cáo đồ án tốt nghiệp GVH D : TS Hoàng Thị Mỹ Lệ

1 2.9 Tran g quản lý đơn hàng

Hình 42: Giao diện đơn hàng

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

N 1 Kết quả đạt được củađề tài.

- Website mua bán điện thoại di động đơngiản với các chức năngcơ bản như: đăngký, đăng nhập, tìmkiếmsản phẩm, xemsản phẩm, đặt hàng

- Dễdàngtrongviệcquảnlý, cậpnhật thôngtinkháchhàng, thôngtinsảnphẩm và đơnhàng

- Giao diện thân thiện, dễ dàngsửdụng.

Miễnphí, được sửdụngrộng rải trongmôi trường phát triểnweb site - Mua bánsảnphẩmtrực tiếp trênWebsite.

Tìmkiếm thông tinsảnphẩmđược nhanh, tiện lợivà chính xác 2 Hướng phát triểncủađề tài:

-Xâydựngwebsite với những chức năngcơ bảnnhư: đăngký, đăngnhập, tìm kiếm, đặthàng,

Tìm hiểu sâu hơn về ngôn ngữPHP &MySQL để có thể đáp ứng nhiều h- ơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống Kết hợp ngôn ngữPHP với các hệ quản trịcơ sở dữ liệu lớnhơn: SQL Server,…

Tìmhiểu thêmmột sốngônngữ, hoàn thiện các chức năngcầnthiết cho t- rangwebđể đưa vàohoạtđộng, các phầnmềmứngdụng để nângcao giaodiện đồ họa đẹp mắt, thân thiện hơn…Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng…

Thiếtkế cơ sở dữ liệu

Table danhmục

Thuộc tín h madm tendm dequi

Mã danhmụ c Têndanhmụ c Đệ qui

Primary ke y Not nullNot null

Table Chi tiết đơn hàng

Thuộc tín h mahd tensp soluong gia phuongthucthanhto an id_hdct

Mã đơnhàng Tênsảnphẩ m Số lượng Giá tiền Phương thức thanh toán Hóa đơn chi tiết

Varchar(50) Int(11) Int(11) Int(11) Int(11)

Primaryke y Not null Not null Not null Not nullNot Null

Table đơn hàng

Thuộc tín h mahd idnd tennd diachi dienthoa i email ngaydatha ng trangthai

Mã người dùn g Họ tên Địa chỉ Điện thoại Email Ngày đặthàn g

Kiểudữ liệ u int(11) int(11) varchar(50) varchar(255 ) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Table sảnphẩm

Thuộc tín h idsp tensp hinhan h mau chitiet soluong daban gia khuyenmai

Mã sảnphẩm Tênsảnphẩ m Hình ảnh Màu

Số lượn g Đã bán Gía Khuyếnmãi 1 Khuyếnmãi 2

5) Varchar(20) Text int(11) int(11) int(11) int(11) Varchar(25

Primary ke y Not null Not null Not null Not null Not null Not null Not null Not null Not null Foregnkey Not null Not null

Thuộc tín h maguitang madh tennn diachigt sdtgt

Mã đơn hàng Tênngườinhậ n Địa chỉ gửi tặn g

Kiểudữ liệ u int(11) int(11) Varchar(10

Primaryke y Not null Not null Not nullNot null

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Sơ đồ mốiquanhệ giữa các thực thể

Báocáođồ án tốt nghiệp GVHD:TS HoàngThịMỹLệ

Thiếtkế giao diện

Ngày đăng: 07/03/2024, 10:43

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w