Прежде всего, мы, как команда, благодарны школе масаи за то, что они собрали нас вместе для нашей первой недели строительства, которая также является нашим первым опытом работы над совместным проектом. Мы особенно благодарны нашему инструктору Чандра Секхар и помощнику по обучению Нирадж Малвал за их поддержку и руководство.
Мы были командой из шести человек, а членами команды были Гобинд Сетиа, Грейс Кристина Ритика, Шубхам Пракаш Джатар, Хари Кишор Редди,
Вивек Кумар и Ашвани Саху.
Введение
Нам поручили работать над клонированием travelocity.com на нашей 2-й Неделе строительства юнитов (14 декабря — 19 декабря 2021 г.).
Мы изучили базовый JavaScript в первом блоке и технологии разметки веб-страниц, такие как HTML/CSS, а также концепции манипулирования DOM и локального хранилища браузера во втором блоке. Мы должны были использовать эти технологии, чтобы получить желаемый результат в течение заданного пятидневного периода.
Мы использовали Slack в качестве предпочтительного средства связи на протяжении всего проекта и использовали Zoom для всех видеоконференций. Мы позаботились о том, чтобы два раза в день проводились конференции для обсуждения планов и ежедневных отчетов. Кроме того, GitHub помогал отслеживать прогресс друг друга.
Мозговой штурм
Все члены команды соединились в первый день, чтобы обсудить друг с другом идеи и ожидания от этого проекта. Мы записали все эти идеи и после обсуждения сузили все до текущего потока. Для такого проекта с несколькими участниками необходимо иметь практические знания Git и GitHub. Итак, мы также обсудили контроль версий и поток файлов в git.
Изначально мы планировали сделать идеальный статический клон, но, ограниченный используемыми технологиями и сроками, мы решили сделать простой поток одностороннего бронирования авиабилетов с целевой страницы на страницу оплаты.
Управление временем
Мы начали с выделения разных веб-страниц для каждого члена команды. Каждый должен был выполнить задачу по базовой разметке заданных веб-страниц за один день, а на следующий день добавить к ней CSS.
После этого мы начали работать над добавлением функционала на наш сайт. Для этого мы добавили жестко закодированные данные для нескольких рейсов между несколькими городами. Он был сохранен как JSON в коде, а затем манипулировался на каждой итерации через Local-Storage.
Нам потребовалось несколько дней, чтобы сделать наш сайт динамичным. Мы потратили последний день на отладку наших веб-страниц на предмет мелких ошибок и визуальных улучшений.
Обязанности
Gobind Setia создала целевую страницу, которая включала верхний и нижний колонтитулы, которые использовались на последующих страницах для перехода между разными страницами веб-сайта. Вы получаете базовую форму для поиска рейсов. В нижних разделах вы найдете предложения и информацию об услугах, предоставляемых travelocity.com.
Грейс Кристина Ритика создала страницу бронирования авиабилетов, на которой отображаются несколько рейсов в зависимости от параметров поиска, используемых на целевой странице. Эти рейсы можно отсортировать по цене как по возрастанию, так и по убыванию.
Шубхам Пракаш Джатар создал страницу оформления заказа, которая дает вам все детали выбранного рейса, а также дает возможность выбрать количество нескольких пассажиров, если таковые имеются. В зависимости от количества пассажиров отображается общая стоимость билетов.
Хари Кишор Реддисоздал страницу оплаты после того, как вы просмотрите все детали рейса с предыдущей страницы и перейдете к оформлению заказа; вы попадаете на страницу платежей, где вы можете просмотреть цену и оплатить ее с помощью своей дебетовой / кредитной карты. Кроме того, он записывает контактную информацию путешественника.
Ашвани Саху создал страницу одноразового пароля и страницу поддержки, страница одноразового пароля принимает только четырехзначное число в качестве ввода и предупреждает пользователя об успешной оплате. Страница поддержки содержит пустую форму для получения контактной информации пользователя, которая затем сохраняется в локальном хранилище для использования службой поддержки клиентов для связи и решения запросов пользователя.
Вивек Кумар создал страницы входа и регистрации, доступ к странице входа можно получить с панели навигации. При заполнении правильных учетных данных страница входа перенаправляется на целевую страницу. Дополнительные учетные данные пользователя можно добавить на страницу регистрации.
Заключение
Работа в команде – это большой опыт для каждого члена. Эффективное сотрудничество и общение с другими участниками — это лучший вывод для нас.
Мы научились не доводить все до предела и принимать решения, исходя из коллективной легкости и временных ограничений.
