Luận văn Xây dựng website thương mại điện tử Bán thiết bị y tế trực tuyến đại học kinh doanh và công nghệ hà nội

Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

BỘGIÁODỤCVÀĐÀOTẠO
1


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

LỜI NĨI ĐẦU

Thương mại điện tử là một công cụ quan trọng của thương mại quốc tế trong
một thời gian dài nhưng tầm quan trọng của phương thức này mới tăng lên đáng kể
trong thập kỷ qua. Thương mại điện tử đóng một vai trò quan trọng trong việc thúc
đẩy tăng trưởng và nâng cao đời sống người dân, đặc biệt ở các nước đang phát
triển. Những tiến bộ nhanh chóng về cơng nghệ và sự gia tăng về số lượng người
sử dụng Internet đang thay đổi truyền thống kinh doanh và phương thức tiến hành
thương mại của doanh nghiệp. Bằng cách giảm chi phí thương mại kết hợp với
khoảng cách vật lý, thương mại điện tử cho phép các doanh nghiệp, đặc biệt là
doanh nghiệp nhỏ và vừa có khả năng tiếp cận thị trường toàn cầu, đạt được một
mạng lưới rộng lớn khách hàng và tham gia vào thương mại quốc tế.
Thương mại điện tử là một trong những kết cấu hạ tầng quan trọng của lĩnh
vực thương mại và của xã hội thông tin; là phương thức giúp doanh nghiệp Việt
Nam đẩy mạnh phát triển thị trường trong nước và xuất nhập khẩu, tham gia vào
chuỗi cung ứng toàn cầu, nâng cao năng lực cạnh tranh quốc gia; góp phần đẩy
mạnh cơng nghiệp hóa, hiện đại hóa đất nước.
Website thương mại điện tử là nơi mua bán, trao đổi các sản phẩm thông qua
thương mại điện tử. Công nghệ thương mại điện tử đã hình thành nền kinh tế

Internet và khơng ngừng thay đổi những tiện ích và dần hồn thiện để giúp đỡ các
nhà doanh nghiệp kinh doanh theo phương pháp nhanh gọn hiệu quả. Chính vì vậy
em đã chọn đề tài “Xây dựng website thương mại điện tử - Bán thiết bị y tế
trực tuyến”.Trong quá trình thực thực hiện luận văn khơng thể tránh sai xót mong
thầy cơ chỉ bảo để em có thể hồn thiện tốt bài đồ án của em nhất có thể,
Em xin chân thành cảm ơn !
2


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

MỤC LỤC
LỜI NĨI ĐẦU................................................................................................................................1
MỤC LỤC.......................................................................................................................................2
CHƯƠNG I. CƠ SỞ LÝ LUẬN.....................................................................................................4
1. Lý do chọn đề tài.....................................................................................................................4
2. Bài tốn...................................................................................................................................4
3. Lợi ích của việc quảng cáo trực tuyến...................................................................................5
4. Lợi ích của website bán hàng trực tuyến...............................................................................6
5. Khái niệm website...................................................................................................................7
6. Giới thiệu tổng quan thương mại điện tử..............................................................................9
6.1 Định nghĩa thương mại điện tử...........................................................................................9
7. Phần mềm tạo máy chủ sever Xampp..................................................................................12
7.1. Khái niệm.......................................................................................................................12
7.2. Cách cài đặt phần mềm..................................................................................................12
8. Phần mềm soạn thảo mã nguồn Atom.................................................................................17
8.1. Khái niệm........................................................................................................................17
8.2. Cách cài đặt phần mềm..................................................................................................18

Code Node.js với Atom..............................................................................................................21
9. Giới thiệu về các ngơn ngữ lập trình...................................................................................23
9.1. Tổng quan về HTML......................................................................................................23
9.2. Tổng quan ngôn ngữ CSS..............................................................................................25
9.3. Tổng quan ngôn ngữ Javascript....................................................................................26
9.4. Tổng quan về thư viện Bootstrapt..................................................................................27
9.5. Tổng quan ngôn ngữ PHP.............................................................................................29
9.6. Tổng quan về cơ sở dữ liệu MySQL..............................................................................30
CHƯƠNG II. THỰC TRẠNG.....................................................................................................32
1. Khảo sát.................................................................................................................................32
1.1 Khảo sát thực trạng thương mại điện tử hiện nay và giải pháp phát triển..................32

3


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

CHƯƠNG III. GIẢI PHÁP.........................................................................................................37
1 Giao Diện Website..............................................................................................................37
2 Giao diện Admin.................................................................................................................44
3 Các chức năng chính của website.....................................................................................49
4. Các trang web thiết kế...........................................................................................................51
5. Đặc tả hệ thống..................................................................................................................52
6.Sơ đồ hoạt động hệ thống......................................................................................................56
7. Sơ đồ phân cấp chức năng...................................................................................................56
8. Phân tích dữ liệu...................................................................................................................57
8.1 Sơ đồ luồn dữ liệu mức khung cảnh..............................................................................57
9. Phân Tích và thiết kế cơ sở dữ liệu......................................................................................57

9.1 Bảng danh sách hóa đơn................................................................................................57
9.2 Bảng thêm sản phẩm.......................................................................................................58
9.3 Bảng phản hồi ý kiến người dùng..................................................................................58
10. Cài đặt cơ sở dữ liệu...........................................................................................................59
10.1. Bảng danh sách hóa đơn.............................................................................................59
10.2. Bảng thêm sản phẩm....................................................................................................59
10.3. Bảng phản hồi ý kiến người dùng...............................................................................60
10.4. Bảng quản lý email khách hàng..................................................................................60
11. Đánh giá kết quả cài đặt.....................................................................................................60
12. Hướng phát triển................................................................................................................61
13. Hiệu ứng trang Web............................................................................................................61
14. Một số mã nguồn xây dựng website...................................................................................62
14.1. Một vài hình ảnh Mã nguồn PHP...............................................................................62
14.2. Một vài hình ảnh Mã nguồn CSS................................................................................65
14.3. Một vài hình ảnh Mã nguồn Javascript......................................................................67
14.3. Một vài hình ảnh mã nguồn HTML............................................................................69
CHƯƠNG IV. KẾT LUẬN...........................................................................................................70
TÀI LIỆU THAM KHẢO.............................................................................................................71

4


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

CHƯƠNG I. CƠ SỞ LÝ LUẬN

1. Lý do chọn đề tài
Thị phần thương mại điện tử lớn nhất thế giới được cấu thành bởi các thiết

bị điện tử, quần áo và phụ kiện. Tỷ lệ của các hàng hóa này ở các nước phát triển là
ít hơn 40-45%. Vì vậy, khơng có nghi ngờ rằng thương mại điện tử đang chiếm
lĩnh thị trường toàn cầu với một tốc độ lớn. Và bạn phải rất chú ý và phản ứng với
bất kỳ thay đổi nào trong các xu hướng mới. Và thực sự nhanh chóng để ln cập
nhật và tiếp tục phát triển thịnh vượng cho doanh nghiệp.
Vậy nên em đã thiết kế hệ thống lưu trữ toàn bộ dữ liệu liên quan đến sản
phẩm thiết bị y tế, thông tin cá nhân người dùng đặt hàng, tin nhắn phản hồi ý kiến
khách hàng, quản lí email khách hàng, hiển thị danh sách sản phẩm. Hệ thống cho
phép quản trị viên những chức năng chính như thêm, sửa, xóa, cập nhật. Khi đăng
nhập vào hệ thống sẽ kiểm duyệt tài khoản. Website hiển thị tất cả những sản phẩm
thành dạng danh sách, cho phép người dùng gửi tin nhắn phản hồi, đăng kí email
nhận thông báo và xem chi tiết tiết sản phẩm và đặt hàng online qua website.
Giao diện hiển thị đa nền tảng, thiết bị, hiệu ứng effect cho toàn bộ giao diện
website.

2. Bài toán
- Hiển thị danh sách sản phẩm và hiển thị chi tiết sản phẩm.
- Tất cả thông tin của quản trị viên và người dùng đều được lưu trên hệ
thống sever.
- Quản trị muốn vào hệ thống phải đăng nhập tài khoản có sự kiểm duyệt
thơng tin từ hệ thống.
- Quản trị viên có những chức năng chính như thêm, sửa, xóa, cập nhật.
5


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

- Người dùng có chức năng chính như xem sản phẩm, xem chi tiết sản

phẩm, đặt hàng online, phản hồi tin nhắn, đăng kí nhận thơng báo.
- Thơng báo hiển thị rõ ràng.

3. Lợi ích của việc quảng cáo trực tuyến
Tiết kiệm chi phí
So với marketing truyền thống, các giải pháp quảng cáo của marketing trực
tuyến tốn chi phí ít hơn rất nhiều, đặc biệt đối với những doanh nghiệp nhỏ với
ngân quỹ dành cho việc quảng cáo khơng nhiều.

Dễ dàng kiểm sốt tính hiệu quả và tạo những thay đổi trong chiến dịch
quảng cáo.
Marketing trực tuyến giúp kiểm tra độ hiệu quả của chiến dịch với các báo
cáo chi tiết theo thời gian thực. Dựa vào thơng tin thu được, có thể thay đổi và điều
chỉnh lại các thành phần, giải pháp trong chiến lược ngay lập tức và rất nhanh
chóng nhằm thu được kết quả mong muốn.

6


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

Liên hệ trực tiếp và ngay lập tức với khách hàng tiềm năng
Khi khách hàng quan tâm tới sản phẩm/dịch vụ của doanh nghiệp, họ sẽ có
thể dễ dàng gửi một nội dung u cầu thơng qua các tiện ích miễn phí (email, live
chat, helpdesk ticket,..) và doanh nghiệp ngay lập tức có thể dễ dàng phản hồi lại
tới họ. Marketing trực tuyến cùng với các sản phẩm ứng dụng thương mại điện tử
đã mang lại tính tương tác cao hơn và dễ dàng hơn giữa doanh nghiệp và khách
hàng.

4. Lợi ích của website bán hàng trực tuyến
Bán hàng hiệu quả
Website bán hàng online cung cấp thơng tin sản phẩm nhanh chóng đến
khách hàng nhờ sự lan tỏa mạnh mẽ của internet.
Tăng doanh thu bán hàng:
Website bán hàng được coi như một gian hàng của doanh nghiệp trên
internet. Tại đây diễn ra mọi hoạt động mua bán như một cơng ty Melino bình
thường. Với chi phí thấp nhưng mang lại hiệu quả kinh doanh, hiệu quả bán hàng
như một của hàng bình thường, website bán hàng online mang lại một nguồn
doanh thu không nhỏ cho doanh nghiệp.
Tương tác với khách hàng nhanh chóng
Tốc độ lan tỏa và tốc độ truyền thông tin của internet, giúp doanh nghiệp dễ
dàng tương tác với khách hàng, cập nhật thơng tin, u cầu của khách hàng nhanh
chóng.

7


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

5. Khái niệm website
5.1 Khái niệm website
Website hay còn gọi là trang web, là một công cụ dùng để truyền tải thông
tin, quảng cáo, giới thiệu về sản phẩm, dịch vụ, mơ hình hiệu quả nhất hiện nay mà
các doanh nghiệp, cá nhân có thể sử dụng để bán hàng, giao tiếp hoặc trao đổi trực
tuyến. Đây cũng được coi là công cụ hỗ trợ không thể thiếu đối với các hoạt động
quảng cáo, kinh doanh, bán hàng của các doanh nghiệp và cá nhân hiện nay.

5.2 Phân loại website
Web tĩnh là web có dữ liệu khơng thay đổi hoặc ít khi thay đổi. Website này
khơng có hệ thống quản lý nội dung và người dùng không thể chỉnh sửa hay thay
đổi bất cứ dữ liệu gì được. Web tĩnh nên được được sử dụng khi doanh nghiệp
muốn tự mình làm hay đó là những web nhỏ, có thể tự quản trị hoặc thuê người
chuyên về quản trị. Tuy nhiên, hiện nay trang web này khơng được khuyến khích
dùng bởi khơng được ưa chuộng do khó khăn về vấn đề quản trị nội dung, vấn đề
nâng cấp bảo trì dù nó có chi phí đầu tư thấp và khơng mất nhiều thời gian khi truy
cập.
Web động là web có hệ thống quản lý nội dung và người dùng có thể dễ
dàng chỉnh sửa hoặc cập nhật dữ liệu. Đây là trang web được khuyến cáo sử dụng
khi người lập có mục đích.Web động hiện nay được đa số người dùng sử dụng bởi
sự tiện lợi trong việc quản lý nội dung và có khả năng tương tác cao với người
dùng mặc dù có chi phí cũng tương đối cao và cần nhiều kiến thức về chuyên
ngành.
5.3 Phân loại đối tượng website

8


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

Website doanh nghiệp : Doanh nghiệp sử dụng website với mục đích quảng
bá, giới thiệu thông tin, quảng cáo sản phẩm, dịch vụ đến khách hàng, đồng thời
cập nhật những thông tin về các chương trình khuyến mãi, giới thiệu sản phẩm
mới, sự kiện nổi bật,…nhằm mục đích tiếp cận tối ưu đến khách hàng và có thể
đẩy mạnh hoạt động kinh doanh mang lại lợi nhuận tối ưu. Ngồi ra, các cơng ty
Melino, shop bán hàng do cá nhân làm chủ có thể dùng cách này để mở rộng phạm

vi người mua và đồng thời tương tác trực tiếp với khách hàng qua việc trả lời, bình
luận, gọi điện trực tiếp.
Website cá nhân : Web cá nhân phổ biến được sử dụng với đối tượng là
người nổi tiếng, họa sĩ, doanh nhân, thiết kế đồ họa,.... Đây là nơi họ tương tác với
người hâm mộ và tự giới thiệu, PR cho chính bản thân mình.
5.4 Phân loại hình thức sử dụng
Website tin tức
Web tin tức được phát triển nền tảng trên báo giấy truyền thống nhưng được
mở rộng trên mạng Internet bởi sự tương tác với người dùng cao và thời gian
nhanh chóng hơn. Đây là một dạng website cung cấp thơng tin về mọi lĩnh vực
trong đời sống, ví dụ: dantri, vnexpress, kênh 14,….
Website thương mại điện tử
Website này được thành lập với mục đích tiện lợi cho việc tham khảo thông
tin và mua bán hàng online, hạn chế ngắn thời gian mua bán hàng hóa và có thể
mua bán ở mọi lúc, mọi nơi trên thế giới thông qua việc thanh toán 
Diển đàn(Forum)

9


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

Website này được coi là nơi tương tác mạnh mẽ nhất với người dùng bởi mọi
người có thể tham gia bình luận, nói chuyện ở bất cứ diễn đàn nào có đăng ký làm
thành viên. Mặc dù có sự can thiệp và ảnh hưởng bởi các Admin, tuy nhiên đây
vẫn là dạng website có lượt truy cập rất lớn hiện nay, có thể kể đến một số diễn đàn
như: tinhte, voz, webtretho,....
Mạng xã hội

Đây là website có lượt người sử dụng lớn nhất hiện nay bởi sự thông dụng và độc
lập. Mỗi người có tài khoản riêng và có thể đăng tải thơng tin cá nhân, xem thông
tin của bạn bè, người tương tác, trò chuyện, gọi điện, kết bạn, đăng ảnh,…. Một số
mạng xã hội phổ biến là: Facebook, Google+, Twitter, Instagram, Zalo.

6. Giới thiệu tổng quan thương mại điện tử
6.1 Định nghĩa thương mại điện tử
Thương mại điện tử, hay còn gọi là e-commerce, e-comm hay EC, là sự mua
bán sản phẩm hay dịch vụ trên các hệ thống điện tử như Internet và các mạng máy
tính. Thương mại điện tử dựa trên một số công nghệ như chuyển tiền điện tử, quản
lý chuỗi dây chuyền cung ứng, tiếp thị Internet, quá trình giao dịch trực tuyến, trao
đổi dữ liệu điện tử (EDI), các hệ thống quản lý hàng tồn kho, và các hệ thống tự
động thu thập dữ liệu. Thương mại điện tử hiện đại thường sử dụng mạng World
Wide Web là một điểm ít nhất phải có trong chu trình giao dịch, mặc dù nó có thể
bao gồm một phạm vi lớn hơn về mặt công nghệ như email, các thiết bị di động
cũng như điện thoại.
Thương mại điện tử thơng thường được xem ở các khía cạnh của kinh doanh
điện tử (e-business). Nó cũng bao gồm việc trao đổi dữ liệu tạo điều kiện thuận lợi
cho các nguồn tài chính và các khía cạnh thanh tốn của việc giao dịch kinh doanh.
10


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

E-commerce có thể được chia ra thành:
-

E-tailing (bán lẻ trực tuyến) hoặc “công ty Melino ảo” trên trang web với

các danh mục trực tuyến, đôi khi được gom thành các “trung tâm mua sắm
ảo”.

-

Việc thu thập và sử dụng dữ liệu cá nhân thông qua các địa chỉ liên lạc web

-

Trao đổi dữ liệu điện tử (EDI), trao đổi dữ liệu giữa Doanh nghiệp với
Doanh nghiệp

-

Email, fax và cách sử dụng chúng như là phương tiện cho việc tiếp cận và
thiếp lập mối quan hệ với khách hàng (ví dụ như bản tin – newsletters)

-

Việc mua và bán giữa Doanh nghiệp với Doanh nghiệp

-

Bảo mật các giao dịch kinh doanh

6.2 Các hình thức thương mại điện tử
Thương mại điện tử ngày nay liên quan đến tất cả mọi thứ từ đặt hàng nội
dung “kỹ thuật số” cho đến tiêu dùng trực tuyến tức thời, để đặt hàng và dịch vụ
thông thường, các dịch vụ “meta” đều tạo điều kiện thuận lợi cho các dạng khác
của Thương mại điện tử. Ở cấp độ tổ chức, các tập đồn lớn và các tổ chức tài

chính sử dụng Internet để trao đổi dữ liệu tài chính nhằm tạo điều kiện thuận lợi
cho kinh doanh trong nước và quốc tế. Tính tồn vẹn dữ liệu và tính an ninh là các
vấn đề rất nóng gây bức xúc trong Thương mại điện tử.
Hiện nay có nhiều tranh cãi về các hình thức tham gia cũng như cách phân
chia các hình thức này trong Thương mại điện tử. Nếu phân chia theo đối tượng
11


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

tham gia thì có 3 đối tượng chính bao gồm: Chính phủ (G - Goverment), DN (B Business) và Khách hàng (C - Customer hay Consumer). Các dạng hình thức chính
của THƯƠNG MẠI ĐIỆN TỬ bao gồm: DN với DN (B2B); DN với Khách hàng
(B2C); DN với Nhân viên (B2E); DN với Chính phủ (B2G); Chính phủ với DN
(G2B); Chính phủ với Chính phủ (G2G); Chính phủ với Cơng dân (G2C); Khách
hàng với Khách hàng (C2C); Khách hàng với DN (C2B); online-to-offline (O2O);
Thương mại đi động (mobile commerce hay viết tắt là m-commerce).
6.3 Xu hướng thương mại điện tử tồn cầu
Mơ hình kinh doanh trên toàn cầu tiếp tục thay đổi đáng kể với sự ra đời của
Thương mại điện tử. Nhiều quốc gia trên thế giới cũng đã đóng góp vào sự phát
triển của THƯƠNG MẠI ĐIỆN TỬ . Ví dụ, nước Anh có chợ THƯƠNG MẠI
ĐIỆN TỬ lớn nhất tồn cầu khi đo bằng chỉ số chi tiêu bình quân đầu người, (con
số này cao hơn cả Mỹ). Kinh tế Internet ở Anh có thể tăng 10% từ năm 2010 đến
năm 2015. Điều này tạo ra động lực thay đổi cho ngành công nghiệp quảng cáo.
Trong số các nền kinh tế mới nổi, sự hiện diện của THƯƠNG MẠI ĐIỆN
TỬ ở Trung Quốc tiếp tục được mở rộng. Với 384 triệu người sử dụng Internet,
doanh số bán lẻ của công ty Melino trực tuyến ở Trung Quốc đã tăng 36,6 tỷ USD
tăng năm 2009 và một trong những lý do đằng sau sự tăng trưởng kinh ngạc là cải
thiện độ tin cậy của khách hàng. Các công ty bán lẻ Trung Quốc đã giúp người tiêu

dùng cảm thấy thoải mái hơn khi mua hàng trực tuyến.
THƯƠNG MẠI ĐIỆN TỬ cũng được mở rộng trên khắp Trung Đông. Với
sự ghi nhận là khu vực có tăng trưởng nhanh nhất thế giới trong việc sử dụng
Internet từ năm 2000 đến năm 2009, hiện thời khu vực có hơn 60 triệu người sử
dụng Internet. Bán lẻ, du lịch và chơi game là các phần trong THƯƠNG MẠI
12


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

ĐIỆN TỬ hàng đầu ở khu vực, mặc dù có các khó khăn như thiếu khn khổ pháp
lý tồn khu vực và các vấn đề hậu cần trong giao thông vận tải qua biên giới.
THƯƠNG MẠI ĐIỆN TỬ đã trở thành một công cụ quan trọng cho thương mại
quốc tế không chỉ bán sản phẩm mà còn quan hệ với khách hàng.

7. Phần mềm tạo máy chủ sever Xampp.
7.1. Khái niệm
Phần mềm XAMPP là một loại ứng dụng phần mềm khá phổ biến và
thường hay được các lập trình viên sử dụng để xây dựng và phát triển các dựa án
website theo ngôn ngữ PHP. XAMPP thường được dùng để tạo máy chủ web (web
server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các
cơng cụ như phpMyAdmin.

Nhìn chung XAMPP được xem là một bộ cơng cụ hồn chỉnh dành cho lập
trình viên PHP trong việc thiết lập và phát triển các website, nó tích hợp các thành
phần quan trọng và tương thích lẫn nhau như:
- Apache
- PHP (Tạo mơi trường chạy các tập tin scipt*.php);

- MySql (Hệ quan trị cơ sở dữ liệu)

7.2. Cách cài đặt phần mềm
Cài đặt Xampp
Bước 1: Tải phẩn mềm xampp (chọn phiên bản phù hợp với phiên bản của bạn).
Bước 2: Chạy file vừa tải về.
13


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

Bước 3: Chọn Next để tiếp tục.

Hình ảnh 7.2.1 Cài đặt xampp
Bước 4: Tích chọn hết các module. sau đó click next.

Hình ảnh 7.2.2 Cài đặt xampp
Bước 5: Chọn thư mục cài đặt. rồi next tiếp

14


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 7.2.3 Cài đặt xampp
Bước 6: Bỏ tích vào dịng "Learn more about Bitnami for xampp". rồi chọn next.

Hình ảnh 7.2.4 Cài đặt xampp
Bước 7: Đợi chương trình cài đặt.
15


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 7.2.5 Cài đặt xampp
Bước 8: Hồn tất.

Hình ảnh 7.2.6 Cài đặt xampp
7.3.Sử dụng xampp
Sau khi đã hồn tất cả q trình cài đặt bạn khởi động xampp lên.

16


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 7.2.7 Cài đặt xampp
Ở đây bạn sẽ nhìn thấy các module mà nó hỗ trợ. Nếu bạn muốn khởi động server
PHP thì chỉ cần chọn start module apache.

Hình ảnh 7.2.8 Cài đặt xampp
-Mặc định thì server sẽ start ở địa chỉ ip: 127.0.0.1 và domain localhost.

17


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 7.2.9 Cài đặt xampp
Thư mục chứa sorce của ứng dụng sẽ nằm ở trong thư mục htdocs của xampp. (thư
mục các bạn chọn để cài đặt lúc đầu. Ví dụ: c://xampp).

8. Phần mềm soạn thảo mã nguồn Atom.
8.1. Khái niệm
Atom là một trình soạn thảo văn bản (và mã nguồn) miễn phí, mã nguồn mở,
hỗ trợ các hệ điều hành Linux, Mac OS, Windows. Nó hỗ trợ các plugin để lập
trình với NodeJS và nhúng Git-Control, phần mềm này được phát triển bởi GitHub.
Atom được đánh giá là phần mềm soạn thảo văn bản (và mã nguồn) có giao
diện hiện đại, dễ sử dụng và có các tính năng vượt trội so với các phần mềm tương
tự.
Các ngôn ngữ được hỗ trợ bởi Atom:
C/C++, C#, Clojure, CSS, CoffeeScript, GitHub Flavored Markdown, Go, Git,
HTML, JavaScript, Java, JSON, Julia, Less, Make, Mustache, Objective-C, PHP,
Perl, Property List (Apple), Python, Ruby on Rails, Ruby, Sass, Shell script, Scala,
SQL, TOML, XML, YAML.
18


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

8.2. Cách cài đặt phần mềm
Download phần mềm atom tại />Ở đây ta cài bản 64bit cho windows

Hình ảnh 8.2.1 Cài đặt phần mềm ATOM
Click đúp vào file .exe tải về.

19


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 8.2.2 Cài đặt phần mềm ATOM
Phần mềm atom sẽ được tự động cài đặt

Hình ảnh 8.2.3 Cài đặt phần mềm ATOM
Sau khi đã cài đặt, lần sau bạn chỉ cần click đúp vào icon atom trên desktop hoặc
tìm atom trong start để mở là được chứ không cần cài lại nữa.

20


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 8.2.4 Cài đặt phần mềm ATOM

Đây là giao diện của Atom.

Hình ảnh 8.2.5 Cài đặt phần mềm ATOM
Để mở thư mục/project nào thì bạn chọn File > Add Folder Project và chọn
folder cần mở
Ví dụ ở đây mở folder C:\nodejs\hello
21


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Muốn thêm, xóa file, folder con bạn chỉ cần click chuột phải vào folder, hay
file để sử dụng tính năng new file, delete…

Hình ảnh 8.2.6 Cài đặt phần mềm ATOM
Code Node.js với Atom
Thực tế thì ta sử dụng các trình IDE khác như Eclipse hay Webstorm/Intellij
để lập trình Node.js vì nó hỗ trợ nhiều chức năng hơn.
Bây giờ ta muốn tạo project Node.js trên folder C:\nodejs\hello bằng lệnh npm init

Hình ảnh 8.2.7 Cài đặt phần mềm ATOM
Kết quả nó sẽ tạo ra fle package.json và hiển thị luôn trên atom
22


Khoa Cơng Nghệ Thơng Tin

Thương Mại Điện Tử

Hình ảnh 8.2.8 Cài đặt phần mềm ATOM
Muốn tạo thêm file gì, cài đặt module gì nó sẽ hiện hết trên atom để bạn dễ dàng
chỉnh sửa và quản lý.
8.2.1 Ưu nhược điểm của Atom
Ưu điểm:
-

Đa nền tảng Mac OS, Windows, Linux.

-

Giao diện mới mẻ, đẹp, dễ nhìn.

-

Cảm giác người dùng mượt mà khi gõ chữ.

-

Tạo cảm hứng cho lập trình viên.

-

Dễ dàng thiết lập môi trường tối ưu cho nhiều hướng đối tượng lập trình
viên.

-

Mã nguồn mở, được chia sẻ cơng khai trên github.

-

Có cộng đồng phát triển lớn mạnh nhanh chóng và khơng ngừng phát triển.

8.Nhược điểm:
-

Vẫn cịn q mới.

-

Mất thời gian làm quen ban đầu vì kiểu thiết kế và quản lý.
23


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

-

Tiêu tốn tài nguyên hệ thống ở một số tác vụ.

-

Một số chức năng chưa được hồn thiện.

-

Vẫn cịn gặp lỗi về giao diện như lệch chữ lệch con nháy chuột, chức năng
nhắc code trên windows.

9. Giới thiệu về các ngôn ngữ lập trình.
9.1. Tổng quan về HTML
HTML là chữ viết tắt của Hypertext Markup Language. Giúp người dùng tạo
và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn
văn, heading, links, blockquotes,…
HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó khơng thể
tạo ra các chức năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố
cục và định dạng trang web.
Khi làm việc với HTML, sẽ sử dụng cấu trúc code đơn giản (tags và
attributes) để đánh dấu lên trang web.
Lịch sử của HTML
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ĩ. Anh ta đã nghĩ ra được ý tưởng cho hệ thống
hypertext trên nền Internet.
Hypertext có nghĩa là văn bản chứa links, nơi người xem có thể truy cập
ngay lập tức. Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 bao gồm
18 tag HTML. Từ đó, mỗi phiên bản mới của HTML đều có thêm tag mới và
attributes mới.
24


Khoa Công Nghệ Thông Tin

Thương Mại Điện Tử

Theo Mozilla Developer Network: HTML Element Reference, hiện tại có
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óng mặt, HTML được xem như là chuẩn
mật của một website. Các thiết lập và cấu trúc HTML được vận hành và phát triển
bởi World Wide Web Consortium (W3C).
Nâng cấp mới nhất gần đây là vào năm 2014, khi ra mắt chuẩn HTML5. Nó thêm
vài tags vào markup, để xác định rõ nội dung thuộc loại là gì, như
là <article>, <header>, và <footer>.
Cách hoạt động của HTML
HTML documents là files kết thúc với đuôi .html hay .htm. Có thể xem
chúng bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari,
hay Mozilla Firefox). Trình duyệt đọc các files HTML này và xuất bản nội dung
lên internet sao cho người đọc có thể xem được nó.
Thơng thường, trung bình một web chứa nhiều trang web HTML, ví dụ như:
trang chủ, trang giới thiệu, trang liên hệ, tất cả đều cần các trang HTML riêng.
Mỗi trang HTML chứa một bộ các tag (cũng được gọi là elements), có thể
xem như là việc xây dựng từng khối của một trang web. Nó tạo thành cấu trúc cây
thư mục bao gồm section, paragraph, heading, và những khối nội dung khác.
- Hầu hết các HTML elements đều có tag mở và tag đóng với cấu trúc
như <tag></tag>.

25