Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO CHƯƠNG I THIẾT KẾ GIAO DIỆN 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ình vuông. Mô hình thông tin đầu vào và đầu ra được cho trong bảng sau: Nhu cầu người dùng Đầu vào người dùng Đầu ra hệ thống Người dùng muốn dùng công cụ hình vuông để vẽ Người dùng nhấp chuột vào biểu tượng hình vuông trên thanh công cụ Hệ thống thay đổi hình dạng con trỏ thành hình dạng ngầm định (hình vuông) để sẵn sàng vẽ. Người dùng thực hiện vẽ hình vuông Người dùng kích và kéo con trỏ chuột để vẽ Hệ thống hiển thị hình dạng thu được thực tế trong quá trình di chuyển chuột 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ông Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 1 Hệ thống Người sử dụng Đầu vào Đầu ra Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO thay đổ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 đầu ra (hình vẽ), thì thời gian phản hồi là rất ngắn (chỉ mấy miligiây). Trong một số 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ững ngườ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 ứng dụ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òng mà 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ên quan 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ệc củ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ều chỉ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 Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 2 Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO • 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ều nhấ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ều chươ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ại cá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ông sử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ác của đầu ra, do hệ thống khố sử dụng và khó học. • Hệ thống không sử dụng được do người sử dụng phản đối (Bộ quốc phòng Mỹ cho rằng sự thất bại của hệ thống là do thiết kế giao diện tồi và phân tích yêu cầu không đầy đủ). • Người sử dụng thất vọng khi sử dụng hệ thống. Điều này làm cho năng suất làm việc thấp. Người sử dụng bị căng thẳng và trong trường hợp đặc biệt họ sẽ phá hủy hệ thống. 1.3 Tiến trình thiết kế giao làm mẫu Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 3 Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO • Thiết kế giao diện cần phản ảnh các yếu tố sau: – Kinh nghiệm, năng lực và nhu cầu của người dùng: khả năng 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ó cá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ụ của người dùng • Giao diện cần có các tính chất sau: – Tính nhất 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 các kịp thời các phản ứng và trợ giúp mọi lúc, mọi nơi – Tiện ích tương tác đa dạng Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 4 Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO 1.4 Cỏc quy tc thit k giao din ngi dựng 1.4.1. Hng dn tng tỏc chung Hng dn v tng tỏc chung bao hm c hin th thụng tin v vo ra d liu v iu khin ton b h thng. Do ú nú rt hay b b qua. Nhng hng dn sau õy tp chung vo tng tỏc chung. Tớnh nht quỏn: Phi dựng nh dng nht quỏn cho vic chn n, vo ch lnh, hin th d liu v vụ s cỏc chc nng khỏc xut hin trong HCI. Cho thụng tin phm hi cú ngha: Cung cp cho ngi s dng nhng thụng tin phn hi bng hỡnh nh v õm thanh nhm thit lp vic trao i thụng tin hai chiu(gia ngi s dng v giao din). Yờu cu kim chng mi hnh ng phỏ hu khụng tm thng: Nu ngi dựng yờu cu xoỏ mt tp, ghi ố lờn thụng tin bn cht hay yờu cu kt thỳc chng trỡnh thỡ mt thụng bỏo Bn cú chc. . .? nờn xut hin ra. Cho phộp d dng ln ngc nhiu hnh ng: Cỏc chc nng UNDO (hon tỏc) hay REVERSE (o ngc) ó giỳp cho hng nghỡn ngi dựng khi mt i hng nghỡn gi lam vic. Kh nng ln ngc nờn cú sn trong mi ng dng trong tng tỏc. Gim thiu khi lng thụng tin phi ghi nh gia cỏc hnh ng: Khụng nờn trụng i ngi dựng cui cựng nh c mt danh sỏch cỏc s hiu hay tờn gi cho ngi y cú th dựng li trong cỏc chc nng k sau. Cn phi ti thiu ti trng nghi nh. Tỡm kim tớnh hiu qu trong i thoi, vn ng v ý ngh: Nờn ti thiu dựng cỏc phớm, cn phi xem xột khong cỏch chut phi i qua gia cỏc im trong thit k b trớ mn hỡnh v ng y ngi dựng vo tỡnh hung phi t hi, Cỏi ny ngha l gỡ nh? Dung th cho sai lm: H thng nờn t bo v khi li ca ngi dựng khi b cht, hng. Phõn loi cỏc hot ng theo chc nng v t chc mn hỡnh hi ho theo vựng: Mt trong nhng cỏi li ca thc n kộo xung l kh nng t chc cỏc lnh theo kiu. V bn cht ngi thit k nờn c gng t cỏc ch lnh v hnh ng nht quỏn. Cung cp tin nghi tr giỳp cm ng cnh Giỏo viờn hng dn: Sinh viờn thc tp: Trần Thị Xuân Hơng Dơng Văn Tuyên 5 Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO • Dùng các động từ đơn giản hay cụn động từ ngắn để đặt tên chỉ lệnh. Tên chỉ lệnh dài dòng thì khó nhận dạng và khó nhớ. Nó cũng có thể chiếm không gian không cần thiết trong danh sách đơn. 1.4.2. Hướng dẫn việc hiển thị thông tin. Nếu thông tin được giao diện trình bày không đầy đủ, mơ hồ hay không dễ hiểu thì sẽ không thỏa mãn nhu cầu người dùng. Thông tin được “hiển thị” theo nhiều cách khác nhau: văn bản, tranh ảnh và âm thanh; bằng cách sắp đặt, di chuyển và kích cỡ; dùng mầu sắc, độ phân giải; và thậm chí bằng cả việc bỏ lửng. Các dẫn hướng sau đây 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 hiện tại. Người dùng không phải khó nhọc lần qua dữ liệu, đơn và đồ hoạ phụ để thu được thông tin có liên quan tới một chức năng hệ thống riêng. • Đừng chôn vùi người dùng dưới dữ liệu – hãy 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 thế cho các bảng lớn. • Dùng nhãn nhất quán, cách viết tắt chuẩn và mầu sắc dự kiến trước được. Ý nghĩa của hiển thị hiển nhiên không cần tham khảo thêm nguồn thông tin ở bên ngoài. • Cho phép người dùng duy trì ngữ cảnh trực quan. Nếu việc hiển thị đồ hoạ máy tính được thay đổi tỉ lệ thì hình ảnh gốc nên được hiển thị thường xuyên (dưới dạng rút gọn tại góc màn hình) để cho người dùng hiểu được hiểu được vị trí tương đối của phần hình ảnh hiện đang được xét. • Đưa ra thông báo lỗi có nghĩa:  Thông báo nên đưa ra những 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 ra những 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 đi kèm với tín hiệu nghe được hay thấy được. Tức là một tiếng bíp có thể được sinh ra đi kèm với việc hiển thị thông báo, hay thông báo có thể nhấp nháy chốc lát hay được hiển thị theo mầu dễ nhận ra như “mầu lỗi”  Thông báo nên có tính chất “phi đánh giá”. Tức là lời đưa ra đừng hàm ý trách móc người dùng. Giải thích: Bởi vì không ai thực sự thích tin xấu Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 6 Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO nên ít người dùng thích thông báo lỗi dù nó được thiết kế như thế nào. Nhưng một triết lí thông báo lỗi có hiệu quả có thể cải thiện được chất lượng của hệ thống và sẽ giảm tốt đáng kể sự chán nản của người dùng khi vấn đề quản thực xuất hiện. • Dùng chữ hoa, chữ thường, tụt lề và gộp nhóm văn bản đẻ giúp cho việc hiểu. Nhiều thông tin được HCI truyền đạt là văn bản, ngay cả cách bố trí và hình dạng của văn bản cũng có tác động đáng kể đến sự thoải mái để người dùng hấp thu thông tin. • Dùng cách hiển thị “tương tự” để biểu diễn những thông tin dễ được hấp thu hơn so với dạng biểu diễn này. Ví dụ, hiển thị áp suất của bể chứa lọc dầu trong xưởng lọc dầu sẽ có ít tác dụng nếu dùng cách biểu diễn số, nhưng nếu hiển thị dạng nhiệt kế được dùng thì chuyển động theo chiều đứng và sự thay đổi mầu sắc có thể được dùng để chỉ ra những điều kiện áp suất thay đổi. Điều này sẽ cung cấp cho người dùng cả thông tin tuyệt đối và tương đối. • Xem xét vùng hiển thị có sẵn trên màn hình và dùng nó một cách có hiệu quả. Khi dùng nhiều cửa sổ, ít nhất nên có sẵn không gian để chỉ ra một phần cho từng của sổ này. Bên cạnh đó, kích cỡ màn hình (vấn đề công nghệ hệ thống) nên được lựa chọn để hòa hợp với kiểu ứng dụng cần được cài đặt. 1.4.3. Hướng dẫn việc vào dữ liệu. Phần lớn thời gian của người dùng được dành cho việc chọn lựa các chỉ lệnh, gõ dữ liệu và cung cấp cái vào cho hệ thống. Trong nhiều ứng dụng, bàn phím vẫn còn là phương tiện đưa vảo chính, nhưng chuột, bộ số hóa và thậm chí hệ thống nhận dạng tiếng nói đang nhanh chóng trở thành các phương tiện có hiệu quả. Những hướng dẫn sau đây tâpj trung vào việc đưa vào dữ liệu: • Tối thiểu việc số hành động đưa vào mà người dùng cần thực hiện. Việc rút gọn khối lượng gõ là điều yêu cầu trước hết. Điều này có thể được thực hiện bằng cách dùng chuột để chọn từ một tập đã xác định sẵn các cái vào; dùng “thang trượt” để xác định cái vào trong một miền giá trị; dùng “macro” làm cho chỉ một phím được chuyển thành một tập dữ liệu vào phức tạp hơn. • Duy trì sự nhất quán giữa hiển thị thông tin và cái vào dữ liệu. Các kí tự hiển thị trực quan (như kích cỡ văn bản, mầu sắc, cách bố trí) nên được thực hiên đối với miền cái vào. Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 7 Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Cho phộp ngi dựng lm phự hp cỏi vo. Ngi dựng, chuyờn gia cú thh quyt nh to ra cỏc ch lnh ó sa i phự hp mỡnh hay b qua mt s kiu cnh bỏo v kim chng hnh ng. HCI cho phộp lm iu ny. Tng tỏc nờn mm do nhng cng nờn hũa hp vi mt a vo a thớch. Mụ hỡnh ngi dựng s tr giỳp cho vic xỏc nh mt a vo no l a thớch. Vớ d, mt th kớ cú th rt thớch vi cỏch a vo t bn phỡm, trong khi ngi qun lớ li cú th thy thoi mỏi khi dựng thit b tr v nhỏy nh chut. Kh kớch hot cỏc ch lnh khụng thớch hp trong hon cnh ca hnh ng hin ti. iu ny bo v cho ngi dựng khi phi c dựng mt hnh ng no ú cú th lm phỏt sinh li. cho ngi dựng kim soỏt lung tng tỏc. Ngi dựng nờn cú kh nng nhy qua cỏc hnh ng khụng cn thit, thay i trt t cỏc hnh ng yờu cu(nu cú th c trong hon cnh ca ng dng), v khụi phc c t cỏc iu kin li m khụng phi ra khi chng trỡnh. Cung cp tr giỳp cho mi hnh ng a vo: mt s vn khi xem xột tin nghi tr giỳp bao gm: Liu tr giỳp cú sn vi tt c cỏc chc nng h thng v vo mi lỳc trong tng tỏc khụng? Cỏc tựy chn bao gm: tr giỳp ch cho mt tp con ca mi chc nng v hnh ng; tr giỳp cho tt c cỏc chc nng. Ngi dựng s yờu cu tr giỳp nh th no? Cỏc tu chn bao gm: n tr giỳp; phớm tr giỳp; ch lnh HELP. Tr giỳp s c trỡnh by nh th no? Cỏc tu chn bao gm ca s tỏch bit; tham kho ti mt ti liu in; gi ý mt hay hai dũng c to ra trong mt v trớ mn hỡnh c nh. Ngi dựng s tr v vi tng tỏc thụng thng nh th no? Cỏc tu chn bao gm: nỳt tr v c hin th trờn mn hỡnh; phớm chc nng hay dóy iu khin. Thụng tin tr giỳp s c cu trỳc tr giỳp nh th no? Cỏc tựy chn bao gm: cu trỳc phng trong ú mi thụng tin u c thõm nhp qua ti mt t khúa; cp bc phõn tng ca thụng tin cung cp chi tit ngy cng tng khi ngi dựng tin sõu vo cu trỳc; s dng siờu vn bn. Kh b vic a vo chut mickey. ng yờu cu ngi dựng phi xỏc nh cỏc n v cho vic a vo cụng ngh (tr phi cú m h). ng yờu cu Giỏo viờn hng dn: Sinh viờn thc tp: Trần Thị Xuân Hơng Dơng Văn Tuyên 8 Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO ngi dựng phi gừ .00 cho ton b s tin, a ra cỏc giỏ tr mc nh mi lỳc cú th v khụng bao gi yờu cu ngi dựng a vo nhng thụng tin cú th t ng thu thp hay tớnh toỏn c bờn trong chng trỡnh. Giỏo viờn hng dn: Sinh viờn thc tp: Trần Thị Xuân Hơng Dơng Văn Tuyên 9 Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO CHƯƠNG II GIỚI THIỆU GUI DESIGN STUDIO 2.1: Giới thiệu GUI Design Studio Professional Edition GUI Design Studio là một phần mềm công cụ thiết kế chuyên biệt cho bất cứ ai tham gia vào việc thiết kế ứng dụng giao diện người dùng, 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 cứ khi nào bạn cần phải rút ra một ứng dụng trông giống như hiển thị các bộ phận của nó kết nối với nhau như: • Tạo ra các đề xuất dự án • Nắm bắt yêu cầu • Tạo ra màn hình giả lập • Sản xuất các chi tiết kỹ thuật chi tiết cho các nhà phát triển • Đề xuất cải tiến sản phẩm hiện có Tạo bài thuyết trình cho người dùng và các bên liên quan hoặc thậm chí chỉ cần cho chính mình để: • Xác minh thiết kế • Khám phá lựa chọn thay thế • Đánh giá các kịch bản sử dụng khác nhau Các tính năng:  Tạo ra thiết kế giao diện người dùng nhanh chóng và dễ dàng • Cho dù màn hình của bạn được chi phối bởi các cửa sổ ứng dụng, các trang Web, phụ bảng điều khiển tùy chỉnh nhưng thiết kế màn hình đầy đủ tính năng sẽ cho phép bạn tạo ra chúng một cách nhanh chóng và dễ dàng. • Kéo và thả các vị trí của các yếu tố thiết kế • Edge và công cụ chụp chuyên ngành cho phép các yếu tố để chỉ cần nhấp vào nhau Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 10 [...]... Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO CHNG III GII THIU GIAO DIN THIT K BNG GUI DESIGN STUDIO Qua quỏ trỡnh thc tp, tỡm hiu em xin gii thiu thit k giao din chng trỡnh qun lý in do em thit k do trỡnh cú hn nờn chng trỡnh vn cha tht s hon ho: Trc ht l mt s hỡnh nh ca chng trỡnh: õy l mn hỡnh chớnh xõy dng giao din qun lý in bng GUI design studio Giỏo viờn hng dn: Trần Thị... Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Chn Install Mn hỡnh k tip: Ch n khi chng trỡnh ci t xong Giỏo viờn hng dn: Trần Thị Xuân Hơng 22 Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Chn Finish kt thỳc quỏ trỡnh ci t Hng dn s dng GUI Design studio Giao din chớnh ca chng trỡnh: Giỏo viờn hng dn: Trần Thị Xuân... Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO õy l giao din chớnh khi chy chng trỡnh: õy l giao din th hin chc nng qun lý thụng tin ca h thng: Giỏo viờn hng dn: Trần Thị Xuân Hơng 25 Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO õy l giao din th hin chc nng qun lý thụng tin khỏch hng ca h thng: õy l giao din th hin chc nng qun lý tỡm kim... tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO õy l giao din th hin chc nng qun lý tỡm kim khỏch hng ca h thng: õy l giao din th hin chc nng qun lý thanh toỏn ca h thng: Giỏo viờn hng dn: Trần Thị Xuân Hơng 27 Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO õy l giao din th hin chc nng qun lý thanh toỏn biờn lai thu tin ca h thng: õy l giao din th hin chc... Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Trờn õy l mt s hỡnh nh i din ca chng trỡnh Sau õy em xin gii thiu cỏc to cỏc giao din nh mt s hỡnh nh trờn v cỏc chy chng trỡnh GUI design studio Bc 1: Khi to d ỏn M chng trỡnh GUI design studio chy S dng menu File m New to mt d ỏn mi Chỳng ta cú th to mt th mc trong phn Project trong phn cụng c thit k giao din bng cỏch kớch chut phi... Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Bn chn I accept the agreement ri tip tc chn Next Mn hỡnh k tip Tip tc chn Next Mn hỡnh k tip Giỏo viờn hng dn: Trần Thị Xuân Hơng 20 Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Tip tc chn Next Mn hỡnh k tip Chn Create a desktop icon nu bn mun a biu tng GUI design studio ra ngoi mn hỡnh Tip tc... : THIT K GIAO DIN BNG GUI DESIGN STUDIO Nhanh chúng to th nghim nhiu la chn thay th ỏnh giỏ v s dng tớnh nng sao chộp thit k thc hin iu ny thm chớ cũn nhanh hn Yờu cu h thng: Microsoft Windows 7 / Vista / XP / NT / 2000 t nht 20 MB khụng gian a cng t nht 512 MB b nh ngh 2.2: Cỏch ci t GUI design studio Trc ht bn download phn mm GUI design studio v mỏy sau ú bn chy file setup Tip theo giao din... K GIAO DIN BNG GUI DESIGN STUDIO + Cỏc giao din cho cỏc nỳt buttons khỏc chỳng ta cú th lm tng t Hỡnh thc ca giao din tựy thuc vo con mt thm m ca nh thit k Trờn õy l cỏch thc thit k mt s giao din n gin v cỏch kt ni chỳng vi nhau quan sỏt kt qu chỳng ta cú th s dng lnh thc n "Simulator | Run Simulator" hay phớm lnh trờn thanh cụng c: KT LUN Trờn õy l ton b ni dung ca ti Thit k giao din bng GUI design. .. Hơng 16 Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN STUDIO Mt giao din ngi dựng mụ hỡnh hoc mu th nghim s cho phộp tt c mi ngi hỡnh dung ng dng v nhanh chúng tip xỳc vi cỏc yờu cu v s phc tp khụng cn thit Trng hp c bit v cỏc yu t thit k quan trng cú th c xỏc nh sm trong vũng i d ỏn GUI Design Studio cung cp cỏc thnh phn cũn thiu b sung v lm tng thờm yờu cu... THIT K GIAO DIN BNG GUI DESIGN STUDIO To tab cỏc chc nng Chn nhúm Tabs trong ú cú rt nhiu kiu tab cho chỳng ta la chn, vi chng trỡnh qun lý in ny chỳng ta chn horizontal tab bar sau ú kộo ra mn hỡnh v chnh sa sao cho hp lý Sau ú chỳng ta cng cú th kớch ỳp vo tabs ny thay i thụng tin Giỏo viờn hng dn: Trần Thị Xuân Hơng 31 Sinh viờn thc tp: Dơng Văn Tuyên Chuyờn tt nghip : THIT K GIAO DIN BNG GUI DESIGN . nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO CHƯƠNG I THIẾT KẾ GIAO DIỆN 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. nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO CHƯƠNG II GIỚI THIỆU GUI DESIGN STUDIO 2.1: Giới thiệu GUI Design Studio Professional Edition GUI Design Studio là một phần mềm công cụ thiết kế chuyên. trình thiết kế giao làm mẫu Giáo viên hướng dẫn: Sinh viên thực tập: TrÇn ThÞ Xu©n H¬ng D¬ng V¨n Tuyªn 3 Chuyên đề tốt nghiệp : THIẾT KẾ GIAO DIỆN BẰNG GUI DESIGN STUDIO • Thiết kế giao diện