6 THIẾT KẾ GIAO DIỆN VÀ TƯƠNG TÁC TRANG CHỦ
6.1 THIẾT KẾ GIAO DIỆN
Giao diện lỳc khởi động:
Hỡnh 17: Giao diện bản đồ (bản beta)
Cấu trỳc giao diện:
Giao diện trang chủ gồm cỏc phần chớnh:
1. Cửa sổ hiển thị bản đồ (đồng thời cũng là nơi thể hiện kết quả tỡm kiếm) 2. Vựng điều khiển bản đồ 3. Vựng chọn địa chỉ 4. Vựng bản đồ chỉ dẫn 5. Vựng cụng cụ bản đồ Cửa sổ hiển thị bản đồ Vựng điều khiển bản đồ
Cửa sổ hiển thị bản đồ hiện nay cú kớch thước tạm thời đặt cố định trờn trang chủ là 625 x 750 pixels. Trong tất cả cỏc phiờn bản sẽ phỏt triển, cửa số này sẽ được tớnh dựa trờn độ phõn giải của màn hỡnh Client nhưng vẫn giữ tỷ lệ 9:10. Sở dĩ cú tỷ lệ này vỡ ta cú thể xem được bản đồ cả nước, cỏc quần đảo và cỏc nước cú chung biờn giới với Việt Nam ở khuụng nhỡn tối ưụ
Vựng điều khiển bản đồ hiện nay được gắn cứng với trang chủ. Trong cỏc phiờn bản tiếp theo, vựng này sẽ là phần “trụi” theo cửa sổ bản đồ (float). Giao tiếp giữa phần điều khiển và phần cửa sổ bản đồ lập thành cỏc hàm chuẩn viết trong ngụn ngữ Javascript và được đặt vào một file chung. Phần trụi của điều khiển sẽ được thiết kế để cho phộp người dựng kộo thả đến nơi tựy ý.
Vựng chọn địa chỉ hiện nay đang được gắn cứng với trang chủ. Cũng giống như vựng điều
khiển, phần này trong cỏc phiờn bản tiếp theo sẽ được thiết kế trụi và kộo thả tựy ý. Khi bản đồ cú nhiều thụng tin hơn, một số cỏc phần khỏc sẽ được bổ sung như chọn theo tờn đường phố, chọn theo khu cụng nghiệp, chọn theo tờn cụng ty, ...
Vựng bản đồ chỉ dẫn hiện nay chỉ cho người dựng thấy họ đang ở đõu trong bản đồ tổng thể
của Việt Nam.
Vựng cụng cụ bản đồ gồm 3 cụng cụ chớnh là Chỳ giải, Đo khoảng cỏch và Đo diện tớch. Xem
chi tiết phần mụ tả và hướng dẫn sử dụng cỏc cụng cụ.
6.2 THIẾT KẾ TƯƠNG TÁC
Cũng giống như phần giao diện, thiết kế tương tỏc chia làm cỏc phần sau: 1. Cửa sổ hiển thị bản đồ (đồng thời cũng là nơi thể hiện kết quả tỡm kiếm) 2. Vựng điều khiển bản đồ
3. Vựng chọn địa chỉ 4. Vựng bản đồ chỉ dẫn 5. Vựng cụng cụ bản đồ
Cửa sổ hiển thị bản đồ:
Hỡnh 18: Khuụng nhỡn cửa sổ hiển thị bản đồ
Phần cửa sổ hiển thị bản đồ chấp nhận 2 loại tương tỏc:
Kộo và thả: thao tỏc này tương đương với phộp toỏn Pan (dịch chuyển bản đồ trong cửa sổ).
Kớch đỳp chuột (double click): thao tỏc này tương đương với phộp toỏn Zoom. Phần này phõn biệt 2 loại:
Kớch chuột trỏi: tương đương phúng to một mức cao hơn so với mức hiện tại
Vựng điều khiển bản đồ
Hỡnh 19: Thuyết minh vựng điều khiển
Như thuyết minh trong hỡnh vẽ, chỳng ta nhỡn thấy:
Nỳt quay về mặc định: hiển thị bản đồ theo cỏc tham số mặc định (zoom và điểm tõm)
Cú 8 nỳt Pan: mức điều chỉnh hiện nay là 50 pixels.
Nỳt Phúng to: tương đương với phúng to hơn một mức so với mức hiện tại
Nỳt thu nhỏ: tưương đương với thu nhỏ hơn một mức so với mức hiện tại
Nấc của Zoom: cỏc nấc cụ thể của mức zoom (hiện nay là 12 nấc, trong cỏc phiờn bản tiếp theo sẽ điều chỉnh thành số nấc tựy theo ứng dụng).
Kộo điều chỉnh: tương đương với điều chỉnh vụ cấp mức Zoom. Trong phiờn bản hiện nay, phần vụ cấp này sẽ được chuyển thành nấc số nguyờn từ 1 đến mức zoom cao nhất.
Vựng chọn địa chỉ
Phiờn bản hiện tại cho phộp chọn Tỉnh/thành phố, tiếp đú đến Quận/huyện thuộc tỉnh / thành phố đó chọn và chọn phường / xó thuộc quận / huyện.
Phiờn bản hiện tại tự động tớnh điểm tõm của cửa sổ và suy diễn mức zoom cho phự hợp. Khi người dựng nhấn nỳt OK, chương trỡnh sẽ hiển thị bản đồ “tối ưu” cho phần đó chọn.
Cỏc phớm Pan: trỏi, phải, lờn, xuống Quay về mặc định Phúng to Thu nhỏ Kộo điều chỉnh Nấc của Zoom Bản đồ chỉ dẫn Nỳt chỉ dẫn và di chuyển nhanh
Hỡnh 20: Giao diện vựng xem bản đồ theo địa chỉ
Trong cỏc phiờn bản tiếp theo, vựng này sẽ được bổ sung cỏc thụng tin: Khu cụng nghiệp X, Trụ sở Tổng cụng ty Y, Văn phũng Cụng ty Z.
Đối với cỏc thành phố lớn, cũn cú thể bổ sung thụng tin tỡm đường phố.
Vựng bản đồ chỉ dẫn
Hỡnh 21: Giao diện vựng bản đồ chỉ dẫn
Giao diện vựng bản đồ chỉ dẫn cú 2 tỏc dụng:
Tỏc dụng 1: Khi người dựng di chuyển bản đồ ở cửa sổ phớa bờn phải, điểm chỉ dẫn sẽ di chuyển theo, bỏo cho người dựng biết vị trớ hiện tại đang ở đõu trờn bản đồ Việt Nam.
Tỏc dụng 2: Người dựng cú thể kộo điểm chỉ dẫn để di chuyển nhanh đến vị trớ mong muốn. Khi kộo điểm chỉ dẫn, mức zoom của bản đồ khụng thay đổị
Vựng cụng cụ bản đồ
Vựng cụng cụ bản đồ được thiết kế mở cho phộp thờm cỏc cụng cụ với số lượng tựy ý. Cỏc cụng cụ được thiết kế chỉ lựa chọn 1 cụng cụ vào cựng một thời điểm. Để trỏnh tải khụng cần thiết, ở giao diện khởi động, khụng cú cụng cụ nào được tảị
Hỡnh 22: Giao diện danh mục cụng cụ bản đồ
Chỳ giải:Phần chỳ giải sử dụng AJAX để liệt kờ và chỳ thớch cỏc biểu trưng vẽ trờn bản đồ.
Đo khoảng cỏch:
Cụng cụ đo khoảng cỏch chỉ được thiết lập khi người dựng kớch chuột vào nỳt Đo khoảng cỏch. Khi người dựng kớch chuột vào nỳt Đo khoảng cỏch một lần nữa hoặc kớch chuột vào nỳt Đo xong thỡ giao diện sẽ tự động ẩn.
Khoảng cỏch đo được chỉ mang tớnh chất tương đối vỡ phải chấp nhận nhiều loại sai số khỏc nhau: sai số về chuyển đổi kinh vĩ độ sang khoảng cỏch theo một và km, sai số về chuyển đổi giữa pixel và kinh vĩ độ. Do sai số tỉ lệ với pixel nờn mức zoom càng thấp, sai số càng lớn. Xem chi tiết ở phần hướng dẫn sử dụng.
Hỡnh 24: Giao diện đo khoảng cỏch
Đo diện tớch:
Cụng cụ đo diện tớch tương tự như cụng cụ đo khoảng cỏch. Chỳng tụi ỏp dụng định lý Green để tớnh diện tớch một đa giỏc.
QUẢN TRỊ NỘI DUNG VÀ CẬP NHẬT BẢN ĐỒ
Theo phương thức quản lý nội dung đó nờu ở trờn, ngoài cỏc phần chung như:
- Cấp quyền truy xuất (quản lý người dựng, bảo mật và menu)
- Quản trị (quản trị cỏc tham số hệ thống) chỳng ta tập trung vào cỏc khối sau:
- Tải dữ liệu bản đồ (nhập dữ liệu theo lụ và cập nhật bản đồ)
- Dữ liệu bản đồ (cập nhật cỏc geometry, tỡm kiếm, ... , cỏc ngành cụng nghiệp, sản phẩm, sở và cụng ty cụng nghiệp, ...)
- Cỏc lớp thụng tin (thụng tin hỗ trợ biểu diễn cho cỏc geometry)
- Dữ liệu phần semantic search
6.3 SƠĐỒ LOGIC NGƯỜI DÙNG – CƠ SỞ DỮ LIỆU
Hỡnh 26: Sơđồ logic người dựng - cơ sở dữ liệu
Giải thớch sơđồ:
Giao diện đầu tiờn người dựng tiếp xỳc là giao diện cho phộp đăng nhập Hệ thống phần mềm IMAP. Trờn giao diện đăng nhập của hệ thống, để cú thể cập nhật dữ liệu, người dựng phải thụng qua bước đăng nhập. Đăng nhập là quỏ trỡnh kiểm soỏt (tờn đăng nhập, mật khẩu), từ đú cấp cỏc quyền tương ứng cho người dựng đối với cơ sở dữ liệụ
Trờn cơ sở cỏc quyền truy xuất được cấp, người dựng chọn cỏc phần để cập nhật và khai thỏc cỏc chức năng trong hệ thống.
6.4 QUI TRèNH ĐĂNG NHẬP, ĐĂNG XUẤT
Đăng nhập và đăng xuất là qui trỡnh đảm bảo tớnh bảo mật thụng tin cho người dựng và do đú đảm bảo tớnh bảo mật cho cơ sở dữ liệụ
Sau khi người dựng cung cấp tờn đăng nhập và mật khẩu, phần mềm sẽ kiểm tra cỏc thụng tin đú trong cơ sở dữ liệụ Mật khẩu được mó húa theo thuật toỏn md5, là thuật toỏn khụng giải
Người dựng (1) Giao diện đăng nhập hệ thống (2) Đăng nhập (3) Cỏc chức năng được phộp thao tỏc (4) Cơ sở dữ liệu (5)
ngược được. Người dựng bắt buộc phải nhập lại thụng tin trờn nếu phần mềm kiểm tra thấy thụng tin khụng đỳng.
Nếu thụng tin nhập đỳng, phần mềm sẽ tự động tạo cỏc menu và đường dẫn tựy theo quyền được cấp. Thụng thường cỏc quyền này là tập hợp hạn chế trong tổng số cỏc quyền được cấp. Tiếp theo phần mềm sẽ ghi danh người dựng vào phiờn làm việc. Phiờn làm việc gắn liền với cỏc quyền đó được tạo rạ Nếu người dựng cố tỡnh phạm vào cỏc vựng cấm, thỡ phần mềm sẽ tự động đăng xuất và hủy phiờn làm việc. Lỳc đú, người dựng muốn làm việc tiếp phải đăng nhập từ đầụ Cỏc phiờn làm việc đều cú thời hạn. Nếu vượt quỏ thời hạn, phần mềm cũng tự động đăng xuất. Đõy là một cơ chế tăng cường bảo mật. Người dựng cú thể chủ động đăng xuất nếu muốn.
Hỡnh 27: Qui trỡnh đăng nhập, đăng xuất
6.5 CƠ CHẾ SAO LƯU DỰ PHềNG
Để đảm bảo dữ liệu, cần cú cơ chế sao lưu dự phũng tự động. Nếu ỏp dụng cơ chế sao lưu theo mạng dữ liệu cục bộ (Storage Area Network – SAN) thỡ chi phớ thiết bị quỏ caọ
Với chi phớ thấp hơn nhiều và cựng một nguyờn tắc, chỳng tụi ỏp dụng cơ chế sao lưu ba bản, ba kỳ như trong sơ đồ sau:
Người dựng (1) Tờn đăng nhập (2) Mật khẩu (3) Kiểm tra (4) Lỗi CSDL (5) Đỳng Tạo menu, đường dẫn tựy theo quyền
được cấp (6) Tạo phiờn cập nhật (7) Đăng xuất, hủy phiờn
Hỡnh 28: Cơ chế sao lưu dự phũng
Cơ chế sao lưu dự phũng 3 bản, 3 kỳ
Đối với một kỳ sao lưu, ỏp dụng thuật toỏn sau: Chộp bản sao B sang bản sao C;
Chộp bản sao A sang bản sao B;
Thực hiện phộp hot dump (kết xuất núng) từ cơ sở dữ liệu sang bản sao Ạ
Như vậy, vào bất kỳ một thời điểm nào, chỳng ta đều cú 3 bản sao ứng với ba kỳ: Bản sao B là kỳ mới nhất, bản sao B là kỳ trước đú và bản sao C là kỳ cũ nhất.
Kỳ sao chộp cú thể là hàng giờ, hàng ngày, hàng tuần, hàng thỏng, ...
Nếu ta ỏp dụng thuật toỏn trờn cho cỏc vị trớ lưu vật lý khỏc nhau (trờn cỏc đĩa cứng khỏc nhau hoặc trờn cỏc mỏy khỏc nhau) thỡ mức độ an toàn của dữ liệu sẽ được nõng cao lờn rất nhiều lần.
Thế nào gọi là Hot Dump – hay Kết xuất núng.
Khi Hệ quản trị cơ sở dữ liệu đang hoạt động thường cú nhiều giao dịch xảy rạ Nếu ta chỉ dựng cơ chế Copy bỡnh thường thỡ cú khả năng ta rơi vào một thời điểm mà một giao dịch đang diễn ra giữa chừng và cấu trỳc của cỏc bảng lỳc đú khụng ổn dịnh và như vậy bản sao trở thành khụng cú giỏ trị.
Cỏc hệ quản trị cơ sở dữ liệu hiện đại đều cú cơ chế Hot Dump – hay cũn gọi là kết xuất núng cho phộp ta sao lưu dữ liệu ra mà khụng rơi vào tỡnh trạng núi trờn.
6.6 CƠ CHẾ BẢO MẬT THễNG TIN VÀ CẤP QUYỀN TRUY XUẤT
Bảo mật thụng tin chớnh là cấp quyền truy xuất theo đỳng đối tượng của hệ thống.
Yờu cầu
Đối với người nhập dữ liệu và khai thỏc hệ thống phần mềm IMAP, bảo mật trở nờn rất cần thiết. Hệ thống bảo mật cần đạt được một số mục tiờu sau:
Phải tạo ra cơ chế cho phộp cấp quyền truy xuất đến từng ngườị Như vậy, nhỡn chung mỗi một người sử dụng hệ thống sẽ cú một tờn đăng nhập và mật khẩu, được phộp cập nhật hay khai thỏc dữ liệu do người quản trị qui định.
Về mặt kỹ thuật, hệ thống bảo mật phải được tớch hợp chặt chẽ vào tất cả cỏc chức năng cập nhật.
Mỗi một người dựng được cấp cặp thụng tin (tờn đăng nhập, mật khẩu). Mỗi một người dựng sẽ được cấp theo cỏc quyền:
- Quyền xem thụng tin (mức bảo mật 1),
- Quyền cập nhật thụng tin (mức bảo mật 2),
- Quyền được phộp phõn quyền (mức bảo mật 3).
CSDL Bản sao A Bản sao B Bản sao C hot dump
Mức bảo mật càng cao thỡ quyền được sử dụng càng caọ
Nguyờn tắc thiết kế cơ bản
Do toàn bộ chương trỡnh sử dụng giao diện Web nờn chương trỡnh về thực chất là cỏc đoạn được viết dưới ngụn ngữ kịch bản (script). Mặt khỏc, đặc trưng của cụng nghệ Web là Browser và Web Server trao đổi với nhau qua cỏc session (gọi là phiờn) và hết phiờn đú là tất cả cỏc biến lưu sẽ bị xúa ngaỵ Đõy là một đặc trưng làm cho việc thiết kế bảo mật trờn cụng nghệ Web khú khăn hơn so với thiết kế cỏc hệ thống bảo mật thụng thường.
Một hệ thống bảo mật thụng thường làm theo nguyờn tắc sau: Tờn đăng nhập A đăng nhập hệ thống theo khúa đó được cấp;
A hoạt động liờn tục với nhiều phiờn làm việc mà khụng cần phải kiểm tra khúa;
A thoỏt khỏi chương trỡnh và khúa cũng đăng xuất theo, cửa sẽ tự động đúng.
Nếu ỏp dụng nguyờn tắc trờn cho bảo mật với cụng nghệ Web, thỡ bảo mật sẽ hết hiệu lực ngay sau khi browser chuyển sang một trang khỏc, đơn giản vỡ giữa Web Server và Browser đó kết thỳc phiờn làm việc.
Để khắc phục, chỳng tụi đó sử dụng hỡnh thức “nhớ” phiờn làm việc trước và vỡ vậy người cú khúa chỉ việc mở khúa lần đầu, lần sau hệ thống sẽ tự động “nhớ mặt” và sẽ khụng kiểm tra nữa mà vẫn cho quạ Người dựng muốn hủy phiờn làm việc (cú nghĩa là làm cho việc tự động nhớ mặt mất hiệu lực) thỡ họ kớch chuột vào Đăng xuất.
Cửa cú khúa Cỏc thao tỏc trờn CSDL Thoỏt Cửa cú khúa Xem một trang (hết post/get)
Quỏ trỡnh kiểm tra chức năng người dựng
Hỡnh 29: Quỏ trỡnh kiểm tra chức năng người dựng
Kiểm tra chức năng quản trị và thao tỏc
Hỡnh 30: Sơđồ chức năng quản trị bảo mật thụng tin
login Cỏc thụng tin kiểm tra: cú (username, password) trong hệ thống bảo mật hay khụng?
Function check
Cỏc thụng tin kiểm tra: cú (chức năng tương ứng) trong hệ thống bảo mật, vớ dụ được phộp sử dụng phõn hệ Kế toỏn thuế
Object
check Cỏc thụng tin kiểm tra: cú (chức năng trờn đối tượng tương ứng) trong hệ thống bảo mật, vớ dụ đơn vị nàỏ
login Cỏc thụng tin kiểm tra: cú (username, password) trong hệ thống bảo mật và cú chức năng quản trị hay khụng?
Cấp quyền cho
người dựng cho người dựng Sửa đổi quyền
Cấp quyền thao tỏc (chức năng)
Cấp quyền chi tiết (đối tượng)
Sơđồ quan hệ thực thể lớp bảo mật thụng tin
Hỡnh 31: Sơđồ ERD của bảo mật thụng tin
7 PHÂN MẢNH BẢN ĐỒ
7.1 Lí DO PHÂN MẢNH
Sau thời gian dài thử nghiệm trờn cả 3 phiờn bản Web, Desktop và PDA, chỳng tụi nhận thấy cần cú phương ỏn thay đổi cấu trỳc bản đồ để đảm bảo thời gian truy cập hợp lý. Chỳng tụi đó phõn tớch khỏ nhiều cỏc tựy chọn. Phõn mảnh bản đồ là giải phỏp cuối cựng và chỳng tụi nhận thấy với việc phõn mảnh bản đồ, tốc độ truy xuất nhỡn chung là chấp nhận được cho cả 3 dũng sản phẩm.
7.2 CẤU TRÚC THƯ MỤC PHÂN MẢNH
Bản đồ Việt Nam, theo một khung nhất định cú thể được chia thành Z mức zoom, mỗi một mức zoom ứng với M x N ảnh. Chỳng tụi chọn M=N và Z=12.
Cỏch bố trớ thư mục: (cỏc phõn mảnh được thiết lập dựa trờn nhu cầu ứng dụng) Mỗi một phõn mảnh cú 12 thư mục, đỏnh số từ 1 đến 12.
Thư mục 1 cú 1 thư mục con cú tờn là 1 và trong thư mục này cú 1 ảnh là 1.png Thư mục 2 cú 2 thư mục con (1, 2) và mỗi thư mục con cú 2 ảnh png.
Thư mục 3 cú 4 thư mục con (1,2,3,4) và mỗi một thư mục cú 4 ảnh png. Thư mục 4 cú 8 thư mục con (1,2, ...8) và mỗi một thư mục con cú 8 ảnh png. Thư mục 5 cú 16 thư mục con (1,2, ...16) và mỗi một thư mục con cú 16 ảnh png. ....
Thư mục 12 cú 211 thư mục con và mỗi một thư mục con cú thể cú đến 211 ảnh png. user_priv emp op_priv - Cỏc bảng trong CSDL của IMAP menu_switch menu_function
7.3 QUI TRèNH PHÂN MẢNH
Phõn mảnh thực chất là quỏ trỡnh tiền thiết lập tất cả cỏc mảnh của bản đồ.