МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ “ЛЬВІВСЬКА ПОЛІТЕХНІКА” Кафедра ЕОМ
Самостійна робота з дисципліни: «Проектування інтерфейсів користувача» На тему: «Bubbles» Мета роботи Вдосконалити мистецтво проектування інтерфейсів користувача. Навчитися балансувати на межі “вимоги замовника” – “доцільність-можливості”. Навчитися враховувати вік замовника та його вимоги до продукту. Зміст задачі Створити гру ”Bubbles”. Програма має забезпечувати грати в гру «Bubbles» за усіма правилами. Правила гри Правила гри «Bubbles» прості: Потрібно знаходити кульки однакового кольору, які знаходяться в рядок або/та стовпець. Бали рахуються за формулою : N=n*(n-1), де n-кількість вибраних кульок. Мінімальна кількість вибраних кульок рівна двом. Підказки та поради Можна робити кроки повертатись назад і вперед. Виводиться загальний рахунок і рахунок за вибрані кульки Реалізація діалогу При виборі типу інтерфейсу насамперед врахуємо непідготовленість користувача, що полягає у бажанні одразу приступити до роботи, якомога швидше опанувати керування та мати естетично красивий вигляд. Для таких вимог найкраще підходить інтерфейс типу меню у вигляді піктограм. Це дозволить створити красивий інтерфейс за допомогою різноманітних малюнків, зробити його зручним використовуючи кнопки, границі, і т.п. З точки зору швидкості роботи, функціональності, такий інтерфейс дозволяє відразу приступити безпосередньо до гри. Основним в даній роботі є створення зручного та красивого інтерфейсу для комфортної гри в «Bubbles». Алгоритм задачі
Рис. 1. Граф-схема алгоритму роботи гри «Bubbles» Основне вікно інтерфейсу користувача При запуску гри користувача відображається основне вікно у якому вже запущена нова гра (рис. 2). / Рис.2. Основне вікно ігри Операції з інтерфейсом користувача Для початку гри користувач повинен або просто запустити ігру на виконання, або коли користувач хоче почати гру заново він повинен нажати кнопку «Ігра-Нова гра», після чого скидають попередні дані (рис. 3). Після першого кліка вибираються кульки одного кольору, які знаходяться поряд(вертикально та/або горизонтально)(рис4). Після цього в правому нижньому куті виводиться можливу кількість очок, які користувач може отримати зробивши хід. / Рис.3. Запуск нової гри / Рис.4. Вибір кульок Щоб взірвати кульки потрібно вибрати їх повторно(рис5). Якщо ж користувач сумнівається, то він може вибрати інші кульки і не взривати поточні. / Рис.5.Виконано хід Якщо користувачу не сподобався хід(або декілька ходів), він може відмінити їх, вибравши «Крок - Назад» або використати комбінацію клавіш CTRL-Z. Для виконання ходу вперед потрібно вибрати «Крок - Вперед» або комбінацію CTRL-Y. Крок вперед не можна робити, поки не буде здійснено хоча б одного кроку назад. Для зручності кнопки «Назад», «Вперед», «Нова ігра» виведені у лівому верхньому куті(рис6). / Рис.6. Кнопки «Назад», «Вперед», «Нова ігра» Також користувач може вийти з гри нажавши «Вихід» (рис. 7). / Рис. 7 Вихід з гри Коли кроків уже не буде або буде знищено усі кульки, виведеться діалогове вікно з кількістю набраних балів і пропозицією почати нову ігру(рис8). / Рис.8. Повідомлення про кінець ігри. Якщо користувач має будь-які зауваження або побажання до розробника даної гри, він може обрати у «Help» - «Про Bubbles» і побачити ім’я розробника(рис. 9) / Рис. 9 Про програму Інструментальні засоби розробки У розробці гри «Сапер» я використав засіб розробки Visual Studio з WPF. На рис. 10 показане вікно Visual Studio з панелею елементів. / Рис. 10 Вікно Visual Studio Платформа Windows Presentation Foundation (WPF) дозволяє створювати клієнтські програми для настільних систем Windows з привабливим для користувача інтерфейсом. В основі WPF лежить незалежний від дозволу векторний модуль візуалізації, що використовує можливості сучасного графічного обладнання. Можливості цього модуля розширюються за допомогою комплексного набору функцій розробки додатків, які включають в себе мову XAML, елементи управління, прив'язку до даних, макет, двомірну і тривимірну графіку, анімацію, стилі, шаблони, документи, мультимедіа, текст і типографические функції. WPF входить до складу .NET Framework, тому ви можете створювати додатки, що включають інші елементи бібліотеки класів .NET Framework. Висновок : виконуючи дану самостійну роботу я вдосконалив мистецтво проектування інтерфейсів користувача