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

Cài đặt AtomGiao diện của công cụ sau khi việc cài đặt hoàn tất... 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à Micr

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

KHOA CÔNG NGHỆ THÔNG TIN

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: https://atom.io/

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 ngoà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

Ứng dụng Atom

Biểu đồ UC tổng quát :

Ứng dụng Atom

Xây dựng thành các gói UC như sau:

Ứng dụng Atom

Biểu đồ UC của gói UC Đăng ký, đăng nhập.

Ứng dụng Atom

Biểu đồ UC của gói Quản lý danh mục sản phẩm

Ứng dụng Atom

Biểu đồ UC của gói Mua hàng

Ứng dụng Atom

Biểu đồ phân tích lớp thực thể

Ứng dụng Atom

 BIỂU ĐỒ HOẠT ĐỘNG CỦA CÁC USE CASE

act Dang ky

[huy bo]

[nhap lai]

[cap nhat OK]

[else]

act Dang nhap

Ứng dụng Atom

Biểu đồ hoạt động của UC Quản lý danh mục sản phẩm

Ứng dụng Atom

Biểu đồ hoạt động của UC Mua hàng, tiếp nhận và xử lý đơn hàng

Biểu đồ tuần tự của UC Mua hàng