KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG TRANG THÔNG TIN CÔNG NGHỆ WIKITECH

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG TRANG THÔNG TIN CÔNG NGHỆ WIKITECH Sinh viên thực : Phạm Trần Triêm Giảng viên hướng dẫn : ThS Phan Trọng Thanh Lớp : 19IT1 Đà nẵng, tháng năm 2020 MỞ ĐẦU Ngày với phát triển không ngừng công nghệ, sản phẩm công nghệ cao được sản xuất xuất ngày nhiều thị trường thương mại với nhiều cấu hình, mẫu mã, giao diện khác để phù hợp với nhiều thành phần người tiêu dùng Với phát triển nhanh chóng vậy, người dùng được thoải mái lựa chọn sản phẩm có thể đáp ứng đầy đủ nhu cầu, mục đích sửa dụng mình Tuy nhiên, cũng vì đó mà cũng tạo khó khăn đối với người tiêu dùng chọn những sản phẩm phù hợp, có chất lượng đối với khả kinh tế cũng yêu cầu công việc Wikitech sẽ một phương tiện hỗ trợ lựa chọn sản phẩm cho khách hàng, đặc biệt bạn học sinh, sinh viên muốn mua thiết bị thông minh một cách hợp lí, đúng đắn nhất, cũng cung cấp một cách chi tiết thông tin về thiết bị thông minh để khách hàng hiểu rõ sản phẩm mà mình quan tâm LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em đã nhận được nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cô bạn bè Em xin gửi lời cảm ơn chân thành đến ThS Phan Trọng Thanh, người đã tận tình hướng dẫn, trực tiếp bảo tạo mọi điều kiện giúp đỡ em suốt trình làm đồ án Em cũng xin chân thành cảm ơn thầy cô khoa Công Nghệ Thông Tin Và Truyền Thông, những người đã dạy dỗ trang bị cho em khiến thức đễ hoàn thành đề tài đồ án Mặc dù trinh nghiên cứu đề tài , thân em có những cố gắng nhất định song trình độ thời gian có hạn nên đề tài không tránh khỏi những thiếu sót.vậy kinh mong thầy cô bạn đóng góp ý kiến để em được hoàn thiện NHẬN XÉT (Của giảng viên hướng dẫn) ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… MỤC LỤC Chương Giới thiệu 1.1 Tổng quan 1.2 Phương pháp, kết 1.3 Cấu trúc đồ án Chương Nghiên cứu tổng quan 2.1 Tìm hiểu ngôn ngữ lập trình: 2.1.1 HTML gì? 2.1.2 CSS gì? 2.1.3 PHP gì? 2.2 Các thư viện .5 2.2.1 Thư viện JavaScript .5 2.2.2 Thư viện Bootstrap 2.2.3 Thư viện Jquery 2.3 Các Framework 2.3.1 ReactJS 2.3.2 NodeJS 2.4 Cơ sở dữ liệu MySql 10 Chương Phân tích thiết kế hệ thống 12 3.1 Yêu cầu về chức giao diện 12 3.2 Thiết kế hệ thống với sở dữ liệu 12 3.2.1 Các đối tượng sở dữ liệu .12 3.2.2 Mô tả chi tiết .12 3.3 Triển khai xây dựng một số giao diện chính 14 Chương Kết luận hướng phát triển 17 4.1 Kết luận 17 4.2 Hướng phát triển 17 DANH MỤC HÌNH Picture Trang chủ 14 Picture Đăng nhập .14 Picture Đăng ký 15 Picture Liên hệ trực tuyến 15 Picture Bình luận 15 Picture Thông tin sản phẩm 16 DANH MỤC BẢNG Table Bảng Gmail đăng ký nhận thông báo .12 Table Bảng Tài khoản thông tin tài khoản đăng nhập 13 Table Bảng Thông tin sản phẩm 13 Table Bảng Đánh giá, phản hồi người dùng 13 DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Viết tắt Chương Giới thiệu 1.1 Tổng quan Sự phát triển xã hội ngày nhanh chóng, mức sống cá nhân cũng ngày được nâng cao rõ rệt Chúng ta đã tiến đến cuộc cách mạng công nghiệp lần thứ với những phát triển mạnh mẽ máy móc, thiết bị, công nghệ Đặc biệt, thiết bị thông minh máy tính, điện thoại thông minh, thiết bị đeo thông minh chiếm vị trí cực gì quan trọng đời sống ngày mỗi người Tuy nhiên, phát triển nhanh chóng công nghệ, phần đông chúng ta chưa theo kịp với nó, dẫn đến thiếu hiểu biết về thông tin sản phẩm khó khăn việc chọn lựa thiết bị phù với với nhu cầu cũng tài chính thân cũng nhiều luồng thông tin trái chiều làm cho chúng ta bị nhiễu loạn Từ đó, mong muốn tạo một trang thông tin một cách đầy đủ, chính xác, rõ ràng về tính năng, cũng thành phần thiết bị để người dùng có nhìn tổng quát về thiết bị được quan tâm, cũng tổng hợp ý kiến, trải nghiệm người dùng một cách khách quan về sản phẩm tư vấn trực tiếp nếu cần thiết 1.2 Phương pháp, kết Phương pháp xây dựng ứng dụng sẽ bao gồm bước sau: - Tìm hiểu, học tập ngôn ngữ lập trình cần thiết để xây dựng mợt Frontend cho trang web hồn chỉnh: HTML, PHP, CSS, JavaScript - Tìm hiểu sử dụng khung phần mềm (Framework) để xây dựng kết cấu phía sau trang web: React, mongoDB, ExpressJS, NodeJS - Thu thập, chọn lọc thông tin, dữ liệu chính thống từ những địa đáng tin cậu nhằm xây dựng cập nhật sở dữ liệu một cách chính xác 1.3 Cấu trúc đồ án Phần tiếp theo báo cáo bao gồm: Chương 2: Nghiên cứu tổng quan Trong chương này, em sẽ giới thiệu tổng quát về ngôn ngữ lập trình cần thiết Chương 3: Phân tích thiết kế hệ thống Ở phần em sẽ trình mô hình tổng quan website cách thức triển khai Chương 4: Kết luận hướng phát triển Tổng kết đề tài đưa phương hướng phát triển tương lai Chương 2.1 Nghiên cứu tổng quan Tìm hiểu ngơn ngữ lập trình: 2.1.1 HTML gì? HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn được sử dụng để tạo tài liệu có thể truy cập mạng Tài liệu HTML được tạo nhờ dùng thẻ phần tử HTML File được lưu máy chủ dịch vụ web với phần mở rộng “.htm” hoặc “.html” Các trình duyệt sẽ đọc tập tin HTML hiển thị chúng dạng trang web Các thẻ HTML sẽ được ẩn đi, hiển thị nội dung văn đối tượng khác: hình ảnh, media Với trình duyệt khác đều hiển thị một tập HTML với một kết nhất định Các trang HTML được gửi qua mạng internet theo giao thức HTTP HTML không những cho phép nhúng thêm đối tượng hình ảnh, âm mà cho phép nhúng kịch vào đó ngôn ngữ kịch Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu thì HTML cho phép sử dụng kết hợp với CSS HTML không những cho phép nhúng thêm đối tượng hình ảnh, âm mà cho phép nhúng kịch vào đó ngôn ngữ kịch Javascript để tạo hiệu ứng động cho trang web HTML một chuẩn ngôn ngữ internet được tạo phát triển tổ chức World Wide Web Consortium được viết tắc W3C Trước đó thì HTML xuất theo chuẩn RFC HTML được tương thích với mọi hệ điều hành cùng trình duyệt nó Khả dễ học, dễ viết một ưu điểm HTML không những vậy việc soạn thảo đòi hỏi hết sức đơn giản, chúng ta có thể dùng word, notepad hay bất cứ một trình soạn thảo văn để viết cần lưu với định dạng “.html “ hoặc “.htm” đã có thể tạo một file chứa HTML Hiện nay, phiên nhất HTML HTML5 với nhiều tính ưu việt so với phiên cũ HTML cải tiến nhiều đặc biệt hỗ trợ mạnh mẽ phần tử multimedia mà không cần plugin Một tập tin HTML bao gồm đó đoạn văn HTML, được tạo lên thẻ HTML HTML5 nói chung mạnh mẽ nhiều không về tốc độ độ thích ứng cao mà chính khả hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) DOM (Document Object Model – đối tượng thao tác văn bản) 2.1.2 CSS gì? CSS (Cascading Style Sheets) một ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ đó (font chữ, kích thước, màu sắc ) CSS có cấu trúc đơn giản sử dụng từ tiếng anh để đặt tên cho thuộc tính CSS sử dụng có thể viết trực tiếp xen lẫn vào mã HTML hoặc tham chiếu từ một file css riêng biệt Hiện CSS thường được viết riêng thành một tập tin với mở rộng “.css” Chính vì vậy mà trang web có sử dụng CSS thì mã HTML sẽ trở nên ngắn gọn Ngoài có thể sử dụng một tập tin CSS đó cho nhiều website tiết kiệm rất nhiều thời gian công sức Một đặc điểm quan trọng đó tính kế thừa CSS đó sẽ giảm được số lượng dòng code mà đạt được yêu cầu Tuy nhiên, đối với CSS thì trình duyệt hiểu theo kiểu riêng nó Do vậy, việc trình bày một nội dung trình duyệt khác không thống nhất CSS cung cấp hàng trăm thuộc tính trình bày dành cho đối tượng với sáng tạo cao kết hợp thuộc tính giúp mang lại hiệu 2.1.3 PHP gì? PHP (Hypertext Preprocessor) mợt ngôn ngữ lập trình kịch hay một loại mã lệnh chủ yếu được dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống ngôn ngữ lập trình C ngôn ngữ lập trình Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới Một tập tin PHP có phần mở rộng *.php, nó có thể chứa văn bản, mã nguồn HTML, CSS, Javascript, Jquery đương nhiên có thể chứa mã nguồn PHP Đối với trang PHP có yêu cầu xem trang web thì Server sẽ tiến hành phát sinh trang web đó từ mã nguồn PHP sang mã nguồn HTML, sau đó chuyển mã nguồn đó về trình duyệt web để người dùng xem Vì trình duyệt web đọc được mã nguồn PHP mà đọc được mã nguồn HTML 2.2 Các thư viện 2.2.1 Thư viện JavaScript JavaScript một ngôn ngữ dạng script thường được sử dụng cho việc lập trình web phía client, nó tuân theo chuẩn ECMAScript Là một ngôn ngữ linh động, cú pháp dễ sử dụng ngôn ngữ khác dễ dàng lập trình JavaScript không hề liên quan tới ngôn ngữ lập trình java, được hầu hết trình duyệt ngày hỗ trợ Với javascript, ứng dụng web bạn sẽ trở nên vô cùng sinh động, mang tính trực quan tương tác cao JavaScript theo phiên hành một ngôn ngữ lập trình kịch dựa đối tượng được phát triển từ ý niệm nguyên mẫu Ngôn ngữ được dùng rộng rãi cho trang web, cũng được dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng Giống Java, JavaScript có cú pháp tương tự ngôn ngữ lập trình C “.js” phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript 2.2.2 Thư viện Bootstrap - Tiết kiệm thời gian: Boostrap giúp người thiết kế giao diện website tiết kiệm rất nhiều thời gian Các thư viện Bootstrap có những đoạn mã sẵn sàng cho bạn áp dùng vào website mình Bạn tốn nhiều thời gian để tự viết code cho giao diện mình - Tùy biến cao: Bạn hoàn toàn có thể dựa vào Bootstrap phát triển nền tảng giao diện chính mình Bootstrap cung cấp cho bạn hệ thống Grid System mặc định bao gồm 12 bột độ rộng 940px Bạn có thể thay đổi, nâng cấp phát triển dựa nền tảng - Responsive Web Design: Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng bao giờ hết Đây xu hướng phát triển giao diện website rất được ưu chuộng thế giới 2.2.3 Thư viện Jquery JQuery một thư viện kiểu JavaScript, được tạo John Resig vào năm 2006 với một phương châm tuyệt vời: Write less, more - Viết ít hơn, làm nhiều JQuery làm đơn giản hóa việc truyền tải HTML, xử lý kiện, tạo hiệu ứng động tương tác Ajax Với jQuery, khái niệm Rapid Web Development đã khơng cịn q xa lạ JQuery mợt bộ công cụ tiện ích JavaScript làm đơn giản hóa tác vụ đa dạng với việc viết ít code Dưới liệt kê một số tính tối quan trọng được hỗ trợ jQuery: - Thao tác DOM − jQuery giúp dễ dàng lựa chọn phần tử DOM để traverse (duyệt) một cách dễ dàng sử dụng CSS, chỉnh sửa nội dung chúng sử dụng phương tiện Selector mã nguồn mở, mà được gọi Sizzle - Xử lý kiện − jQuery giúp tương tác với người dùng tốt việc xử lý kiện đa dạng mà không làm cho HTML code rối tung lên với Event Handler - Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàu tính phản hồi tốt sử dụng công nghệ AJAX - Hiệu ứng − jQuery kèm với rất nhiều hiệu ứng đa dạng đẹp mắt mà bạn có thể sử dụng Website mình - Gọn nhẹ − jQuery thư viện gọn nhẹ - nó có kích cỡ khoảng 19KB (gzipped) - Được hỗ trợ hầu hết trình duyệt đại − jQuery được hỗ trợ hầu hết trình duyệt đại, làm việc tốt IE 6.0+, FF 2.0+, Safari 3.0+, Chrome Opera 9.0+ - Cập nhật hỗ trợ công nghệ nhất − jQuery hỗ trợ CSS3 Selector cú pháp XPath 2.3 Các Framework 2.3.1 ReactJS React (còn được gọi Reactjs hay React.js) một Thư viện javascript được tạo cộng tác giữa Facebook Instagram Nó cho phép những nhà phát triển web tạo giao diện người dung nhanh chóng Phần Views Reactjs thường được hiển thị việc chủ yếu dung component mà chứa component cụ thể hoặc thẻ HTML Một những đặc trưng nhất Reactjs việc render dữ liệu không những có thể thực tầng server mà tầng client Nó cũng sử dụng khái niệm Virtual DOM (DOM ảo) Virtual DOM tạo cache cấu trúc dữ liệu ứng dụng bộ nhớ Sau đó, mỗi vòng lặp, nó liệt kê những thay đổi sau đó cập nhật lại thay đổi DOM trình duyệt một cách hiệu Điều cho phép ta viết đoạn code thể tồn bợ trang được render lại dù thực tế Reactjs render những component hay subcomponent thực thay đổi Ưu điểm: - Reactjs cực kì hiệu quả: Reactjs tạo cho chính nó DOM ảo – nơi mà component thực tồn tại đó Điều sẽ giúp cải thiện hiệu suất rất nhiều Reactjs cũng tính toán những thay đổi cần cập nhật len DOM thực chúng Điều giúp Reactjs tránh những thao tác cần DOM mà nhiều chi phí Chúng ta có thể viết một ví dụ đơn giản về ReactJS sau - Reactjs giúp việc viết đoạn code JS dễ dàng hơn: Nó dung cú pháp đặc biệt JSX (Javascript mở rộng) cho phép ta trộn giữa code HTML Javascript Ta có thể them vào đoạn HTML vào hàm render mà không cần phải nối chuỗi Đây đặc tính thú vị Reactjs Nó sẽ chuyển đổi đoạn HTML thành hàm khởi tạo đối tượng HTML bộ biến đổi JSX - Nó có nhiều công cụ phát triển: Khi bạn bắt đầu Reactjs, đừng quên cài đặt ứng dụng mở rộng Chrome dành cho Reactjs Nó giúp bạn debug code dễ dàng Sau bạn cài đặt ứng dụng này, bạn sẽ có nhìn trực tiếp vào virtual DOM thể bạn xem DOM thông thường - Render tầng server: Một những vấn đề với ứng dụng đơn trang tối ưu SEO thời gian tải trang Nếu tất việc xây dựng hiển thị trang đều thực client, thì người dung sẽ phải chờ cho trang được khởi tạo hiển thị lên Điều thực tế chậm Hoặc nếu giả sử người dung vô hiệu hóa Javascript thì sao? Reactjs một thư viện component, nó có thể vừa render trình duyệt sử dụng DOM cũng có thể render chuỗi HTML mà server trả về - Làm việc với vấn đề test giao diện: Nó cực kì dễ để viết test case giao diện vì virtual DOM được cài đặt hoàn toàn JS - Hiệu cao đối với ứng dụng có dữ liệu thay đổi liên tục, dễ dàng cho bảo trì sửa lỗi Nhược điểm: - Reactjs phục vụ cho tầng View React View Library nó một MVC framework những framework khác Đây thư viện Facebook giúp render phần view Vì thế React sẽ không có phần Model Controller, mà phải kết hợp với thư viện khác React cũng sẽ không có 2way binding Ajax - Tích hợp Reactjs vào framework MVC truyền thống yêu cầu cần phải cấu hình lại - React nặng nếu so với framework khác React có kích thước tương tương với Angular (Khoảng 35kb so với 39kb Angular) Trong đó Angular mợt framework hồn chỉnh - Khó tiếp cận cho người học Web 2.3.2 NodeJS Node.js một mã nguồn mở, một môi trường cho máy chủ ứng dụng mạng Node.js sử dụng Google V8 JavaScript engine để thực thi mã, một tỷ lệ lớn mô-đun được viết JavaScript Các ứng dụng node.js thì được viết bằn JavaScript Node.js chứa một thư viện built-in cho phép ứng dụng hoạt động một Webserver mà không cần phần mềm Nginx, Apache HTTP Server hoặc IIS Node.js cung cấp kiến trúc hướng kiện (event-driven) non-blocking I/O API, tối ưu hóa thông lượng ứng dụng có khả mở rộng cao Mọi hàm Node.js không đồng bộ (asynchronous) Do đó, tác vụ đều được xử lý thực thi chế độ nền (background processing) Ứng dụng vào: - Xây dựng websocket server (Chat server) - Hệ thống Notification (Giống facebook hayTwitter) - Ứng dụng upload file client - Các máy chủ quảng cáo - Các ứng dụng dữ liệu thời gian thực khác Ưu điểm: - Đặc điểm bật Node.js nó nhận xử lý nhiều kết nối với một single-thread Điều giúp hệ thống tốn ít RAM nhất chạy nhanh nhất tạo thread cho mỗi truy vấn giớng PHP Ngồi ra, tận dụng ưu điểm non-blocking I/O Javascript mà Node.js tận dụng tối đa tài nguyên server mà không tạo độ trễ PHP - JSON APIs Với chế event-driven, non-blocking I/O(Input/Output) mô hình kết hợp với Javascript lựa chọn tuyệt vời cho dịch vụ Webs làm JSON - Ứng dụng trang( Single page Application) Với khả xử lý nhiều Request/s đồng thời thời gian phản hồi nhanh - Shelling tools unix NodeJS sẽ tận dụng tối đa Unix để hoạt động Tức NodeJS có thể xử lý hàng nghìn Process trả luồng khiến cho hiệu xuất hoạt động đạt mức tối đa nhất tuyệt vời nhất - Streamming Data (Luồng dữ liệu) Các web thông thường gửi HTTP request nhận phản hồi lại (Luồng dữ liệu) Giả xử sẽ cần xử lý luồng giữ liệu cực lớn, NodeJS sẽ xây dựng Proxy phân vùng luồng dữ liệu để đảm bảo tối đa hoạt động cho luồng dữ liệu khác - Ứng dụng Web thời gian thực Với đời ứng dụng di động HTML nên Node.js rất hiệu xây dựng những ứng dụng thời gian thực (real-time applications) ứng dụng chat, dịch vụ mạng xã hội Facebook, Twitter,… Nhược điểm: - Ứng dụng nặng, tốn tài nguyên NodeJS được viết C++ Javascript, nên phải thông qua thêm trình biên dịch NodeJS sẽ lâu một chút 2.4 Cơ sở liệu MySql MySQL hệ quản trị dữ liệu miễn phí, được tích hợp sử dụng chung với Apache, PHP Chính yếu tố phát triển cộng đồng mã nguồn mở nên MySQL đã qua rất nhiều hỗ trợ những lập trình viên yêu thích mã nguồn mở MySQL cũng có cùng một cách truy xuất mã lệnh tương tự với ngôn ngữ SQL Nhưng MySQL khơng bao qt tồn bợ những câu truy vấn cao cấp SQL Về chất MySQL đáp ứng việc truy xuất đơn giản trình vận hành website hầu hết có thể giải quyết toán PHP 10 MySQL sở dữ liệu tốc độ cao, ổn định dễ sử dụng, hoạt động nhiều hệ điều hành cung cấp một hệ thống lớn hàm tiện ích rất mạnh Với tốc độ tính bảo mật cao, MySQL rất thích hợp cho ứng dụng có truy cập CSDL internet MySQL miễn phí hoàn toàn bạn có thể tải về MySQL từ trang chủ MySQL một những ví dụ rất về Hệ Quản trị Cơ sở dữ liệu quan hệ sử dụng ngôn ngữ truy vấn có cấu trúc (SQL) MySQL được sử dụng cho nhiều công việc kinh doanh từ nhỏ tới lớn: - MySQL mã ngồn mở vì thế sử dụng không mất phí - MySQL sử dụng form chuẩn ngôn ngữ dữ liệu tiếng SQL - MySQL làm việc nhiều Hệ điều hành với nhiều ngôn ngữ PHP, PERL, C, C++, Java, … - MySQL làm việc nhanh với tập dữ liệu lớn - MySQL hỗ trợ sở dữ liệu lớn, lên tới 50 triệu hàng hoặc nhiều nữa một bảng Kích cỡ file mặc định được giới hạn cho một bảng GB (Gigabyte ), bạn có thể tăng kích cỡ (nếu hệ điều hành bạn có thể xử lý nó) để đạt tới giới hạn lý thuyết TB ( Terabyte ) - MySQL có thể điều chỉnh Giấy phép GPL mã nguồn mở cho phép lập trình viên sửa đổi phần mềm MySQL để phù hợp với môi trường cụ thể họ 11 Chương 3.1 Phân tích thiết kế hệ thống Yêu cầu chức giao diện 3.1.1 Chức năng: - Chức đăng ký gmail để nhận thông tin - Đăng ký đăng nhập - Chức tìm kiếm, lọc kết - So sánh sản phẩm - Bình luận đánh giá - Chat trực tiếp qua Facebook Messenger 3.1.2 Giao diện: - Giao diện website đơn giản, không cầu kỳ - Tối ưu website để có thể tải nhanh - Có thông tin liên hệ quảng cáo 3.2 Thiết kế hệ thống với sở liệu 3.2.1 Các đối tượng sở liệu - Gmail được đăng ký để nhận thông báo Tài khoản cá nhân để đăng ký đăng nhập Thông tin sản phẩm Bình luận đánh giá 3.2.2 Mô tả chi tiết Tên bảng: re_gmail STT Tên trường Mô tả ID Thứ tự gmail, khoá chính bảng, tự tăng gmail Gmail người dùng Table Bảng Gmail đăng ký nhận thông báo Tên bảng: user STT Tên trường Mô tả ID Thứ tự tài khoản, khoá chính bảng, tự tăng fullname Tên người dùng gmail Gmail người dùng để đăng nhập 12 password Mật khẩu birthday Ngày sinh Table Bảng Tài khoản thông tin tài khoản đăng nhập Tên bảng: product STT Tên trường Mô tả ID Thứ tự sản phẩm, khoá chính bảng, tự tăng name Tên sản phẩm dimensions Kích thước trọng lượng display Màn hình hiển thị processor Bộ xử lí memory Bộ nhớ battery Pin os Hệ điều hành graphic_sound Đồ hoạ âm 10 port_exfeature Cổng kết nối tính mở rộng 11 other Thông tin khác Table Bảng Thông tin sản phẩm Tên bảng: comment STT Tên trường Mô tả ID Thứ tự bình luận, khoá chính bảng, tự tăng product Sản phẩm được bình luận gmail name Gmail người bình luận để gửi thông báo về nếu được phản hồi Tên hiển thị content Nội dung bình luận Table Bảng Đánh giá, phản hồi người dùng 13 3.3 Triển khai xây dựng số giao diện Picture Trang chủ Picture Đăng nhập 14 Picture Đăng ký Picture Liên hệ trực tuyến Picture Bình luận 15 Picture Thơng tin sản phẩm 16 Chương 4.1 Kết luận hướng phát triển Kết luận Sau một thời gian nghiên cứu xây dựng website đã đạt được những kết sau: Về lí thuyết: - Nắm được kiến thức về: lập trình website FrontEnd BackEnd, phân tích thiết kế hệ thống thiết kế sở dữ liệu - Xây dựng được website hoàn chỉnh - Nâng cao khả tự học tự nghiên cứu Về thực nghiệm - Thực hành kiến thức được học tại trường tự học - Trải nghiệm cảm giác hoàn thành sản phẩm cá nhân mình 4.2 Hướng phát triển Các hướng phát triển mà em có thể hướng đến : • Phát triển thành mợt trang web thực thụ với tên miền đầy đủ • Tạo một cộng đồng công nghệ riêng thân 17

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG TRANG THÔNG TIN CÔNG NGHỆ WIKITECH

Thông tin tài liệu

Từ khóa liên quan

Mục lục

Chương 1 Giới thiệu

1.1 Tổng quan.

1.2 Phương pháp, kết quả.

1.3 Cấu trúc đồ án.

Chương 2 Nghiên cứu tổng quan.

2.1 Tìm hiểu ngôn ngữ lập trình:

2.1.1 HTML là gì?

2.1.2 CSS là gì?

2.1.3 PHP là gì?

2.2 Các thư viện

2.2.1 Thư viện JavaScript

2.2.2 Thư viện Bootstrap

2.2.3 Thư viện Jquery

2.3 Các Framework

2.3.1 ReactJS

Ưu điểm:

Nhược điểm:

2.3.2 NodeJS

Ưu điểm:

Nhược điểm:

2.4 Cơ sở dữ liệu MySql

Chương 3 Phân tích thiết kế hệ thống

3.1 Yêu cầu về chức năng và giao diện

3.2 Thiết kế hệ thống với cơ sở dữ liệu

3.2.1 Các đối tượng trong cơ sở dữ liệu

3.2.2 Mô tả chi tiết

3.3 Triển khai xây dựng một số giao diện chính

Chương 4 Kết luận và hướng phát triển.

4.1 Kết luận.

4.2 Hướng phát triển.

Tài liệu cùng người dùng

Tài liệu liên quan