Методические указания к лабораторным работам по изучению пакета разработки сетевых приложений oracle apex для студентов направления обучения по бакалавриату «Прикладная информатика»

Лабораторная работа № 6. Доработка пользовательского интерфейса

1. 
   Создать отчет для просмотра и форму для редактирования местоположений (таблица LOCATIONS). Разместить на главной странице ссылку на страницу созданного отчета о местоположениях. Соединить страницу с формой редактирования подразделений со страницей с формой редактирования местоположений так, чтобы при редактировании данных о подразделении была возможность отредактировать существующее местоположение или создать запись о новом.
   
2. 
   Доработать пользовательский интерфейс: добавить название приложения на отображаемые страницы, изменить тему, дооформить главную страницу.
   
3. 
   Изучить основные этапы развертывания приложения. Экспортировать приложение в виде текстового файла. Создать учетную запись для конечного пользователя приложения. Научиться определять URL приложения.
   

1. 
   Создание отчета и формы для просмотра и редактирования местоположений
   

1. 
   Откройте свое приложение в Application Builder.
   
2. 
   Создайте форму для редактирования местоположений (таблица LOCATIONS) с отчетом о существующих местоположениях:
   

1. 
   Используйте мастер создания страниц Create Page > Form > Form on a Table with Report.
   
2. 
   Название страницы отчета (Page Name) – Местоположения
   
3. 
   Реализация отчета (Implementation) – Classic
   
4. 
   Название формы для редактирования – Создать/Редактировать Местоположение
   
5. 
   Навигационная цепочка для страницы отчета – Главная>Местоположения
   
6. 
   Навигационная цепочка для формы для редактирования –
   Главная>Местоположения>Создать/Редактировать Местоположение
   

3. 
   Доработайте страницу отчета Местоположения:
   

1. 
   Русифицируйте заголовки столбцов отчета и кнопку Create.
   
2. 
   Задайте логичную последовательность столбцов в отчете
   
3. 
   Добавьте возможность сортировки
   

4. 
   Доработайте форму Создать/Редактировать Местоположение:
   

1. 
   Русифицируйте ярлыки элементов формы и все кнопки
   
2. 
   Задайте логичную последовательность элементов на форме (это можно сделать в секции Page Rendering для страницы Создать/Редактировать Местоположение, перетаскивая мышью идентификаторы полей формы)
   
3. 
   Поле с кодом страны представьте как выпадающий список выбора (см. ранее)
   

5. 
   Добавьте на главную страницу ссылку на страницу с отчетом о местоположениях (см. ранее):
   

6. 
   Добавьте на страницу Создать/Редактировать Подразделение кнопку Редактировать расположение для редактирования местоположения. Причем при нажатии кнопки должен производиться переход на страницу Создать/Редактировать Местоположение. При этом в полях формы должны отображаться данные о редактируемом местоположении (при переходе в элемент с идентификатором местоположения должен передаваться идентификатор текущего местоположения):
   

1. 
   Войдите в режим редактирования страницы Создать/Редактировать Подразделение.
   
2. 
   Нажмите кнопку Create в правом верхнем углу и выберите опцию Page control on this page, затем выберите опцию Button. Нажмите Next>.
   
3. 
   На шаге Button position выберите опцию Create a bottom in a region position. Нажмите Next>.
   
4. 
   На шаге Button Attributes введите:
   

1. 
   Имя кнопки (Button Name) – EDIT_LOCATION
   
2. 
   Ярлык (Label) – Редактировать расположение
   
3. 
   Стиль кнопки (Button Style) – Template Based Button.
   
4. 
   Button Template – Button, нажмите Next>.
   

5. 
   На шаге Action When Clicked:
   

• 
  в поле Action выберите Redirect to Page in this Application,
  
• 
  в поле Page выберите страницу Создать/Редактировать Местоположение,
  
• 
  в поле Set This Items установите идентификатор поля P?_LOCATION_ID, в поле With These Values – идентификатор поля P??_LOCATION_ID, где ? - номер страницы в Вашем приложении, куда выполняется переход, ?? – номер текущей страницы (обозначения страниц выбираются с помощью кнопки ).
  

7. 
   Добавьте на странице Создать/Редактировать Подразделение кнопку Новое расположение для создания нового местоположения при выполнении условий: имя кнопки – NEW_LOCATION, ярлык (Label) – Новое расположение, при нажатии кнопки должен производиться переход на страницу Создать/Редактировать Местоположение, причем поля формы должны отображаться незаполненными (для этого при переходе необходимо очистить кэш целевой страницы):
   

1. 
   Войдите в режим редактирования страницы Создать/Редактировать Подразделение.
   
2. 
   Нажмите кнопку Create в правом верхнем углу и выберите опцию Page control on this page, затем выберите опцию Button. Нажмите Next>.
   
3. 
   На шаге Button position выберите опцию Create a bottom in a region position.Нажмите Next>.
   
4. 
   На шаге Button Attributes введите:
   

5. 
   Имя кнопки (Button Name) – NEW_LOCATION
   
6. 
   Ярлык (Label) – Новое расположение
   
7. 
   Стиль кнопки (Button Style) – Template Based Button.
   
8. 
   Button Template – Button, нажмите Next>.
   

5. 
   На шаге Action When Clicked:
   

• 
  в поле Action выберите Redirect to Page in this Application,
  
• 
  в поле Page выберите страницу Создать/Редактировать Местоположение,
  
• 
  в поле Clear Cache установите идентификатор страницы, совпадающий с тем, который высветился в поле Page.
  

6. 
   Кнопкой Create Button завершите создание кнопки.
   

8. 
   Протестируйте созданные страницы и переходы по ссылкам.
   

2. 
   Доработка пользовательского интерфейса
   

1. 
   Добавление названия приложения
   

1. 
   Добавьте название приложения на каждую страницу. Для этого:
   

1. 
   В Shared Components щелкните по User Interface Attributes в секции User Interface.
   
2. 
   В секции Logo выберите в Logo Type – Text, в поле Logo впишите название приложения (например, «учебная задача»), в Logo Attributes выберите Black Text.
   

2. 
   Запустите приложение. Обратите внимание на левый верхний угол, в котором теперь отображается текст, введенный на предыдущем шаге. Этот текст отображается на каждой странице приложения:
   

2. 
   Изменение темы пользовательского интерфейса
   

1. 
   Измените тему своего приложения. Для этого:
   
   1. 
      В Shared Components щелкните по Themes в секции User Interface. Откроется страница с темами приложения.
      
   2. 
      На странице с темами запустите мастера создания темы (щелкнув по кнопке Create>).
      
   3. 
      На шаге Method выберите From the Repository (т.к. мы хотим выбрать уже готовую тему из репозитария APEX).
      
   4. 
      На шаге Identify Theme выберите понравившуюся Вам тему (например, Cloudy-24).
      
   5. 
      На шаге Confirm подтвердите свой выбор, щелкнув по кнопке Create. Новая тема отобразится на странице с темами Вашего приложения:
      

6. 
   Щелкните по кнопке Switch Theme (справа вверху).
   
7. 
   На шаге Identify Theme выберите добавленную ранее тему.
   
8. 
   На шаге Verify Compatibility просмотрите информацию, оставьте все как есть.
   

1. 
   На шаге Confirm Switch подтвердите свой выбор, щелкнув по кнопке Switch Theme.
   
1. 
   Запустите приложение. Обратите внимание на изменения, которые произошли в цветовой схеме и компоновке страниц приложения.
   

3. 
   Оформление главной страницы
   

1. 
   Дополните пункты навигационного списка на главной странице графическими иконками:
   
   1. 
      Откройте окно редактирования элементов навигационного списка (зайдите в режим редактирования страницы Главная, в разделе Shared Components выберите опции Lists - Navigation):
      

2. 
   Для каждого элемента списка:
   
   • 
     Откройте страницу редактирования Create / Edit двойным щелчком ЛКМ и щелкните по кнопке рядом с полем Image в секции Entry. Откроется страница со списком доступных иконок.
     

• 
  Выберите подходящую иконку, щелкнув по ней. В поле Image на странице редактирования будет вписан относительный путь к выбранной иконке.
  
1. 
   Запустите главную страницу приложения. Обратите внимание, что она выглядит так же, как и до назначения иконок пунктам навигационного списка. Причина этого заключается в том, что текущий шаблон списка не позволяет отображать иконки пунктов списка.
   
2. 
   Установите шаблон оформления навигационного списка, предполагающий отображение иконок:
   
   1. 
      Откройте страницу редактирования области навигационного списка, войдя сначала в режим редактирования страницы Главная, затем дважды щелкнув по опции Navigation.
      
   2. 
      В секции Source в поле List Template Override выберите шаблон Horizontal Images with Label List.
      
3. 
   Запустите главную страницу приложения. Обратите внимание на изменения в представлении списка:
   

5. 
   Откройте страницу редактирования области навигационного списка и в секции User Interface в поле Template установите No Template.
   
6. 
   Запустите главную страницу и оцените изменения:
   

3. 
   Развертывание приложения
   

1. 
   Экспорт пакетного приложения.
   
2. 
   Импорт² и инсталляция³ экспортированных файлов (в работе не выполняется).
   

1. 
   Экспорт приложения
   

1. 
   В Application Builder на домашней странице Вашего приложения щелкните по иконке Export/Import.
   
2. 
   На странице Export/Import, выберите Export.
   
3. 
   В поле Application выберите Ваше приложение.
   
4. 
   В поле File Format выберите UNIX. Это поле определяет, как будут отформатированы строки в экспортном файле: например, UNIX – строки будут разделены символом «перевод строки» (LF – line feed).
   
5. 
   Поле Owner Override оставьте пустым.
   
6. 
   В поле Build Status Override выберите Run and Build Application. Это поле позволяет защитить приложение от модификаций со стороны других пользователей:
   
   • 
     Run Application Only – разработчики могут только запускать приложение.
     
   • 
     Run and Build Application – разработчики могут как запускать, так и редактировать приложение.
     
7. 
   В поле Debugging выберите Yes. Приложение будет экспортировано с поддержкой отладки.
   
8. 
   В поле Exporting Supporting Object Definitions выберите No. Если выбрать Yes, то приложение будет экспортировано вместе с определениями вспомогательных объектов (пакетное приложение).
   
9. 
   В поле Export Developer Comments выберите Yes. Вместе с приложением будут выгружены комментарии разработчика⁴.
   
10. 
    Поле As of оставьте пустым. Это поле позволяет экспортировать приложение по состоянию на указанное количество минут в прошлом.
    
11. 
    Щелкните по кнопке Export Application. Файл с именем f<номер Вашего приложения>.sql сохраняется, как правило, в папке <имя диска>\Мои документы\downloads, что можно уточнить, вызвав контекстное меню для вкладки, соответствующей сохраненному файлу (внизу слева в окне), и затем опцию Показать в папке.
    

2. 
   Создание учетных записей конечных пользователей
   

1. 
   Создайте учетную запись для конечного пользователя Вашего приложения⁵.
   
   1. 
      Откройте домашнюю страницу (вкладка Home) Вашей рабочей области.
      

2. 
   Зайдите в опцию Administration.
   
3. 
   В списке ссылок на задачи администрирования Administration, который находится справа в окне, щелкните по ссылке Create User. Отобразится страница Create User.
   
4. 
   Заполните поля в секции User Identification:
   
   • 
     User Name – введите имя пользователя (например, testuser), удовлетворяющее следующим ограничениям: максимальная длина - 100 символов, пробелы недопустимы, из специальных символов допускаются только @ и точка (.).
     
   • 
     Email Address – введите адрес электронной почты, на который будет высылаться корреспонденция общего характера, уведомления о смене пароля и т.д.
     
5. 
   В секции Account Privileges:
   
   • 
     Default Schema – оставьте значение по умолчанию. Эта схема используется по умолчанию при просмотре данных, создании приложений, выполнении SQL-запросов.
     
   • 
     Accessible Schemas (null for all) – оставьте это поле пустым, чтобы позволить конечному пользователю иметь доступ ко всем приложениям в рабочей области. Ввод разделенных двоеточиями названий схем позволяет ограничить доступ пользователя только теми приложениями, которые построены на этих схемах. Если пользователь не имеет доступ к схеме, на которой построено приложение, он также не имеет доступа и к самому приложению.
     
   • 
     User is a workspace administrator – выберите No (пользователь не должен обладать правами администратора рабочей области). Выбирая No, Вы ограничиваете права пользователя, позволяя ему только запускать и использовать приложение, но не изменять его.
     
   • 
     User is a developer – выберите No (создаваемый конечный пользователь не должен иметь возможность выступать в роли разработчика).
     
   • 
     Set Account Availability – выберите Unlocked.
     
6. 
   В секции Password:
   
   • 
     Password и Confirm Password – введите пароль для этой учетной записи (пароль чувствителен к регистру).
     
   • 
     Require Change of Password On First Use выберите No, если Вы не хотите, чтобы от пользователя требовалось изменить пароль при первом входе в систему.
     
7. 
   В секции User Groups Вы можете выбрать группы пользователей, в которые будет входить данный пользователь. Группы пользователей позволяют разработчикам управлять доступом к специальным возможностям и функциям приложения на уровне групп. Эта возможность не обладает переносимостью между различными схемами аутентификации и полезна, только когда используется внутренняя аутентификация.
   
8. 
   Подтвердите создание пользовательской учетной записи, щелкнув по кнопке Create User.
   

3. 
   Определение URL приложения
   

1. 
   Откройте свое приложение в Application Builder.
   
2. 
   На домашней странице приложения наведите курсор мыши на иконку Run Application. Обратите внимание на URL, который отображается в статусной панели в нижней части окна браузера. Например:
   

• 
  apex.oracle.com – URL сервера
  
• 
  pls – индикатор того, что нужно использовать mod_plsql картридж
  
• 
  apex – имя database access descriptor (DAD).
  
• 
  f?p= – это префикс, используемый Oracle Application Express
  
• 
  58430 – это идентификатор вызываемого приложения
  
• 
  116390431163533 – номер сессии
  

1. 
   Проделайте все описанные действия со своими таблицами. При этом все промежуточные результаты через кнопку PrintScreen сохраняйте в отдельном файле для показа преподавателю.
   
2. 
   Покажите результат преподавателю.