Baocaothuctapsanxuat XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN TRÁI CÂY HỮU CƠ

• Cơ bản nắm được các bước xây dựng một website bán hàng trực tuyến, thực hiện đúng quy trình. • Xây dựng được bố cục trang web hợp lý, bước đầu thực hiện được nghiệp vụ của hệ thống.

BỘ MÔN KHOA HỌC MÁY TÍNH

_

ĐỀ TÀI XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN

BỘ MÔN KHOA HỌC MÁY

TÍNH

MỤC LỤC

MỤC LỤC ẢNH

LỜI NÓI ĐẦU

Với lòng biết ơn sâu sắc nhất, em xin gửi đến quý thầy cô khoa Công nghệ thông tin, trường Đại học Mỏ - Địa Chất đã tận tình dạy dỗ, truyền đạt kiến thức cũng như giúp

đỡ, tạo điều kiện để em có thời gian thực tập tại Bộ môn Khoa học máy tính tại trường

Em xin chân thành cảm ơn giáo viên hướng dẫn Ths.Nguyễn Thị Phương Bắc và các thầy

cô trong bộ môn đã hướng dẫn trực tiếp, giúp đỡ nhiệt tình và tạo điều kiện thuận lợi nhất

để em có thể thu nhập những kiến thức thực tiễn mới, ngôn ngữ mới để có thể áp dụng vào đồ án tốt nghiệp sau này Trong thời gian thực tập sản xuất tại bộ môn.,Cô đã hướng dẫn cho em trong suốt thời gian thực tập Mặc dù thầy bận đi công tác nhưng không ngần ngại chỉ dẫn em, định hướng đi cho em, để em hoàn thành tốt nhiệm vụ Một lần nữa em chân thành cảm ơn thầy và chúc thầy dồi dào sức khoẻ

Tuy vây, do thời gian cũng như kinh nghiệm còn hạn chế nên trong bài báo cáo thựctập sản xuất này sẽ không tránh khỏi những thiếu sót và hạn chế nhất định Em rất mong nhận được sự chỉ đạo, đóng góp ý kiến của các thầy cô để từ đó, em có thể bổ sung, nâng cao chất lượng bài báo cáo những như những kiến thức chuyên môn của bản thân mình.Một lần nữa xin gửi đến thầy cô, bạn bè trong bộ môn Khoa Học Máy Tính Ứng Dụng lờicảm ơn chân thành và tốt đẹp nhất!

Em xin chân thành cảm ơn!

CHƯƠNG I: MỤC TIÊU VÀ PHƯƠNG PHÁP THỰC TẬP.

I.1 Mục tiêu và nội dung.

Mục tiêu: Nghiên cứu công cụ và ngôn ngữ để phục vụ cho định hướng làm đồ án tốt nghiệp cụ thể ở đây là tìm hiểu về ngôn ngữ html,css,php,javascript… để làm websitethương mại

Nội dụng tìm hiểu được từ đơn vị thực tập:

• Nghiên cứu và biết được một ngôn ngữ mới không có trong chương tình đào tạo

• Tìm hiểu và nắm bắt được các kiến thức về

HTML,CSS,JQUERY,PHP,MYSQL

• Các công cụ và việc sử dụng tài nguyên có sẵn trên mạng

Quy mô công việc: Công việc gồm một phần trong các công việc của bộ môn để từ

đó làm bước đầu cho việc định hướng nghề nghiệp tương lai của sinh viên Tích lũy trao đồi các kinh nghiệm của các thầy cô đã truyền đạt lại cho mình trong thời gian thực tập sản xuất đã qua

I.2 Thời gian và đơn vị thực tập.

Qúa trình thực tập từ ngày 11/1/2021 đến 31/1/2021 Vào ngày đầu tuần, sinh viên

sẽ được phân công công việc cần tìm hiểu và cách thức nghiên cứu Vào tuần cuối cùng, sinh viên phải hoàn thành báo cáo hoàn chỉnh để cán bộ đơn vị đánh giá, góp ý và sửa chữa

Đơn vị thực tập: Văn phòng: Phòng 704, tầng 7 nhà C12 tầng khu A Trường ĐH

Mỏ - Địa Chất

I.3 Phương pháp tiến hành.

 Phương pháp tổ chức tiến hành thực tập

• Sinh viên được cán bộ hướng dẫn tạo điều kiện tìm hiểu tổng quan

về cấu trúc, quy mô và tình hình hoạt động của đơn vị thực tập

• Trao đổi và học hỏi kinh nghiệm trực tiếp từ cán bộ hướng dẫn hoặc gián tiếp qua các báo cáo cho phép của bộ môn.

• Sinh viên nghiên cứu báo cáo được giao, vẫn dụng các kiến thức được học tại trường, và hướng dẫn của cán bộ đơn vị để tìm hiểu thông tin

• Qua đó, sinh viên đạt được những kiến thức chung về quy trình, cáchthức làm việc

• Viết báo cáo quá trình thực tập dưới sự hướng dẫn đánh giá và sửa chữa của giáo viên hướng dẫn

• Từ đó rút ra kinh nghiệm để từ đó áp dụng vào báo cáo thực tập tốt nghiệp và đồ án tốt nghiệp sẽ làm ở thời gian sắp tới

CHƯƠNG II: KHÁI QUÁT VỀ ĐƠN VỊ THỰC TẬP II.1 Thông tin về đơn vị thực tập:

II.1.1 Sơ lược về sự hình thành và phát triển đơn vị.

• Trường Đại học Mỏ – Địa chất (tiếng Anh: Hanoi University of Mining and Geology) là một trường đại học đa ngành hàng đầu tại ViệtNam Trường được thành lập năm 1966, là trường đại học đa ngành, định hướng ứng dụng, đào tạo cán bộ Khoa học kỹ thuật trình độ đại học và trên đại học về các lĩnh vực: Dầu khí, Xây dựng, Công nghệ thông tin, Cơ khí, Tự động hóa, Khai thác tài nguyên khoáng sản, Bảo

vệ môi trường, Đo đạc lãnh thổ lãnh hải, Quản lý đất đai, Kinh tế, Quản trị doanh nghiệp, Kế toán, Hiện Nhà trường có 3 cơ sở đào tạo tại Hà Nội, Quảng Ninh và Vũng Tàu Trường Đại học Mỏ – Địa chất được thành lập theo Quyết định số 147/QĐ-CP ngày 8 tháng 8 năm

1966 của Thủ tướng Chính phủ trên cơ sở Khoa Mỏ – Địa chất của trường Đại học Bách khoa Hà Nội

• Khoa Công nghệ Thông tin được thành lập ngày 07 tháng 11 năm 2002trên cơ sở phát triển từ Trung tâm Công nghệ tin học với 4 Bộ môn và

1 phòng thí nghiệm Hiện nay, Khoa có 7 Bộ môn và 1 phòng thí nghiệm, với lực lượng cán bộ giảng dạy chất lượng cao có trình độ thạc sĩ trở lên, trong đó có 01 Giáo sư, 03 Phó Giáo sư, 12 Tiến sĩ và

hơn 10 nghiêncứu sinh đang học tập, nghiên cứu tại các trường đại học uy tín trong và ngoài nước

• Bộ môn Khoa học Máy tính được đổi tên theo quyết định số MĐC ngày 28 tháng 9 năm 2017 trên cơ sở bộ môn Tin học Mỏ Hiện tại bộ môn đang quản lý 02 chuyên ngành: Khoa học máy tính ứng dụng và Tin học Mỏ.

1250/QĐ-Lực lượng giảng viên: 06 (02 Tiến sĩ Khoa học Máy tính, 04 Thạc sĩ CNTT)

• Bộ môn tiếp tục phát huy những thế mạnh trong hoạt động đào tạo học sinh, Nghiên cứu khoa học và chuyển giao công nghệ; tập trung tiếp cận các xu hướng công nghệ mới hiện nay trong khoa học máy tính như công nghệ di động, khoa học dữ liệu, trí tuệ nhân tạo, an toàn và bảo mật

CHƯƠNG III: KHẢO SÁT VÀ PHÂN TÍCH YÊU CẦU.

III.1 Khảo sát hiện trạng:

Sau khi khảo sát em đã nắm bắt được các thông tin :

• Quản lí đăng nhập: Họ tên, email, password

• Quản lí danh mục sản phẩm: mã danh mục, tên danh mục

• Quản lí sản phẩm: mã sản phẩm, tên sản phẩm,loại sản phẩm,giá sản

phẩm,hình ảnh,nội dung sản phẩm, ngày cập nhật

• Quản lí khách hàng: Họ tên, địa chỉ, số điện thoại, email

• Quản lí đơn hàng: mã đơn hàng, tên sản phẩm, giá sản phẩm,địa chỉ khách hàng

Khách hàng: người lựa chọn mặt hàng để mua Khác với mua trực tiếp tại cửa hàng,công ty ở đây khách hàng tự thao tác thông qua từng bước cụ thể để có thể mua hàng Trên mạng các mặt hàng được sắp xếp theo thứ tự dễ tìm kiếm

III.2 Phân tích yêu cầu đề bài:

III.2.1 Tên đề tài:

“Xây dựng trang web bán hoa quả hữu cơ”

III.2.2 Chức năng:

Đây là một website bán và giới thiệu sản phẩm đến người tiêu dùng với các chi tiết mặt hàng với giá cả chính xác Có các chức năng sau:

• Cho phép cập nhật hàng vào CSDL

• Hiển thị danh sách các mặt hàng theo từng danh mục sản phẩm

• Hiển thị hàng hoá khách hàng đã chọn mua

• Hiển thị thông tin khách hàng

• Quản lý đơn đặt hàng

• Xử lý đơn hàng

• Thống kê sabr phẩm bán ra trong ngày, trong khoảng thời gian

III.2.3 Yêu cầu đặt ra.

a) Thiết bị và phần mềm:

• Máy tính kết nối được Internet, Web

• Hệ quản trị cơ sở dữ liệu: MYSQL

• Phần mềm, Framework sử dụng thiết kế web: Notepad++, Visual Studio Code, XAMPP,…

• Tìm hiểu nắm bắt kiến thức về: Lập trình PHP, HTML, CSS, JQUERY, JS,…b) Yêu cầu trang web:

Thứ nhất: Dành cho khách hàng: Khách hàng là những người có nhu cầu mua và rấtquan tâm đến sản phẩm hữu cơ (ở đây là hoa quả hữu cơ), họ sẽ tìm các mặt hàng cần thiết trên hệ thống, kiểm tra thông tin những sản phẩm họ cần và đặt mua các sản phẩm này Vì thế phải có những chức năng sau:

• Hiển thị danh sách các sản phẩm của cửa hàng để khách hàng xem, lựa chọn và mua

• Khách hàng xem các thông tin của sản phẩm, khuyến mại trên trang web

• Sau khi khách hàng chọn và đặt mua sản phẩm trực tiếp thì phải hiện lên đơn hàng

để khách hàng có thể nhập thông tin mua và xem hóa đơn

Thứ hai: Dành cho quản trị viên: Người làm chủ hệ thống và có quyền kiểm soát mọi hoạt động của hệ thống Người này được cấp username và password để đăng nhập hệthống thực hiện chức năng của mình:

• Quản lý sản phẩm: Cập nhật, sửa, xóa các sản phẩm, loại hàng, nguồn gốc…

• Quản lý tài khoản khách hàng

• Tiếp nhận, kiểm tra đơn hàng của khách hàng Hiển thị đơn đặt hàng

• Thống kê sản phẩm theo ngày, khoảng thời gian cập nhật sản phẩm mới

Ngoài các chức năng trên thì trang web phải đạt được những yêu cầu sau:

• Được thiết kế sao cho đơn giản mà vẫn đẹp , giao diện mang tính dễ dùng, đẹp mắt

và làm sao cho khách hàng thấy được thông tin cần tìm, cung cấp thông tin khuyếnmãi hấp dẫn nhằm thu hút khách hàng

• Xây dựng chức năng cơ bản của một website bán hàng thương mại Website có khả năng tương thích với tất cả các thiết bị và nền tảng hiện tại và có thể nâng cấp trong tương lai

• Hỗ trợ khách hàng nhanh nhất khi nhận được yêu cầu liên hệ

• Điều quan trọng là đảm bảo an toàn tuyệt đối thông tin khách hàng trong quá trình mua và thanh toán Đồng thời trang web phải luôn đổi mới và cập nhật hàng ngày

CHƯƠNG IV: TÌM HIỂU CÔNG CỤ XÂY DỰNG WEBSITE

IV.1 Tìm Hiểu về HTML

HTML là viết tắt của từ Hyper Text Markup Language, có nghĩa là ngôn ngữ đánh dấu siêu văn bản HTML được sử dụng để định dạng và hiển thị văn bản trên trình duyệt tới người sử dụng Nó là xương sống của một trang web

Vậy thì Hyper Text và Markup Language là gì?

Hyper Text: siêu văn bản có nghĩa là "văn bản trong văn bản" Một văn bản có

chứa một liên kết (link) là một siêu văn bản Mỗi lần bản click vào một từ từ đó đưa bạn tới một trang web mới, đó là siêu văn bản

Markup Language: ngôn ngữ đánh dấu là một ngôn ngữ lập trình được sử dụng để

giúp văn bản dễ tương tác và linh động hơn Nó có thể đặt văn bản vào trong các ảnh, bảng, liên kết

Một tài liệu HTML chứa nhiều thẻ HTML và mỗi thẻ HTML chứa các nội dung khác nhau

Các đặc điểm của HTML.

1 Đây là một ngôn ngữ rất dễ dàng và đơn giản

2 Rất dễ dàng để trình bày hiệu quả với HTML vì nó có nhiều thẻ định dạng

3 Đây là một ngôn ngữ đánh dấu vì vậy có thể sử dụng nó một cách linh hoạt

để thiết kế trang web cùng với văn bản

4 Có thể liên kết đến các trang web khác

5 Là một nền tảng độc lập vì nó có thể hiển thị trên bất kỳ nền tảng nào khác như Windows, Linux và Max

6 Có thể thêm các hình ảnh, video, âm thanh vào các trang web khiến nó hấp dẫn và dễ tương tác hơn

Trình soạn thảo HTML.

Trang web có thể được tạo ra và chỉnh sửa bởi trình soạn thảo HTML chuyên

nghiệp Tuy nhiên để học HTML bạn nên sử dụng trình soạn thảo văn bản đơn giản ví dụ như Notepad (Window), TextEdit (Mac), hoặc pro hơn chút như notepad++

Các trình duyệt web được sử phổ biến.

• Phổ biến trên thế giới

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng

để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML) Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng

ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều

Hình IV 1 CSS có vai trò trang trí thêm cho văn bản được viết bằng HTML

Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó

IV.3 Tìm hiểu về JAVASCRIPT.

JavaScript là một ngôn ngữ lập trình của HTML và WEB Nó là nhẹ và được sử dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho

phép Client-Side script tương tác với người sử dụng và tạo các trang web động Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng.

JavaScript được biết đến đầu tiên với tên Mocha, và sau đó là LiveScript, nhưng công ty Netscape đã đổi tên của nó thành JavaScript, bởi vì sự phổ biến như là một hiện tượng của Java lúc bấy giờ JavaScript xuất hiện lần đầu trong Netscape 2.0 năm 1995 với tên LiveScript Core đa năng của ngôn ngữ này đã được nhúng vào Netscape, IE, và các trình duyệt khác

IV.3.1 Client-side JavaScript.

Client-Side JavaScript là Form phổ biến nhất của ngôn ngữ này Script nên được bao gồm trong một tài liệu HTML cho việc mã hóa để được thông dịch bởi trình duyệt.Nghĩa là một trang web không cần là một HTML tĩnh, nhưng có thể bao gồm các chương trình mà tương tác với người dùng, điều khiển trình duyệt, và tạo nội dung HTML động

Kỹ thuật Client-Side JavaScript cung cấp nhiều lợi thế hơn các CGI Server-Side Script

Ví dụ, bạn có thể sử dụng JavaScript để kiểm tra nếu người sử dụng đã nhập một địa chỉ Email hợp lệ trong một trường Form

JavaScript code được thực thi khi người sử dụng đệ trình Form, và chỉ nếu tất cả đầu vào là hợp lệ, chúng sẽ được đệ trình tới Web Server

JavaScript có thể được sử dụng để nắm bắt các sự kiện được khởi tạo từ người sử dụng như nhấp chuột, điều hướng link, và các hoạt động khác mà người dùng khởi tạo

IV.3.2 Các lợi thế của JavaScript.

Các lợi thế của việc sử dụng JavaScript là:

Sự tương tác Server ít hơn: Bạn có thể xác nhận đầu vào (input) người sử dụng trước khi gửi trang tới Server Điều này làm tiết kiệm lưu lượng tải ở Server, nghĩa là Server của bạn tải ít hơn

Phản hồi ngay lập tức tới khách truy cập: Họ không phải chờ cho một trang web tải lại để thấy xem nếu họ đã quên nhập cái gì đó

Khả năng tương tác tăng lên: Bạn có thể tạo các giao diện mà phản ứng lại khi người sử dụng rê chuột qua chúng hoặc kích hoạt chúng thông qua bàn phím.

Giao diện phong phú hơn: Bạn có thể sử dụng JavaScript để bao gồm những mục như các thành phần Drag và Drop (DnD) và các con trượt (Slider) để cung cấp một Rich Interface (Giao diện giàu tính năng) tới site khách truy cập của bạn

IV.3.3 Hạn chế của JavaScript.

Chúng ta không thể đối xử JavaScript như là một ngôn ngữ chương trình chính thức(full-fledged) Nó thiếu các tính năng quan trọng sau:

• Client-side JavaScript không cho phép đọc và ghi các file, bởi vì lý do bảo mật

• JavaScript không được sử dụng cho việc kết nối mạng các ứng dụng bởi vì không

có những hỗ trợ có sẵn

• JavaScript không có bất kỳ khả năng đa luồng hoặc đa xử lý

Một lần nữa, JavaScript là một ngôn ngữ chương trình thông dịch, nhẹ mà cho phép bạn xây dựng khả năng tương tác trong các trang HTML tĩnh

IV.3.4 Các công cụ phát triển JavaScript.

Một trong những điểm mạnh lớn nhất của JavaScript là nó không yêu cầu các công

cụ phát triển tốn kém Bạn có thể bắt đầu với một bộ biên soạn (Editor) văn bản đơn giản như Notepad Khi nó là một ngôn ngữ thông dịch bên trong context của một trình duyệt web, bạn không cần phải mua một Compiler (bộ phiên dịch)

Để làm cuộc sống của bạn đơn giản hơn, nhiều nhà cung cấp đã cho ra đời các công cụ chỉnh sửa JavaScript đẹp, được liệt kê dưới đây:

Microsoft FrontPage Microsoft đã phát triển một HTML Editor phổ biến được gọi

là FrontPage FrontPage cũng cung cấp cho nhà lập trình các công cụ JavaScript để giúp

đỡ tạo các Website có tính tương tác

Macromedia Dreamweaver MX Macromedia Dreamweaver MX là một HTML và JavaScript Editor rất phổ biến trong cộng đồng lập trình web chuyên nghiệp Nó cung cấpcác thành phần JavaScript đã xây dựng trước mà thuận tiện, tích hợp tốt với cơ sở dữ liệu,

và theo các chuẩn mới như XHTML và XML

Macromedia HomeSite 5 HomeSite 5 là một HTML và JavaScript Editor từ

Macromedia mà có thể được sử dụng để quản lý các Website cá nhân một cách hiệu quả

IV.3.5 JavaScript ngày nay?

Chuẩn ECMAScript Edition 5 sẽ là cập nhật đầu tiên được công bố trong 4 năm qua JavaScript 2.0 tuân theo chuẩn ECMAScript Edition 5, và sự khác nhau giữa chúng

là ít

Ngày nay, JavaScript của Netscape và JScript của Microsoft tuân theo chuẩn ECMAScript, mặc dù cả hai ngôn ngữ vẫn hỗ trợ các tính năng mà không là một phần của chuẩn này

IV.4 Tìm hiểu về JQUERY.

jQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn

jQuery được tích hợp nhiều module khác nhau Từ module hiệu ứng cho đến

module truy vấn selector jQuery được sử dụng đến 99% trên tổng số website trên thế giới Vậy các module chính của jQuery là gì?

Các module phổ biến của jQuery bao gồm:

• Ajax – xử lý Ajax

• Attributes – Xử lý các thuộc tính của đối tượng HTML

• Effect – xử lý hiệu ứng

• Event – xử lý sự kiện

• Form – xử lý sự kiện liên quan tới form

• DOM – xử lý Data Object Model

• Selector – xử lý luồng lách giữa các đối tượng HTML

Hình IV 2 liên kết giũa JQUERY với JAVASCRIPT.

jQuery không phải là một ngôn ngữ lập trình riêng biệt mà hoạt động liên kết

với JavaScript Với jQuery, bạn có thể làm được nhiều việc hơn mà lại tốn ít công sức hơn jQuery cung cấp các API giúp việc duyệt tài liệu HTML, hoạt ảnh, xử lý sự kiện và thao tác AJAX đơn giản hơn jQuery hoạt động tốt trên nhiều loại trình duyệt khác nhau Một trong những đối thủ nặng ký của jQuery đó là JS Framework

IV.4.1 Các tính năng quan trọng của jQuery.

Hình IV 3 Sự phổ biến và hữu dụng của Jquery

Các tính năng quan trọng của jQuery là gì? Vì sao jQuery trở nên phổ biến và hữu dụng đến như vậy?

• Gọn nhẹ: jQuery là một thư viện khá gọn nhẹ – có kích cỡ khoảng 19KB

(gzipped)

• Tương thích đa nền tảng: Nó tự động sửa lỗi và chạy được trên mọi trình duyệt

phổ biến như Chrome, Firefox, Safari, MS Edge, IE, Android và iOS

• Dễ dàng tạo Ajax: Nhờ thư viện jQuery, code được viết bởi Ajax có thể dễ dàng tương tác với server và cập nhật nội dung tự động mà không cần phải tải lại trang.

• Xử lý nhanh nhạy thao tác DOM: jQuery giúp lựa chọn các phần tử DOM để

traverse (duyệt) một cách dễ dàng, và chỉnh sửa nội dung của chúng bằng cách sử dụng Selector mã nguồn mở, mà còn được gọi là Sizzle

• Đơn giản hóa việc tạo hiệu ứng: Giống với code snippet có hiệu ứng animation,

nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào thôi

• Hỗ trợ tốt phương thức sự kiện HTML: Xử lý sự kiện − jQuery xử lý các sự kiện

đa dạng mà không làm cho HTML code trở nên lộn xộn với các Event Handler

IV.4.2 Ưu điểm của jQuery là gì?

Hình IV 4 Ưu điểm của Jquery

Ưu điểm của jQuery thì vừa quan trọng vừa đáng giá:

• jQuery xử lý code rất nhanh và có khả năng mở rộng

• jQuery tạo điều kiện cho người dùng viết các mã chức năng bằng các dòng tối thiểu

• jQuery cải thiện hiệu suất lập trình web

• jQuery phát triển các ứng dụng có tương thích với trình duyệt

• Hầu hết các tính năng mới của trình duyệt mới đều được jQuery sử dụng

Sử dụng nhiều thư viện trong jQuery

Trong jQuery, bạn có thể sử dụng nhiều thư viện khác nhau mà không gây sự xungđột giữa chúng Ví dụ, bạn có thể dùng song hành thư viện jQuery và thư viện MooTool JavaScript cùng với nhau Bạn có thể kiểm tra phương thức: jQuery – Phương

thức noConflict để tìm hiểu thêm chi tiết

Nhìn chung, jQuery đã đáp ứng nhu cầu của lập trình hiện đại đó là hạn chế việc lập trình nhiều, nhưng vẫn đảm bảo các yêu cầu, đúng như slogan của jQuery “write less,

do more” (viết mã ít mà hiệu quả đạt được lại tối đa)

IV.5 Tìm Hiểu về Bootrap.

Bootstrap là một framework bao gồm các HTML, CSS và JavaScript template dùng

để phát triển website chuẩn responsive

Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids, navigation, image carousels…

Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo

ra một mẫu website hoàn chỉnh Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới

mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website.

IV.5.1 Lịch sử của Bootstrap.

Hình IV 5 giao diện Bootstrap

Bootstrap là sản phẩm của Mark Otto và Jacob Thornton tại Twitter Nó được xuất

bản như là một mã nguồn mở vào ngày 19/8/2011 trên GitHub Tên gọi ban đầu

là Twitter Blueprint.

Đến ngày 31/1/2012, Bootstrap phiên bản 2 đã được phát hành Bootstrap 2 được bổsung bố cục lưới 12 cột với thiết kế tùy chỉnh đáp ứng cho nhiều màn hình kích thước Tiếp nối sự thành công của phiên bản 2, Bootstrap 3 ra đời vào ngày 19/8/2013 với giao diện tương thích với smartphone.

Chỉ 3 năm sau ngày ra mắt, Bootstrap đã trở thành No.1 project trên GitHub Vào tháng 10/2014, Mark Otto công bố phiên bản Bootstrap 4 đang được phát triển Phiên bảnalpha đầu tiên của Bootstrap 4 đã được triển khai vào tháng 8/2015 Phiên bản mới nhất của Bootstrap được giới thiệu đến người dùng là Bootstrap 4.3.1 Cho đến

nay, Bootstrap vẫn là một trong những framework thiết kế website có lượng người dùng

“khủng” nhất

IV.5.2 Tại sao nên dùng Bootstrap.

Giữa muôn vàn ứng dụng thiết kế website hiện nay, Bootstrap vẫn có khả năng cạnhtranh cao là nhờ những đặc điểm nổi bật sau:

Bootstrap là sáng tạo của các lập trình viên giỏi trên khắp thế giới Bootstrap đã được nghiên cứu và thử nghiệm trên các thiết bị Được kiểm tra nhiều lần trước khi đưa vào sử

dụng Do đó, khi chọn Bootstrap, bạn có thể tin rằng mình sẽ tạo nên những sản phẩm

với chất lượng tốt nhất

Độ tương thích cao

Điểm cộng lớn nhất của Bootstrap là khả năng tương thích với mọi trình duyệt và nền tảng Đây là một điều cực kì quan trọng và cần thiết trong trải nghiệm người dùng

Sử dụng Grid System cùng với hai bộ tiền xử lý Less và Sass, Bootstrap mặc định hỗ

trợ Responsive và ưu tiên cho các giao diện trên thiết bị di động hơn Bootstrap có khả năng tự động điều chỉnh kích thước trang website theo khung browser Mục đích để phù hợp với màn hình của máy tính để bàn, tablet hay laptop

IV.6 Tìm Hiểu về PHP.

PHP từ viết tắt của nó là “Hypertext Preprocessor”, làm một ngôn những lập trình thường được dùng để ứng dụng về web Hiện tại có rất nhiều ngôn ngữ có thể viết về webnhư C#, Python, Java và PHP là một trong các ngôn ngữ của nhóm lập trình này

Hình IV 6 Tìm hiểu về PHP

Ngôn ngữ lập trình PHP đang chiếm số lượng lớn các lập trình viên, có thể nói là lớn nhất Bởi PHP với cú pháp đơn giản, tốc độ nhanh và nhỏ gọn, thời gian để tiếp cận PHP ngắn hơn rất nhiều so với những ngôn ngữ lập trình khác