Мы начинаем создание Видео Школы 2.0.
Проект будет использовать следующие технологии:
ASP.NET, MVC, MySQL, GIT, Bootstrap, JavaScript и др.
У тебя будет возможность стать соавтором этого проекта.
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
Мы начинаем создание проекта Видео Школа 2.0 Это будет площадка для обучения и общения. На этом уроке нужно убедиться, что у вас установленна подходящая версия Visual Studio, на которой нужно создать и запустить пустой проект на ASP.NET. Примечание: Необходимо создать приложение ASP.NET ***MVC***, на видео я ошибочно выбрал Web Forms, не повторяйте! Отчёт отправил: 4004. Елена Выполнено за 10 мин. [Показать отчёт] Научился: Создавать Веб-приложения Сложности: ничего Комментарии: Очень интересный проект получится. |
|||||
2 | Подключение к системе GitHub |
|
|||
Для работы мы будем использовать систему управлени версиями GITHUB. На этом уроке необходимо там зарегистрироваться, найти меня - FFormula, и наш проект VideoSchool. Необходимо установить программу SmartGit и склонировать репозиторий к себе на диск. URL проекта: https://github.com/FFormula/VideoSchool.git Отчёт отправил: 4004. Елена Выполнено за 45 мин. [Показать отчёт] Научился: Получила начальные знания по работе с GIT. Сложности: Как ни странно - ничего. Всё получилось проще, чем я ожидала. Комментарии: Очень интересно познакомиться с сервисом github. Пока вплотную с ним сталкиваться не приходилось. |
|||||
3 | Базовые принципы проекта |
|
|||
На этом уроке я расскажу основные принципы создания нового проекта. Необходимо внимательно послушать и придумать, какой функционал ещё можно было бы добавить. Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт] Научился: Рассматривать планирование проекта в Mind Meister Сложности: ничего Комментарии: Я бы все-таки особое внимание уделила размещению на проекте полезных статей с решением тех или иных вопросов, поскольку это позволит продвинуть проект в поисковых системах и получить дополнительный трафик. |
|||||
4 | Иерархия учебных материалов |
|
|||
На этом уроке мы обсудим основной принцип размещения учебных материалов. Что есть раздел/курс/модуль/урок/шаг. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Планированию учебного процесса :) Сложности: Ничего Комментарии: Может быть, я ошибаюсь, но насколько я поняла, один урок может быть в разных курсах, а не модулях. Если модули - это составляющие курса, а изучение идет строго последовательно, то какой смысл проходить дважды один и тот же урок? |
|||||
5 | Распределение доступов |
|
|||
На этом уроке мы обсудим очень важный момент нашей системы о предоставлении доступа к курсам различным ученикам/классам. Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт] Научился: Продолжила изучать планирование системы обучения Сложности: ничего Комментарии: Считаю, что роль пользователя "Гость" очень важна. Опять-таки, она важна с точки зрения продвижения поисковыми системами. Ведь для Гостя будет доступна вся открытая информация, размещенная на сайте. Кроме того, это дополнительный магнит - человек может поближе познакомиться, может быть, даже понаблюдать за происходящим на проекте и скорее принять решение зарегистрироваться и " вступить в игру". |
|||||
6 | Социальная сеть проекта |
|
|||
На этом уроке мы поговорим о социальной сети, о медальках и достижениях, а также о партрёрах и статьях. Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт] Научился: Планировать систему обучения 2.0 Сложности: ничего Комментарии: И все-таки, я бы добавила документ в качестве дополнительного материала сообщения (см. скриншот). У меня часто возникает потребность передать, например, pdf-файл. |
|||||
7 | Эскизы проекта |
без видео |
|||
Если ты хочешь продолжать вместе с нами - вот тебе конкретное самостоятельное задание. Выбери желаемую страницу проекта и нарисуй, как ты её себе представляешь. Важна тут не красота, а наличие конкретных элементов - что будет на странице, какие элементы, какие пункты, какие разделы, какие поля, тексты и т.д. После того, как рисунок будет сделан - переверни его и ... нарисуй всё заново. К отчёту приложи фото первого и второго варианта рисунка. В комментариях напиши название своей страницы и выпиши через запятую все элементы, которые присутствуют на этой странице. (видео в этом уроке нет). Отчёт отправил: 4004. Елена Выполнено за 5 час. 00 мин. [Показать отчёт] Научился: Работать с Bootstrap Сложности: затрудняюсь ответить Комментарии: Вторая попытка отправить отчет на это задание. Приложила еще один скриншот. Типы страниц перечислены на скриншоте. Краткое содержание предыдущих серий :) Начала верстать своё видение новой видеошколы. Пока (за один вечер) сверстала только навигационное меню (пока, правда, адаптивность не настраивала). Далее, в боковой колонке, думаю, нужно разместить поиск, иконки социальных сетей, случайный видеообзор (со ссылкой на все), случайный отчет, анонсы вебинаров, новости проекта. |
|||||
8 | Структура страницы |
|
|||
На этом уроке мы создадим каркас каждой страницы, определим, из каких частей будет состоять любая страница проекта: шапка, меню, основная часть, форум, подвал.
Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Проектировать страницы сайта Сложности: Придумать размещение элементов Комментарии: Мне все-таки кажется, что будет удобнее разместить выпадающие меню в верхней части. Меню "Курсы" будет включать все видеокурсы, консольные курсы и те, которые вновь появятся. Если курсов предполагается слишком много, то можно в меню "Курсы" вынести только группы, а сами курсы групп расшифровать на соответствующей странице. Меню "Статьи" включает информацию о вебинарах, описание рекомендованной литературы, а также статьи с информацией, касающейся теоретических основ курсов (при этом в курсе можно сослаться на соответствующую статью, а также решения некоторых вопросов (например, как сделать прозрачную форму или как избавиться от static Main()). Причем большинство статей доступны пользователю "Гость", чтобы "понравиться поисковым системам". Меню "О проекте" включает - раздел "Миссия" с описанием проекта (который почему-то на предложенном в уроке макете расположен в подвале). - страницу "Об авторе" - страницу "Пользователи" - страницу "Отзывы" Справа - иконки "Отчеты" и "Сообщения", которые меняют цвет при появлении новых отчетов/сообщений - выпадающий список "Профиль пользователя" (отображается фотография или аноним, если пользователь не зарегистрирован) - для незарегистрированного пользователя выпадающее меню содержит пункты -Зарегистрироваться - Войти - для зарегистрированного пользователя выпадающее меню содержит пункты -Профиль - Выйти Последняя кнопка справа - выбор языка (тоже выпадающее меню). В предложенном макете не хватает поиска по сайту, поэтому предлагаю разместить его в правом сайдбаре. Рядом - кнопка "Помощь", чтобы можно было задать вопрос. Блок "Анонс" содержит новости и уведомления. Далее - блок "Сообщения" и кнопки социальных сетей с возможностью раскрутки в них. В футере остаются копирайт, контактная форма и метрики/счетчики. Я предположила размещение элементов на страницах - "Пользователи" - из меню "О проекте" . Здесь необходимо предусмотреть фильтр для быстрого поиска. Выпадающее меню "Курс" предполагает отдельную фильтрацию по курсу - какие пользователи проходили этот курс. Хотя, наверное, можно объединить его с другими типами фильтров, но мне кажется, что отдельный фильтр удобнее. Можно просто найти, кто последним проходил указанный курс. - Отчет "на проверке". Мне кажется, удобнее все-таки ориентироваться по фотографии того, кто отправил отчет, а не только по его номеру. Еще бы я дополнила информацию по отчету тем, сколько человек на текущий момент выполнили данный урок. Сейчас эта информация доступна только в списке урока. Если в отчете есть ссылка на видео, было бы неплохо вставить это видео в страницу (а не просто ссылку как сейчас). Надеюсь, что какие-нибудь полезные мысли изложила :) |
|||||
9 | Схема проекта |
|
|||
На этом уроке мы рассмотрим схему всего сайта. Какие страницы открываются по пунктам меню и по другим ссылкам, какие у них адреса, какого их назначение, что там будет. Отчёт отправил: 4004. Елена Выполнено за 2 час. 00 мин. [Показать отчёт] Научился: Составлять карты проекта, работать с mindmeister Сложности: Придумать связь странить Комментарии: Составила свое видение проекта на карте mindmeister. Карта должна быть общедоступной и доступной для копирования. Все-таки с "бумажкой и ручкой" я не дружу :) |
|||||
10 | Список сущностей |
|
|||
На этом уроке мы создадим список сущностей проекта. Каждая сущность - это таблица в базе данных. Но не каждая таблица - это сущность :) Самостоятельное задание - подумать о связях между ними. Отчёт отправил: 4004. Елена Выполнено за 45 мин. [Показать отчёт] Научился: Выделять сущности и определять их поля Сложности: Просмотреть взаимосвязь сущностей Комментарии: Меня хватило только до платежной системы, т.к. по работе с ней нет никакого опыта. По ходу выписывания полей и взаимосвязей выявила еще две сущности: RANK - звание пользователя (строки таблицы будут содержать элементы, к которым разрешен или запрещен доступ) guest - гость pupil - ученик teach - учитель moder - модератор parth - партнер bouhg - бухгалтер admin - администратор TEST - тесты для шагов (что-то типа отдельного теста для консольной задачи, но может быть использован и в отчетах) id - идентификатор step_id - идентификатор шага data - начальные данные result - результат (для сравнения) type - тип доступа Возможно, стоило бы отобразить все эти сущности с полями на схеме проекта. |
|||||
11 | Ядро базы данных |
|
|||
На этом уроке мы составим список основных таблиц базы данных. Для каждой таблицы выпишем необходимые поля. После этого можно будет создать базу данных. |
|||||
12 | Список всех действий |
|
|||
На этом уроке мы начнём проектировать модели, для этого мы выпишем все действия, которые можно делать с этой базой данных. Д/з. Придумать название (имя метода) для каждого действия. |
|||||
13 | Модельные методы |
|
|||
На этом уроке мы напишем названия методов для каждой функции из подготовленного списка. Д/з. Написать SQL-запросы для каждой функции. |
|||||
14 | Пользовательские запросы |
|
|||
На этом уроке мы напишем SQL-запросы для каждого метода модели user. Д/з. Написать SQL-запросы для всех методов моделей role, action. |
|||||
15 | Запросы ролевых действий |
|
|||
На этом уроке мы напишем SQL-запросы для каждого метода моделей role и action Д/з. для каждого метода сформулировать action. |
|||||
16 | Названия методических действий |
|
|||
На этом уроке мы придумаем названия action/действий для каждого метода всех описанных моделей. Доступность этих действий нужно будет проверять в этих функциях перед их выполнением. Потом добавим эти действия в таблицу action. |
|||||
17 | Создание модели User |
|
|||
На этом уроке мы создаём модель User | |||||
18 | Репозиторий на GitHub |
|
|||
Начинаем использовать репозиторий на гитхабе. | |||||
19 | Добавление модели MySQL |
|
|||
Добавляем модель MySQL из курса Базовый ASP.ект | |||||
20 | Создание формы авторизации |
|
|||
Настройка базы, контроллера, представления. Запуск первой формы и проверка авторизации. |
|||||
Итого: 20 видеоуроков |
4 час. 55 мин. |
3 чел. | |||
Финалисты: Tekashnik, vip, Max . |