Xây dựng phần mềm quản lý vật tư tiêu hao phục vụ giảng dạy thực hành tại trường cao đẳng công nghệ

Một trong nhữnglĩnh vực cần nghiên cứu và triển khai là quy trình sử dụng thiết bị tại các phòngthực hành, đảm bảo cơ sở vật chất đáp ứng nhu cầu cũng như số lượng người học,giám sát nhu

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ

BÁO CÁO TỔNG KẾT

ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG

XÂY DỰNG PHẦN MỀM QUẢN LÝ VẬT TƯ TIÊU HAO PHỤC VỤ GIẢNG DẠY THỰC HÀNH TẠI TRƯỜNG CAO ĐẲNG CÔNG NGHỆ

Mã số: T2017-06-67

CHỦ NHIỆM ĐỀ TÀI : ThS PHẠM THỊ TRÀ MY

ĐÀ NẴNG, 09/2017

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ

BÁO CÁO TỔNG KẾT

ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG 2017

XÂY DỰNG PHẦN MỀM QUẢN LÝ VẬT TƯ TIÊU HAO PHỤC VỤ GIẢNG DẠY THỰC HÀNH TẠI TRƯỜNG CAO ĐẲNG CÔNG NGHỆ

Mã số: T2017-06-67

Xác nhận của cơ quan chủ trì đề tài Chủ nhiệm đề tài

 Danh sách các thành viên tham gia nghiên cứu đề tài:

TT Họ và tên lĩnh vực chuyên mônĐơn vị công tác và Nội dung nghiên cứu cụ thểđược giao1

Phân tích, xây dựng phần mềm Kiểm tra và đánh giá hệ thống Kiểm tra và đánh giá hệ thống

CN Phạm Thu

CN Nguyễn Thị Thịnh

TS Nguyễn Đức Quận

MỤC LỤC

MỞ ĐẦU

CHƯƠNG 1 CƠ SỞ LÝ THUYẾT 4

1.1 Phần mềm 4

1.1.1 IDE Visual Studio 2010 4

1.1.2 Hệ quản trị cơ sở dữ liệu SQL Server 2008 R2 6

1.1.3 Công cụ CodeSmith 7

1.2 Công nghệ 10

1.2.1 Công nghệ HTML5, CSS3 10

1.2.2 Công nghệ Responsive Web design 12

1.2.3 Công nghệ ASP.NET 14

1.2.4 Công nghệ AJAX 15

1.2.5 Kiến trúc NET 3 tiers 17

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 19

2.1 Phân tích hiện trạng 19

2.2 Phân tích bài toán 19

2.2.1 Cán bộ Giảng dạy thực hành 19

2.2.2 Cán bộ Quản lý cấp Khoa 19

2.3 Phân tích các chức năng 20

2.3.1 Quản lý Cán bộ và cấp quyền Cán bộ 20

2.3.2 Quản lý Vật tư nhận 20

2.3.3 Quản lý Cấp phát Vật tư 21

2.3.4 Quản lý Bảng Kế hoạch vật tư 21

2.3.5 Quản lý Liên hệ 22

2.3.7 Quản trị Website 22

2.3.8 Gửi Bảng Kế hoạch đầu tư vật tư 23

2.3.9 Báo cáo Thống kê vật tư 24

2.3.10 Liên hệ 24

2.4 Sơ đồ USECASE 25

2.4.1 Danh sách các Actor và hành động của từng Actor 25

2.4.2 Sơ đồ UseCase của hệ thống 26

2.4.3 Mô tả Usecase 27

2.5 Sơ đồ lớp 36

2.5.1 Sơ đồ lớp mức cơ bản 36

2.5.2 Danh sách các đối tượng 37

2.6 Sơ đồ hệ thống tuần tự 37

2.6.1 SSD1 Quản lý cán bộ 38

2.6.2 SSD2 Quản lý Vật tư 38

2.6.3 SSD3 Quản lý Cấp phát Vật tư 39

2.6.4 SSD4 Quản lý Bảng Lập kế hoạch vật tư 39

2.6.5 SSD5 Quản lý Liên hệ 40

2.7 Sơ đồ dữ liệu 41

CHƯƠNG 3 TRIỂN KHAI 42

3.1 Kết quả thực hiện 42

3.1.1 Trang Đăng nhập hệ thống 42

3.1.2 Trang Thay đổi mật khẩu 42

3.1.3 Trang nhập vật tư 43

3.1.4 Trang Cấp phát vật tư 45

3.1.5 Trang Liên hệ góp ý 45

3.1.7 Trang Quản lý liên hệ 46

3.1.8 Trang Quản lý cán bộ 47

3.1.9 Trang Xem tất cả báo cáo 47

3.1.10 Trang lập kế hoạch vật tư 48

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

TÀI LIỆU THAM KHẢO

Hình 1-1: Giao diện CodeSmith Studio 8

Hình 1-2: Giao diện tùy chỉnh trên Template 8

Hình 1-3:Giao diện báo lỗi trên Template 9

Hình 1-4: Giao diện tùy chỉnh thuộc tính XML trên Teamplate 9

Hình 1-5: Giao diện tùy chỉnh trên các thiết bị khác nhau 12

Hình 1-6: Kỹ thuật xử lý biên dịch và thông dịch từ trang ASPX 14

Hình 1-7: Điểm mạnh của ASP.NET 15

Hình 1-8: Kiến trúc NET 3 tiers 18

Hình 2-1: Màn hình quản lý cán bộ 23

Hình 2-2: Sơ đồ UseCase hệ thống 26

Hình 2-3: Sơ đồ lớp 36

Hình 2-4: Sơ đồ tuần tự Quản lý cán bộ 38

Hình 2-5: Sơ đồ tuần tự Quản lý Vật tư 38

Hình 2-6: Sơ đồ tuần tự Quản lý Cấp phát Vật tư 39

Hình 2-7: Sơ đồ tuần tự Bảng Lập kế hoạch vật tư 39

Hình 2-8: Sơ đồ tuần tự Quản lý liên hệ 40

Hình 2-9: Sơ đồ quan hệ 41

Hình 3-1: Màn hình trang đăng nhập dành cho Cán bộ giảng dạy, cán bộ quản lý, quản trị hệ thống 42

Hình 3-2: Màn hình thay đổi mật khẩu 42

Hình 3-3: Màn hình xem danh sách vật tư 43

Hình 3-4: Màn hình nhập các tiêu chí cần tìm kiếm 43

Hình 3-5: Màn hình nhập vật tư bằng tay 44

Hình 3-6: Màn hình nhập vật tư tự động bằng tệp tin 44

Hình 3-7: Màn hình cấp phát vật tư 45

Hình 3-8: Màn hình Quản lý Bảng kế hoạch vật tư 46

Hình 3-9: Màn hình quản lý liên hệ 46

Hình 3-10: Màn hình Quản lý cán bộ 47

Hình 3-11: Màn hình Xem Báo cáo thống kê vật tư đã nhận và cấp phát 47

Hình 3-11: Màn hình Xem Báo cáo thống kê vật tư đã nhận và cấp phát của cán bộ 48

Hình 3-11: Màn hình Lịch sử kế hoạch vật tư đã gửi và chờ xử lý 48

Hình 3-11: Màn hình Lập bảng kế hoạch 49

MỞ ĐẦU

1 Tổng quan tình hình nghiên cứu thuộc lĩnh vực đề tài

Quản lý vật tư tiêu hao là phần mềm ứng dụng công nghệ thông tin vào côngtác quản lý giúp cơ quan, doanh nghiệp thay thế cơ chế quản lý truyền thống mấtthời gian mà hiệu quả thấp chính vì lý do đó mà ứng dụng về lĩnh vực này được sửdụng rộng rãi trên toàn cầu

Hiện nay, hầu như tất cả các cơ quan doanh nghiệp trong nước đều sử dụngphần mềm quản lý vật tư để tăng hiệu quả trong công việc Tuy nhiên, qua một thờigian do sự thay đổi về công nghệ cũng như biểu mẫu nên các nhà phân tích phảithường xuyên cập nhật và việc viết phần mềm phải luôn nghiên cứu để tạo ra cácphần mềm phù hợp với xu thế hiện tại

Phần mềm quản lý vật tư tiêu hao phục vụ giảng dạy thực hành tại trườngCao đẳng Công nghệ liên quan đến việc lập kế hoạch, sử dụng, triển khai và báo cáokết quả một cách khoa học, chính xác, giúp hỗ trợ cho Khoa theo dõi quá trình cấpphát vật tư giữa phòng tổ chức hành chính và các đơn vị tiếp nhận Một trong nhữnglĩnh vực cần nghiên cứu và triển khai là quy trình sử dụng thiết bị tại các phòngthực hành, đảm bảo cơ sở vật chất đáp ứng nhu cầu cũng như số lượng người học,giám sát nhu cầu thực tế của người học Từ đó đưa ra báo cáo kết quả, phương ántriển khai các thiết bị phù hợp

Ở trong nước, các ứng dụng phần mềm triển khai trong công tác quản lý vật

tư tiêu hao thiết bị được triển khai ở các trường Đại học và cao đẳng Tuy nhiên,đáp ứng nhu cầu trong từng đơn vị sử dụng là chưa đủ Nhiều trường có phần mềmquản lý cơ sở vật chất, nhưng không đáp ứng được nhu cầu đảm bảo tình trạng trangthiết bị hằng ngày, khi gặp sự cố phải xử lý bằng tay, nhật ký lưu trữ trên giấy tờkhông thể hiện được yêu cầu đặt ra như tìm kiếm thông tin tức thời, thêm thông tinnhanh chóng kịp thời

Đối với lượng lớn trang thiết bị phòng thực hành thường xuyên sử dụng vàbảo trì thì việc sử dụng phần mềm quản lý vật tư tiêu hao phục vụ giảng dạy thực

hành là thể hiện bước tiến lớn trong quá trình quản lý, tạo ra sự tiện lợi, chuyênnghiệp và tiết kiệm.

2 Tính cấp thiết khi chọn đề tài

Mặc dù nhà trường đang sử dụng phần mềm quản lý vật tư từ cấp Trườngxuống cấp Khoa nhưng có một số vấn đề chưa được giải quyết như: không thể xemđược trước khi in, vật tư tồn kho sau khi xuất đi vẫn còn lưu trữ, công nghệ accesscũng khá cũ và chạy không ổn định Đồng thời, phần mềm chưa đáp ứng được quản

lý vật tư tiêu hao phục vụ cho công tác giảng dạy thực hành, mọi công việc đều phảilàm thủ công nên hiệu quả trong việc quản lý và sử dụng vật tư tiêu hao còn nhiềuhạn chế Vì vậy, việc tạo ra phần mềm quản lý vật tư tiêu hao phục vụ công tácgiảng dạy thực hành là rất cần thiết

Xuất phát từ thực tế trên, đề tài “Xây dựng phần mềm quản lý vật tư tiêu

hao phục vụ giảng dạy thực hành tại trường Cao đẳng Công nghệ” sẽ phần nào

giải quyết được những vấn đề đã và đang được đặt ra và là một trong những đề tàimang tính cấp thiết đối với quản lý vật tư tiêu hao hiện nay

3 Mục tiêu đề tài

- Nghiên cứu có hệ thống việc giám sát trang thiết bị nhằm hỗ trợ việc học củasinh viên

- Đề xuất những giải pháp cơ bản để hoàn thiện hơn nữa mô hình quản lý vật

tư tiêu hao tại các phòng thực hành

- Nghiên cứu xây dựng phần mềm giúp cho các Khoa có thể theo dõi quá trìnhcấp phát vật tư giữa phòng tổ chức hành chính và các đơn vị tiếp nhận

- Phục vụ công tác báo cáo thống kê vật tư tiêu hao giữa các phòng thí nghiệmthực hành, Khoa và phòng tổ chức hành chính

- Phục vụ công tác thanh quyết toán

4 Đối tượng và phạm vi nghiên cứu

- Đối tượng nghiên cứu là Cán bộ, chuyên viên, giáo viên tại phòng tổ chức

- Phạm vi nghiên cứu tại phòng tổ chức hành chính, phòng kế hoạch tài chính,khoa và phòng thí nghiệm thực hành tại trường Cao đẳng Công nghệ.

5 Phương pháp nghiên cứu

- Thu thập các biểu mẫu, ý kiến và nhu cầu của từng đối tượng nghiên cứu

- Tìm hiểu cơ sở dữ liệu

- Nghiên cứu công nghệ để xây dựng phần mềm

6 Đặc tả phần mềm

- Tất cả các chức năng của hệ thống đòi hỏi phải được ủy quyền

- Ứng dụng cho phép người dùng sử dụng ở bất kì vị trí nào, miễn là có kết nốiinternet

- Ứng dụng xây dựng với công nghệ chính là ASP.NET, HTML5, Responsive,AJAX và hệ quản trị Cơ sở dữ liệu SQL Server 2008 R2

- Sử dụng C# kết hợp với công nghệ WCF (Windows CommunicationFoundation) để xây dựng các ứng dụng đảm bảo tính ổn định và bảo mật cao

7 Nội dung và kết cấu báo cáo

Dựa trên những mục tiêu đã đề ra, ngoài các nội dung gồm phần mở đầu và kếtluận thì báo cáo có bố cục 3 chương:

- CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

Chương này trình bày tổng quan về việc sử dụng các phần mềm hỗ trợ xâydựng ứng dụng, các công cụ thường xuyên sử dụng để xây dựng nền tảng cho bàitoán Mô tả một số công nghệ mới hỗ trợ phát triển ứng dụng, vì sao phải sử dụngmột số công nghệ này

- CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Chương này trình bày một hướng tiếp cận trong việc phân tích hệ thống Trìnhbày những hướng chức năng cơ bản cho người dùng, các chức năng này sử dụngnhư giải pháp trong việc quản lý chương trình vật tư tiêu hao Ngoài ra, chương nàytrình bày các sơ đồ lớp, sơ đồ tuần tự, sơ đồ chức năng, sơ đồ cơ sở dữ liệu

- CHƯƠNG 3: TRIỂN KHAI

Trên cơ sở tìm hiểu và phân tích bài toán liên quan, đặc biệt là các chứcnăng hệ thống Từ các phân tích hệ thống và dữ liệu có được, chương trình xâydựng hệ thống thử nghiệm thi hành mô hình trên và triển khai thực tế trên servercủa trường nhằm mục đích thử nghiệm trước khi ứng dụng thực tế

CHƯƠNG 1 CƠ SỞ LÝ THUYẾT1.1 Phần mềm

1.1.1 IDE Visual Studio 2010

Visual Studio 2010 là bộ công cụ dễ dùng giúp tăng tốc quá trình biến ýtưởng ban đầu của nhà phát triển thành hiện thực Visual Studio 2010 được thiết kế

để hỗ trợ các dự án phát triển nhắm đến nền tảng Web (bao gồm ASP.NET, AJAX),Windows 7, Windows Server 2008, hệ thống Microsoft Office 2010, SQL Server2005/2008, cùng các thiết bị nền Windows Mobile Số lượng nền tảng hệ thống màcác nhà phát triển phải nhắm đến để đáp ứng nhu cầu thương trường đang ngàycàng gia tăng rất nhanh Visual Studio 2010 cung cấp bộ công cụ tích hợp để đápứng mọi nhu cầu này thông qua việc cung cấp một tập hợp khổng lồ các chức năng

có thể trong phiên bản Visual Studio 2010 Các nhà phát triển hiện nay phải đối mặtvới thách thức là sự đa dạng của các nền tảng hệ thống cùng các ứng dụng tự tạođem lại giá trị trong kinh doanh Các bộ thiết kế và các tính năng ngôn ngữ tích hợptrong Visual Studio cho phép các nhà phát triển vừa xây dựng các ứng dụng liên kếtcần thiết trong kinh doanh hiện nay vừa tận dụng môi trường.NET Framework 4.0

để giảm thiểu thời gian phát triển Đem đến các ứng dụng hiệu quả cao:

 Liên kết các dữ liệu, bất kể vị trí, cũng như xây dựng các ứng dụng kiểmsoát dữ liệu bằng truy vấn Language Integrated Query (LINQ) Xây dựngcác ứng dụng client hiệu quả

 Phát triển các giải pháp tinh vi tăng cường trải nghiệm người dùng cùngcác khả năng của hệ thống Microsoft Office 2010 và Windows 7 Xâydựng các ứng dụng web mạnh mẽ

 Xây dựng các ứng dụng tương tác phong phú bằng các giao diện webtương tác ASP.NET, AJAX

 Xây dựng các ứng dụng tận dụng triệt để các công nghệ web mới nhấtcùng cải tiến hỗ trợ cho AJAX và các điều khiển Web cũng như thư việnMicrosoft AJAX

 Tạo các ứng dụng web dễ dàng hơn với giao diện được thiết kế lại và khảnăng hỗ trợ nhiều chuẩn

 Tận dụng dữ liệu từ bất kì nguồn dữ liệu nào dễ dàng hơn với LINQ, một

bộ các thành phần bổ sung ngôn ngữ cho Visual Basic và Visual C#

 Quản lý và xây dựng các ứng dụng hướng đến nhiều phiên bản của

bộ NET Framework Trong lần sử dụng đầu tiên bạn có thể sử dụngcông cụ để làm việc trên các ứng dụng chạy trên nền NET Frameworkphiên bản 2.0, 3.0, 3.5, và 4.0

 Đảm bảo độ chính xác của ứng dụng dễ dàng hơn với bộ kiểm tra đơn vịtích hợp trong Visual Studio 2010

 Khám phá toàn bộ sức mạnh của bộ NET Framework 4.0 với các công

cụ tích hợp giúp đơn giản hóa việc xây dựng những trải nghiệm ngườidùng và các hệ thống liên kết thú vị

 Xây dựng những trải nghiệm người dùng hấp dẫn với các bộ thiết kế tíchhợp cho Windows Presentation Foundation Các trải nghiệm được xâydựng với WPF có thể hoạt động liên kết mạnh mẽ với Windows Forms

 Tạo các ứng dụng liên kết sử dụng các bộ thiết kế hình ảnh mới choWindows Communications Foundation và Windows WorkflowFoundation

 Sử dụng môi trường phát triển chuyên nghiệp của Visual Studio để xâydựng các giải pháp dựa trên Microsoft Office đáng tin cậy, mở rộngđược, cũng như dễ bảo trì (chỉ có trong phiên bản Visual Studio)

 Tăng cường khả năng làm việc liên kết giữa các nhà phát triển và các nhàthiết kế để tạo ra những trải nghiệm người dùng phức tạp hơn Các tínhnăng nổi bật

 Xây dựng các ứng dụng cho Windows, Web, hệ thống Microsoft Office,

bộ NET Framework, SQL Server, và Windows Mobile với các bộ thiết

kế hỗ trợ kéo thả tích hợp

 Visual Studio tích hợp Visual Basic, Visual C#, và Visual C++ để hỗ trợhàng hoạt các môi trường phát triển thông dụng.

 Các tính năng biên tập như Edit, Continue và Microsoft IntelliSense®đơn giản hóa vòng lặp thiết kế, phát triển, tìm lỗi của ứng dụng

 Triển khai các ứng dụng client dễ dàng với ClickOnce, cho phép các nhàphát triển và các chuyên gia IT triển khai một ứng dụng và các yêu cầucủa nó cũng như đảm bảo ứng dụng luôn được cập nhật mới nhất

 Xây dựng các ứng dụng hướng đến.NET Framework, giảm thiểu thờigian phát triển bằng cách giảm bớt nhu cầu mã kiến trúc nền và giúp tăngcường bảo mật ứng dụng

 Sử dụng ASP.NET để tăng tốc quá trình tạo các ứng dụng web tương tác

và lôi cuốn cùng các dịch vụ web Master Pages cho phép các nhà pháttriển dễ dàng quản lý tập trung bố cục của trang web

Cộng đồng hàng triệu các nhà phát triển đảm bảo các nhà phát triển luôn tìm thấy đối tác làm việc cũng như các thành viên cộng đồng khác đồng thời cũng là những thách thức thú vị

1.1.2 Hệ quản trị cơ sở dữ liệu SQL Server 2008 R2

SQL Server 2008 R2 là một hệ thống quản lý cơ sở dữ liệu(RelationalDatabase Management System (RDBMS) ) sử dụng Transact-SQL để trao đổi dữliệu giữa Client computer và SQL Server computer Một RDBMS bao gồmdatabases, database engine và các ứng dụng dùng để quản lý dữ liệu và các bộ phậnkhác nhau trong RDBMS SQL Server 2008 R2 được tối ưu để có thể chạy trên môitrường cơ sở dữ liệu rất lớn (Very Large Database Environment) lên đến Tera-Byte

và có thể phục vụ cùng lúc cho hàng ngàn user SQL Server 2008 R2 có thể kết hợpvới các server khác như Microsoft Internet Information Server (IIS), E-CommerceServer, Proxy Server

Các phiên bản của SQL Server 2008 R2:

0 Enterprise: Hỗ trợ không giới hạn số lượng CPU và kích thước Database.

Hỗ trợ không giới hạn RAM (nhưng tùy thuộc vào kích thước RAM tối đa mà HĐH

hỗ trợ) và các hệ thống 64bit

1 Standard: Tương tự như bản Enterprise nhưng chỉ hỗ trợ 4 CPU Ngoài ra

phiên bản này cũng không được trang bị một số tính năng cao cấp khác

2 Workgroup: Tương tự bản Standard nhưng chỉ hỗ trợ 2 CPU và tối đa 3GB

RAM

Express: Bản miễn phí, hỗ trợ tối đa 1CPU, 1GB RAM và kích thước

Database giới hạn trong 4GB

1.1.3 Công cụ CodeSmith

CodeSmith là template-based code generator cho phép tạo ra mã bất kỳ ngônngữ văn bản Các mã được tạo ra có thể tùy chỉnh bằng cách dùng các thuộc tính.Một thuộc tính có thể là bất kỳ đối tượng NET gọi là Designer và có thể đơn giảnnhư là một thuộc tính boolean cho phép bạn thêm hoặc loại bỏ các mã từ kết quả,đến một đối tượng như: đối tượng TableSchema (bao gồm trong SchemaExplorer)

mà cung cấp truy cập vào tất cả mọi thứ bạn có thể có thể muốn biết về một bảng cơ

sở dữ liệu CodeSmith đi kèm với các kiểu thuộc tính chuẩn và 100% thể mở rộngbằng cách cho phép người sử dụng tạo ra các kiểu thuộc tính tùy chỉnh

Cú pháp của CodeSmith là gần như giống hệt với ASP.NET Vì vậy nếu đãquen thuộc với ASP.NET thì có thể nhanh chóng học các cú pháp tiêu bản Chúng

ta có thể sử dụng các ngôn ngữ C #, VB.NET hoặc JScript.NET trong các template

và các template có thể ra bất kỳ ngôn ngữ ASCII-based nào

CodeSmith cho phép các nhà phát triển phần mềm hiệu quả:

 Giảm lặp đi lặp lại mã

 Tạo mã trong thời gian ngắn và ít lỗi

 Xuất mã phù hợp mà tuân thủ các tiêu chuẩn do ta tạo ra

 Tạo tùy chỉnh của riêng template cho ngôn ngữ bất kỳ

Hình 1-1 Giao diện CodeSmith Studio

0 CodeSmith Studio - CodeSmith Studio xây dựng các tùy chỉnh template

riêng của dễ dàng

1 Báo cáo hoàn thành - CodeSmith Studio bao gồm hoàn thành báo cáo cho

các tuỳ chỉnh template

Hình 1-2 Giao diện tùy chỉnh trên Template

 Fast Compiler & Tiêu bản Caching - CodeSmith có thể biên dịch và

thực hiện các tuỳ chỉnh template rất nhanh và hiệu quả

 Template Debugging Features - CodeSmith trở nên dễ dàng gỡ lỗi các

template bằng cách cung cấp phát triển template CodeSmith với số lượngdòng trong template, ở những nơi xảy ra sự cố

Hình 1-3 Giao diện báo lỗi trên Template

 Rich XML Support - Các XmlProperty cho phép dễ dàng sử dụng

XML để điều khiển các template Nếu một lược đồ XSD được cung cấp,một XML mạnh mô hình đối tượng tự động sẽ được tạo ra và làm việcvới XML đơn giản Nếu một lược đồ XSD CodeSmith không được cungcấp sẽ cho phép làm việc trực tiếp với một trường hợp XmlDocumentthay thế Kết hợp với khả năng IntelliSense, tính năng này làm cho côngviệc với XML phức tạp trở nên dễ dàng

Hình 1-4 Giao diện tùy chỉnh thuộc tính XML trên Teamplate

 Merge Capabilities - Những khả năng sáp nhập trong CodeSmith cho

phép tạo ra và hợp nhất mã viết trong một tập tin duy nhất

 Console Client - Các giao diện điều khiển máy khách cho phép dễ dàng

tự động hoá quá trình tạo mã và có thể thực thi các template tại một thờigian

 Auto SQL Script Execution - Templates tạo ra các script SQL có thể

được tự động thực hiện sau khi gene cho phép triển khai dễ dàng các mãSQL tạo ra

CodeSmith bao gồm nhiều tính năng hơn tất cả các thiết kế để giúp viết codenhanh hơn và với ít khiếm khuyết.

1.1.4 Mobirise - Phần mềm thiết kế giao diện website

Mobirise là ứng dụng thiết kế giao diện website trên máy tính và điện thoại

di động bằng ngôn ngữ JavaScript Với Mobirise có thể dễ dàng tạo những trangweb cá nhân với vài cú nhấp chuột, bằng cách chèn những khối nội dung được thiết

kế sẵn hoàn toàn miễn phí và không cần code

Mobirise là một chương trình thiết kế website miễn phí, dễ sử dụng, có thểphù hợp với bất kỳ người dùng nào muốn tạo ra trang web cá nhân mà không đòihỏi phải am hiểu sâu về lập trình web hay code Với giao diện thân thiện, thao táclinh hoạt bạn sẽ có được một website phù hợp với tất cả các thiết bị mà không tốnnhiều công sức

Những tính năng chính của phần mềm thiết kế website Mobirise:

- Tăng thứ hạng của bạn: Các trang web được thực hiện với Mobirise hoàntoàn thân thiện với điện thoại di động theo bài kiểm tra mới nhất của Google

- Trình xây dựng Bootstrap: Mobirise dựa trên Bootstrap 3, framework mạnh

mẽ nhất cho điện thoại di động Sử dụng bất kỳ themes bootstrap nào màkhông cần làm thêm bất kỳ hành động gì

- Các khối website hợp xu hướng: Chọn từ một kho các khối được thiết kế sẵnnhư thanh cuộn, hình nền video, tiêu đề, menu và rất nhiều yếu tố khác

- Host ở bất cứ nơi nào: Xuất bản website vào một ổ đĩa, FTP hoặc host trênAmazon S3, Google Drive, Github Không giới hạn nền tảng hay nhà cungcấp dịch vụ nào

Giao diện tối giản của chương trình cho phép xem trước công việc của mìnhtrong thời gian thực, cũng như tự động cấu hình website cho những loại màn hìnhkhác nhau như máy tính để bàn, máy tính bảng và các thiết bị di động Quá trình

xây dựng website hoàn toàn trực quan, chương trình không bao gồm một trình chỉnhsửa script.

Việc chỉnh sửa các trang và nội dung được thực hiện dễ dàng nhờ các khốinội dung bao gồm: văn bản, hình ảnh, tính năng, bảng giá, tiêu đều, menu và chântrang được cung cấp sẵn Có thể thêm vào những hình ảnh của riêng mình, tùychỉnh chữ và URL anchor đến bất kỳ website nào khác Ngoài ra, có thể liên kếtmột nút cụ thể đến một địa chỉ email hoặc anchor cài sẵn trên cùng một trang

Có thể nhấp vào nút Plus ở góc dưới bên phải của cửa sổ để thêm các menu

và chọn các khối Tương tự như vậy, nhấp vào nút tùy chọn ở trên đỉnh mỗi trang đểxem các bảng thiết lập riêng biệt cho từng loại khối

Sau khi tùy chỉnh website của mình, có thể nhấp vào Publish để xuất nó ranhư một tập tin HTML, bộ JavaScript, hoặc tải dự án của mình lên FTP hoặcGoogle Drive, trong các thư mục được chọn Mỗi trang có thể được tối ưu hóa chomáy tính để bàn hoặc màn hình điện thoại với một cú nhấp chuột

Tóm lại, Mobirise là ứng dụng thiết kế website nhanh chóng, thuận tiện và

dễ dàng giúp bạn tạo ra những website thân thiện với nhiều thiết bị

1.2 Công nghệ

1.2.1 Công nghệ HTML5, CSS3

Ngày nay Internet đã phát triển đến mức nó trở thành một phần không thểthiếu được của cuộc sống hiện đại Các nguồn thông tin được cung cấp một cáchnhanh chóng và chính xác trên những Website Trên Internet, quả thực có rất nhiềuWebsite chú trọng đến ngôn ngữ HTML, cũng có rất nhiều Web site dành cho mụcđích thương mại, nghệ thuật Thế nhưng lại có ít nguồn thông tin đề cập đến việcthiết kế một trang Web, một Website, thiết kế đồ hoạ, giao diện người sử dụng haynhững kiến thức về cách thức tổ chức thông tin

HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bảnđược sử dụng để tạo các tài liệu có thể truy cập trên mạng Tài liệu HTML được tạo

nhờ dùng các thẻ và các phần tử của HTML File được lưu trên máy chủ dịch vụweb với phần mở rộng “.htm” hoặc “.html”.

Ngày nay với sự phát triển của công nghệ web việc ứng dụng các công cụHTML càng trở nên quan trọng trong sự phát triển của ngành công nghệ web hiệnđại

Khi lưu một văn bản dưới dạng HTML, có thể sử dụng cả hai dạng là htm và.html Lý do này bắt nguồn từ nguyên nhân ngày trước là có những phần mềm chỉcho phép phần mở rộng có tối đa là 3 chữ cái Với những phần mềm mới hiện naychúng ta nghĩ sẽ tốt hơn nếu lưu lại với phần mở rộng là html

Một chú ý khi sử dụng trình soạn thảo HTML: Có thể dễ dàng chỉnh sửa mộttài liệu HTML bằng cách sử dụng WYSIWYG (what you see is what you get = thấy

gì có đó) như là Frontpage, Claris Homepage, Dream weaver hoặc Adobe PageMillthay vì phải tự viết những cặp thẻ từ đầu đến cuối

HTML5 và CSS3 là công nghệ mới nhất được giới thiệu vào năm 2009 vàchỉ sau 2 năm nó đã trở thành một cơn bão đi ngang qua làng công nghệ web mặc

dù nó còn thiếu một số thẻ nhưng không thể phủ nhận được những tiện ích nó manglại đã thực sự làm các nhà phát triển web thấy hứng thú với nó

Những website sử dụng ngôn ngữ HTML5 để thiết kế web thì không cần càithêm các plugin như Flash player hay Silverlight để xem video như vậy chắc chắn

sẽ rất hấp dẫn các nhà phát triển web vì các ứng dụng flash khi chạy chiếm rất nhiềutài nguyên của máy tính nó sẽ làm ảnh hưởng đến tốc độ load của website Các tínhnăng mới này là một trong những điểm rất thu hút người sử dụng điện thoại vì ngoàimột số điện thoại có hỗ trợ flash ra thì rất nhiều dòng điện thoại chưa hỗ trợ flashnhưng HTML5 ra đời sẽ giải quyết vấn đề này một cách triệt để Chính vì vậy màHTML5 có tốc độ phát triển và lan rộng khủng khiếp

Ngoài ra HTML5 và CSS3 khi kết hợp với nhau “chúng” trở thành một bộđôi siêu tiện ích nó giúp các nhà phát triển web dễ dàng tạo ra các ứng dụng và cáctrò chơi trên website

Hiện tại HTML5 đã tương thích với hầu hết các trình duyệt phổ biến hiệnnay như Chrome, firefox, safira, ie, opera, tuy một số trình duyệt còn chưa tươngthích hẳn nhưng nó đã chạy tốt.

Tại sao việc chuyển đổi qua HTML5 lại quan trọng thì có vô số lý do nhưngchủ yếu là vì để bắt kịp với xu thế công nghệ đang ngày càng hiện đại hiện nay.Bằng cách này trang web sẽ được phát triển đúng cách phù hợp với các trình duyệtđang ngày càng hiện đại hiện nay

Nếu so sánh giữa bề mặt HTML4 và HTML5 thì rất khó để nhận biếtHTML4 và HTML5 chỉ đến khi nhìn vào code mới biết Đặc biệt các nhà phát triểntrình duyệt rất thích các thông số kĩ thuật mới của HTML5 để render mặc định củatrình duyệt

Ngoài ra các yếu tố truyền thông cũng là một điểm mạnh của HTML5: chúngbao gồm audio, video trong ngôn ngữ HTML5 có sự hỗ trợ rất lớn đối với video vàaudio

1.2.2 Công nghệ Responsive Web design

Hình 1-5 Giao diện tùy chỉnh trên các thiết bị khác nhau

Khi người dùng hầu hết chỉ sử dụng máy tính lướt website trên các trìnhduyệt hỗ trợ thì người thiết kế giao diện website chỉ xử lý website chạy ổn định trêncác trình duyệt khác nhau không gây ra lỗi hay bể giao diện.

Nhưng khi công nghệ phát triển người dùng sử dụng máy tính bảng, điệnthoại hay các dòng máy tính có các độ phân giải màn hình khác nhau thì việc sửdụng website chung một quy cách sẽ gây ra nhiều phiền toái và khó sử dụng

Khi lướt website trên các thiết bị di động có màn hình nhỏ các chữ sẽ tí hon

sử dụng vô cùng khó khăn gần như phải sử dụng kính lúp để đọc thông tin như thếnào? Hình ảnh và giao diện sẽ bị bóp méo các chiều? Website thiết kế thường chứacác đoạn codes nặng và hình ảnh sắc nét sẽ làm tốc độ website như rùa bò trên cácthiết bị di động sẽ không dễ chịu chút nào

Trong khi người sử dụng thiết bị di động máy tính bảng khi công nghệ mạngkhông dây phát triển rộng rãi tăng rất cao và trở nên phổ biến không kém gì máytính

Ban đầu công nghệ thiết kế hỗ trợ khi nhận diện ra thiết bị đang lướt website

là điện thoại hay máy tính có độ phân giải thấp website tự động nhảy ra một giaodiện thiết kế website dành cho di động chạy một tên miền khác hay sub tên miềnvới thiết bị truy cập thay vì giao diện trên máy tính

Những năm gần đây công nghệ Responsive Web Design (tạm dịch :Thiết kếwebsite có độ phản hồi cao) ra đời giải quyết được khó khăn này Thay vì sử dụngmột giao diện riêng cho mỗi thiết bị hay độ phân giải màn hình tương ứng.Responsive Web Design nhận diện được các thiết bị đang truy cập và điều chỉnhgiao diện hợp lý và dễ sử dụng nhất trên thiết bị đó nhờ công nghệ CSS3 và HTML

5 Chuyên viên thiết kế website không phải đau đầu để thiết kế nhiều trình duyệtnhư thiết kế website dành cho di động tương ứng với các thiết bị

Công nghệ thiết kế website Responsive Web Design có thể nhận diện đượcthiết bị đang truy cập là máy tính bảng Ipad hay điện thoại di động thông dụng vàtrả về giao diện tự động hợp lý và dễ sử dụng nhất

Responsive Web Design còn có thể xác định được độ phân giải đưa ra giaodiện và hình ảnh không bị méo mó hay vỡ giao diện Và có thể tự động loại bỏnhững hình ảnh, slide v v được phép hiện thị hay không ? Để thiết bị có thể loadwebsite nhanh nhất và dễ sử dụng nhất trên những thiết bị có màn hình hạn chế vàtốc độ yếu

Vậy Responsive Web Design là một xu thế bước tiến trong công nghệ thiết

kế website Chúng giúp website tối ưu trên các thiết bị chỉ với một giao diện và mộtđường dẫn (yếu tố quan trọng trong SEO ) Cải thiện tốc độ load website và dễ dàng

sử dụng website trên mọi thiết bị Điều này giúp website trở nên chuyên nghiệp và

có cơ hội tiếp xúc với nhiều đối tượng hơn

1.2.3 Công nghệ bootstrap

Thiết kế một giao diện web đẹp, trực quan không phải là điều dễ dàng vớihầu hết lập trình viên Tuy giao diện không phải là thành phần quan trọng nhất củamột ứng dụng, nhưng nếu giao diện quá khó coi thì sẽ gây mất cảm tình với ngườidùng Lập trình viên nào cũng muốn ứng dụng trông thật bắt mắt, nhưng họ lạikhông muốn tốn nhiều thời gian và công sức để thiết kế giao diện Do vậy,Bootstrap được xem như là vị cứu tinh trong tình huống khó xử này

Bootstrap là một framework nổi tiếng trong cộng đồng lập trình web, vàcũng là dự án được theo dõi nhiều nhất trên Github Bootstrap không đòi hỏi ngườidùng phải có kiến thức về thiết kế hoặc mỹ thuật để tạo ra một giao diện đẹp Mọithứ trong Bootstrap đều đã được xây dựng sẵn Chỉ cần dùng những thành phần(component) có sẵn này cho mục đích riêng của mình Bootstrap khởi đầu là một dự

án nội bộ của Twitter Sau khi nhận ra được tính hữu ích của nó đối với cộng đồng,nhóm lập trình viên của Twitter quyết định mở nguồn cho Bootstrap và đăng tải nólên Github vào năm 2011 Đến nay, Bootstrap đã được 5 tuổi và hiện đang ở phiênbản 3, và sẽ ra mắt phiên bản 4 trong thời gian sắp tới

Bất kỳ ai cũng có thể dùng Bootstrap, kể cả khi người không có khiếu thẩm

mỹ hoặc không rành về CSS Nếu có tay nghề cao, có thể tùy biến Bootstrap theo ýthích riêng, hoặc tự tạo theme dựa trên Bootstrap Nếu không chuyên về công nghệfront-end, hãy dùng kỹ thuật copy và paste đoạn code ví dụ có sẵn trêndocumentation của Bootstrap Tuy nhiên, đây chỉ là phương thức chữa cháy lúc mớibắt đầu học mà thôi Sau này, nên nâng cao hiểu biết về Bootstrap để không phảiphụ thuộc code mẫu nữa

Bootstrap được cấu tạo từ các file CSS và JavaScript Để dùng Bootstrap,bạn chỉ cần thêm link đến những file này trong HTML Sau đó, hãy xem qua cáccomponent có trong documentation, rồi chọn ra component ưng ý Kế đến, copynhững đoạn code minh họa và paste vào file HTML

Mặc định, các thành phần trong Bootstrap đều responsive, nghĩa là chúng tự

co giãn cho phù hợp với kích thước màn hình Trước đây, khi thiết kế một trangweb, người ta phải tạo ra nhiều phiên bản khác nhau Sau đó, lập trình viên dùngmột đoạn code để phát hiện thiết bị của người dùng Đoạn code sẽ chuyển hướngsang trang web thiết kế riêng cho thiết bị đó Phương pháp này có nhiều điểm bấtlợi, như khi cần cập nhật web thì phải sửa tất cả các phiên bản Do vậy, responsiveđang trở thành xu thế chủ đạo trong thiết kế web, và Bootstrap giúp thực hiện điềunày một cách tự động

Giống như Windows Forms giúp thiết kế giao diện ứng dụng desktop,Bootstrap cung cấp nhiều component để thiết kế giao diện web Đây là cáccomponent HTML đã được Bootstrap định kiểu (style) sẵn Nhờ vậy, lập trình viên

có thể dùng ngay mà không phải viết code phức tạp Ngoài ra, có thể tùy biến cácstyle một cách dễ dàng Nếu không có khả năng thiết kế, nên dùng theme nguồn mởcủa Bootstrap để thay đổi kiểu dáng các component

Trước đây, khi thiết kế web, người ta thường dùng <table> để dàn trang.Cách này có khuyết điểm là khiến trang web tải chậm, đặc biệt khi <table> lồng vàonhau Ngoài ra, <table> không phải là công cụ dùng để dàn trang Nó chỉ dùng đểhiển thị thông tin dạng bảng Do đó, dùng <table> để dàn trang là sai phương pháp.Bootstrap sử dụng các thẻ <div> để dàn trang, cho nên khả năng responsive của nórất mạnh mẽ Mặc định, Bootstrap sử dụng một khung lưới (grid) gồm 12 cột Khithêm component, bạn sẽ cung cấp số cột mà component chiếm Từ đó, Bootstrap sẽ

tự động canh chỉnh cho phù hợp

Vì Bootstrap được dùng rộng rãi, cộng đồng nguồn mở cung cấp một loạt cáctheme miễn phí nếu không muốn chỉnh style cho từng component Để thay đổitheme, vào trang bootswatch.com Ở đây, có thể chọn theme theo từng chủ đề vớinhiều phong cách khác nhau Để thay đổi theme, chỉ cần đổi file CSS của Bootstrapthành file CSS lấy từ trang bootswatch.com Sau đó refresh trình duyệt để xem kếtquả

1.2.4 Công nghệ ASP.NET

ASP là một kỹ thuật dành cho việc phát triển các ứng dụng web Một ứngdụng web đơn giản chỉ các trang web động Các ứng dụng thường được lưu trữ

thông tin trong database và cho phép khách truy cập có thể truy xuất và thay đổi

thông tin Nhiều kỹ thuật và ngôn ngữ lập trình khác cũng đã được phát triển để tạo

ra các ứng dụng web như PHP, JSP, Ruby on Rails, CGI và ColdFusion Tuy nhiên

thay vì trói buộc vào một ngôn ngữ và một công nghệ nhất định, ASP.NET chophép viết ứng dụng web bằng các loại ngôn ngữ lập trình quen thuộc khác nhau nhưC#, VB

Hình 1-6 Kỹ thuật xử lý biên dịch và thông dịch từ trang ASPX

ASP.NET sử dụng NET Framework, NET Framework là sự tổng hợp tất các các kỹ thuật cần thiết cho việc xây dựng một ứng dụng nền desktop, ứng dụng web,

web services… thành một gói duy nhất nhằm tạo ra cho chúng khả năng giao tiếp

với hơn 40 ngôn ngữ lập trình

Thậm chí với những sự lý giải kỹ càng như vậy, chúng ta vẫn ngạc nhiên tựhỏi điều gì làm nên một ASP.NET tốt như vậy Sự thật là có rất nhiều kỹ thuật

server-side với điểm mạnh và điểm yếu riêng nhưng ASP.NET có những tính năng

gần như là duy nhất

0 ASP cho phép sử dụng ngôn ngữ lập trình mà chúng ta ưa thích hoặc gần gũivới chúng Hiện tại, thì NET Framework hỗ trợ trên 40 ngôn ngữ lập trình khácnhau mà đa phần đều có thể được sử dụng để xây dựng nên những web sitesASP.NET Chẳng hạn như C# (C sharp) và Visual Basic

1 Nhưng trang ASP.NET được Compiled chứ không phải là Interpreted Khác

với các trang ASP được Interpreted, điều này có nghĩa là mỗi lần người dùng yêucầu một trang, máy chủ sẽ đọc các đoạn mã vào bộ nhớ, xử lý cách thức thực thi cácđoạn mã và thực thi chúng Đối với ASP.NET, máy chủ chỉ cần xử lý cách thứcthực thi một lần duy nhất Đoạn mã sẽ được Compiled thành các file mã nhị phân

mà được thực thi rất nhanh mà không cần phải đọc lại Chính điều này tạo ra bướctiến nhảy vọt về hiệu suất so với ASP

2

Hình 1-7 Điểm mạnh của ASP.NET

3 ASP đã cải tiến khả năng toàn quyền truy xuất tới các chức năng của NETFramework Hỗ trợ XML, web services, giao tiếp với CSDL, email… và rất nhiềucác kỹ thuật khác được tích hợp vào NET, giúp tiết kiệm được công sức

4 ASP cho phép phân chia các đoạn mã server-side và HTML Khi phải làmviệc với cả đội ngũ lập trình và thiết kế, sự tách biệt này cho phép các lập trình viênchỉnh sửa server-side code mà không cần dính dáng gì tới đội ngũ thiết kế

5 ASP giúp cho việc tái sử dụng những yếu tố giao diện người dùng trongnhiều web form vì nó cho phép lưu các thành phần này một cách độc lập

1.2.5 Công nghệ AJAX

AJAX (tiếng Anh: "Asynchronous JavaScript and XML" - nghĩa là

"JavaScript và XML không đồng bộ") là một nhóm các công nghệ phát triển webđược sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính Internet(rich Internet application) Từ Ajax được ông Jesse James Garrett đưa ra và dùng

lần đầu tiên vào tháng 2 năm 2005 để chỉ kỹ thuật này, mặc dù các hỗ trợ cho Ajax

đã có trên các chương trình duyệt từ 10 năm trước Ajax là một kỹ thuật phát triểnweb có tính tương tác cao bằng cách kết hợp các ngôn ngữ:

- HTML (hoặc XHTML) với CSS trong việc hiển thị thông tin

- Mô hình DOM (Document Object Model), được thực hiện thông quaJavaScript, nhằm hiển thị thông tin động và tương tác với những thông tinđược hiển thị

- Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ vớimáy chủ web (Mặc dù, việc trao đổi này có thể được thực hiện với nhiềuđịnh dạng như HTML, văn bản thường, JSON và thậm chí EBML, nhưngXML là ngôn ngữ thường được sử dụng)

- XML thường là định dạng cho dữ liệu truyền, mặc dầu bất cứ định dạng nàocũng có thể dùng, bao gồm HTML định dạng trước, văn bản thuần (plaintext), JSON và ngay cả EBML

Giống như DHTML, LAMP hay SPA, Ajax tự nó không phải là một công nghệ

mà là một thuật ngữ mô tả việc sử dụng kết hợp một nhóm nhiều công nghệ vớinhau Trong thực tế, các công nghệ dẫn xuất hoặc kết hợp dựa trên Ajax nhưAFLAX cũng đã xuất hiện

Hiểu nôm na: Điểm khác biệt cơ bản nhất của công nghệ này là việc xử lýthông tin được thực hiện trên máy yêu cầu dịch vụ thay vì trên máy xử lý yêu cầudịch vụ như cách truyền thống Máy xử lí yêu cầu dịch vụ chỉ làm một việc đơngiản là nhận thông tin từ máy khách và trả các dữ liệu về cho máy khách Máy yêucầu dịch vụ xử lý sơ bộ thông tin của người dùng nhập vào, sau đó chuyển về máy

xử lí yêu cầu dịch vụ rồi nhận dữ liệu từ máy xử lí yêu cầu dịch vụ và xử lý để hiểnthị cho người dùng

Các ứng dụng Ajax phần lớn trông giống như thể chúng được đặt trên máycủa người sử dụng hơn là được đặt trên một máy phục vụ thông qua Internet Lý do:

các trang được cập nhật nhưng không nạp lại (refresh) toàn bộ "Mọi thao tác củangười sử dụng sẽ gửi mẫu của một lời gọi JavaScript tới bộ xử lý (engine) Ajax thay

vì tạo ra một yêu cầu HTTP (HTTP request)", Jesse James Garrett đã ghi như vậytrong bài luận đầu tiên định nghĩa về thuật ngữ này "Mọi đáp ứng cho thao tác củangười sử dụng sẽ không cần truy vấn tới máy phục vụ – ví dụ như việc kiểm tra mộtcách đơn giản sự hợp lệ của dữ liệu, sửa đổi dữ liệu trong bộ nhớ và thậm chí mộtvài thao tác duyệt trang – bộ xử lý Ajax tự nó đảm nhận trách nhiệm này Nếu bộ xử

lý cần gì từ máy phục vụ để đáp ứng – như khi nó gửi dữ liệu để xử lý, tải về bổsung các mã giao diện hay nhận về dữ liệu mới – nó sẽ thực hiện các yêu cầu tớimáy phục vụ một cách không đồng bộ, thông thường sử dụng XML, mà không làmgián đoạn sự tương tác của người sử dụng với ứng dụng web"

Các ứng dụng truyền thống về bản chất là gửi dữ liệu từ các form, được nhậpbởi người sử dụng, tới một máy phục vụ web Máy phục vụ web sẽ trả lời bằng việcgửi về một trang web mới Do máy phục vụ phải tạo ra một trang web mới mỗi lầnnhư vậy nên các ứng dụng chạy chậm và "lúng túng" hơn

Mặt khác, các ứng dụng Ajax có thể gửi các yêu cầu tới máy phục vụ web đểnhận về chỉ những dữ liệu cần thiết, thông qua việc dùng SOAP hoặc một vài dịch

vụ web dựa trên nền tảng XML cục bộ khác Trên máy thân chủ (client), JavaScript

sẽ xử lý các đáp ứng của máy chủ Kết quả là trang web được hiển thị nhanh hơn vìlượng dữ liệu trao đổi giữa máy chủ và trình duyệt web giảm đi rất nhiều Thời gian

xử lý của máy chủ web cũng vì thế mà được giảm theo vì phần lớn thời gian xử lýđược thực hiện trên máy khách của người dùng

Có thể xem xét một website nhiếp ảnh cho phép người sử dụng nhập các tiêu

đề như một ví dụ về cách làm việc của Ajax Với một ứng dụng web truyền thống,toàn bộ trang web bao gồm cả các ảnh cần được nạp lại Với các công nghệ Ajax,DHTML có thể thay thế chỉ những đoạn tiêu đề và kết quả là người dùng có nhữnggiao dịch "mượt mà" đáng quan tâm

1.2.6 Kiến trúc NET 3 tiers

Trong phát triển ứng dụng, để dễ quản lý các thành phần của hệ thống, cũngnhư không bị ảnh hưởng bởi các thay đổi, người ta hay nhóm các thành phần cócùng chức năng lại với nhau và phân chia trách nhiệm cho từng nhóm để công việckhông bị chồng chéo và ảnh hưởng lẫn nhau

Mô hình 3 lớp mà Microsoft đề nghị dùng cho các hệ thống phát triển trênnền NET như sau:

- Presentation: Lớp này làm nhiệm vụ giao tiếp với người dùng cuối để thu

thập dữ liệu và hiển thị kết quả/dữ liệu thông qua các thành phần tronggiao diện người sử dụng Lớp này sẽ sử dụng các dịch vụ do lớp BusinessLogic cung cấp Trong .NET thì bạn có thể dùng Windows Forms,ASP.NET hay Mobile Forms để hiện thực lớp này

- Business Logic Layer: Lớp này thực hiện các nghiệp vụ chính của hệ

thống, sử dụng các dịch vụ do lớp Data Access cung cấp, và cung cấp cácdịch vụ cho lớp presentation Lớp này cũng có thể sử dụng các dịch vụ củacác nhà cung cấp thứ 3 để thực hiện công việc của mình

- Data Access Layer: Lớp này thực hiện các nghiệp vụ liên quan đến lưu

trữ và truy xuất dữ liệu của ứng dụng Thường lớp này sẽ sử dụng các dịch

vụ của các hệ quản trị cơ sở dữ liệu như SQL Server, Oracle, để thựchiện nhiệm vụ của mình Trong lớp này có các thành phần chính là DataAccess Logic, Data Sources, Servive Agents

Hình 1-8 Kiến trúc NET 3 tiers

1.3 Kết luận chương 1

Chương này trình bày tổng quan về việc sử dụng các phần mềm hỗ trợ xâydựng ứng dụng, các công cụ thường xuyên sử dụng để xây dựng nền tảng cho bàitoán Mô tả một số công nghệ mới hỗ trợ phát triển ứng dụng, vì sao phải sử dụngmột số công nghệ này

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1 Phân tích hiện trạng

Hiện nay tại các phòng thí nghiệm thực hành của trường CĐCN, mỗi lần vật

tư được phát xuống khoa, khoa phát xuống các cán bộ quản lý, cán bộ giảng dạythực hành thì tất cả đều được thực hiện thủ công thông qua văn bản hành chính nênhiệu quả công việc quản lý và sử dụng vật tư tiêu hao còn hạn chế Vì vậy việc tạo

ra phần mềm quản lý vật tư tiêu hao phục vụ công tác giảng dạy thực hành cần thiếtphải có để đảm bảo hoạt động xuyên suốt của quá trình cấp phát vật tư, giúp cán bộquản lý dễ dàng kiểm tra, kiểm soát vật tư cấp phát cũng như nắm rõ nhu cầu sửdụng của cán bộ giảng dạy và sinh viên thực hành

2.2 Phân tích bài toán

Phần mềm quản lý vật tư tiêu hao phục vụ giảng dạy thực hành tại trườngCao đẳng Công nghệ liên quan đến việc lập kế hoạch, sử dụng, triển khai và báo cáokết quả một cách khoa học, chính xác, giúp hỗ trợ nhiều ngành học Một trongnhững lĩnh vực cần nghiên cứu và triển khai là quy trình xin cấp phát thiết bị tại cácphòng thí nghiệm thực hành, đảm bảo vật tư đáp ứng nhu cầu cũng như số lượngngười học, giám sát nhu cầu thực tế của người học Từ đó đưa ra báo cáo kết quả,phương án triển khai phù hợp

Hệ thống quản lý vật tư tiêu hao phục vụ giảng dạy thực hành tại trườngđược phân cấp như sau :

2.2.1 Cán bộ Giảng dạy thực hành

Là người trực tiếp tham gia quản lý vật tư tiêu hao tại các phòng thí nghiệmthực hành

Mỗi cán bộ sẽ có thông tin như phòng quản lý, quyền sử dụng hệ thống, nhập

và xuất vật tư, xem thống kê các vật tư cấp phát, nhập kế hoạch vật tư

Mỗi cán bộ sẽ có thông tin như phòng quản lý, quyền sử dụng hệ thống, xem

và in thống kê dựa vào các tiêu chí để chọn

Cán bộ quản lý cấp Khoa sẽ thực hiện giám sát vật tư cấp phát, phản hồingười dùng tương tác hệ thống