Узнайте советы по отладке кода и исправлению ошибок в Thunkable
Вот задания для этого урока:
ЧТО ТАКОЕ ОТЛАДКА?
Отладка Это процесс, с помощью которого кодеры выясняют, почему их код не работает, а затем исправляют его, чтобы он заработал.
Термин "отладка" появился благодаря адмиралу Грейс Хоппер, пионеру в области вычислительной техники. Она работала над компьютером Mark II в Гарвардском университете в 1940-х годах, и в компьютере застряла моль, которая не давала ему работать.
Избавившись от мотылька, она сказала, что они "отлаживают" систему. Сейчас программисты используют этот термин для обозначения "исправления ошибок в моем коде".
СОВЕТЫ ПО КОДИРОВАНИЮ
Отладка часто бывает самой неприятной и трудоемкой частью кодирования, поэтому очень важно оставлять для нее достаточно времени!
А также набраться терпения!
МАЛЕНЬКИЕ КУСОЧКИ
Иногда у программистов возникает соблазн написать все приложение за один раз, а затем протестировать его.
Не поддавайтесь на это искушение!!!
Если что-то работает некорректно, что вполне вероятно, трудно понять, с чего начать, чтобы попытаться исправить ошибку.
Разбейте кодировку вашего приложения на небольшие фрагменты.
Прежде чем приступать к следующему, сделайте одну вещь рабочей.
Немного кода, немного тестирования, подтверждение того, что все работает, затем еще немного кода, еще немного тестирования и т.д.
Например, если в вашем приложении есть 5 кнопок, которые выполняют разные действия,
- Задайте действие для первой кнопки
- Затем протестируйте, чтобы убедиться, что все работает.
- Перейдите ко второй кнопке
- Повторяйте.
Лучше исправить код в одном месте, чем возвращаться и исправлять его в 5 местах, если в нем есть ошибка.
КОНТРОЛЬ ВЕРСИЙ
Допустим, вы следуете правилу "маленьких кусочков" и у вас есть одна часть приложения, которая создана и работает.
Вы добавляете новый код, и вдруг все перестает работать.
О НЕТ!
Вы пытаетесь удалить новый код, но ваше приложение по-прежнему не работает. Вы не знаете, что пошло не так, и жалеете, что у вас нет кнопки "отменить".
Чтобы избежать подобных ситуаций, вы можете сохранять версии вашего приложения по мере того, как вы добиваетесь работоспособности отдельных частей.
Таким образом, если вы допустите ошибку и не будете знать, как ее исправить, вы сможете вернуться к последней рабочей версии, которую вы сохранили.
Вы также можете использовать контроль версий, чтобы экспериментировать с новыми функциями, не боясь сломать работающее приложение.
Бесплатная версия Thunkable имеет ограничение на 10 проектов, поэтому, если вы достигнете лимита проектов, вы можете удалить самые старые версии, прежде чем сохранять новую.
Чтобы создать копию проекта:
- нажмите на 3 точки в правом верхнем углу экрана
- Выберите "Дублировать проект" из выпадающего списка.
- Переименуйте сохраненные копии, чтобы не потерять их. Нумерация v1, v2 работает хорошо.
РАЗРУШАЮЩИЕСЯ БЛОКИ
Свертывание блоков - это способ сохранить организованность кода, поскольку рабочее пространство кода начинает переполняться блоками.
Если вы щелкните правой кнопкой мыши на блоке, появится возможность свернуть его.
Чтобы снова развернуть блоки, щелкните на них правой кнопкой мыши и выберите пункт Развернуть блок.
Сложенные блоки сжимаются до одной полоски на экране.
Они работают так же, как и обычные блоки, просто занимают меньше места. Это может быть полезно, если у вас есть блоки, которые вам больше не нужно редактировать, и вы хотите очистить экран.
ОТКЛЮЧИТЬ БЛОКИ
Вы также можете отключить блоки.
Они остаются на экране, но не запускаются в приложении.
С помощью отключенных блоков вы можете протестировать приложение без определенных блоков кода. Позже вы можете включить их, и они будут работать.
Вы также можете отключить блоки, которые вы использовали только для тестирования, например Alerts.
Простое перетаскивание блоков из блока обработчика событий отключит их и не позволит им выполняться. Поскольку они не являются частью какого-либо события, они никогда не будут выполнены. Они будут отображаться серым цветом. Вы всегда можете перетащить их обратно, чтобы снова включить их.
КОММЕНТАРИИ
Программисты часто оставляют комментарии в коде, чтобы объяснить, что он делает.
Комментарии могут быть полезны, когда на ваш код смотрят другие люди, например, товарищи по команде, наставники или судьи.
Комментарии также могут помочь, если вы вернетесь к коду позже и забудете, что в нем происходит.
Чтобы добавить комментарий, щелкните правой кнопкой мыши на блоках и выберите "Добавить комментарий".
После этого в углу блока появится знак вопроса, и вы сможете добавить текст. Вы можете просмотреть комментарий, нажав на знак вопроса.
Совет для менторов
Лучшие практики: Комментарии - самая полезная вещь в программировании.
Бывали случаи, когда программист что-то кодировал, а потом ложился спать и возвращался на следующее утро, не имея ни малейшего представления о том, что он делал накануне. Всегда пишите комментарии!
It’s also a great way to check your knowledge, because if your coding blocks are easy to comment on then you must understand them really well! Another thing to be aware of is that <, >, =, ≤, ≥ are hard for students for the first time (and for programmers who are years into their careers). When we set a math statement to < when it should be ≤ this is called an “off by one” error and this is a problem that happens to developers with 20 years of experience 😛 It is a very popular problem so be on the lookout for that.
Лучший тип отладки - это отладка с помощью резиновой утки! Это когда вы действительно застряли в своем коде, и он не имеет смысла. Вы хотите потратить время на то, чтобы обсудить это с кем-то еще, чтобы увидеть, смогут ли они заметить проблему, но, к сожалению, никого рядом нет! Поэтому у вас на столе сидит верная резиновая уточка, и вы вслух объясняете проблему своему другу-утке. Вы должны сделать это очень простым языком, чтобы они поняли, и тогда вы сами найдете проблему! У всех моих коллег есть резиновые уточки на столах, и они часто так делают!
Наводящие вопросы, которые можно задать студентам: Как вы думаете, сколько времени требуется опытным кодерам для отладки ошибок? Можно подумать, что они быстро справляются с этой задачей, но на каждом крупном сайте есть страницы, посвященные тому, как долго существуют ошибки(например, Facebook), и они также показывают, если какая-либо из их страниц не работает или сломана, и они в настоящее время занимаются отладкой(пример Facebook).
Как вы находите ошибки? (Много-много тестирования!) Как вы думаете, сколько тестирования вы должны делать? Сколько тестирования нужно поручить другим людям?
Как узнать, что вы нашли ошибку? Иногда вы можете целую вечность щелкать по изображению, а потом понять, что кнопка, которую вы должны были нажать, находится под изображением. Является ли это ошибкой? Это дизайнерский выбор, который сделал создатель приложения, и они не считают это ошибкой, но вы можете подумать.
Советы для менторов предоставлены при поддержке AmeriCorps.
СОВЕТЫ ПО УСТРАНЕНИЮ НЕПОЛАДОК
ПРЕДУПРЕЖДЕНИЯ И ЯРЛЫКИ
Вы можете использовать такие компоненты, как Alerts и Labels, для отображения информации в процессе тестирования. Когда вы полностью протестируете приложение, вы можете просто удалить их
Вы добавляете Оповещение в окне "Блоки", нажав на знак "+" рядом с надписью "Оповещения" в палитре.
Установите сообщение Alert Message на информацию, которую вы хотите отслеживать.
Затем используйте Alert.Show в своем коде, чтобы отобразить его при наступлении события.
Помимо сообщений, вы можете отображать такую информацию, как значение переменной или положение спрайта.
Вы также можете добавить Ярлыки для отображения текущей информации в вашем приложении.
Например, вы можете захотеть узнать значение переменной при наступлении определенных событий во время работы приложения.
Вы можете установить Label.Text на любое значение, которое вам нужно, и оно будет отображаться в вашем приложении.
Отладив ошибку, вы можете либо сделать Label невидимым, либо вообще удалить его из приложения.
ДАННЫЕ ТЕСТА ИСПОЛЬЗОВАНИЯ
Если у вас много информации, которую нужно использовать в приложении, полезно использовать тестовые данные. Тестовые данные - это более простой и небольшой набор данных, который вы можете использовать, чтобы убедиться, что ваше приложение работает правильно.
Допустим, вы создаете приложение, в котором отображаются близлежащие рестораны. Для хранения информации о ресторанах вы используете Google Sheets.
Вы можете начать с одного или двух тестовых ресторанов и протестировать свое приложение, чтобы убедиться, что оно работает.
После того как все проверено и работает, вы можете добавить полный набор данных о ресторанах в свой лист Google.
ИЗМЕНИТЬ СВОЙСТВА
Если вы тестируете свое приложение в реальном времени, вы можете изменить значение свойства в конструкторе во время запуска приложения и увидеть его эффект.
Иногда это помогает выявить проблему.
Например, вы пишете игру. Положение спрайта выглядит неправильно на вашем телефоне, когда он запущен.
Во время тестирования в реальном времени вы можете
- Перейти к конструктору
- изменить значения X и Y спрайта
- Положение спрайта на экране в запущенном приложении изменится.
Используйте его для проверки и понимания координат на экране.
ЗАНЯТИЕ 1: ИСПРАВЬТЕ ОШИБКУ
Исправление ошибок в приложении "Таймер
- Скопируйте проект.
- Предварительно просмотрите приложение, чтобы запустить его.
- Try pressing Start without typing anything into the textbox. What happens?
- Попробуйте ввести 0 или отрицательное число для количества секунд. Что произойдет?
- Исправьте ошибки с помощью условных блоков!
ЗАДАЧА 2: ДОБАВИТЬ КОММЕНТАРИЙ
Добавить комментарий к проекту Thunkable
Добавьте в приложение хотя бы один комментарий, объясняющий, что делает та или иная группа блоков. Выберите группу блоков, которую, по вашему мнению, труднее всего понять, потому что эти блоки, вероятно, будет труднее всего понять кому-то другому, например члену команды.
РЕФЛЕКСИЯ
Эти советы помогут вам, когда вы начнете писать мобильное приложение для своего проекта Technovation.
Но помните...
ОБЗОР ОСНОВНЫХ ТЕРМИНОВ
- Отладка - процесс, с помощью которого кодеры выясняют, почему их код не работает, и исправляют его
- Контроль версий - сохранение рабочих версий вашего приложения по мере продвижения вперед
- Тестовые данные - Простой набор данных, который можно использовать, чтобы убедиться, что ваше приложение работает правильно
- Комментарии - текст, который включается в код, чтобы объяснить, что он делает
ДОПОЛНИТЕЛЬНЫЕ РЕСУРСЫ
Здесь еще несколько ресурсов по отладке Thunkable.
