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

Материал из Поле цифровой дидактики
← Предыдущая правка
Нет описания правки
Нет описания правки
 
(не показано 10 промежуточных версий 1 участника)
Строка 1: Строка 1:
{{Понятие
{{Scripting_Tutorials
|Description=Создание приложения по расчёту заработной платы. Реализована возможность вносить данные о дате, месте работы, количестве отработанных часов, ставке, а также расчета заработной платы за рабочий день, сохранение данных, подсчет количества отработанных рабочих дней за месяц и итоговая заработная плата за месяц.
|Description=Создание приложения по расчёту заработной платы. Реализована возможность вносить данные о дате, месте работы, количестве отработанных часов, ставке, а также расчета заработной платы за рабочий день, сохранение данных, подсчет количества отработанных рабочих дней за месяц и итоговая заработная плата за месяц.
|Field_of_knowledge=Математика, Информатика, Экономика, Управление, Обществознание
|Field_of_knowledge=Математика, Информатика, Экономика, Управление, Обществознание
Строка 7: Строка 7:
===Ссылка на проект===
===Ссылка на проект===


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


===Диаграмма последовательности работы с приложением===
===Диаграмма последовательности работы с приложением===
Строка 33: Строка 33:
}}
}}


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


===Описание проекта===
===Описание проекта===
Приложение "Расчёт зарплаты" состоит из 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>

Текущая версия от 12:01, 11 октября 2025

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


Поясняющее видео
Близкие рецепту понятия Счетчик денег, Финансовый менеджер
Среды и средства для приготовления рецепта:


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

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
    Блок Экрана1
  • Блок Крутящегося списка
  • Блок Крутящийся список
    Блок Крутящийся список
  • Блок кнопки "Расчет зарплаты"
  • Блок кнопки "Расчет зарплаты"
    Блок кнопки "Расчет зарплаты"
  • Блок кнопки "Сохранить"
  • Блок кнопки "Сохранить"
    Блок кнопки "Сохранить"
Источник — http://digida.mgpu.ru/index.php?title=Расчёт_зарплаты&oldid=32893