Главная страница
Навигация по странице:

  • Отчет по произВодственной практике

  • 1. Характеристика объекта практики 1.1 Краткая технико-экономическая характеристика объекта практики (организационная структура предприятия и краткая характеристика его подразделений)

  • 1.3 Состав программного обеспечения и тематика решаемых задач

  • 2. Техническое задание 2.1 Постановка задачи Задача: сверстать сайт “лэндинг” видеоигры “Outer Wilds” созданной студией “Mobius Digital”.2.2 Анализ существующих решений

  • 2.3 Анализ предметной области

  • 2.4 Формирование и анализ требований

  • 2.5 Структура сайта, подготовка вайрфрейма

  • 3. Дизайн 3.1 Подбор цвета и контента

  • 3.2 Подбор и редактирование изображений и медиа

  • 3.3 Подготовка логотипа Был использован уже созданный логотип игры3.4 Дизайн сайта с использованием сервиса Figma

  • Отчёт по производственной практике Шалатонин К. В.. Отчет по произВодственной практике 09. 02. 07 Информационные системы и программирование


    Скачать 7.55 Mb.
    НазваниеОтчет по произВодственной практике 09. 02. 07 Информационные системы и программирование
    АнкорОтчёт по производственной практике Шалатонин К. В
    Дата09.03.2023
    Размер7.55 Mb.
    Формат файлаdocx
    Имя файлаОтчёт по производственной практике Шалатонин К. В..docx
    ТипОтчет
    #975847


    Министерство образования Красноярского края

    Краевое государственное бюджетное профессиональное образовательное учреждение

    «Красноярский колледж радиоэлектроники и информационных технологий»

    Отчет по произВодственной практике

    09.02.07 Информационные системы и программирование




    код и наименование специальности

    ККРИТ

    место прохождения практики

    ПМ 08 Разработка дизайна веб-приложений (ПП 08.01)




    Студент

    РВП-1.20










    Шалатонин К. В.




    номер группы, зачетной книжки




    подпись, дата




    инициалы, фамилия




    Руководитель от предприятия



















    подпись, дата




    инициалы, фамилия







    М.П.













    оценка










    Руководитель от колледжа










    А.В. Цирулькевич







    подпись, дата




    инициалы, фамилия


    Красноярск 2021
    АННОТАЦИЯ
    Данный отчёт был составлен для работы данной в рамках производственной практики. Темой данной работы является разработка сайта для видеоигры “Outer Wilds” созданной студией разработчиков “Mobius Digital”. Сам сайт предназначен для рекламирования видеоигры “Outer Wilds” а также её студии разработчиков “Mobius Digital”.

    Разработка проекта осуществлялась на ноутбуке, с процессором intel Core i5 при поддержке операционной системы Windows 10 Домашняя


    СОДЕРЖАНИЕ
    Введение………………………………………………………………………4

    1. Характеристика объекта практики………………………………………..5-6

    1.1 Краткая технико-экономическая характеристика объекта практики (организационная структура предприятия и краткая характеристика его подразделений)………………………………………………………………..5

    1.2 Состав технических средств информатизации на объекте практики…5

    1.3 Состав программного обеспечения и тематика решаемых задач …….6

    2. Техническое задание………………………………………………………7-11

    2.1 Постановка задачи……………………………………………………......7

    2.2 Анализ существующих решений……………………………………......7

    2.3 Анализ предметной области…………………………………………….7-9

    2.4 Формирование и анализ требований……………………………………9

    2.5 Структура сайта, подготовка вайрфрейма……………………………...10-11

    3. Дизайн……………………………………………………………………...12-16

    3.1 Подбор цвета и контента…………………………………………….......12

    3.2 Подбор и редактирование изображений и медиа……………………....12

    3.3 Подготовка логотипа……………………………………………………..12

    3.4 Дизайн сайта с использованием сервиса Figma………………………...13

    4 Верстка сайта……………………………………………………………….13-16

    Заключение…………………………………………………………………...17

    ВВЕДЕНИЕ
    Производственная практика является составной частью учебно-воспитательного процесса и имеет важное значение в подготовке квалифицированного специалиста. Она направлена на закрепление и углубление знаний и умений, полученных студентами в процессе обучения, а также овладение системой профессиональных умений и навыков.

    Целью практики является закрепление знаний по изученным дисциплинам и получение студентами практических навыков в период прохождения практики. Основной целью данной практики была разработка лендинга для видеоигры “Outer Wilds” созданной студией разработчиков “Mobius Digital”

    1. Характеристика объекта практики
    1.1 Краткая технико-экономическая характеристика объекта практики (организационная структура предприятия и краткая характеристика его подразделений)
    “Mobius Digital” маленькая, инди студия, создавшая игру “Outer Wilds”.

    Действующие сотрудники:

    Маси Ока, Основатель;

    Алекс Бьючам, Руководитель;

    Лоан Верно, Руководитель;

    Уэсли Мартин, Арт Директор;

    Джеффри Ю, Инженер;

    Лара Колсон, Главный художник;

    Логан вер Хоф, Технический художник;

    Эйлиш Ламбрехтсен, 3D Художник;

    Эндрю Пралоу, Главный звукорежиссёр;

    Иан Джейкобсон, Концепт художник;

    Келси Райс, Продюсер;

    Келси Бьючам, Автор;

    1.2 Состав технических средств информатизации на объекте практики
    На объекте присутствуют переносные компьютеры компании «HP» и компании «Lenovo» с различными процессорами разной производительности от компании Intel.

    На объекте также присутствуют и персональные компьютеры различной конфигурации.

    1.3 Состав программного обеспечения и тематика решаемых задач
    Операционная система – Windows 10 Домашняя

    Браузеры – Yandex Browser

    Текстовый редактор – Notepad++

    Графические редакторы – Adobe Illustrator

    Пакет программ - Microsoft Office 2017

    Архиватор – WinRar

    2. Техническое задание
    2.1 Постановка задачи
    Задача: сверстать сайт “лэндинг” видеоигры “Outer Wilds” созданной студией “Mobius Digital”.
    2.2 Анализ существующих решений
    Из рассмотренных решений был сделан вывод, что главное на сайтах подобного типа в краткой и понятной форме показать и рассказать о продукте и иметь возможность с этого же сайта перейти на страницу продукта в магазине.
    2.3 Анализ предметной области
    Мне была дана задача создать сайт для рекламирования игры студии “Mobius digital” “Outer Wilds”

    Таблица 1 - БРИФ

    Информация о компании

    Название компании

    Студия “Mobius digital”

    Контактное лицо

    Алекс Бьючам

    Контактные данные

    Mobius Digital Games (@Mobius_Games) / Твиттер

    Сфера деятельности

    Разработка видеоигр

    Конкурентные преимущества

    Пока нет

    Сведения о проекте

    Зачем вам сайт?

    Для рекламирования игры и наращивания её известности

    Каких результатов вы хотите достичь, используя сайт?

    Повышенной заинтересованности игрой и студией разработчиков

    Каковы сроки разработки?

    С 20.9.21 по 9.10.21

    Каков бюджет разработки?

    1000 руб.

    Как вы представляете структуру вашего сайта?

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

    Таблица 2 - БРИФ

    Что должны видеть посетители на сайте?

    Название игры, её описание (без спойлеров), скриншоты игры, ссылки на студию разработчиков, кнопки, позволяющие перейти на знаменитые платформы по продаже игр с целью покупки рекламируемой игры.

    Есть ли у вас сайты, которые вы можете привести в качестве примера вашему сайту?

    Лендинг по игре Assassin's creed: Origins

    Исходные материалы

    Есть ли у вашей компании разработанный фирменный стиль (Логотип, знак, фирменный цвет, шрифт)

    Надпись “MOBIUS” выполненная в оранжевом цвете, буква “O” заменена на стилизованный Сатурн из оранжевых, белых и чёрных цветов.

    Целевая аудитория

    Кто принимает решение о покупке вашего продукта или услуги? Его характеристики (Доход, возраст, пол)

    Не имеют значения

    Кто является основным потребителем вашего товара?

    Не имеет значения

    Структура сайта

    Укажите примеры сайтов, понравившихся вам по структуре и добавьте краткий комментарий

    Лендинг по игре Assassin's creed: Origins

    (Простой и понятный дизайн, позволяющий в краткой и удобной форме познакомиться с продуктом)

    Укажите важные элементы (Логотип, телефон, поиск и т.д.) которые вы хотите видеть в шапке вашего сайта

    Логотип занимающий всю шапку и 1/5 сайта, расположенные в конце ссылки на страницу игры в магазине

    Укажите необходимые пункты основного, нижнего и бокового (по необходимости) меню

    Скриншоты и краткое описание

    Укажите дополнительные пожелания по структуре сайта

    Возможность перейти на соответствующие платформы для покупки игры

    Пожелания по стилю

    Укажите примеры сайтов, с понравившимся вам дизайном

    Лендинг по игре Assassin's creed: Origins

    Укажите так же непонравившиеся по дизайну вам сайты

    Таких нет

    Таблица 3 - БРИФ

    Опишите дизайн вашего будущего сайта (Таким, каким вы его представляете)

    Ровный, чёткий.

    Укажите пожелания к цветовой гамме (Какие цвета вы хотите видеть, а какие нет)

    Приятный глазу дизайн оранжевых и чёрных тонов


    2.4 Формирование и анализ требований
    Бизнес-требования

    Нужно разработать сайт для:

    1. Для рекламирования продукта

    2. Для рекламирования студии разработчика

    3. Для повышения продаж продукта


    Пользовательские требования:

    1. Возможность просмотра скриншотов и описания игровых преимуществ и моментов

    2. Возможность перехода и дальнейшей покупки продукта на странице магазина


    Функциональные требования:

    При нажатии на иконки “Steam” и “Epic Games” можно перейти на страницу игры соответствующей торговой площадки.

    Дизайнерские требования:

    1. Логотип занимающий всю шапку и ¼ сайта

    2. Идущие поочерёдно вниз скриншотов игры и его особенности

    3. В подвале расположены ссылки на “Twitter” и “Facebook” студии разработчика и их логотип


    2.5 Структура сайта, подготовка вайрфрейма
    В структуре сайта основой является показ и краткий рассказ о особенностях игры, а также её дальнейшей покупки на известных игровых торговых площадок:

    Рисунок 1. Файфрейм


    Рисунок 2. Файфрейм


    Рисунок 3. Файфрейм

    3. Дизайн
    3.1 Подбор цвета и контента
    Цвета:

    Мандариновый HEX: #FF8800, RGB: 255,136,0

    Чёрный HEX: #000000, RGB: 0,0,0

    Белый HEX: # FFFFFF, RGB: 255,255,255

    Шрифт: ITC Avant Garde Gothic

    Фоном будет скачанное изображение из интернета по тематике игры

    Основу медиа контента составляют скриншоты из игры
    3.2 Подбор и редактирование изображений и медиа
    Для работы были использованы случайные изображения из интернета для показания того что может ожидать игроков в игре.

    3.3 Подготовка логотипа
    Был использован уже созданный логотип игры

    3.4 Дизайн сайта с использованием сервиса Figma

    Рисунок 4. Дизайн сайта в программе “Figma”
    4. Верстка сайта

    Рисунок 5. Сайт “Outer Wilds” (Часть 1)




    Рисунок 6. Сайт “Outer Wilds” (Часть 2)


    Рисунок 7. Сайт “Outer Wilds” (Часть 3)


    Рисунок 8. Сайт “Outer Wilds” (Часть 4)


    Рисунок 9. Сайт “Outer Wilds” (Часть 5)


    Рисунок 10. Сайт “Outer Wilds” (Часть 6)
    Структура сайта: Начнём с самого главного, логотипа. Он будет занимать ¼ всего сайта и идти с кратким описанием (рисунок 5, лист 13).

    Дальше будут идти описание моментов и особенностей игры со скриншотами к ней (рисунок 6 лист, 14), (рисунок 7, лист 14), (рисунок 8, лист 15), (рисунок 9, лист 15).

    Ниже будут располагаться кнопки, для перехода на платформы по продаже видеоигр (Steam, Epic Game Store) и дальнейшей его покупки (рисунок 10, лист 16).

    А под конец в подвале будут стандартные контактные данные студии разработчика (адрес twitter, facebook) и их логотип (рисунок 10, лист 16).

    ЗАКЛЮЧЕНИЕ
    В ходе прохождения производственной практики была проведена беседа с полноценным заказчиком, в ходе которой мне удалось узнать какой продукт он хочет получить в результате. В ходе прохождения практики мною были выполнены все задачи, которые были передо мной поставленные. Была достигнута главная цель производственной практики, а именно, я разработал с нуля лендинг, а также освежил свои знания, полученные в ходе обучения, и научился их применять на практике.


    написать администратору сайта