1. Розробка інтерфейсу користувача
1.1 Загальні рекомендації
Загальні рекомендації по розробці графічного інтерфейсу були використані:
Головне меню. Реалізується компонентою MainMenu.
Панель інструментів швидких клавіш, дублюючих основні розділи меню.
Контекстне меню (реалізується компонентою PopupMenu), випливає при клацанні користувача правою кнопкою миші на вікні програми або компоненті.
Ярлики підказок, випливаючи при піднесені курсору миші на компоненти.
Кольори, що використовувались у програмі є легкими для сприйняття, тому сприйняття програми не втомлює користувача.
Шрифт та розмір надписів у програмі відповідно зручний для користувачів.
Багато віконні та багато сторінкові додатки.
Опис всіх вікон програми можна розглянути в таблиці 1.2.
Таблиця 1.2
Опис вікон програми
№ п/п |
Назва |
Призначення |
Примітка (якщо використовується компонента палітри Dialogs чи інше стандартне вікно) |
1. |
Головна |
Служить головною формою програми. |
|
Продовження таблиці 1.2 | |||
№ п/п |
Назва |
Призначення |
Примітка (якщо використовується компонента палітри Dialogs чи інше стандартне вікно) |
|
форма (Form1) |
На ній ми можемо розділ, з яким будемо далі працювати(здійснює перхід до вікон Form2, Form4). |
|
2. |
На платній основі (Form2) |
Для переглядання детальної інформації про осіб, які знаходяться на платній основі(ПІБ, дата народження, адреса проживання, категорія, номер пенсійного посвідчення, номер особової справи). |
OpenDialog1 (використовується для завантаження RTF фалів) SaveDialog1 (для збереження текстових файлів) |
3. |
На безплатній основі (Form4) |
Для переглядання детальної інформації про осіб, які знаходяться на платній основі(ПІБ, дата народження, адреса проживання, категорія, номер пенсійного посвідчення, номер особової справи). |
OpenDialog1 (використовується для завантаження RTF фалів) SaveDialog1 (для збереження текстових файлів) |
4. |
Текстовий редактор (Form5 ) |
Для редагування текстової інформації. |
FontDialog1 (використовується для редагування матеріалу)
|
1.3 Проектування екрану
У даній програмі компоненти розміщені таким чином , щоб користувач зміг якнайшвидше працювати з даною програмою.
Компоненти розташовані на «Головна форма»(Form1):
Зверху розташоване MainManu1. В ньому знаходяться команди для переходу до Form2 та Form4.
Button1 та Button2 - зліва внизу, для переходу на Form2 та Form4.
MonthCalendar1 – в правій частині форми.
GradText1 – вверху форми. Він слугує для відображення назви центру.
Компоненти розташовані на «На платній основі»(Form2):
Вверху форми розташоване MainManu1.
Під ним знаходиться Panel1, на якій розташовані кнопки редагування таблиці(SpeedButton1, SpeedButton2, SpeedButton3, SpeedButton18).
PageControl1 – призначена для розміщення на формі закладок, на яких знаходяться інші компоненти.
На закладці TabSheet1(головна) розташовані DBGrid1 та DBGrid2. Вони слугують для виводу інформації про осіб похилого віку.
DBNavigator1 та DBNavigator2 – роблять зручним перегляд даних в DBGrid1 та DBGrid2. Також використовуються для редагування даних таблиць.
DBText1 – виводить на форму поле ПІБ з DBGrid1.
На закладці TabSheet2(субсидії) розташовані DBGrid3 та DBGrid4. . Вони слугують для виводу інформації про осіб , які отримують субсидію.
RichEdit1 – слугує для виводу поля ПІБ з DBGrid1 для тих осіб, яким потрібно нараховувати субсидію.
Над RichEdit1 розташована Panel2 – на якій знаходяться SpeedButton8, SpeedButton9, SpeedButton10, SpeedButton11 та SpeedButton12(кнопки для редагування тексту). Та SpeedButton6, SpeedButton7, SpeedButton15, які відповідають за збереження, відкривання та друк текстової інформації.
Внизу форми розташовані Button1(вивести – слугує для виведення поля ПІБ з таблиці в RichEdit1) та Button2(відкрити – відкриває Form5).
На закладці TabSheet3(пошук) розташовані: ComboBox1 – для вибору поля пошуку та Edit1 – для введення тексту, який потрібно знайти.
SpeedButton4 – почати пошук.
Label3(оберіть поле) та Label4(введіть текст).
На закладці TabSheet4(заяви) розташовані:
RichEdit2 – призначений для виведення тексту заяви.
Edit2, Edit3, Edit4 – для введення необхідних даних.
SpeedButton13, Button4, Button5 – призначені для відкривання, виведення та збереження текстової інформації.
Компоненти розташовані на «На безплатній основі»(Form4):
Вверху форми розташоване MainManu1.
Під ним знаходиться Panel1, на якій розташовані кнопки редагування таблиці(SpeedButton1, SpeedButton2, SpeedButton3, SpeedButton18).
PageControl1 – призначена для розміщення на формі закладок, на яких знаходяться інші компоненти.
На закладці TabSheet1(головна) розташовані DBGrid1 та DBGrid2. Вони слугують для виводу інформації про осіб похилого віку.
DBNavigator1 та DBNavigator2 – роблять зручним перегляд даних в DBGrid1 та DBGrid2. Також використовуються для редагування даних таблиць.
DBText1 – виводить на форму поле ПІБ з DBGrid1.
На закладці TabSheet2(субсидії) розташовані DBGrid3 та DBGrid4. . Вони слугують для виводу інформації про осіб , які отримують субсидію.
RichEdit1 – слугує для виводу поля ПІБ з DBGrid1 для тих осіб, яким потрібно нараховувати субсидію.
Над RichEdit1 розташована Panel2 – на якій знаходяться SpeedButton8, SpeedButton9, SpeedButton10, SpeedButton11 та SpeedButton12(кнопки для редагування тексту). Та SpeedButton6, SpeedButton7, SpeedButton15, які відповідають за збереження, відкривання та друк текстової інформації.
Внизу форми розташовані Button1(вивести – слугує для виведення поля ПІБ з таблиці в RichEdit1) та Button2(відкрити – відкриває Form5).
На закладці TabSheet3(пошук) розташовані: ComboBox1 – для вибору поля пошуку та Edit1 – для введення тексту, який потрібно знайти.
SpeedButton4 – почати пошук.
Label3(оберіть поле) та Label4(введіть текст).
На закладці TabSheet4(заяви) розташовані:
RichEdit2 – призначений для виведення тексту заяви.
Edit2, Edit3, Edit4 – для введення необхідних даних.
SpeedButton13, Button4, Button5 – призначені для відкривання, виведення та збереження текстової інформації.
Компоненти розташовані на «Текстовий редактор»(Form5):
Зверху на формі розташовано MainMenu1, яке відразу потрапляє в поле зору користувача. В ньому знаходяться такі команди, які потрібні для роботи з текстовою інформацією.
Під MainMenu1 розміщено Panel1 та Panel2 на яких знаходяться:
Button1(вивести) – виводить текст в RichEdit1.
SpeedButton1 (відкрити), SpeedButton2 (зберегти), SpeedButton3 (друкувати) – відповідають за відкривання, збереження та друк текстової інформації.
SpeedButton13(вирізати), SpeedButton15(копіювати), SpeedButton19 (вставити) – для роботи з текстом.
SpeedButton16(вставити дату), SpeedButton17(вставити час) – вставляють в текст дату та час.
ComboBox1 – змінює розмір шрифту.
ColorBox1 – дозволяє обрати колір шрифту.
SpeedButton4, SpeedButton5, SpeedButton6, SpeedButton7, SpeeButton8, SpeedButton9, SpeedButton10, SpeedButton11, SpeedButton12 – для редагування тексту.
SpinEdit1 – дозволяє обрати відступ для абзацу.
DateTimePicker1 – виводить дату.
DateTimePicker2 – виводить час.
Під ними розташована RichEdit1 – для виводу текстової інформації.
1.4 Підказки і контекстно-залежні довідки
Опис всіх випливаючи підказок розміщених на компонентах в програмі можна розглянути в таблиці 1.4.
Таблиця 1.4
Опис підказок
№ п/п |
Назва вікна |
Назва компоненти |
Підказка |
1.
|
Головна форма (Form1) |
Button1 |
Відкриється форма"На платній основі" |
2. |
Button2 |
Відкриється форма"На безплатній основі" | |
| |||
Продовження таблиці 1.4 | |||
№ п/п |
Назва вікна |
Назва компоненти |
Підказка |
3. |
На платній основі (Form2) |
SpeedButton1 |
Видалити запис з таблиці |
4. |
SpeedButton2 |
Додати запис до таблиці | |
5. |
SpeedButton3 |
Зберегти запис в таблиці | |
6. |
SpeedButton4 |
Розпочати пошук | |
7. |
SpeedButton6 |
Зберегти | |
8. |
SpeedButton7 |
Друк | |
9. |
SpeedButton8 |
Вирівняти текст по лівому краю | |
10. |
SpeedButton9 |
Вирівняти текст по правому краю | |
11. |
SpeedButton10 |
Курсив | |
12. |
SpeedButton11 |
Жирний | |
13. |
SpeedButton12 |
Вирівняти текст по центру | |
14. |
SpeedButton13 |
Вивести дані | |
15. |
SpeedButton15 |
Відкрити | |
16. |
SpeedButton18 |
Обновити дані таблиці | |
17. |
Button1 |
Вивести дані | |
18. |
Button2 |
Відкрити редактор | |
19. |
Button4 |
Зберегти | |
20 |
Button5 |
Відкрити | |
21. |
На безплатній основі (Form4) |
SpeedButton1 |
Розпочати пошук |
22. |
SpeedButton2 |
Додати запис до таблиці | |
23. |
SpeedButton3 |
Зберегти запис таблиці | |
24. |
SpeedButton4 |
Видалити запис із таблиці | |
25. |
SpeedButton6 |
Зберегти | |
26. |
SpeedButton7 |
Друк | |
27. |
SpeedButton8 |
Вирівнювання по лівому краю | |
28. |
SpeedButton9 |
Вирівнювання по правому краю | |
29. |
SpeedButton10 |
Курсив | |
30. |
SpeedButton11 |
Жирний | |
31. |
SpeedButton12 |
Вирівнювання по центру | |
32. |
SpeedButton13 |
Вивести дані | |
33. |
SpeedButton15 |
Відкрити | |
34. |
SpeedButton18 |
Обновити дані у таблиці | |
35. |
Текстовий редактор (Form5)
|
SpeedButton1 |
Відкрити |
36. |
SpeedButton2 |
Зберегти | |
37. |
SpeedButton3 |
Друк | |
38. |
SpeedButton4 |
Маркований список | |
39. |
SpeedButton5 |
Не маркований список | |
40. |
SpeedButton6 |
Курсивом | |
41. |
SpeedButton7 |
Жирний шрифт |
Продовження таблиці 1.4
42. |
|
SpeedButton8 |
Вирівнювання тексту по лівому краю |
43. |
SpeedButton9 |
Вирівнювання тексту по центру | |
44. |
SpeedButton10 |
Вирівнювання тексту по правому краю | |
45. |
SpeedButton11 |
Шрифт | |
46. |
SpeedButton12 |
Колір шрифта | |
47. |
SpeedButton13 |
Вирізати | |
48. |
SpeedButton15 |
Копіювати | |
49. |
SpeedButton16 |
Вставити дату | |
50. |
SpeedButton17 |
Вставити час | |
51. |
SpeedButton18 |
Абзац | |
52. |
SpeedButton19 |
Вставити | |
53. |
ComboBox1 |
Розмір шрифта | |
54. |
ColorBox1 |
Колір шрифту |
1.5 Обробка подій клавіатури і миші
Опис обробки подій клавіатури і миші міститься в таблицях 1.5.
Таблиця 1.5
Опис подій миші та клавіатури
№ п/п |
Подія |
Компонента |
Опис | |
Головна форма (Form1) | ||||
1. |
OnClick |
Button1 |
Перехід до вікна «На платній основі» | |
2. |
OnClick |
Button2 |
Перехід до вікна «На безплатній основі» | |
На платній основі(Form2) | ||||
1. |
OnClick |
SpeedButton1 |
Видалити запис з таблиці | |
2. |
OnClick |
SpeedButton2 |
Додати запис до таблиці | |
3. |
OnClick |
SpeedButton3 |
Зберегти запис в таблиці | |
4. |
OnClick |
SpeedButton4 |
Розпочати пошук | |
5. |
OnClick |
SpeedButton6 |
Зберегти | |
6. |
OnClick |
SpeedButton7 |
Друк | |
7. |
OnClick |
SpeedButton8 |
Вирівняти текст по лівому краю | |
8. |
OnClick |
SpeedButton9 |
Вирівняти текст по правому краю | |
9. |
OnClick |
SpeedButton10 |
Курсив | |
10. |
OnClick |
SpeedButton11 |
Жирний | |
11. |
OnClick |
SpeedButton12 |
Вирівняти текст по центру | |
12. |
OnClick |
SpeedButton13 |
Вивести дані | |
13. |
OnClick |
SpeedButton15 |
Відкрити | |
14. |
OnClick |
SpeedButton18 |
Обновити дані таблиці | |
15. |
OnClick |
Button1 |
Вивести дані | |
Продовження таблиці1.5 | ||||
№ п/п |
Подія |
Компонента |
Опис | |
16. |
OnClick |
Button2 |
Відкрити редактор | |
17. |
OnClick |
Button4 |
Зберегти | |
18. |
OnClick |
Button5 |
Відкрити | |
На безплатній основі (Form4) | ||||
1. |
OnClick |
SpeedButton1 |
Розпочати пошук | |
2. |
OnClick |
SpeedButton2 |
Додати запис до таблиці | |
3. |
OnClick |
SpeedButton3 |
Зберегти запис таблиці | |
4. |
OnClick |
SpeedButton4 |
Видалити запис із таблиці | |
5. |
OnClick |
SpeedButton6 |
Зберегти | |
6. |
OnClick |
SpeedButton7 |
Друк | |
7. |
OnClick |
SpeedButton8 |
Вирівнювання по лівому краю | |
8. |
OnClick |
SpeedButton9 |
Вирівнювання по правому краю | |
9. |
OnClick |
SpeedButton10 |
Курсив | |
10. |
OnClick |
SpeedButton11 |
Жирний | |
11. |
OnClick |
SpeedButton12 |
Вирівнювання по центру | |
12. |
OnClick |
SpeedButton13 |
Вивести дані | |
13. |
OnClick |
SpeedButton15 |
Відкрити | |
14. |
OnClick |
SpeedButton18 |
Обновити дані у таблиці | |
Текстовий редактор(Form5) | ||||
1. |
OnClick |
SpeedButton1 |
Відкрити | |
2. |
OnClick |
SpeedButton2 |
Зберегти | |
3. |
OnClick |
SpeedButton3 |
Друк | |
4. |
OnClick |
SpeedButton4 |
Маркований список | |
5. |
OnClick |
SpeedButton5 |
Не маркований список | |
6. |
OnClick |
SpeedButton6 |
Курсивом | |
7. |
OnClick |
SpeedButton7 |
Жирний шрифт | |
8. |
OnClick |
SpeedButton8 |
Вирівнювання тексту по лівому краю | |
9. |
OnClick |
SpeedButton9 |
Вирівнювання тексту по центру | |
10. |
OnClick |
SpeedButton10 |
Вирівнювання тексту по правому краю | |
11. |
OnClick |
SpeedButton11 |
Шрифт | |
12. |
OnClick |
SpeedButton12 |
Колір шрифта | |
13. |
OnClick |
SpeedButton13 |
Вирізати | |
14. |
OnClick |
SpeedButton15 |
Копіювати | |
15. |
OnClick |
SpeedButton16 |
Вставити дату | |
16. |
OnClick |
SpeedButton17 |
Вставити час | |
17. |
OnClick |
SpeedButton18 |
Абзац |
1.6 Проектування віконного та контекстного меню.
Опис проектування віконного та контекстного меню міститься в таблиці 1.6.
Таблиця 1.6
Опис віконного та контекстного меню
№ п/п |
Назва |
Призначення |
Назва компоненти |
Головна форма (Form1) | |||
1. |
N2 |
Закриває форму |
MainMenu1
|
2. |
N3 |
Показує Form2 | |
3. |
N4 |
Показує Form4 | |
На платній основі (Form2) | |||
4. |
N3 |
Закриває форму |
MainMenu1 |
На безплатній основі (Form4) | |||
5. |
N4 |
Закриває форму |
MainMenu1 |
Текстовий редактор(Form5) | |||
6. |
N2 |
Відкрити текстовий файл |
MainMenu1 PopupMenu1 |
7. |
N3 |
Зберегти текстовий файл | |
8. |
N4 |
Друкувати текстовий файл | |
9. |
N5 |
Закриває форму | |
10. |
N7 |
Вирізати текст | |
11. |
N8 |
Копіювати текст | |
12. |
N10 |
Скрити/Показати панель інструментів(Panel1) | |
13. |
N11 |
Скрити/Показати панель форматування (Panel2) | |
14. |
N13 |
Вивести дату | |
15. |
N14 |
Вивести час | |
16. |
N16 |
Обрати шрифт тексту | |
17. |
N23 |
Вставити текст | |
18. |
N24 |
Виділити весь текст | |
19. |
N19 |
Копіювати текст | |
20. |
N20 |
Вирізати текст | |
21. |
N26 |
Вставити текст | |
22. |
N28 |
Виділити весь текст |