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

KHOA CÔNG NGHỆ
TRÁI THÔNG
CÂY HỮU
TINCƠ
BÁO CÁO THỰC TẬP SẢN XUẤT
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
SINH VIÊN THỰC HIỆN:
TRẦN BÁ SƠN
LỚP KHMTUD K61

CÁN BỘ HƯỚNG DẪN:
GV.ThS. NGUYỄN THỊ
PHƯƠNG BẮC
BỘ MƠN KHOA HỌC MÁY
TÍNH

Hà Nội, 2021


Báo cáo thực tập sản xuất

MỤC LỤC

Trần Bá Sơn – Lớp Khoa học máy tính K61

2

Báo cáo thực tập sản xuất

MỤC LỤC ẢNH

Trần Bá Sơn – Lớp Khoa học máy tính K61

3


Báo cáo thực tập sản xuất

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ực
tậ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ời
cảm ơn chân thành và tốt đẹp nhất!

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

Trần Bá Sơn – Lớp Khoa học máy tính K61

4


Báo cáo thực tập sản xuất

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 website
thươ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 ngun 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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

5


Báo cáo thực tập sản xuất
•

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ách
thức làm việc.

•

Viết báo cáo q 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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

6


Báo cáo thực tập sản xuất

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ệt
Nam. 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 ngun khố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 2002
trê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ên
cứ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à ngồi nước.

Trần Bá Sơn – Lớp Khoa học máy tính K61

7


Báo cáo thực tập sản xuất
•

Bộ mơn Khoa học Máy tính được đổi tên theo quyết định số 1250/QĐ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ỏ.
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
tồn và bảo mật.

Trần Bá Sơn – Lớp Khoa học máy tính K61

8


Báo cáo thực tập sản xuấ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 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,…
Trần Bá Sơn – Lớp Khoa học máy tính K61

9


Báo cáo thực tập sản xuất
•

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ất
quan 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ến
mã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 tồn tuyệt đối thơng tin khách hàng trong q trình
mua và thanh tốn. Đồng thời trang web phải ln đổi mới và cập nhật hàng ngày

Trần Bá Sơn – Lớp Khoa học máy tính K61

10


Báo cáo thực tập sản xuất

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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

11


Báo cáo thực tập sản xuất

Chrome.
IE.
Firefox.
Opera.
Safari.
• Ở Việt Nam có Cốc Cốc.
o
Cốc Cốc.
o

o
o
o
o

IV.2 :Tìm hiểu về CSS.
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

Trần Bá Sơn – Lớp Khoa học máy tính K61

12


Báo cáo thực tập sản xuất

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ì đó.

Trần Bá Sơn – Lớp Khoa học máy tính K61

13

Báo cáo thực tập sản xuất

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 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 chun nghiệp. Nó cung cấp
cá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.
Trần Bá Sơn – Lớp Khoa học máy tính K61

14


Báo cáo thực tập sản xuất

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

Trần Bá Sơn – Lớp Khoa học máy tính K61

15


Báo cáo thực tập sản xuất

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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

16


Báo cáo thực tập sản xuất

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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

17

Báo cáo thực tập sản xuất

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).

Trần Bá Sơn – Lớp Khoa học máy tính K61

18


Báo cáo thực tập sản xuất

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 hồ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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

19


Báo cáo thực tập sản xuất

Đế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ản
alpha đầ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ạnh
tranh cao là nhờ những đặc điểm nổi bật sau:
•

Dễ dàng thao tác

•

Tùy chỉnh dễ dàng

•

Chất lượng sản phẩm đầu ra hồn hảo

•

Độ tương thích cao

Dễ dàng thao tác.
Cơ chế hoạt động của Bootstrap là dựa trên xu hướng mã nguồn mở HTML, CSS và
Javascript. Người dùng cần trang bị kiến thức cơ bản 3 mã này mới có thể sử dụng
Bootstrap hiệu quả. Bên cạnh đó, các mã nguồn này cũng có thể dễ dàng thay đổi và
chỉnh sửa tùy ý.
Tùy chỉnh dễ dàng.
Bootstrap được tạo ra từ các mã nguồn mở cho phép designer linh hoạt hơn. Giờ
đây có thể lựa chọn những thuộc tính, phần tử phù hợp với dự án họ đang theo
đuổi. CDN Bootstrap cịn giúp bạn tiết kiệm dung lượng vì khơng cần tải mã nguồn về
máy.

Trần Bá Sơn – Lớp Khoa học máy tính K61

20


Báo cáo thực tập sản xuất

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ề web
như 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.

Trần Bá Sơn – Lớp Khoa học máy tính K61

21


Báo cáo thực tập sản xuất

IV.6.1 Ứng dụng của ngôn ngữ PHP là gì?
Hiện tại PHP có rất nhiều các CMS (mã nguồn mở) như :joomla, WordPress,
OpenCart, NukeViet… Bởi thế PHP rất đa dạng và nó sẽ giúp bạn thiết kế web bán hàng,
tin tức, blog cá nhân cho tới những web giới thiệu cơng ty…
• PHP có thể thực hiện các hàm hệ thống,VD: từ các file của một hệ thống, nó

có thể tạo, mở, đọc, ghi và đóng chúng.
• PHP có thể xử lý các form, ví dụ: thu thập dữ liệu từ file, lưu dữ liệu vào một
file, thơng qua email bạn có thể gửi dữ liệu, trả về dữ liệu tới người sử dụng.
• Người sử dụng có thể thêm, sửa, xóa các phần tử bên trong Database của bạn
thơng qua PHP.
• Thiết lập Cookie và truy cập các biến Cookie.
• Sử dụng PHP, bạn có thể hạn chế người sử dụng truy cập vào một số trang
trong Web của bạn.
• Nó có thể mật mã hóa dữ liệu.

Hình IV. 7 Sự phổ biến của PHP.
Bạn có thể lập trình soạn thảo PHP thơng qua các phần mềm như: Dreamweaver,
Notepad+, PHPDesigner…
IV.6.2 Ưu điểm và nhược điểm của lập trình web bằng PHP.
Qua những giới thiệu trên, ta có thể thấy ngơn ngữ này có khá nhiều tính năng hay.
Tuy nhiên, cũng giống như các ngơn ngữ lập trình khác. Chúng đều có ưu và nhược điểm
riêng, cụ thể là dưới đây.
Trần Bá Sơn – Lớp Khoa học máy tính K61

22


Báo cáo thực tập sản xuất

Hình IV. 8 Ưu điểm và nhược điểm của PHP.
Ưu điểm:
Về ưu điểm được giới thiệu sơ qua trong nội dung trên, chúng tôi sẽ cho bạn thấy 5
ưu điểm nổi bật nhất về ngôn ngữ PHP này:


Đầu tiên đó là PHP được sử dụng miễn phí. Là một lợi thế cực lớn cho ai muốn
học lập trình này. Các bạn có thể học và thực hành theo dạng online. Không cần
phải lo đến việc chi trả số tiền lớn để học lập trình.



Cú pháp và cấu trúc của PHP tương đối dễ dàng. Nếu bạn muốn học về ngôn ngữ
này, bạn sẽ không phải mất quá nhiều thời gian để hiểu được. Đa số các bạn lập
trình viên thường ngại với cấu trúc khó. Là một ưu điểm lớn cho mọi người quan
tâm và u thích hàng đầu về ngơn ngữ lập trình.



Sẽ rất dễ kiếm được việc làm với mức lương khủng. Đa số cơng ty thiết kế web
hiện nay đều có bộ phận PHP. Và đó là điều khơng thể thiếu. Ngồi ra cịn có thêm
các cơng ty về phần mềm. Nhiều công việc lớn khác nhau, cũng như nhiều công ty
khác nhau sẽ mang lại cho bạn thu nhập đáng kể.



Không chỉ với hiện tại mà trong tương lai. ngôn ngữ lập trình này sẽ cịn phát triển
mạnh me hơn nữa để khẳng định vị trí của mình ln là cao nhất trong các bảng
khảo sát ngơn ngữ lập trình.

Nhược điểm của PHP:
Trần Bá Sơn – Lớp Khoa học máy tính K61

23

Báo cáo thực tập sản xuất

Tuy nhiều với ưu điểm kể trên, PHP cũng có vài nhược điểm cơ bản như sau:


PHP còn hạn chế về cấu trúc ủa ngữ pháp. Nó khơng được thiết kế gọn gàng và
khơng được đẹp mắt như những ngơn ngữ lập trình khác.



PHP chỉ có thể hoạt động và sử dụng được trên các ứng dụng trong web. Đó chính
là lý do khiến cho ngơn ngữ này khó có thể cạnh tranh được với những ngơn ngữ
lập trình khác. Nếu như muốn phát triển và nhân rộng hơn nữa trong lập trình.

PHP có cộng đồng người dùng rất lớn trên thế giới, nếu bạn cảm thấy thích ngơn
ngữ này thì có thể truy cập vào website all-fusion.com để tìm hiểu thêm nhiều thơng tin
hơn về PHP. All-fusion là một trong những cộng đồng các freelancer lập trình PHP lớn
nhất hiện nay tại Việt Nam.
Đó chỉ là những nhược điểm nhỏ của ngôn ngữ này mà bạn không cần phải lo lắng.
Trên đây Free PHP Editor đã giải đáp các thắc mắc cho bạn hiểu về PHP và những ưu
nhược điểm của nó. Các bạn cũng có thể tìm hiểu bài 10 phần mềm soạn thảo PHP miễn
phí tốt nhất cho windows 2019 để có thể sử dụng ngơn ngữ lập trình này.
IV.6.3 Ứng dụng thực tế của ngôn ngữ PHP.
Không phải tự nhiên mà PHP trở thành ngơn ngữ lập trình web phổ biến nhất hiện
nay, nhất là khi nó được sử dụng trong các dịch vụ thiết kế website trọn gói của nhiều
cơng ty lớn, đó là bởi vì tính linh hoạt của PHP, có thể chèn PHP ngay trong code HTML
hoặc viết thành những file riêng, giúp cho các lập trình viên có thể dễ dàng quản lý code
của mình.
Với khả năng tương thích với HTML5 và có thể gắn trực tiếp vào code, PHP hiển
nhiên trở thành ngôn ngữ thiết kế web phổ biến nhất hiện nay, được nhiều người sử dụng,

cũng như các ưu điểm dễ học, ứng dụng cao và phù hợp với nhiều đối tượng, nhiều mục
đích website khác nhau mà PHP ngày càng được thịnh hành, minh chứng chính là sự phát
triển của các website viết bằng PHP và sự phổ biến hơn của các CMS như Joomla,
Drupal và đặc biệt là WordPress – những mã nguồn được viết bằng PHP càng khiến nó
trở nên phổ biến hơn.
IV.7 Tìm hiểu về NOPPED++
IV.7.1 Notepad ++ là gì?

Trần Bá Sơn – Lớp Khoa học máy tính K61

24


Báo cáo thực tập sản xuất

Nó là một phần mềm soạn thảo đa tính năng, phổ biến được các webmaster trên thế
giới tin dùng
Notepad++ là một phần mềm soạn thảo mã nguồn hồn tồn miễn phí hỗ trợ đa
ngơn ngữ lập trình, hoạt động trong mơi trường Microsoft Windows. Ngồi ra, Notepad+
+ là thay thế hoàn hảo cho Notepad cổ điển xưa, khơng những về mặt tính năng mà cả về
giao diện tương tác đều cho thấy sự đẳng cấp vượt bậc.
Notepad++ phát triển dựa trên nền tảng Scintilla (một trình soạn thảo vơ cùng mạnh
mẽ), được viết bởi ngơn ngữ C++ với lõi win32 thuần túy (tức là không chứa MFC, nhằm
đảm bảo tốc độ thực thi cao cũng như tạo nên một chương trình với kích thước nhỏ gọn)
và giấy phép GPL.
IV.7.2 Tính năng của notepad++.
Notepad ++ hỗ trợ nhiều ngơn ngữ lập trình phổ biến:
Notepad++ hỗ trợ nhiều ngơn ngữ lập trình HTML, PHP, CSS, C, C++, Java, C#,
Python, XML, , Javascript, RC resource file, ASCII , ASP, VB/VBS , SQL, ObjectiveC…… Ngồi ra, Notepad++ cịn cho phép người dùng có thể chuyển đổi ngơn ngữ lập
trình 1 cách dễ dàng,bạn có thể chuyển đổi 1 đoạn code được viết dưới ngôn ngữ C, C++

thành Java và ngược lại.
Notepad++ hỗ trợ soạn thảo văn bản:
Nó được tổng hợp rất nhiều tính năng của một cơng cụ soạn thảo văn bản đơn giản, người
dùng có thể cắt ,xóa đoạn văn và copy từ một văn bản này sang đoạn khác, hỗ trợ cơng cụ
tìm kiếm nhằm giúp kiểm tra văn bản dễ dàng hơn. Ngoài ra, Notepad++ là gì ? nó có
tính năng kết nối với máy in nhằm in tài liệu ra giấy làm tài liệu lưu trữ.
Lưu trữ, sửa chữa 1 đoạn code dễ dàng, nhanh chóng:
Phần mềm Notepad++ hỗ trợ người dùng trong việc chỉnh sửa, lưu trữ các đoạn
code dễ dàng và nhanh chóng hơn
Notepad++ hỗ trợ biên tập nhiều tài liệu khác nhau:

Trần Bá Sơn – Lớp Khoa học máy tính K61

25