Расчёт зарплаты: различия между версиями

Материал из Поле цифровой дидактики
 
(не показаны 3 промежуточные версии этого же участника)
Строка 32: Строка 32:
}}
}}


===Диаграмма расчета зарплаты===
===Диаграмма процесса расчета зарплаты===
{{#mermaid:flowchart TB
{{#mermaid:flowchart TB
     A[Начало] --> B(Выбрать дату)
     A[Начало] --> B(Выбрать дату)
Строка 52: Строка 52:
пустое.jpg|Открытие приложения
пустое.jpg|Открытие приложения
</gallery>
</gallery>
* На экране в самом верху располагается логотип приложения.
* На экране в самом верху располагается логотип приложения. Логотип разработан совместно с сервисом: https://www.renderforest.com/ru/logo-maker
<gallery>
<gallery>
logo.jpg|Логотип приложения
logo.jpg|Логотип приложения
</gallery>
</gallery>
Чуть нижу поле выбора даты, которое является обязательным.  
Чуть нижу поле выбора даты, которое является обязательным. Выбираем день, месяц, год рабочей смены.  
<gallery>
<gallery>
дата.jpg|Дата
дата.jpg|Дата
Строка 93: Строка 93:
<gallery>
<gallery>
блок инициализация глобальных переменных.jpg|Блок Инициализации глобальных переменных
блок инициализация глобальных переменных.jpg|Блок Инициализации глобальных переменных
</gallery>
* Блок Выбора даты
<gallery>
блок выбор даты.jpg|Блок Выбора даты
</gallery>
* Блок Экран1
<gallery>
блок экрана.jpg|Блок Экрана1
</gallery>
* Блок Крутящегося списка
<gallery>
блок крутящийся список.jpg|Блок Крутящийся список
</gallery>
* Блок кнопки "Расчет зарплаты"
<gallery>
блок расчет зарплаты.jpg|Блок кнопки "Расчет зарплаты"
</gallery>
* Блок кнопки "Сохранить"
<gallery>
блок кнопка сохранить.jpg|Блок кнопки "Сохранить"
</gallery>
</gallery>

Текущая версия на 11:21, 11 мая 2024


Описание Создание приложения по расчёту заработной платы. Реализована возможность вносить данные о дате, месте работы, количестве отработанных часов, ставке, а также расчета заработной платы за рабочий день, сохранение данных, подсчет количества отработанных рабочих дней за месяц и итоговая заработная плата за месяц.
Область знаний Математика, Информатика, Экономика, Управление, Обществознание
Авторы
Поясняющее видео
Близкие понятия Счетчик денег, Финансовый менеджер
Среды и средства для освоения понятия

Ссылка на проект

https://gallery.appinventor.mit.edu/?galleryid=a34d1be6-e629-4700-9ad2-e251781df116

Диаграмма последовательности работы с приложением

Диаграмма процесса расчета зарплаты

Описание проекта

Приложение "Расчет зарплаты" создано для людей, работающих по часовой ставке, либо с фиксированной ставкой оплаты труда за день. Минималистичный дизайн реализован с помощью функционала MIT App Inventor (фон, форма кнопок, размер шрифта, цвет текста, цвет элементов), а также добавлен логотип. При открытие приложения сразу встречает весь его функционал.

  • На экране в самом верху располагается логотип приложения. Логотип разработан совместно с сервисом: https://www.renderforest.com/ru/logo-maker

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

Далее 4 поля: Место, Часы, Ставка, Зарплата. Поля "Место" и "Зарплата" являются обязательными.

Зарплату можно рассчитать автоматически, нажав на кнопку "Рассчитать зарплату" и заполнив поля "Часы" и "Ставка".

Последняя кнопка сохраняет введенные нами значения в список и показывает их в поле "Крутящийся список"

Под кнопкой представлены подписанные элементы списка: дата, место, часы, ставка, подытог.

Ниже крутящегося списка 2 надписи: количество рабочих дней и итоговая зарплата. Они обновляются в зависимости от элементов, сохраненных в списке.

На картинке представлен экран предложения, который заполнили данными

Редактор блоков

App Inventor состоит из конструктора и редактора блоков. Конструктор позволяет создавать интерфейс приложения. Редактор блоков позволяет вам программировать поведение приложения, объединяя блоки вместе.

  • Блок Инициализации глобальных переменных
  • Блок Выбора даты
  • Блок Экран1
  • Блок Крутящегося списка
  • Блок кнопки "Расчет зарплаты"
  • Блок кнопки "Сохранить"