Bài tập lớn môn nhập môn công nghệ phần mềm đề tài xây dựng website bán hàng chum café

THÁI NGUYÊN o0o BÀI TẬP LỚN MÔN NHẬP MÔN CÔNG NGHỆ PHẦN MỀM Đề tài: Xây Dựng website bán hàng Chum café Sinh viên thực hiện: Nguyễn Anh Đức Hà Minh Khôi Phùng Nam Khánh Nguyễn Quang Khởi Nguyễn Đức Hải Phạm Hoàng Thuyên Nguyễn Việt Quang Lớp: CNTT K20A Mở đầu Ngày nay, ngành công nghệ thông tin phát triển vơ mạnh mẽ Nó chứng tỏ sức mạnh lĩnh vực sống Nước ta ngành tin học khẳng định vai trị, vị trí lớn lĩnh vực kinh tế, xã hội Rất nhiều quan cơng sở, xí nghiệp, trường học, bệnh viện đưa tin học vào ứng dụng Trong việc quản lý thông tin ứng dụng cần thiết mang lại nhiều lợi ích Nó giúp cho cơng ty, xí nghiệp, trường học tiết kiệm thời gian, tiền bạc, nhân cơng có độ xác cao Hiện việc mua bán online trở nên phổ biến, đặc biệt cửa hàng kinh doanh Rất nhiều cửa hàng ứng dụng công nghệ phần mềm để tạo nên trang web bán hàng online đạt nhiều thành tựu lớn Vì việc áp dụng tin học, đưa máy tính vào trợ giúp bán hàng cần thiết, giúp quản lý cách hiệu quả, lưu trữ lượng lớn thông tin mà không cần phải nhiều giấy tờ cách truyền thống Giúp việc tra cứu thông tin nhanh chóng, hiệu làm việc tăng cao, tiết kiệm nhiều thời gian Xuất phát từ nhận thức trên, với mong muốn áp dụng công nghệ thông tin vào việc bán hàng có hiệu quả,dựa hoạt động thực tiễn chúng em mạnh dạn xây dựng hệ thống web bán hàng online quán cà phê Chum Chúng em xin chân thành cảm ơn ThS Nguyễn Thu Phương, giảng viên khoa công nghệ thông tin Trường Đại Học Công nghệ thông tin truyền thông Thái Nguyên tận tình hướng dẫn chúng em q trình thự hồn thành tập Mục Lục M ởđầầu Mục Lục .3 Chương 1: T ngổquan vềầ công ngh phầần ệ mềầm 1.1 Các khái niệm 1.1.1 Công ngh phầần ệ mềầm 1.1.2 S khác ự gi aữcông ngh phầần ệ mềầm công ngh ệ hệ thôống .6 1.1.3 Có h cọcơng ngh phầần ệ mềầm 1.1.4 Cơ hội việc làm 1.2 Các xu h ướ ng công ngh phầần ệ mềầm đ ại 1.2.1 Thương mai điện t Thương mại điện tử .8 Trí tuệ nhần tạo .8 Công nghệ blockchain Ứng dụng Chatbot Phầần mềầm tư vầốn chăm sóc sức khỏe t xa 10 Internet of Things (IoT) 10 Công nghệ đám 10 Phát tri ển ứng d ụng theo nhu cầầu ng ười dùng .11 Thực tềố ảo 11 Dịch vụ 5G 11 Thanh tốn khơng dùng tềần mặt 11 1.2.2 Vòng đ i phầần mềầm 12 1.2.3 Nh ng ữ giai đo nạc aủvòng đ i phát tri nểphầần mềầm 12 1.3 Quy trình phát tri nểphầần mềầm 13 1.3.1 Quy trình phát tri nểphầần mềầm gì? 13 1.3.2 M t ộsơố mơ hình cho vi c ệxầy d ng ự quy trình phát tri nểphầần mềầm 14 1.4 Mơ hình mà nhóm sử dụng 14 Chương 2: lập kềố hoạch dự án 15 Ch ươ ng 3: đ c ặt phầần ả mềầm 16 3.1 Phầần mềầm qu nảlý bán hàng gì? T i s dử ng ụ phầần mềầm qu ản lý bán hàng? 16 3.2 Khảo sát trạng .17 3.3 Mô tả hệ thôống .18 3.3.1 Quá trình nhập hàng 18 3.3.2 Quá trình bán hàng 18 3.3.3 Báo cáo 19 3.4 Phương pháp nghiền cứu .19 3.4.1 Tài liệu tham khảo 19 3.4.2 Nghiền u thự c tềễn .19 3.4.3 Tổ ng hợ p phần tch sôố liệu 19 3.4.4 Phạm vi nghiền c ứu 20 Chươ ng 4: Phần tch thiềốt kềố h ệ thôống 20 4.1 Mơ hình tổ chức hệ thơống 20 4.1.1 Đăng nhập 20 4.1.2 Tạo tài khoản 21 4.1.3 Liền kềốt tài khoản 21 4.2 Xầy dựng kịch 22 4.2.1 Tác nhần Người quản lý 22 4.2.2 Tác nhần người Nhần viền .22 4.3 Bi u đôầ ể l pớvà bi uểđôầ tuầần tự chức 37 4.3.1 Bi ểu đôầ lớp 37 4.3.2 Bi uểđôầ tuầần tự cho chức 37 4.3.3 Bi ểu đôầ trạng thái cho chức 43 4.4 Thiềốt kềố 48 Ch ương 5: Cài đ tặ Demo(Tền đềầ tài) .49 5.1 Giới thiệu website Chum café 49 5.2.Các ngôn ngữ đùng 53 5.2.1 Sử dụng HTML, CSS, JavaScript 53 5.2.2 Sử dụng SQL sever để lưu trữ Database 53 Chương 6: Kiểm thử 54 6.1 Hình nhả đầầu tền khách hàng truy c pậphầần mềầm 54 6.2 Form đăng nhập 54 6.3 From tạo tài khoản 55 6.4 Form menu 55 6.5 Form Blog 56 6.6 Form feedback 56 Kềốt Luận 57 Chương 1: Tổng quan công nghệ phần mềm 1.1 Các khái niệm 1.1.1 Công nghệ phần mềm Công nghệ phần mềm sử dụng áp dụng cách tiến cận có hệ thống, có kỉ luật, định lượng cho việc phát triển, sử dụng bảo trì phần mềm Ngành học kỹ sư phần mềm bao trùm kiến thức, công cụ, phương pháp cho việc định nghĩa yêu cầu phần mềm, thực tác vụ để thiết kế, dựng, kiểm thử bảo trì phần mềm Kỹ sư phần mềm sử dụng kiến thức lĩnh vực kỹ thuật máy tính, quản lý, tốn học, quản lý dự án, quản lý chấy lượng, công thái học phần mềm kỹ sư hệ thống Công nghệ phần mềm xem phận quy trình cơng nghệ hệ thống, có liên quan tới phát triển ứng dụng, hạ tầng, sơ sở liệu điểu khiển hệ thống Các kỹ sư phần mềm phải tuân thủ quy định hệ thông, tổ chức công việc cung sử dụng kỹ thuật, công cụ phù hợp với vấn đề, tài nguyên sãn có Khác với khoa học máy tính, cơng nghệ phần mềm khơng đề cập tới lý thuyết vấn đề bản, mà cịn tập trung vào hoạt động xây dựng chế tạo sản phẩm phần mềm hệ thống hay phần mềm ứng dụng hữu ích với người Sự phát triển mạnh mẽ ngành kỹ thuật phần mềm vượt xa hẳn lý thuyết khoa học máy tính tích góp nhỏ giọt 1.1.2 Sự khác công nghệ phần mềm công nghệ hệ thống - Một điều dễ nhầm lẫn công nghệ phần mềm công nghệ hệ thống Trên thực tế, công nghệ hệ thống (kỹ nghệ hệ thống) lại liên quan tất khía cạnh q trình phát triển hệ thống dựa máy tính bao gồm: từ phần cứng, phần mềm, cơng nghệ xử lý,… Có thể thấy, công nghệ phần mềm phần công nghệ hệ thống, có liên quan tới việc phát triển hạ tầng phần mềm điều khiển, ứng dụng sở liệu hệ hệ thống - Kỹ sư phần mềm người tạo phần mềm, chương trình ứng dụng phần mềm Cịn kỹ sư hệ thống phải thực công việc đặc tả hệ thống, thiết kế kiến trúc hệ thống, tích hợp triển khai 1.1.3 Có nên học cơng nghệ phần mềm Xã hội phát triển, kỹ thuật phần mềm trở thành nghề hot yêu thích Chạy theo thời gian, công nghệ ứng dụng công nghệ thơng tin ngày phổ biến, kéo theo nhu cầu việc làm, thu nhập cánh cửa tương lai rộng mở với người học kỹ thuật phần mềm tăng khơng giảm Đó lý khiến cho nhiều người yêu thích lựa chọn ngành học kỹ thuật phần mềm/ứng dụng phần mềm 1.1.4 Cơ hội việc làm Công nghệ phần mềm ngành hot Với tính ứng dụng cao, nhu cầu thị trường lớn khơng có dấu hiệu hạ nhiệt Hầu hết sống thực tế xoay quanh bị chi phối phần mềm, điển hình như: phần mềm ứng dụng máy tính, điện thoại (word, excel, phần mềm quản lý công việc, quản lý trường học,… phần mềm thiết kế, phần mềm chụp- chỉnh sửa ảnh, mạng xã hội,…) Việc theo học, phát triển với công việc ngành công nghệ mở tương lai tươi sáng, tiềm dồi 1.2 Các xu hướng công nghệ phần mềm đại Khơng phủ nhận công nghệ thông tin yếu tố có tầm ảnh hưởng lớn đến sống người thời buổi Để tạo bật, khẳng định vị thương trường, cá nhân, doanh nghiệp phải cập nhật xu hướng công nghệ áp dụng chiến lược kinh doanh 1.2.1 Thương mai điện tử Chúng ta sống kỷ nguyên với lên smartphone trang thương mại điện tử Website thương mại điện tử trang thông tin điện tử xây dựng để phục vụ phần tồn q trình trao đổi mua bán hàng hóa, cung ứng dịch vụ, từ việc trưng bày, giới thiệu hàng hóa tốn trực tuyến Hiểu đơn giản, dạng website bán hàng Tại Việt Nam có đến khoảng 60 triệu người sử dụng Internet, mạng xã hội Sự phát triển mạng Internet hình thành thói quen mua sắm trực tuyến người dùng, họ dần có xu hướng chuyển sang mua sắm mạng thay đến trực tiếp cửa hàng Chính thế, thiết kế website thương mại điện tử, kinh doanh trực tuyến hay phát triển phần mềm thương mại điện tử xu hướng phát triển phần mềm ưa chuộng Khơng phủ nhận công nghệ thông tin yếu tố có tầm ảnh hưởng lớn đến sống người thời buổi Để tạo bật, khẳng định vị thương trường, cá nhân, doanh nghiệp phải cập nhật xu hướng công nghệ áp dụng chiến lược kinh doanh Thương mại điện tử Chúng ta sống kỷ nguyên với lên smartphone trang thương mại điện tử Website thương mại điện tử trang thông tin điện tử xây dựng để phục vụ phần tồn q trình trao đổi mua bán hàng hóa, cung ứng dịch vụ, từ việc trưng bày, giới thiệu hàng hóa tốn trực tuyến Hiểu đơn giản, dạng website bán hàng Tại Việt Nam có đến khoảng 60 triệu người sử dụng Internet, mạng xã hội Sự phát triển mạng Internet hình thành thói quen mua sắm trực tuyến người dùng, họ dần có xu hướng chuyển sang mua sắm mạng thay đến trực tiếp cửa hàng Chính thế, thiết kế website thương mại điện tử, kinh doanh trực tuyến hay phát triển phần mềm thương mại điện tử xu hướng phát triển phần mềm ưa chuộng Trí tuệ nhân tạo Trí tuệ nhân tạo AI (Artificial Intelligence) công nghệ mô trình suy nghĩ học tập người cho máy móc, đặc biệt hệ thống máy tính Những ứng dụng đặc sắc AI gồm có: hệ thống chuyên gia, nhận dạng giọng nói, thị giác máy tính (nhận dạng khn mặt, vật thể chữ viết) Cơng nghệ lập trình với mục đích giúp thiết bị cơng nghệ thơng minh tự động hóa hành vi thơng minh người, đồng thời làm thay đổi cách thức tương tác với ứng dụng di động Bên cạnh việc giúp ứng dụng trở nên trực quan hơn, cơng nghệ AI cịn có khả đem đến trải nghiệm tốt cho người dùng Với trí tuệ nhân tạo, thông tin người dùng chuyển qua thuật tốn, từ đưa đề xuất thích hợp với sở thích vị trí họ AI hỗ trợ người dễ dàng việc thu thập thông tin, đặt lịch hẹn, xếp lịch trình, đồng thời tối ưu hóa suất cơng việc Cơng nghệ blockchain Một xu hướng phát triển phần mềm phổ biến năm vừa qua cơng nghệ blockchain Với xu hướng số hóa gia tăng thâm nhập sâu cơng nghệ tài (Fintech) giúp tạo điều kiện thuận lợi để blockchain áp dụng chuỗi cung ứng đơn giản Song song đó, quan phủ dần ứng dụng blockchain cho hoạt động mình, thay đổi từ tâm lý hồi nghi sang chấp nhận cơng nghệ Chính thế, quy định liên quan đến blockchain dự kiến xây dựng rõ ràng Giới quan sát kỳ vọng tương lai gần, việc sử dụng blockchain dễ dàng việc tạo tài khoảnn ngân hàng truyền thống Ứng dụng Chatbot Dựa theo thống kê, có đến 52% khách hàng muốn tương tác mua sắm sử dụng dịch vụ qua ứng dụng tin nhắn thông qua gọi hay gặp mặt trực tiếp Chính thế, dịch vụ chatbot đời nhằm đáp ứng tối đa nhu cầu người dùng Chatbot công cụ khơng thể thiếu dịch vụ chăm sóc khách hàng ứng dụng thương mại điện tử lớn thị trường Bên cạnh đó, với hỗ trợ AI, chức trả lời tự động khơng có u cầu góp phần giúp nâng cao chất lượng tư vấn, chăm sóc khách hàng cho doanh nghiệp Một số ứng dụng phổ biến sử dụng chatbot công cụ giao tiếp hiệu với người dùng kể đến như: Facebook Messenger, Slack, Telegram, Wechat,… Phần mềm tư vấn chăm sóc sức khỏe từ xa Đại dịch COVID-19 diễn biến phức tạp buộc quốc gia giới phải thực đợt giãn cách xã hội kéo dài Thế nhưng, số bệnh nhân lại chờ đợi đến kết thúc phong tỏa Sự đời hoạt động tư vấn, khám chữa bệnh từ xa thông qua phương tiện công nghệ giúp giải vấn đề Giờ đây, việc “đi khám bệnh” chuyển đổi từ tham gia hẹn trực tiếp thành gặp mặt trực tuyến với bác sĩ dựa vào ứng dụng như: Babylon, Health, Ada, WhatsApp hay Facetime Bên cạnh đó, thiết bị điện tử đeo người (wearable) phát triển đến mức cho phép người dùng theo dõi nồng độ oxy máu, đo nhịp tim, điện tâm đồ theo dõi giấc ngủ họ Internet of Things (IoT) Internet of Things (Internet kết nối vạn vật) xu hướng công nghệ sản phẩm tích hợp wifi khả kết nối mạng Giờ đây, ô tô, nhà cửa hay thiết bị gia dụng nhiều sản phẩm khác có khả kết nối với Internet, hỗ trợ nâng cao trải nghiệm cho người dùng hoạt động thường ngày Chẳng hạn, IoT Tech cho phép người bật nhạc rảnh tay câu lệnh đơn giản mở, khóa cửa khoảng cách xa Công nghệ đám mây Công nghệ đám mây xu hướng công nghệ phát triển thời điểm Các công ty quy mô dần chuyển sang ứng dụng tảng nhằm phục vụ cho công việc quan trọng như: cộng tác từ xa, lưu trữ liệu, phát trực tuyến, cảm biến thông minh,… 10 Biểu đôồ trạng thái chức thêm khách hàng -Chức sửa TT khách hàng Biể u đôồ trạ ng thái c sử a thơng tn khách hàng -Chức xóa TT khách hàng 45 Biể u đôồ trạ ng thái c xóa thơng tn khách hàng -Chức thêm sản phẩm Biểu đôồ trạng thái chức thêm sản phẩm 46 -Chức sửa TT sản phẩm Biể u đôồ trạ ng thái c sử a thông tn s ản phẩm -Chức xóa sản phẩm Biểu đơồ trạng thái chức xóa sản phẩm 47 -Chức tốn Biểu đơồ trạng thái chức tốn -Chức in hóa đơn bán 48 Biểu đơồ trạng thái chức in hóa đơn 4.4.Thiết kế -Website quản lý bán hàng tổ chức website mơ hình MVC -MVC viềốt tăốt c c ụm t “Model-View-Controller” Đầy mơ hình thiềốt kềố đ ượ c s dử ng ụ kyễ thu t ậphầần mềầm MVC mầễu kiềốn trúc phầần mềầm để tạ o lậ p giao diệ n ngườ i dùng trền máy tnh MVC chia thành ba phầần đ ượ c kềốt nôối v i ớô môễi thành phầần đềầu có mơt nhi êm v uriềng c ua đ ôc l â p v thành phầần khác -Tền g ọi thành phầần: +Model (dữ liêu): Quan lí xư lí liêu +View (giao di ện): N ới hi ển th ị d ữ liêu cho ng ê ườ i dùng +Controller (b điềầu ô n): ể Điềầu ển s ưt ương tác c ua hai thành phầần Model View 49 Hình ảnh mơ hình MVC-Model View Controller Chương 5: Cài đặt Demo(Tên đề tài) 5.1 Giới thiệu website Chum café Hình ảnh giao diện trang chủ c web bán hàng chum café 50 Đây hình ảnh người dùng truy cập vào website Chum café Hiện hình trang chủ Khi người dùng ấn vào biểu tượng hình người dùng tìm kiếm sản cửa hàng Biểu tượng bên cạnh giúp hiển sản phẩm thêm vào giỏ Biểu tượng giúp người đăng nhập Hình ảnh giao diện đăng nhập web bán hàng chum café Nếu mà người dùng chưa có tài khoản đăng nhập web ấn vào dịng chữ create a new account trang web hình ảnh Cịn bạn có tài khoản mà qn mật ấn vào dịng chữ Forgot your password trang web hình 51 Hình ảnh giao diện tạo tài khoản c web bán hàng chum café Còn ấn vào chữ Menu tất đồ uống sản phảm thuộc Chum café hình ảnh bạn bạn tha hộ lựa chọn uống thích bạn gọi mang muốn ngắm hình hình ảnh đẹp quán nhân viên phục vụ cách chu đáo Hình ảnh Menu quán café web bán hàng chum café Còn bạn ấn vào dòng chữ Blogs viết quán Chum café bạn thấy hình ảnh đẹp lời hay ý đẹp người viết hình ảnh qn 52 Cịn bạn muốn có tư vấn hay feedback quán bạn ấn vào Contact Hình ảnh giao diện block quán chum café tren web bán hàng chum café Hình ảnh ảnh giao di ện feedback web bán hàng chum café Còn giao diện webstie thiết kế dựa ngôn ngữ HTML 53 Hình ảnh code ngơn ngữ HTML dùng cho web bán hàng chum café 5.2.Các ngôn ngữ đùng 5.2.1 Sử dụng SQL sever để lưu trữ Database Hình ảnh giao diện SQL sever 5.2.2 Sử dụng HTML, CSS, JavaScript 54 Hình ảnh sử dụng html, css, javascript, jquery, bootstrap, ASP.NET Chương 6: Kiểm thử 6.1 Hình ảnh khách hàng truy cập phần mềm Hìnhả nh đâồu tên truy cập trang web 6.2 Form đăng nhập 55 Hình ảnh from đăng nhập trang web 6.3 From tạo tài khoản Hình ảnh from tạo tài khoản trang web 6.4 Form menu 56 Hình ảnh Menu quán chum café web 6.5 Form Blog Hình ảnh blog quán chum café web 6.6 Form feedback 57 Hình ảnh giao diện feedback trang web Kết Luận Kềốt đạt được: - Tìm hi u vềầ ể phầần mềầm SQL sever, jquery, bootstrap, ASP.net, ADO.net để v ận dụng vào thiềốt kềố Website bán hàng Chum café Biềốt cách sử dụ ng hệ n trị SQL sever thiềốt kềố hệ thôống sở thông tn cho website Xầy dựng thành công website bán hàng Chum café cho cửa hàng Chum café Hạn chềố: - Giao di ện ch ưa tôối u vềầ mặt Thơng tn cịn khai thác ch a đ ược đầầy đủ Báo cáo cịn có nhiềầu hạn chềố Một sơố chức website chưa hồn thiện Hướng phát triển thay đổi: - B sung ổ thềm m c ụthay đ i ổ , v tríị c sơ nh nậđ t ặs nảphầầm , tơối u hóa nhiềầu ch ức , event sở thềm vào ,…v.v… B o ả trì web tháng lầần TÀI LIỆU THAM KHẢO [1] Bộ môn Công nghệ Phần mềm, Khoa Công nghệ thông tin, Đại học Công nghệ Thông tin Truyền thông, Đại học Thái Nguyên (2018), Bài giảng Công nghệ phần mềm (Lưu hành nội bộ) 58 [2] Lề Đức Trung (2001), Công nghệ phâồn mêồm, NXB Khoa học Kyễ thuật [3] Ngô Trung Việt, Nguyềễn Kim ánh (biền soạn) (2003), Nhập môn Công nghệ phâồn mêồm, NXB Khoa học kyễ thuật [4] h琀琀ps://www.hiepsiit.com [5] h琀琀ps://stackover昀氀ow.com [6] h琀琀ps://dotnet.microso昀琀.com/en-us/learn/aspnet 59