PHÂN TÍCH và THIẾT kế GUI ĐỊNH HƯỚNG mẫu

39 356 0
PHÂN TÍCH và THIẾT kế GUI ĐỊNH HƯỚNG mẫu

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP TP.HCM KHOA CÔNG NGHỆ - CƠ SỞ THANH HÓA - - ĐỒ ÁN CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: PHÂN TÍCH VÀ THIẾT KẾ GUI ĐỊNH HƯỚNG MẪU Giảng viên HD : TH.S NGUYỄN NGỌC ANH Lớp : DHTH7TH Sinh viên TH : Lại Xuân Toàn – Hoàng Như Cường THANH HOÁ- 2015 Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh MỤC LỤC LỜI CẢM ƠN MỞ ĐẦU CHƯƠNG 1:THIẾT kế GIAO DIỆN BẰNG GUI DESIGN STUDIO 1.1 Khái niệm thiết kế giao diện : 1.2 Vai trò tầm quan trọng thiết kế giao diện: 1.4.2 Hướng dẫn việc hiển thị thông tin 1.4.3 Hướng dẫn việc vào liệu CHƯƠNG 2: PHÂN TÍCH GUI DESIGN STUDIO 2.1: Giới thiệu GUI Design Studio Professional Edition CHƯƠNG 3: THIẾT KẾ GUI ĐỊNH HƯỚNG MẪU : 3.1, Cài đặt: 3.2 Thiết kế giao diện : 1, mục đích : 2, phân tích nhiệm vụ 3, Thiết kế : TÀI LIỆU THAM KHảO SVTH: Lại Xuân Toàn – Hoàng Như Cường Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh LỜI CẢM ƠN Lời em xin bày tỏ trân trọng lòng biết ơn chân thành thầy giáo Ths.Nguyễn Ngọc Anh giảng viên khoa Công nghệ thông tin - Trường Đại Học Công Nghiệp TP.Hồ Chí Minh Trong suốt thời gian học làm đồ án tốt nghiệp, thầy dành nhiều thời gian quý báu để tận tình bảo, hướng dẫn, định hướng cho em thực đồ án Em xin chân thành cảm ơn tất thầy cô giáo Bộ môn Công nghệ thông tin - Trường ĐHCN TP.Hồ Chí Minh, chân thành cảm ơn thầy giáo, cô giáo tham gia giảng dạy truyền đạt kiến thức quý báu suốt thời gian em học tập trường, đọc phản biện đồ án em giúp em hiểu rõ vấn đề nghiên cứu, để em hoàn thành đồ án tốt nghiệp Em xin cảm ơn Hiệu trưởng Trường Đại Học Công Nghiệp TP.Hồ Chí Minh, Ban giám hiệu nhà trường, Bộ môn tin học, Phòng ban nhà trường tạo điều kiện tốt cho em bạn khác suốt thời gian học tập làm tốt nghiệp Tuy có nhiều cố gắng trình học tập, thời gian thực tập trình làm đồ án tránh khỏi thiếu sót, em mong góp ý quý báu tất thầy giáo, cô giáo tất bạn để kết em hoàn thiện Em xin chân thành cảm ơn! Thanh hóa, 18 tháng 06 năm 2015 Sinh viên Lại Xuân Toàn MỞ ĐẦU SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Hiện có nhiều dự án công nghệ thông tin ứng dụng vào nhiều lĩnh vực khác sống Do tính chất dự án mà phần mềm cài đặt ngôn ngữ lập trình (NNLT) khác Với vốn kiến thức rộng NNLT, người làm dự án lựa chọn nhanh chóng NNLT phù hợp với đề án thực tế Chẳng hạn lựa chọn ngôn ngữ lập trình Java cho dự án lập trình truyền thông, hay hướng lập trình logic cho dự án trí tuệ nhân tạo GUI STUDIO môi trường giả lập tích hợp phát triển từ Microsoft Đây loại phần mềm máy tính có công dụng giúp đỡ lập trình viên việc phát triển phần mềm SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh CHƯƠNG 1:THIẾT kế GIAO DIỆN BẰNG GUI DESIGN STUDIO 1.1 Khái niệm thiết kế giao diện : Giao diện người dùng mặt, hay gọi thành phần trung gian để thực giao tiếp, người với máy tính.Nó nơi người sử dụng nhập thông tin vào hệ thống máy tính (đầu vào) nhận thông tin phản hồi từ máy tính (đầu ra).Giao diện có nhiều loại khác (như bàn phím điện thoại, hình máy tính, hình điều khiển VCR) mặt cấu trúc giống nhau.Chúng bao gồm người dùng, hệ thống, đầu vào đầu Ví dụ: Giả sử dùng chương trình đồ hoạ để vẽ hìnhvuông Mô hình thông tin đầu vào đầu cho bảng sau: Ta thấy thông tin đầu vào, đầu cách thức xử lýthông tin khác mô hình đầu vào đầu khôngthay đổi Ví dụ SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh cho ta thấy khác lớn thời gian phản hồi.Khi người dùng nhập thông tin (ví dụ di chuyển chuột) nhận thông tin đầura (hình vẽ), thời gian phản hồi ngắn (chỉ miligiây).Trong mộtsố trường hợp khác, thời gian phản hồi dài (ví dụ thời gian cần để lưu trữhay chép file) 1.2 Vai trò tầm quan trọng thiết kế giao diện: Trong nhiều năm người sử dụng phàn nàn hệ thống máy tính khó sử dụng, ngôn ngữ khó hiểu không nhạy bén Trong người thiết kế lại người không gặp người sử dụng gặp nhận lời phàn nàn từ phía người sử dụng họ không để tâm tới Tình hình thay đổi từ máy tính nhân đời.Nhữngngười sử dụng trực tiếp điều khiển hệ thống, nhiều người lập trình ứngdụng riêng lúc máy tính không sử dụng văn phòngmà xâm nhập vào gia đình Vì việc thiết kế giao diện tốt trở nênquan trọng : • Thị trường (người sử dụng) lựa chọn phần mềm đóng gói sẵn: Người ta mua sản phẩm họ thích hình dáng họ xem xét giao diện • Người sử dụng phản đối giao diện tồi: Đó thị trường đặt tiêu chuẩn người sử dụng không muốn dùng giao diện tồi hệthống thiết kế trước mà họ đàng sử dụng môi trường làm việccủa • Giao diện tồi dẫn tới việc không sử dụng sử dụng hiệu hệ thống Một giao diện tốt hạn chế nhược điểm thiết kế phần mềm tồi giao diện tồi khiến không sử dụng hệthống hệ thống có thiết kế phần mềm tuyệt vời.Một động thúc đẩy tương tác người máy ngày điềuchỉnh nhanh chóng nhờ tiêu chuẩn • Tổ chức tiêu chuẩn quốc tế ISO kết hợp với tổ chức quốc gia nhưBSI(Anh), ANSI(Mỹ), DIN(Đức) cho đời tiêu chuẩn áp dụng cho thiết kế tương tác người máy với số hiệu tiêu chuẩn ISO9241 • Viện tiêu chuẩn vương quốc Anh cấp chứng “Nhãn diều hâu” sản phẩm có tương tác người máy tốt Đối với sản phẩm cấp chứng có ưu cạnh tranh thị trường Mặt khác, pháp lí, theo luật Anh Châu Âu người thiết kế giao diện tồi bị kiện tòa Và SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh tương lai luật trở thành luật ISO thiết kế tương tác người máy Do đời tiêu chuẩn nhận thức người sử dụng sản phẩm tin học nên số lượng mã viết cho đầu vào đầu cho giao diện tăng lên, khoảng 50% mã dùng cho xử lý giao diện sản phẩm Người ta nhận thấy giao diện không phần bị phê bình nhiềunhất hệ thống mà phần quan trọng tốn nhiều chi phí nhiềuchương trình nghiên cứu Thông qua số công trình nghiên cứu,người ta nhận thấy thiết kế giao diện tồi gây hậu sau: • Tần số mắc lỗi điều hành hệ thống nhập liệu tăng lên Để sửa lạicác lỗi thí tốn nhiều thời gian tiền của, lỗi khôngsửa cho gây hậu có hại định đượcđưa sở liệu không xác • Hệ thống hoạt động Hệ thống quản lí khối lượng chuyển tác thiết kế, không đạt độ xáccủa đầu ra, hệ thống khố sử dụng khó học • Hệ thống không sử dụng người sử dụng phản đối (Bộ quốcphòng Mỹ cho thất bại hệ thống thiết kế giao diện tồivà phân tích yêu cầu không đầy đủ) • Người sử dụng thất vọng sử dụng hệ thống Điều làm cho năngsuất làm việc thấp.Người sử dụng bị căng thẳng trường hợp đặcbiệt họ phá hủy hệ thống •Tiến trình thiết kế giao diện mẫu : SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh • Thiết kế giao diện cần phản ảnh yếu tố sau: – Kinh nghiệm, lực nhu cầu người dùng: khả dùng bàn phím, chuột, tốc độ phản ứng… – Sở thích, văn hóa, lứa tuổi: màu sắc, ngôn ngữ… • Giao diện cần có tính chất sau: – Tính thân thiện: thuật ngữ, khái niệm, thói quen, trình tự nghiệp vụ người dùng • Giao diện cần có tính chất sau: – Tính quán: vị trí hiển thị, cấu lệnh, thực đơn, biểu tượng, màu sắc – Cơ chế phục hồi tình trạng trước lỗi – Cung cấp kịp thời phản ứng trợ giúp lúc, nơi – Tiện ích tương tác đa dạng • Dùng động từ đơn giản hay cụn động từ ngắn để đặt tên lệnh.Tên lệnh dài dòng khó nhận dạng khó nhớ Nó chiếmkhông gian không cần thiết danh sách đơn 1.4.2 Hướng dẫn việc hiển thị thông tin SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Nếu thông tin giao diện trình bày không đầy đủ, mơ hồ hay không dễ hiểu không thỏa mãn nhu cầu người dùng Thông tin “hiển thị”theo nhiều cách khác nhau: văn bản, tranh ảnh âm thanh; cách đặt,di chuyển kích cỡ; dùng mầu sắc, độ phân giải; chí việc bỏlửng Các dẫn hướng sau tập trung vào hiển thị thông tin: • Chỉ hiển thị thông tin có liên quan tới ngữ cảnh Người dùng khó nhọc lần qua liệu, đơn đồ hoạ phụ để thu thông tin có liên quan tới chức hệ thống riêng • Đừng chôn vùi người dùng liệu – dùng định dạng trình bày cho phép hấp thụ nhanh chóng thông tin Đồ họa hay sơ đồ nên thay cho bảng lớn • Dùng nhãn quán, cách viết tắt chuẩn mầu sắc dự kiến trước Ý nghĩa hiển thị hiển nhiên không cần tham khảo thêm nguồn thông tin ởbên • Cho phép người dùng trì ngữ cảnh trực quan Nếu việc hiển thị đồ hoạ máy tính thay đổi tỉ lệ hình ảnh gốc nên hiển thị thường xuyên(dưới dạng rút gọn góc hình) người dùng hiểu hiểu vịtrí tương đối phần hình ảnh xét Đưa thông báo lỗi có nghĩa: -Thông báo nên đưa lời khuyên có tính xây dựng để khôi phục từ lỗi -Thông báo nên đưa lời khuyên có tính chất xây dựng để khôi phục từ lỗi -Thông báo nên kèm với tín hiệu nghe hay thấy Tức tiếng bíp sinh kèm với việc hiển thị thông báo Hay thôngbáo nhấp nháy chốc lát hay hiển thị theo mầu dễ nhận “mầulỗi” -Thông báo nên có tính chất “phi đánh giá” Tức lời đưa đừnghàm ý trách móc người dùng Giải thích: Bởi không thực thích tin xấunên người dùng thích thông báo lỗi dù thiết kế Nhưngmột triết lí thông báo lỗi có hiệu cải thiện chất lượng hệthống giảm tốt đáng kể chán SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Sau thực nhiều thao tác (8,9,10) không cần theo trình tự (8,9 thực sau thực 7) * Nhập điểm cho hệ đào tạo tín chỉ: - SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Nhập điểm hệ tín 1,Điều kiện lọc (năm học,hệ đào tạo,học kỳ,môn học phần,lớp học phần…) 2, Xóa điều kiện lọc 3, Lọc danh sách theo điều kiện 4, Trả danh sách sinh viên thỏa điều kiện 5, Nhập điểm (tiểu luận, thi môn, kết thúc môn, tập, thi thực hành….) 6, Lưu - 7, Tính điểm tổng kết 8, In xuất 9, Đóng Thực thực Sau thực thực trường hợp muốn thay đổi điều kiện lọc xảy lại quay Sau 3,4,5,6 phải thực theo trình tự Sau thực nhiều thao tác (7,8,9) không cần theo trình tự (7,8 thực sau thực 6) SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh 3, Thiết kế : Ta tạo form sau : form sinh viên : SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Form giáo viên SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Thiết kế kịch mẫu: Thực chức xét danh sách dự thi: Từ giao diện ta chọn Menu Học vụ\ Tín \ Xét danh sách dự thi -> xuất hình xét dánh sách dự thi: - Chọn điều kiện lọc ( mục có dấu * bên phải) \ chọn nút Lọc đợi cho phần mềm load liệu lên cửa sổ - Chọn radioButton Giữa kỳ & thường kỳ để xét điều kiện thi kỳ enable chức nhập điểm thường kỳ, kỳ, tiểu luận - Chọn RadioButton Cuối kỳ để xét điều kiện thi cuối kỳ - Chọn RadioButton lý thuyết thực hành để xét điều kiện thi cho môn lý thuyết môn thực hành (riêng môn thực hành phải thêm nhóm thực hành) - Chọn nút xét tư cách dự thi \ sinh viên không đủ điều kiện dự thi (Nợ học phí, thiếu điểm thành phần, nghỉ số tiết quy định…) bị bôi màu đỏ\ Hộp thoại xét tư cách thành công \ chọn OK\ chọn nút Lưu để lưu xuống CSDL Thực chức nhập điểm tín chỉ: - Từ giao diện chọn Menu Học vụ\ Tín \ Nhập điểm -> xuất cửa sổ hình Tín - nhập điểm - SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu - - - GVHD: Th S Nguyễn Ngọc Anh Chọn điều kiện lọc ( mục có dấu * bên phải) \ phần mềm lọc tự động load liệu lên cửa sổ Người dùng nhập vào cột điểm (thường kỳ, kỳ, tiểu luận, cuối kỳ); môn môn thực hành người dùng nhập thêm cột điểm Bài Tập(BT), Thi Người dùng chọn nút Lưu để lưu điểm xuống CSDL Sau lưu xuống CSDL cột điểm chuyển sang trạng thái Disable người dùng không phép sửa Nếu muốn sửa điểm phải làm đơn vào phòng Đào tạo xác nhận việc sửa điểm lúc phòng Đào Tạo phân quyền lại cho người dùng sửa điểm Cuối học kỳ phần mềm tự động tính điểm tổng kết người dùng nhấn nút Tính điểm tổng kết đổ liệu vào cột Tổng kết XÂY DỰNG STORYBOARD Thực chức xét danh sách dự thi: Step 0: Từ hình chọn Menu Học vụ\ chọn Tín \ chọn Xét danh sách dự thi : SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Step 1: Chọn điều kiện lọc bắt buộc ( dấu * bên phải) Step 2: Chọn nút lọc xuất hộp thoại SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Step 3: Chọn nút Xét tư cách dự thi xuất hộp thoại thông báo \ chọn OK Step 4: Chọn nút Lưu để cập nhật vào CSDL\ lúc nút In & Xuất In Xuất DS không dự thi enable SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh TH: Chọn nút xóa điều kiện lọc điều kiện lọc rỗng môn học phần, Lớp học phần cho phép ta chọn giá trị quay Step Step 5: Chọn nút Đóng hoàn tất chức xét tư cách dự thi SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Thực chức nhập điểm cho hệ tín Step 0: Từ hình chọn Menu Học vụ\ chọn Tín \ chọn nhập điểm\Xuất cửa sổ Tín - nhập điểm : Step 1: Chọn điều kiện lọc bắt buộc ( dấu * bên phải) SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Step 2: Phần mềm tự động load liệu theo điều kiện lọc SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Người dùng tiến hành nhập điểm cho cột điểm tương ứng Step 3: Chọn nút Lưu để cập nhật liệu vào CSDL \ Xuất hộp thoại xác nhận việc cập nhật liệu xuống CSDL \ Chọn Yes SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Sau cập nhật liệu thành công nút Tính điểm tổng kết, In & Xuất Enable đồng thời nút Lưu Disable SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh TH: Chọn nút xóa điều kiện lọc điều kiện lọc rỗng môn học phần, Lớp học phần cho phép ta chọn giá trị quay Step Chỉ tính điểm tổng kết sau nhập đầy đủ cột điểm môn học Step 4: Chọn nút Đóng hoàn tất chức nhập điểm TÀI LIỆU THAM KHảO SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Giao diện người – máy, Nhà xuất Khoa học Tự nhiên Công nghệ, 2009 Miller Robert, User Interface Design and Implementation, MIT Open Courseware, 2004 Caretta Software, GUI Design Studio, 2009 IBM API Faces, http://faces.tap.ibm.com/api/find/? IBM API ITran service, http://asg75.watson.ibm.com/irans/api/ IBM Worklight, http://www.ibm.com/developerworks/downloads/ws/worklight/ SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: [...]... án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh 3, Thiết kế : Ta tạo form chính như sau : form sinh viên : SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Form giáo viên SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Thiết kế kịch bản mẫu: ... thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh CHƯƠNG 3: THIẾT KẾ GUI ĐỊNH HƯỚNG MẪU : 3.1, Cài đặt: Click vào file cài đặt : Click vào run: Chọn “I accept the agreement” => chọn next SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Chọn next : Chọn next: SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế. .. trí) nên được thực hiên đối với miền cái vào SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh CHƯƠNG 2: PHÂN TÍCH GUI DESIGN STUDIO 2.1: Giới thiệu GUI Design Studio Professional Edition Bao gồm cả thiết kế trải nghiệm người dùng, nhà phân tích kinh doanh, phát triển,quản lý dự án và tư vấn GUI Design Studio có thể được sử dụng bất... bằng cách bắt đầu từ một mẫu thiết kế thay vì một tấm phông nền trống • Tạo dự án mới dựa trên một mẫu SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh • Chèn các mẫu mẫu thiết kế vào một dự án hiện có với tất cả các tập tin cần thiết • Chèn luôn luôn tạo ra các tập tin duy nhất để nó an toàn để sử dụng cho các mẫu lặp lại trong cùng... án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Step 1: Chọn các điều kiện lọc bắt buộc ( dấu * bên phải) Step 2: Chọn nút lọc xuất hiện hộp thoại SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Step 3: Chọn nút Xét tư cách dự thi xuất hiện hộp thoại thông báo \ chọn OK Step 4: Chọn nút Lưu để cập nhật vào... trong quá trình thiết kế và khi chạy các mẫu thử nghiệm • Hiển thị hoặc ẩn các chú thích trên một thiết kế với một phím nhấn *Có sử dụng lại các thành phần thiết kế Modular và Masters – Chia nhỏ các dự án của bạn thành thiết kế thành phần nhỏ hơn có thểđược tái sử dụng trên bất kỳ số lượng các mẫu thiết kế • Chia sẻ thành phần thiết kế các bộ phận như bảng điều khiển tùy chỉnhtrên thiết kế nhiều • Thành... Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Sau 7 có thể thực hiện một hoặc nhiều thao tác (8,9,10) không cần theo trình tự (8,9 chỉ có thể thực hiện sau khi thực hiện 7) * Nhập điểm cho hệ đào tạo tín chỉ: - SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Nhập điểm... Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Thực hiện chức năng nhập điểm cho hệ tín chỉ Step 0: Từ màn hình chính chọn Menu Học vụ\ chọn Tín chỉ \ chọn nhập điểm\Xuất hiện cửa sổ Tín chỉ - nhập điểm : Step 1: Chọn các điều kiện lọc bắt buộc ( dấu * bên phải) SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S... tố để chỉ cần nhấp vào nhau • Mịn pan và zoom bằng cách sử dụng chuột (với sự hỗ trợ thêm cho các bánh xe di chuyển và độ nghiêng) • Không giới hạn undo / redo • Cut, Copy, Paste và Nhân đôi lệnh • Công cụ liên kết và khoảng cách *Truy cập Hơn 120 Built -Trong yếu tố thiết kế: SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh • Tạo... và sử dụng tính năng sao chép thiết kế để thực hiện điều này thậm chí còn nhanh hơn SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết kế GUI định hướng mẫu GVHD: Th S Nguyễn Ngọc Anh Yêu cầu hệ thống: • Microsoft Windows 7 / Vista / XP / NT / 2000 • Ít nhất 20 MB không gian đĩa cứng • Ít nhất 512 MB bộ nhớ đề nghị SVTH: Lại Xuân Toàn – Hoàng Như Cường Trang: Đồ án phân tích và thiết

Ngày đăng: 17/07/2016, 10:19

Từ khóa liên quan

Mục lục

  • MỤC LỤC

  • LỜI CẢM ƠN

  • Lời đầu tiên em xin được bày tỏ sự trân trọng và lòng biết ơn chân thành đối với thầy giáo Ths.Nguyễn Ngọc Anh giảng viên khoa Công nghệ thông tin - Trường Đại Học Công Nghiệp TP.Hồ Chí Minh. Trong suốt thời gian học và làm đồ án tốt nghiệp, thầy đã dành rất nhiều thời gian quý báu để tận tình chỉ bảo, hướng dẫn, định hướng cho em thực hiện đồ án. Em xin chân thành cảm ơn tất cả các thầy cô giáo trong Bộ môn Công nghệ thông tin - Trường ĐHCN TP.Hồ Chí Minh, chân thành cảm ơn các thầy giáo, cô giáo tham gia giảng dạy và truyền đạt những kiến thức quý báu trong suốt thời gian em học tập tại trường, đã đọc và phản biện đồ án của em giúp em hiểu rõ hơn các vấn đề mình nghiên cứu, để em có thể hoàn thành đồ án tốt nghiệp này. Em xin cảm ơn Hiệu trưởng Trường Đại Học Công Nghiệp TP.Hồ Chí Minh, Ban giám hiệu nhà trường, Bộ môn tin học, các Phòng ban nhà trường đã tạo điều kiện tốt nhất cho em cũng như các bạn khác trong suốt thời gian học tập và làm tốt nghiệp. Tuy có nhiều cố gắng trong quá trình học tập, trong thời gian thực tập cũng như trong quá trình làm đồ án nhưng không thể tránh khỏi những thiếu sót, em rất mong được sự góp ý quý báu của tất cả các thầy giáo, cô giáo cũng như tất cả các bạn để kết quả của em được hoàn thiện hơn.

  • Em xin chân thành cảm ơn!

  • Thanh hóa, 18 tháng 06 năm 2015.

  • Sinh viên

  • Lại Xuân Toàn

  • MỞ ĐẦU

  • Hiện nay có rất nhiều dự án công nghệ thông tin ứng dụng vào nhiều lĩnh vực khác nhau của cuộc sống. Do tính chất của từng dự án mà phần mềm có thể được cài đặt bằng các ngôn ngữ lập trình (NNLT) khác nhau. Với một vốn kiến thức rộng về NNLT, những người làm dự án có thể lựa chọn nhanh chóng một NNLT phù hợp với đề án thực tế. Chẳng hạn có thể lựa chọn ngôn ngữ lập trình Java cho các dự án lập trình truyền thông, hay hướng lập trình logic cho các dự án về trí tuệ nhân tạo. GUI STUDIO là môi trường giả lập tích hợp chính được phát triển từ Microsoft. Đây là một loại phần mềm máy tính có công dụng giúp đỡ các lập trình viên trong việc phát triển phần mềm.

  • CHƯƠNG 1:THIẾT kế GIAO DIỆN BẰNG GUI DESIGN STUDIO

  • 1.1 Khái niệm thiết kế giao diện :

  • Giao diện người dùng là bộ mặt, hay còn gọi là thành phần trung gian để thực hiện giao tiếp, giữa con người với máy tính.Nó là nơi người sử dụng nhập thông tin vào hệ thống máy tính (đầu vào) và nhận thông tin phản hồi từ máy tính (đầu ra).Giao diện thì có rất nhiều loại khác nhau (như là bàn phím điện thoại, màn hình máy tính, màn hình của các bộ điều khiển VCR) nhưng về mặt cấu trúc thì đều giống nhau.Chúng đều bao gồm người dùng, hệ thống, đầu vào và đầu ra.

  • Ví dụ: Giả sử chúng ta dùng một chương trình đồ hoạ để vẽ một hìnhvuông. Mô hình thông tin đầu vào và đầu ra được cho trong bảng sau:

  • Ta thấy rằng mặc dù thông tin đầu vào, đầu ra cũng như cách thức xử lýthông tin là khác nhau nhưng về cơ bản mô hình đầu vào và đầu ra là khôngthay đổi. Ví dụ cũng cho ta thấy sự khác nhau rất lớn về thời gian phản hồi.Khi người dùng nhập thông tin (ví dụ di chuyển chuột) và nhận thông tin đầura (hình vẽ), thì thời gian phản hồi là rất ngắn (chỉ mấy miligiây).Trong mộtsố trường hợp khác, thời gian phản hồi là rất dài (ví dụ thời gian cần để lưu trữhay sao chép một file).

  • 1.2 Vai trò và tầm quan trọng của thiết kế giao diện:

  • Trong nhiều năm người sử dụng phàn nàn rằng các hệ thống máy tính khó sử dụng, ngôn ngữ khó hiểu và không nhạy bén. Trong khi đó người thiết kế lại là những người hầu như không gặp người sử dụng bao giờ và ngay cả khi gặp và nhận được những lời phàn nàn từ phía người sử dụng họ cũng không để tâm tới. Tình hình này đã được thay đổi từ khi các máy tính các nhân ra đời.Nhữngngười sử dụng trực tiếp điều khiển hệ thống, nhiều người có thể lập trình các ứngdụng riêng của mình và lúc này máy tính không chỉ được sử dụng ở văn phòngmà còn xâm nhập vào các gia đình. Vì vậy việc thiết kế một giao diện tốt trở nênquan trọng do :

  • • Thị trường (người sử dụng) lựa chọn phần mềm đóng gói sẵn: Người ta mua một sản phẩm là do họ thích hình dáng của nó và cái họ xem xét chính là giao diện.

  • • Người sử dụng phản đối các giao diện tồi: Đó là khi thị trường đặt ra các tiêu chuẩn thì người sử dụng không còn muốn dùng các giao diện tồi của hệthống đã được thiết kế trước đây mà họ đàng sử dụng trong môi trường làm việccủa mình. • Giao diện tồi có thể dẫn tới việc không sử dụng được hoặc sử dụng không có hiệu quả hệ thống. Một giao diện tốt có thể hạn chế được nhược điểm của một thiết kế phần mềm tồi nhưng một giao diện tồi khiến không sử dụng được hệthống ngay cả khi hệ thống đó có thiết kế phần mềm tuyệt vời.Một động cơ thúc đẩy nữa là tương tác người máy ngày càng được điềuchỉnh nhanh chóng nhờ các tiêu chuẩn. • Tổ chức tiêu chuẩn quốc tế ISO kết hợp với tổ chức quốc gia nhưBSI(Anh), ANSI(Mỹ), DIN(Đức) cho ra đời tiêu chuẩn áp dụng cho thiết kế tương tác người máy với số hiệu tiêu chuẩn ISO9241

  • • Viện tiêu chuẩn vương quốc Anh cấp chứng chỉ “Nhãn con diều hâu” đối với những sản phẩm có tương tác người máy tốt. Đối với những sản phẩm được cấp chứng chỉ này sẽ có ưu thế cạnh tranh trên thị trường. Mặt khác, về pháp lí, theo luật Anh và Châu Âu người thiết kế giao diện tồi có thể sẽ bị kiện ra tòa. Và trong tương lai luật này có thể trở thành luật của ISO về thiết kế tương tác người máy. Do sự ra đời của các tiêu chuẩn và nhận thức của người sử dụng về các sản phẩm tin học nên số lượng các mã được viết cho đầu vào và đầu ra cho giao diện tăng lên, khoảng 50% mã được dùng cho xử lý giao diện trong một sản phẩm. Người ta cũng nhận thấy rằng giao diện không chỉ là phần bị phê bình nhiềunhất của hệ thống mà còn là phần quan trọng và tốn nhiều chi phí nhất của nhiềuchương trình nghiên cứu. Thông qua một số công trình đã được nghiên cứu,người ta nhận thấy rằng thiết kế giao diện tồi có thể gây ra những hậu quả như sau:

  • • Tần số mắc lỗi trong điều hành hệ thống và nhập liệu tăng lên. Để sửa lạicác lỗi này thí sẽ tốn rất nhiều thời gian và tiền của, còn những lỗi khôngsửa được cho đúng có thể gây hậu quả có hại nếu các quyết định đượcđưa ra trên cơ sở dữ liệu không chính xác.  • Hệ thống hoạt động kém. Hệ thống có thể không thể quản lí được khối lượng chuyển tác đã được thiết kế, hoặc không đạt được độ chính xáccủa đầu ra, do hệ thống khố sử dụng và khó học.

Tài liệu cùng người dùng

Tài liệu liên quan