Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Конспекты / Урок по информатике "Создание интерфейса программы"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Урок по информатике "Создание интерфейса программы"

библиотека
материалов

Тема: «Создание интерфейса проекта»

Цели:
- учить открывать и сохранять окно программы;
- познакомить с интерфейсом программы, с планом разработки программы;
- прививать любознательность;
- развитие логического мышления.
Оборудование: электронный учебник Delphi.

Ход урока

I Организация класса к уроку
II Актуализация прежних знаний
- Что вы можете сказать о среде программирования Pascal?
- Из каких элементов состоит окно программы?
- Какие операторы использовались при составлении программ?
- Как запускалась программа на выполнение?
III Сообщение темы урока
Основы визуального программирования.
Интегрированная среда разработки Delphi

План разработки программы, №1

IV Изучение нового материала
Визуальное программирование представляет собой процесс создания Windows-приложений, при котором возможно одновременно конструировать, изменять, отлаживать приложение, используя интегрированную среду разработки IDE (Integrated Development Environment). По сути, визуальное программирование – это единство двух взаимосвязанных процессов: наглядного конструирования типового Windows-окна приложения и написания кода.
Интегрированная среда разработки Delphi 6 представляет собой многооконную систему, определяемую настройками пользовательского интерфейса:

  • Главное окно (Delphi6 – Project I).

  • Окно Обозреватель дерева объектов (Object Tree View).

  • Окно Инспектора объектов (Object Inspector).

  • Окно Конструктора формы (Forml).

  • Окно Редактора кода (UnitI.pas).

  • и др.

Модуль служит для размещения кода программы пользователя.
Любая программа Delphi состоит из файла проекта (*.dpr), одного или нескольких модулей (*.pas).
Имена в Delphi задаются латинскими буквами, цифрами и знаком подчеркивания.
Интерфейс Delphi. Элементы интерфейса. Главное окно/
Главное окно осуществляет основные функции управления проектом создаваемой программы и состоит из:

Строки заголовка

Строки меню

Панели инструментов

Палитры компонентов

Внимание.
Главное окно остается открытым все время работы IDE. Закрывая его, вы тем самым закрываете Delphi и все открытые в нем окна.

hello_html_70ade8c0.jpg


Строка заголовка главного окна отображает имя открытого в данный момент проекта. 
По заголовку главного окна можно определить, в каком режиме открыт проект.


Текст заголовка

Режим работы

Delphi 6 – Project1

Редактирование

Delphi 6 – Project1 [Running]

Выполнение

Строка меню содержит команды, необходимые для разработки и тестирования приложений и используется так же, как любое стандартное Windows-меню.
Панель инструментов. Панель инструментов представляет собой набор кнопок для быстрого доступа к необходимой функции меню. На этой панели есть, в частности, кнопка сохранения проекта на диске, кнопка открытия проекта, кнопка запуска программы на выполнение.
Пользователь может изменить конфигурацию панели инструментов. Для этой цели используется окно пользовательских настроек, с помощью которого можно отображать, скрывать или менять положение на панели инструментов тех или иных инструментов. 
Окно пользовательских настроек можно открыть, щелкнув правой кнопкой мыши на панели инструментов. С помощью  появившегося контекстного меню можно произвести необходимые настройки.
Палитра компонентов устроена в виде наборов пиктограмм. На палитре компонентов, представляющей собой множественные тематические страницы, располагаются визуальные и невизуальные компоненты вашей будущей программы. Они составляют библиотеку визуальных компонентов (VCL – Visual Component Library). 
Примечание. Невизуальные компоненты видны только при проектировании приложения. 

Окно проектировщика формы

Окно проектировщика формы – главное место, где происходит сборка программы из компонентов, содержащихся в палитре компонентов. Сама форма – это уже готовая к исполнению программа. В указанное место формы будет вставлен объект - экземпляр компонента выбранного типа.

hello_html_267ba3c5.jpg



Окно инспектора объетов

hello_html_m194a779e.jpg

Окно инспектора объектов (Object Inspector) - отображает свойства, активизированного щелчком мыши какого-либо компонента или самой формы. Имя активизированного компонента находится под заголовком окна.
Это окно имеет две закладки – Свойства ( Properties) и События ( Еvents).
На первой закладке ( Properties) постоянно отображаются все доступные свойства выбранного компонента. В левой колонке содержится список, а в правой – текущие значения по умолчанию.
На второй закладке ( Events) отображаются возможные обработчики событий для выбранного компонента. В левой колонке - названия, а в правой - соответствующие свойства или процедуры. 
Что же такое свойства и реакции на события?

Каждый объект в Delphi, даже само окно разрабатываемого приложения, имеют определенные свойства: цвет, размер, отображаемый текст и т.п. 
Эти свойства можно менять еще до запуска проектируемой программы на выполнение. В зависимости от изменяемого свойства результат можно просматривать уже сразу.
Реакции на события, это результат произошедшего системного события, например, щелчок мыши, нажатие на кнопку, открытие окна и т.п. Реакцию на событие назначают программно, указывая список действий, которые необходимо произвести. Например, если пользователь выполняет клик по кнопке, производится копирование файла.

Окно редактора кодов


hello_html_3103049.jpg

По ходу работы система формирует в окне Редактора кодов текст программы на языке Object Pascal, связанной с формой. 
После загрузки Delphi это окно спрятано за окном формы, и его можно увидеть, щелкнув на кнопке Toggle Form/Unit в панели инструментов. 

На момент первого запуска это окно имеет заголовок Unit1
В редакторе кода могут быть открыты сразу несколько файлов. Каждый открытый файл размещается на отдельной странице, а его название отображается на вкладке в верхней части. 
Если в вашей программе три окна, то они будут взаимодействовать в процессе работы с тремя так называемыми модулями (Unit). Все эти модули и отображаются в редакторе.
В окне кода программист непосредственно пишет текстовую часть программы.
Текстовая часть разбивается на несколькие части, называемые процедурами и функциями, которые работают отдельно одна от другой. 
Пользователь может дополнять текст программы самостоятельно или по предложению системы в момент размещения объектов в форме.
Внимание!
Никогда не изменяйте текст, который уже написан. Можно только добавлять текст программы, но остерегайтесь изменять уже существующий...

План разработки программы, №1

Открыть новый проект.

Разместить в форме следующие компоненты: метку Label и две кнопки Button

hello_html_m61d90bdc.jpg

  • Выделить кнопку Button2, перейти в Object Inspector на страницу Properties (свойства), найти Caption (заголовок) и изменить заголовок Button2 на заголовок Выход.

  • Перейти на страницу Events (события) Object Inspector, найти событие OnClick, справа от него дважды щелкнуть мышкой. Оказавшись в коде программы, точнее, в заготовке процедуры кнопки Button2, надо написать лишь одну команду: 

procedure TForm1.Button2Click(Sender: TObject);
begin
  Close;
end;

обязательно поставить точку с запятой после Close.

Сохранить проект под именем, например, Unit1.pas и Pr1.dpr.

Запустить программу, затем закрыть окно проекта кнопкой Выход.

Выделить форму, в Object Inspector в свойстве Caption заменить слово Form1 на Проект-1. Это и будет заголовком основного окна программы. 

Выделить кнопку Button1, найти в Object Inspector свойство Caption и заменить слово Button1 на название копки Приветствие. При необходимости увеличить длину кнопки.

Перейти на страницу Events (события) Object Inspector и найти OnClick, справа от него дважды щелкнуть мышкой. Попав в код программы, но теперь в процедуру кнопки Button1, надо написать следующий код:

Label1.Caption:=‘Первые успехи!’;

Сохранить проект окончательно, запустить и протестировать его.

VII Итог урока
Как запустить программу?
Из каких компонентов состоит окно программы?
С какими компонентами познакомились?
В чем отличие невизуальных от визуальных компонентов?
С помощью какого свойства меняется заголовок у компонента?
Что же такое свойства и реакции на события?
Проекты сохраняются в одном файле или нет?

Краткое описание плана разработки программы, №1

В этом разделе показано, как можно кратко описать план разработки программы. 
Для краткости в дальнейшем будем использовать этот способ записи.

1. Открыть новый проект.

2. Разместить в форме следующие компоненты: метку Label и две кнопки Button.

hello_html_m40ae6b1c.jpg




3. Выполнить следующие действия: 


Выделенный объект

Вкладка окна
Object Inspector

Имя свойства/
Имя события

Значение/Действие

Button2

Properties

Caption

 Выход

 

Events

OnClick

Close;

4. Сохранить проект под именем, например, Unit1.pas и Pr1.dpr.

5. Запустить программу, затем закрыть окно проекта кнопкой Выход.

6. Выполнить следующие действия:


Выделенный объект

Вкладка окна
Object Inspector

Имя свойства/
Имя события

Значение/Действие

Form1

Properties

Caption

Проект-1

Button1

Properties

Caption

Приветствие

 

Events

OnClick 

Label1.Caption:=‘Первые успехи!’;

7. Сохранить проект, запустить и протестировать его.
Задание для самостоятельного выполнения

 

Задание

Подсказка

1

Сделать шрифт выводимой реплики "Первые успехи!" отличным от стандартного по виду, цвету и размеру.

В Object Inspector дважды щелкнуть справа от названия свойства Font.

2

Заменить вид кнопки Выход на более привлекательный.

Для замены кнопки надо удалить существующую, а другую найти в палитре компонентов на вкладке Additional. Она самая левая, называется BitBtn. Затем изменить ее вид с помощью свойства Kind.

3

Сделать так, чтобы после нажатия кнопки Приветствие на экране  появлялось сообщение "Первые и не последние!". 

Изменить значение свойств Caption метки Label1 при реакции кнопки Button1 на событие OnClick.

4

Запустить исполняемый файл Pr1.exe не в среде Delphi, а в Windows.

Запустить исполняемый файл Pr1.exe не в среде Delphi, а в Windows.

Листинг программы, №1
Для самоконтроля ниже приводится базовый текст программы.


unit Unit1;

interface

uses
Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs,
StdCtrls, Buttons;

type
TForm1 = class(TForm)
Label1: TLabel;
Button1: TButton;
BitBtn1: TBitBtn;
procedure Button1Click(Sender: TObject);
private
{ Private declarations }
public
{ Public declarations }
end;

var
Form1: TForm1;

implementation

{$R *.DFM}

procedure TForm1.Button1Click(Sender: TObject);
begin
Label1.Caption:='
Первые и не последние!';
end;

end.

VII Итог урока
Как запустить программу?
Из каких компонентов состоит окно программы?
С какими компонентами познакомились?
В чем отличие невизуальных от визуальных компонентов?
С помощью какого свойства меняется заголовок у компонента?
Что же такое свойства и реакции на события?
Проекты сохраняются в одном файле или нет?
VIII Домашнее задание
Знать из каких элементов состоит окно программы.

Зам. директора по УР ________Чечихина Н.Ю.


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Краткое описание документа:

Урок, посвященный созданию интерфейса в среде программирования Delphi.

Тема: «Создание интерфейса проекта»

Цели:
- учить открывать и сохранять окно программы;
- познакомить с интерфейсом программы, с планом разработки программы;
- прививать любознательность;
- развитие логического мышления.
Оборудование: электронный учебник Delphi.

Ход урока

I Организация класса к уроку
II Актуализация прежних знаний
- Что вы можете сказать о среде программирования Pascal?
- Из каких элементов состоит окно программы?
- Какие операторы использовались при составлении программ?
- Как запускалась программа на выполнение?
III Сообщение темы урока
Основы визуального программирования.
Интегрированная среда разработки Delphi

План разработки программы, №1

IV Изучение нового материала
Визуальное программирование представляет собой процесс создания Windows-приложений, при котором возможно одновременно конструировать, изменять, отлаживать приложение, используя интегрированную среду разработки IDE (Integrated Development Environment). По сути, визуальное программирование – это единство двух взаимосвязанных процессов: наглядного конструирования типового Windows-окна приложения и написания кода.
Интегрированная среда разработки Delphi 6 представляет собой многооконную систему, определяемую настройками пользовательского интерфейса:

  • Главноеокно (Delphi6 – Project I).
  • Окно Обозреватель дерева объектов (Object Tree View).
  • Окно Инспектора объектов (Object Inspector).
  • Окно Конструктора формы (Forml).
  • Окно Редактора кода (UnitI.pas).
  • и др.

Модуль служит для размещения кода программы пользователя.
Любая программа Delphi состоит из файла проекта (*.dpr), одного или нескольких модулей (*.pas).
Имена в Delphi задаются латинскими буквами, цифрами и знаком подчеркивания.
Интерфейс Delphi. Элементы интерфейса. Главное окно/
Главное окно осуществляет основные функции управления проектом создаваемой программы и состоит из:

Строки заголовка

Строки меню

Панели инструментов

Палитры компонентов

Внимание.
Главное окно остается открытым все время работы IDE. Закрывая его, вы тем самым закрываете Delphi и все открытые в нем окна.


Строка заголовка главного окна отображает имя открытого в данный момент проекта.
По заголовку главного окна можно определить, в каком режиме открыт проект.


Автор
Дата добавления 09.12.2014
Раздел Информатика
Подраздел Конспекты
Просмотров1317
Номер материала 180680
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх