ТСПП

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ „ЛЬВІВСЬКА ПОЛІТЕХНІКА”

М Е Т О Д И Ч Н І В К А З І В К И

Д Л Я В И К О Н А Н Н Я Л А Б О Р А Т О Р Н И Х Р О Б І Т

ЗД И С Ц И П Л І Н И :

ТЕ Х Н О Л О Г І Ї С Т В О Р Е Н Н Я П Р О Г Р А М Н И Х П Р О Д У К Т І В

Затверджено на засіданні кафедри інформаційних систем та мереж.

Львів – 2017

1

Методичні вказівки для виконання лабораторних робіт з курсу „Технології створення програмних продуктів” для студентів базового напряму 6.050101 „Комп’ютерні науки” /

Укл.: Т.М.Басюк. – Львів: Видавництво Національного університету „Львівська політехніка”

Укладач: доцент кафедри ІСМ Басюк Т.М.

Рецензенти: к.т.н., доц. Василюк А.С.

к.т.н., доц. Чирун Л.В.

2

ВСТУП

Лабораторний практикум містить лабораторні роботи з курсу "Технології створення програмних продуктів". В теоретичних відомостях до виконання лабораторних робіт коротко подано опис методів та способів на основі яких ґрунтується виконання роботи. Детальність опису порядку виконання робіт зменшується, зважаючи на досвід, отриманий студентами при виконанні попередніх завдань.

При виконанні лабораторних робіт необхідно реалізувати програму на мовах об’єктноорієнтованого програмування відповідно до заданого варіанту, яка забезпечує реалізацію відповідного способу обробки. До лабораторних занять студент повинен попередньо підготуватися, використовуючи рекомендовану літературу.

В результаті проведення робіт студент повинен закріпити отримані теоретичні знання, а також відповідним чином оформити звіт з матеріалами, отриманими при дослідженні складеної програми, який повинен містити:

-титульний лист;

-мета виконання лабораторної роботи;

-індивідуальне завдання з детальним формулюванням розв’язуваної задачі, використовувані (власні) теоретичні відомості;;

-відповіді на контрольні питання;

-блок-схему та опис функціонування програми;

-тексти програм з поясненнями (коментарями);

-результати виконання (графіки, таблиці, перетворені тексти);

-висновки - вказується призначення роботи, можливі варіанти вдосконалення та які знання отримано в ході виконання роботи.

Звіт повинен бути написаний українською мовою, акуратно та грамотно, з дотриманням правил оформлення ділової документації.

-

3

Лабораторна робота №1

Тема роботи: Знайомство із середовищем IDE NetBeans та розробка першого проекту Мета роботи: Вивчення зовнішнього інтерфейсу та принципів побудови найпростіших

програм в середовищі IDE NetBeans

Теоретичні відомості

NetBeans - це безкоштовне інтегроване середовище розробки програмного забезпечення з відкритим вихідним кодом. Проект NetBeans включає в себе IDE-середовище з відкритим вихідним кодом і платформу додатків. Дане середовище надає розробнику засоби, які необхідні для створення професійних корпоративних, настільних, мобільних та Інтернет-

додатків на платформах C/C++, Java, PHP, Groovy і JavaScript. IDE NetBeans можна вільно завантажити з ресурсу https://netbeans.org/, що постійно пропонує нові версії системи.

Середовищем IDE NetBeans надається повна підтримка JavaFX 2.0, а також засобів для візуального налагодження користувацьких оболонок JavaFX і Swing. До додаткових можливостей можна віднести вбудовану в середовище IDE підтримку Git, нові функції для налагодження PHP та вдосконалені можливості із створення Maven і JavaEE.

Створення проекту IDE NetBeans

Для створення проекту IDE необхідно виконати такі дії:

1. Вибрати "Файл" > "Новий проект" (CTRL+SHIFT+N). Далі у вікні майстра створення проекту розвернути категорію "Java" і вибрати "Застосування Java" й натиснути кнопку "Далі".

Рис.1. Вибір проекту

2. На сторінці майстра "Ім'я і місце" розташування виконати наступні дії (Рис.2) : o введіть HelloWorldApp в поле "Ім'я проекту";

o не встановлюйте прапорець "Використовувати окрему теку для зберігання бібліотек";

o у полі "Створити головний клас" введіть helloworldapp.HelloWorldApp; o встановіть прапорець "Встановити як головний проект".

3.Натиснути кнопку "Готово".

4

Рис.2. Вікно налаштувань параметрів проекту

Після зазначених дій проект буде створений і відкритий в середовищі IDE. На екрані мають бути представлені наступні елементи:

вікно "Проекти", яке містить дерево елементів проекту, у тому числі початкові файли, бібліотеки, від яких залежить код тощо;

вікно редактора початкового коду з відкритим файлом HelloWorldApp;

вікно "Навігатор", яке можна використовувати для швидкого переміщення між елементами всередині вибраного класу.

вікно "Завдання", в якому перераховані помилки компіляції, а також інші завдання, відмічені ключовими словами, наприклад XXX і TODO.

Компіляція і виконання проекту

Завдяки функції середовища IDE "Компіляція при збереженні" компілювати проект вручну для виконання в середовищі IDE не вимагається. При збереженні початкового файлу Java в середовищі IDE виконується автоматична компіляція.

Функція компіляції при збереженні відключається у вікні "Властивості проекту". Для цього необхідно клацнути по проекті правою кнопкою миші, вибрати пункт "Властивості"> вкладка "Компіляція". Для виконання програми необхідно вибрати команду "Виконати" > "Виконати головний проект" (F6). Якщо при компіляції виникли помилки, вони відзначаються спеціальними червоними символами в лівому і правому полях редактора початкового коду. Символи в лівому полі вказують на помилки у відповідних рядках, в правому - вказують на усі області файлу, в яких є помилки, у тому числі помилки, що не відображуються візуально, в рядках. Для отримання опису помилки можна навести курсор на мітку помилки, а з метою переходу до рядка з помилкою клацнути на спеціальному символі в правому полі. Після тестування програми для підготовки її до розгортання можна використовувати команду "Очистити і побудувати". При використанні команди "Очистити і

5

При натисненні кнопки "Source" на екрані з'являється початковий код додатку на Java, що відображається в редакторі. Розділи коду, які були автоматично створені GUI Builder, позначаються синім кольором і називаються захищеними блоками (Guarded Blocks). Текст із захищених блоків неможливо змінити в режимі проглядання початкового коду. Для зміни в цьому режимі доступний тільки код, що відображається в редакторі на білому фоні. При необхідності коректування коду, що знаходиться в захищеному блоці, слід натиснути кнопку "Design", після чого знову з'явиться екран GUI Builder, на якому можна внести необхідні зміни.

Для додавання елементів до графічного інтерфейсу застосовується вікно "Palette" та панель JPanel. Для додавання панелі JPanel необхідно:

1.У вікні "Palette" вибрати елемент "Panel" в категорії "Swing" клацанням миші.

2.Перемістити курсор у верхній лівий кут форми в GUI Builder. При розташуванні елемента поряд із верхньою або лівою межею контейнера з'являються горизонтальні і вертикальні направляючі. Клацнути всередині форми для розміщення панелі JPanel в заданій позиції.

Елемент JPanel з'являється у формі ContactEditorUI з виділенням оранжевим кольором, вказуючи на його вибір (Рис.3).

Рис.3. Вибір елемента

Після того, як кнопка миші буде відпущена, на екрані будуть відображені невеликі індикатори, що показують точки прив'язки елемента, а у вікні "Inspector" з'явиться відповідний вузол JPanel. Для зміни розмірів панелі JPanel необхідно:

1.Вибрати панель JPanel після чого по периметру елемента з'являються невеликі квадратні мітки-маніпулятори.

2.Натиснути мітку-маніпулятор на правій межі панелі JPanel і, не відпускаючи кнопки миші, переміщати мітку до тих пір, поки поряд із межею не з'явиться пунктирна направляюча.

3.Відпустити кнопку миші. В результаті чого розмір елемента буде змінений.

Якщо палітра у верхньому правому кутку середовища IDE відсутня, необхідно виконати команду "Windows > Palette". А саме:

1.Вибрати панель JPanel на палітрі і перетягнути її в елемент JFrame.

2.При виділеній панелі JPanel необхідно перейти до вікна "Properties" та натиснути кнопку (...) поряд із полем "Border" для вибору стилю межі.

3.В діалоговому вікні "Border" виберати "TitledBorder" із списку і ввести Number Addition в полі "Title". Для збереження змін і закриття діалогового вікна натиснути кнопку "OK".

4.Тепер на екрані повинен відображатися порожній елемент "JFrame" із заголовком "Number Addition", як показано на рис.4. Згідно з рис.4., додайте до нього три підписи JLabel, три текстових поля JTextField і три кнопки JButton.

7

Рис.4. Елементи інтерфейсу

Після цього додаються три елементи JLabel (текстові підписи), три елементи JTextField (текстові поля) і три елементи JButton (кнопки). Для додавання до форми елемента

"JLabel" необхідно:

1.У вікні "Palette" вибрати елемент "Label" в категорії "Swing".

2.Навести курсор на панель JPanel Name, яка була додана раніше. Після появи направляючих, що вказують на розміщення елемента "JLabel" у верхньому лівому кутку панелі JPanel з невеликим полем у верхній і лівій частині, натиснути для підтвердження позиції нового елемента.

3.В результаті даної дії здійснюється додання елемента "JLabel" до форми, а у вікні "Inspector" з'являється відповідний вузол.

Для додавання декількох "JLabel" до форми:

1.У вікні "Palette" вибрати елемент "Label" в категорії "Swing" натисненням миші.

2.Перемістити курсор у формі безпосередньо під елемент "JLabel", який був доданий раніше. При появі направляючих, що вказують на вирівнювання лівої межі нового елемента "JLabel" з межею верхнього елемента "JLabel" і наявність невеликого проміжку між цими елементами, натисніть мишею при натиснутій клавіші Shift для підтвердження позиції першого елемента "JLabel".

3.Натиснути клавішу Shift та кнопку миші для розміщення другого елемента "JLabel", праворуч від першого. Перед розміщенням другого елемента "JLabel" слід відпустити і знову натиснути клавішу Shift. Інакше перед розміщенням другого елемента необхідно натиснути клавішу Escape.

Для перейменування елементів необхідно:

1.Двічі натиснути jLabel1 і змінити властивість тексту на First Number.,

відповідно інші на Second Number та Result.

2.Видалити стандартний текст з jTextField1. Для зміни тексту, що відображається, спочатку необхідно два рази клацнути кнопкою миші на текстовому полі а далі знищити відповідний текст. Аналогічно для полів jTextField2 і jTextField3.

3.Для зміни тексту на jButton1 необхідно викликати контекстне меню і вибрати

"Edit Text". Аналогічно для jButton2 та jButton3.

Завершений графічний інтерфейс має вигляд представлений на рис.5.

8

Рис.5. Завершений графічний інтерфейс

Створення двовіконного проекту

Для створення другого вікна у програмі потрібно створити нове фрейм-вікно. Для цього у вікні "Projects" натиснути правою кнопкою миші вузол "NumberAddition" и вибрати "New > JFrame Form". Припустимо воно буде називатись NewJFrame1. Щоб побачити дане вікно після запуску програми потрібно розмістити ще одну кнопку і у її обробнику написати:

new NewJFrame1().setVisible(true);

Створення Java -файлів

NetBeans IDE містить шаблони і майстра для створення різних файлів, від файлів з початковим кодом на Java до XML - документів і сховищ ресурсів (resource bundles). Можливо, найлегший спосіб створити файл (після створення проекту) – це клацання правою кнопкою миші на вузлі проекту, для якого необхідно створити файл у вікні проектів. Далі з меню, що з'явилося, потрібно вибрати пункт New і потім потрібний тип файлу. Це підменю містить ярлики до часто використовуваних шаблонів. Пункт File/Folder призначений для доступу до усіх шаблонів в NetBeans.

Рис.6. Список команд пункту меню File/Folder

Майстер New File дозволяє створити новий файл, побудований на шаблоні IDE по замовчуванню. Шаблони файлів згруповані за типом. Крім того, до шаблонів файлу по замовчуванню можна налаштувати шаблони IDE, що використовуються для створення файлів, а також створити свої власні шаблони. Можливість використання власних шаблонів може бути корисна у разі, якщо певний тип файлу повинен мати стандартні елементи або необхідно змінити спосіб генерації інших елементів. При створенні власного шаблону можна зробити його доступним в майстрі New File.

Для зміни і створення нових шаблонів застосовується Template Manager, шляхом вибору з меню Tools головного меню пункту Template Manager. Наприклад, для створення

9

нового шаблону Java - класу, можна або здублювати існуючий шаблон Java - класу (кнопка Duplicate), або додати до середовища існуючий. Для цього у першому випадку необхідно вибрати новий клас і натиснути на кнопку Open in Editor, після чого можна здійснити процес редагування. У другому випадку необхідно натиснути на кнопку Add і вибрати файл з шаблоном. Після зазначених дій результуючі шаблони будуть доступні в переліку майстра

New File.

Редактор коду

Редактор коду (Source Editor) - головний інструмент для редагування коду. Його особливості, такі як завершення коду, підсвічування синтаксису і помилок компіляції тощо забезпечують швидкий й легший процес написання коду.

Для відкриття файлу з початковим кодом на Java в редакторі коду, необхідно два рази клацнути на файлі у вікні проекту або файлі. IDE має декілька механізмів для генерації фрагментів початкового коду. Ось найчастіше використовувані з них:

Завершення коду (Ctrl + Space). Коли здійснюється набір коду можете відкрити вікно завершення коду, яке містить список для завершення поточного виразу. Якщо далі продовжувати набирати код, то список змінюватиметься відповідно до введених символів.

Шаблони коду (Code Templates). Для деяких найбільш часто використовуваних фрагментів коду можна використовувати скорочення (абревіатури) замість набору повного фрагмента. IDE перетворює абревіатури в повні фрагменти коду після натиснення на пропуск.

Підказки(Alt + Enter). Якщо IDE виявляє помилку, таку як «недостатній код», IDE може запропонувати код для виправлення помилки і вставити його в потрібне місце. Коли курсор введення знаходиться на рядку, що містить помилку, IDE відображує значок лампочки на межі для вказання помилки. Використання комбінації клавіш або клацання на лампочці відобразить пропоновані варіанти для виправлення помилки.

Робота з виразами import

УIDE є декілька способів перевірити, чи є у вашому Java файлі усі необхідні вирази import:

для цілого файлу - натисненням Alt + Shift + F (Fix Imports), коли курсор введення знаходиться у файлі в редакторові коду;

індивідуально - натисненням Alt + Shift + I (Fast Import), коли курсор введення знаходиться на імені класу на який посилається у вашому коді;

якщо використовується завершення коду для заповнення імені класу, то необхідний

вираз import додається автоматично.

Команда IDE Fix Imports додає потрібні вирази import в код і видаляє невживані вирази. При цьому, не відбувається видалення повно-кваліфікованих імен класів в коді і їх заміни виразами import. Команда Fast Import навпроти, дозволяє вибрати, спосіб управління import в коді. Команда Fast Import дозволяє:

генерувати вирази import для класу;

генерувати вирази import для пакету;

генерувати повно-кваліфіковане ім'я в коді.

10