Tìm hiểu về công cụ phần mềm atom, ứng dụng xây dựng website bán sách

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN

MƠN HỌC
CƠNG CỤ PHÁT TRIỂN PHẦN MỀM

ĐỀ TÀI: Tìm hiểu về công cụ phần mềm Atom, ứng
dụng xây dựng website bán sách.
Giảng viên HD :

Thạc sĩ Nguyễn Thái Cường


BỐ CỤC
Phần I : Tìm hiểu về cơng cụ Atom
1. Giới thiệu về Atom
2. Các đặc điểm chính của Atom
3. Ưu điểm của Atom
4. Nhược điểm của Atom
Phần II : Sử dụng Atom để phát triển website
1. PTTKHT xây dựng wedsite
2. Nguyên mẫu giao diện wedsite


Atom editor

Hình 1.1 Giao diện chính của Atom


Phần I:Tìm hiểu về cơng cụ Atom
1.Giới thiệu về Atom text editor

 Giới thiệu chung về Atom
 Atom là một phần mềm mã nguồn mở miễn phí ra mắt năm 2014, được
phát triển bởi Github.
 Nó là một trình soạn thảo mã nguồn và văn bản (text editor) được viết
bằng HTML, JavaScript, CoffeScript, Less.
 Atom khá giống với các phần mềm như notepad++, sublime text… nó
hỗ trợ các plugin để lập trình các ngôn ngữ như Node.js, C/C++, java…


Atom editor

Trang chủ của Atom: />

Cài đặt Atom

Sau khi download file .exe, mở nó ra từ thanh tìm kiếm


Cài đặt Atom

Nhấn Run để xác nhận việc cài công cụ


Cài đặt Atom

Màn hình đợi trong khi cơng cụ được cài đặt


Cài đặt Atom

Giao diện của công cụ sau khi việc cài đặt hoàn tất


Phần I:Tìm hiểu về Cơng cụ Atom
2 . Các đặc điểm chính của Atom
 Nền tảng hỗ trợ :

 Miễn phí và mã nguồn mở trên tất cả các nền tảng (macOS, Linux và Microsoft
Windows ,..)

 Cài đặt và cấu hình :

 Có thể sử dụng ngay lập tức mà ít bị phụ thuộc vào các tập tin cấu hình
 Dễ dàng cài đặt package và quản lý package

 Giao diện đa dạng, bắt mắt, có thể tùy biến

 Atom cung cấp hơn 6 nghìn chủ đề từ kho để các bạn có thể lựa chọn
 người dùng có thể tự tạo ra chủ đề của riêng mình


Phần I:Tìm hiểu về Cơng cụ Atom
2 . Các đặc điểm chính của Atom
 Hiệu suất :

 Nâng cao hiệu suất làm việc: tính năng autocomple giúp cho việc code nhanh
hơn - tự động nhắc các câu lệnh tiếp theo hay các biến có sẵn trong file.

 Khả năng tùy chỉnh văn bản linh hoạt:

 việc tự động xóa các khoảng trắng dư, thêm dòng trống ở cuối file, ... có thể thiết
lập một cách khá dễ dàng.

 API mở có tài liệu đầy đủ dành cho các nhà phát triển
plugin

 Với việc opensource lên Github đã tạo điều kiện cho sự phát triển nhanh chóng của
các chức năng bổ trợ.


Bố cục giao diện

Hình 1.2 Giao diện khi khởi động trong Atom


Bố cục giao diện

Hình 1.3 Giao diện soạn thảo mã nguồn trong Atom


Kho packages hữu ích

bracket-matcher: Package này sẽ highlight các ngoặc [],
(), và {}. Nó cũng highlight cả các thẻ XML và HTML.


Kho packages hữu ích

Minimap: cho phép bạn nhìn preview source code của bạn.

Kho packages hữu ích

file-icons: Hiển thị trực quan icon của các tệp trong khi
làm việc


Ưu điểm của Atom
1. Việc thêm các packages khá dễ dàng.
2. Tất cả các gói được lưu trữ trên Github.
3. Tính năng thú vị như hỗ trợ kéo / thả tệp / thư
mục trong chế độ xem dạng cây ở bên trái.
4. Tính năng bảo mật tốt hơn
5. Việc tích hợp git hỗ trợ rất nhiều cho các lập
trình viên.


Nhược điểm của Atom
1. Tìm và cài đặt gói bổ sung khi bắt đầu sử
dụng
2. Càng cài đặt nhiều plugins hiệu năng càng
giảm
3. Phát triển và cập nhật chậm hơn


KẾT LUẬN
Atom là một công cụ tuyệt vời, đặc biệt đối
với những người muốn tùy chỉnh trình chỉnh
sửa của họ dễ dàng và vượt ra ngồi những gì
được cung cấp. Atom cung cấp hướng dẫn rất

chi tiết cho người dùng mới.
Nhược điểm lớn nhất đối với tôi vẫn là vấn đề
hiệu suất, nhưng đối với một trình editor miễn
phí như Atom thì quả là tuyệt vời.


Phần II : Ứng dụng Atom

1.PTTKHT Wedsite :
Đặc tả bài toán: Bán sách trực tuyến
Chức năng cơ bản của wedsite :
o Đưa hình ảnh sách lên cho khách hàng ,
o Thực hiện việc mua hàng online ,
o Thanh toán bằng cách xác nhận chuyền tiền
vào tài khoản của nhà cung cấp.