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

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


===Диаграмма расчета зарплаты===
===Диаграмма процесса расчета зарплаты===
{{#mermaid:flowchart TB
{{#mermaid:flowchart TB
     A[Начало] --> B(Выбрать дату)
     A[Начало] --> B(Выбрать дату)
Строка 47: Строка 47:


===Описание проекта===
===Описание проекта===
Приложение "Расчёт зарплаты" состоит из 1 экрана. Минималистичный дизайн реализован с помощью функционала MIT App Inventor (фон, форма кнопок, размер шрифта, цвет текста, цвет элементов), а также добавлен логотип, сгенерированный с помощью нейросети.
Приложение "Расчет зарплаты" создано для людей, работающих по часовой ставке, либо с фиксированной ставкой оплаты труда за день. Минималистичный дизайн реализован с помощью функционала MIT App Inventor (фон, форма кнопок, размер шрифта, цвет текста, цвет элементов), а также добавлен логотип.
При открытие приложения сразу встречает весь его функционал.
<gallery>
пустое.jpg|Открытие приложения
</gallery>
* На экране в самом верху располагается логотип приложения. Логотип разработан совместно с сервисом: https://www.renderforest.com/ru/logo-maker
<gallery>
logo.jpg|Логотип приложения
</gallery>
Чуть нижу поле выбора даты, которое является обязательным. Выбираем день, месяц, год рабочей смены.
<gallery>
дата.jpg|Дата
</gallery>
Далее 4 поля: Место, Часы, Ставка, Зарплата. Поля "Место" и "Зарплата" являются обязательными.
<gallery>
4 элемента.jpg|Поля ввода
</gallery>
Зарплату можно рассчитать автоматически, нажав на кнопку "Рассчитать зарплату" и заполнив поля "Часы" и "Ставка".
<gallery>
расчет.jpg|Рассчитать зарплату
</gallery>
Последняя кнопка сохраняет введенные нами значения в список и показывает их в поле "Крутящийся список"
<gallery>
сохранить.jpg|Кнопка сохранить
</gallery>
<gallery>
крутящийся список.jpg|Крутящийся список
</gallery>
Под кнопкой представлены подписанные элементы списка: дата, место, часы, ставка, подытог.
<gallery>
надписи.jpg|Надписи
</gallery>
Ниже крутящегося списка 2 надписи: количество рабочих дней и итоговая зарплата. Они обновляются в зависимости от элементов, сохраненных в списке.
<gallery>
итоги.jpg|Итоговая зарплата и количество отработанных дней
</gallery>
На картинке представлен экран предложения, который заполнили данными
<gallery>
заполненное.jpg|Итоговая зарплата и количество отработанных дней
</gallery>
 
===Редактор блоков===
App Inventor состоит из конструктора и редактора блоков. Конструктор позволяет создавать интерфейс приложения. Редактор блоков позволяет вам программировать поведение приложения, объединяя блоки вместе.
* Блок Инициализации глобальных переменных
<gallery>
блок инициализация глобальных переменных.jpg|Блок Инициализации глобальных переменных
</gallery>
* Блок Выбора даты
<gallery>
блок выбор даты.jpg|Блок Выбора даты
</gallery>
* Блок Экран1
<gallery>
блок экрана.jpg|Блок Экрана1
</gallery>
* Блок Крутящегося списка
<gallery>
блок крутящийся список.jpg|Блок Крутящийся список
</gallery>
* Блок кнопки "Расчет зарплаты"
<gallery>
блок расчет зарплаты.jpg|Блок кнопки "Расчет зарплаты"
</gallery>
* Блок кнопки "Сохранить"
<gallery>
блок кнопка сохранить.jpg|Блок кнопки "Сохранить"
</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

  • Блок Экрана1

  • Блок Крутящегося списка

  • Блок Крутящийся список

  • Блок кнопки "Расчет зарплаты"

  • Блок кнопки "Расчет зарплаты"

  • Блок кнопки "Сохранить"

  • Блок кнопки "Сохранить"

Источник — http://digida.mgpu.ru/index.php?title=Расчёт_зарплаты&oldid=17870