Дизайн сайту iDosvid

Дизайн сайту iDosvid -- вимоги до дизайну сайту iDosvid.com, який представляє у Всесвітній Павутині проєкт "Співпраця з школами України". Попередні напрацювання по сайту та структурі є тут: https://scheje.com/. Всі текстові блоки, а також функції та цільова аудиторія сайту описані на сторінці iDosvid.com.

Загальні вимоги

• Дизайн повинен бути простий, але візуально привабливий. Стиль оформления всього сайту повинен бути однаковий, кольорова схема - не яскрава та не сіра, зручна для сприйняття користувачем.
• Навігація - проста, зручна та інтуітивно зрозуміла для користувачів, оскільки контент сайту має на меті подавати інформацію не тільки для школярів, а й для старшого покоління.
• Доступність сайту та опублікованої інформації. Сторінки повинні бути доступні до перегляду за допомогою найрізноманітніших браузерів та пристроїв, мати високу швидкість передачі даних.

Шапка (Header)

Шапка має бути закріпленою на всіх сторінках та бути доступною (sticky) у зменшеному масштабі при прокручуванні по сторінці та мати такі складові:

• Логотип
• Пошук

Логотип повинен мати перехід на головну сторінку. Головне меню повинне мати переходи на такі сторінки:

• Учням
• Батькам
• Школам
• Партнерам
• Про нас
• Регістрація

Підвал (Footer)

Повинен мати вигляд як зображено на https://scheje.com/. Джерело надхнення: https://www.microsoft.com/uk-ua. Кожен пункт має посилання на відповідну сторінку:

• Учням: Навчання, Практика, Стажування, Сертифікація
• Батькам
• Школам
• Партнерам
• Про нас: The Economic Group, Educaship Alliance, Career Network Ministry, Брацька Школа, Тренінги CNM, Vsemka, Bskol
• Контакти: 14159 Mariah Ct. Suite 700, Chantilly, VA 20151, United States.

Головна сторінка

Заголовок сайту. Повинен займати один екран на декстопі та телефоні.

Покликання, професія, i Dosvid

Підзаголовок текстового блоку:

Хочешь знайти своє покликання?

Текстовий блок:

iDosvid — це проєкт, що допомагає учням шкіл в пошуках майбутньої професії. Ми даємо змогу навчатися за спеціальною програмою, яка наблизить учнів до вибору професійної спеціальності у сфері IT та дасть змогу практикуватися та стажуватися на діючих IT посадах.

Блок розподілу користувачів. 4 блоки повинні бути у вигляді анімованої плитки, у мобільній версії - також 4 плитки на екран. Приклад: Windows 8.

Заголовок:

Наші пропозиції:

Блоки:

Учні, що хочуть почати свою історію в IT

Ви хочете знайти своє місце? Перевірити, чи це для вас? На iDosvid Ви знайдете вступні курси, знайдете початкову практику, пройдете стажування і далі отримаєте змогу працювати з нашими партнерами. Повинен мати кнопку Детальніше із посиланням на сторінку Учням.

Батьки, опікуни та вихователі

Ваш юнак чи дівчина закінчує школу та сумнівається, що робити далі? Послуги проєкту iDosvid забезпечують усім безпечну, корисну та фінансовану роботодавцями можливість випробувати себе та знайти своє місце у новому світі. Знайти себе там, де інформаційна технологія змінює все з запаморочливою швидкістю. Повинен мати кнопку Детальніше із посиланням на сторінку Батькам.

Директори, представники шкіл та вчители

Ви є директором школи або вчителем? Ви зацікавлені в успішному працевлаштуванні ваших випускників? Саме наш проєкт може допомогти вам у цьому. Ми пропонуємо навчальні, профорієнтаційні послуги та практичну діяльність для ваших учнів у найпрогресивніший та надійній сфері інформаційних технологій, звісно, у співпраці з вашою школою. Повинен мати кнопку Детальніше із посиланням на сторінку Школам.

Партнери, донори, спонсори та всі бажаючі підтримати

Маєте змогу допомогти проєкту? Шукаємо людей, організації та всіх, хто може підтримати наш освітній проєкт, щоб допомогти школярам визначитися з їхніми майбутнім у такий важкий час. Повинен мати кнопку Детальніше із посиланням на сторінку Партнерам.

Текстовий блок:

Ми не схожі на інші навчальні проєкти, нашою головною особливістю є те, що процес змін, доповнення та покращення ніколи не закінчується і учні приймають в цьому активну участь. Кожному учню дається можливість зробити свій вклад в проєкт: розробити дизайн, попрацювати над процесом внутрішнього оздоблення і не є принциповим як саме це буде виконано на початковому етапі, наступні учні матимуть змогу допрацювати зміни.

Блок Технології також повинен мати вигляд плиток як на Windows 8:

Заголовок:

Ми працюємо з багатьма сучасними технологіями, список яких постійно оновлюються, спільними особливостями, що їх об’єднують, є:

Плитки:

*Cloud -- хмарні сервера.

*Microservices -- мікросерверна архітектура.

*AI -- штучний інтелект.

*DevOps -- експлуатаційні розробки.

*Agile -- гнучкі розробки.

*Virtialization -- мережі і контейнери.

Блок типу Media Carousel чи подібний з назвою, фотографіями та короткою інформацією про заходи та проєкти, що проводилися до появи проєкту iDosvid. Також потрібно додати кнопку з переходом до сторінки Про нас.

Заголовок:

Заходи The Economic Group, яка займається проєктом iDosvid:

Карусель:

• "IT Career Orientation Day" - перший прототип програми.
• Індивідуальна та групова робота з дітьми: нарада CNM щодо розробки веб-сайту.
• Mott Community Center - групова робота з дітьми.

Блок із відгуками.

Попередньо зображено також каруселлю: https://scheje.com/. Проте потрібно замінити або додати щось між блоками, аби не було дві каруселі поспіль.

Блок з частими запитаннями та відповідями.

Заголовок:

Залишилися запитання?

Запитання та відповіді:

1. Чи потрібно мені платити за курси?

Усі наши курси та послуги абсолютно безкоштовні.

Блок у вигляді форми заявки з можливістю поставити запитання. Приклад: https://vsemka.com/

Заголовок:

Напишіть нам, якщо залишились питання

Тематичні сторінки

Учням

Заголовок сторінки:

Учням

Текстовий блок:

Чи чули ви про Gap year? Gap year -- це вільний рік від навчання, який учні зазвичай беруть після навчання в школі для пізнання себе. Популярна та поширена практика в США та багатьох країнах Європи, головною метою якої є вибір або усвідомлення вибору напрямку навчання та майбутньої професії з можливістю спробувати попрацювати за цим напрямком. Учні протягом цього року подорожують, займаються самоосвітою, волонтерством, працюють, шукають себе. Ми хочемо запропонувати щось подібне, але ще на етапі навчання в школі. Наша програма побудована таким чином, щоб не перевантажувати вас, кожен може обрати свій індивідуальний темп навчання.

Блок у вигляді плитки як Windows 8:

Заголовок:

Наші пропозиції:

Плитки:

Навчання -- Навчайся і отримуй необхідні знання та навички на навчальному курсі, для подальшої практичної діяльності. Повинен мати кнопку Детальніше із посиланням на сторінку Навчання

Практика -- Отримуй практичний досвід на професійних посадах ІТ компанії. Повинен мати кнопку Детальніше із посиланням на сторінку Практика

Лабораторія -- Хмарні сервера з сучасними програмними рішеннями. Повинен мати кнопку Детальніше із посиланням на сторінку Лабораторія

Стажування -- Стажуйся і спробуй себе на професійних посадах ІТ компанії. Повинен мати кнопку Детальніше із посиланням на сторінку Стажування

Сертифікація -- Отримуй сертифікати з відповідними компетенціями, здобутими під час практики. Повинен мати кнопку Детальніше із посиланням на сторінку Сертифікація

Текстовий блок:

Ніяких вимог щодо успішності немає, тільки бажання займатись та мати доступ до мережі Інтернет. Часових обмежень також немає: курси розраховані на самостійне вивчення, під час якого ви можете отримати консультації в корпоративній соціальній мережі "Брацька Сітка" та на онлайн зустрічах. Ви самі обираєте ритм і темп навчання.

Кількість годин на навчання: перший курс містить 7 уроків + іспит, загалом 8 годин; другий курс містить 17 уроків, 17 годин; третій курс містить 27 уроків + 2 практичних завдання, 29 годин. Таким чином, для завершення всього курсу необхідно 54 години. Всі розрахунки часу навчання є оціночними, та можуть коригуватись в залежності від умов співпраці з вашим навчальним закладом.

Навчання

Заголовок сторінки:

Навчання

Текстовий блок:

Наші три навчальні курси покликані підготувати вас до практики на проєкті. Ніяких вимог щодо успішності немає, тільки бажання займатися та доступ до мережі Інтернет.

Блок курсів. Кожен курс має бути окремим блоком, якими саме - точних напрацювань немає.

1. Брацька Вводка -- перший курс, де ви познайомитесь з проєктом iDosvid. Ви дізнаєтесь про базові ідеї та принципи проєкту, познайомитесь з основним поняттям та принципами комунікації на проєкті. Повинна містити кнопку "Розпочати" з посиланням на сторінку з навчальним курсом https://ucebka.idosvid.com/.
2. "Брацький Техогляд" -- наступний курс iDosvid, доступ до якого ви отримаєте після завершення першого курсу Брацька Вводка. Ви познайомитеся з основними технологіями на проєкті та Брацькою Хмарою -- технічною складовою проєкту. Отримаєте практичні навички користування різними застосунками на проєкті. Повинна містити кнопку "Продовжити" з посиланням на сторінку з навчальним курсом https://ucebka.idosvid.com/course/view.php?id=26.
3. "Вибір Професії" -- наступний курс - практичний семінар iDosvid, доступ до якого ви отримаєте після завершення курсу "Техогляд". Він покликаний допомогти вам підготуватись до практики.

Складається з двох частин:

1. Уроки, призначені для підготовки до практики без конкретної спеціалізації. Ви вивчите те, з чим будете практикуватися: бізнес-аналіз, розробка, тестування та адміністрування проєктів.

2. Практика, яка знайомить з реальними видами робіт на ІТ проєкті, що можна приміряти на собі і обрати напрямок свого майбутнього розвитку. Ви отримаєте змогу поспілкуватися на зустрічах з професіоналами різних напрямків. Повинна містити кнопку "Продовжити" з посиланням на сторінку з навчальним курсом https://ucebka.idosvid.com/course/view.php?id=28

Практика

Заголовок сторінки:

Практика

Два текстових блока не мають точних напрацювань щодо вигляду.

Заголовок текстового блоку:

Практика під час навчання:

Текстовий блок:

Ще під час навчання ви будете мати змогу використовувати застосунки, що побудовані на популярних програмних рішеннях. Усі вони перебувають в процесі розробки та постійного покращення, і ви можете прийняти в цьому безпосередню участь, саме цим ви й будете займатися на початковому етапі практичної діяльності. Для цього на проєкті кожен застосунок має спеціальну копію, на якій впроваджуються та тестуються зміни. Також, ви зможете познайомитись з інфраструктурою, що забезпечує роботу застосунків, та на реальному прикладі побачити способи реалізації завдань з облаштування місця розміщення застосунків та їх взаємодію один з одним.

На проєкті ви знайомитеся та отримаєте базові уявлення про IT спеціальності: розробник (Developer), тестувальник (Tester), бізнес-аналітик (Business Analyst), майстер церемоній (Scrum Master), керівник проєкту (Project Manager), куратор продукту (Product Owner) й інженер-експлуатаційник (DevOps Engineer), координатор інформаційних проєктів (IT project coordinator).

Заголовок текстового блоку:

Виробнича практика:

Текстовий блок:

Після завершення навчальних курсів ви отримаєте змогу спробувати себе в ролі співробітника компанії на посаді координатора інформаційних проєктів (IT project coordinator). Цей етап називається виробнича практика (посилання на сторінку Виробнича практика), і кожен з вас зможе попрацювати на проєктах за п'ятьма напрямками: серверні технології, програмування, застосунки, підприємництво, маркетинг. Виробнича практика передбачає оплату послуг зв'язку для учнів і фінансове заохочення. Практика на підприємстві не обмежується посадою координатора, а лише знайомить учнів з інфраструктурою проєкту, та іншими ІТ спеціальностями. Надалі можливий перехід до інших спеціальностей, в залежності від здібностей учнів.

На проєкті iDosvid учні вперше залучаються до професійної діяльності на третьому курсі. Цій діяльності передують уроки третього курсу, зорієнтовані повністю підготувати учня до практики на виробництві.

Фактично, практика на виробництві - це діяльність для напрацювання навичок та умінь на основі отриманих під час початкового тренінгу знань. Якою б остаточною не була професія, всі учні проходять практику як координатори інформаційних проєктів.

Координатори пов'язують створення послуг професійної орієнтації та збирання технологій для практичної підготовки фахівців. У тому числі вони:

*вивчають існуючу документацію, тестують вироби, спілкуються з користувачами технологій та проводять інші дослідження,

*формулюють вимоги до хмарних технологій,

*організовують найм експертів різних професій та взаємодію з ними.

Результати роботи координаторів - це документи, найняті за цими документами підрядники та розроблені разом із цими підрядниками вироби. Важко сперечатися із твердженням, що вміння спілкуватися, досліджувати, приймати рішення та документувати, важливі для кожного фахівця, який працює в кожній галузі. Навіть якщо цей фахівець не досліджує питання та не фіксує рішення особисто, він чи вона повинні знати процес, щоб керувати іншими. Передумова полягає в тому, що стажування на проєкті iDosvid має сприяти пошуку роботи за межами проєкту. Вони координують проєкти створення комплексу послуг iDosvid, включаючи три початкові курси, ресурси для напрацювання зв'язків та пошуку роботи, а також сотні програм для практичного тренінгу.

Хоча технології на проєкті доступні будь-кому, абсолютно, без оплати, практика на проєктах відповідає реальній роботі, і тому ідеальна для отримання навичок і вироблення умінь. Координатори, що залишилися, виконують аналогічні обов'язки, працюючи у партнерів, коли такі можливості з'являються. Для тих, хто не визначився зі спеціальністю, практика стане точкою входу, звідки можна познайомитися з різними спеціальностями та визначитися зі своєю. Ця початкова робота дається, щоб учні навчилися її робити і придивилися до інших робіт. За підсумками практики учні краще підготовлені до вибору своєї подальшої спеціалізації.

На відміну від звичайної практики, практика на проєкті iDosvid безстрокова. Учні можуть стажуватись координаторами, доки не визначать спеціальність та отримають роботу за цією спеціальністю. У будь-якому випадку професійний стаж учасників проєкту починається з початком практики незалежно від конкретного моменту переходу до партнера.

Блок у вигляді плитки як як Windows 8:

Заголовок:

Наші застосунки для практичної діяльності учнів:

Плитки:

• "Учебка" -- ресурс для організації навчальних курсів та сертифікаційних програм, побудований на основі програмного забезпечення Moodle. Кнопка з посиланням на застосунок https://ucebka.idosvid.com/
• "Правка" -- застосунок для спільного створення та редагування документів, побудований на основі Wiki-двигуна під назвою "MediaWiki". Вікіпедія застосовує аналогічне програмне забезпечення. Кнопка з посиланням на застосунок: https://pravka.idosvid.com/
• "Сітка" -- застосунок, що являє собою корпоративну соціальну мережу, побудований на основі програмного забезпечення HumHub. Кнопка з посиланням на застосунок.
• "Жици" -- застосунок для організації відео- та аудіо-конференцій, побудований на основі програмного забезпечення Jitsi. Кнопка з посиланням на застосунок.
• "Вебка" -- мережа веб-сайтів Брацкой Школи, які представляють її в мережі Інтернет, побудована на основі програмного забезпечення WordPress. Кнопка з посиланням на сторінку Вебки.
• "Справа" -- засіб керування людськими і матеріальними ресурсами підприємства, побудований на основі програмного забезпечення Odoo. Кнопка з посиланням на застосунок.
• "Курсові Прилади" -- користувацькі застосунки проєкту, які використовуються для практики. Кнопка з посиланням на застосунок.
• "Майбутні Прилади" -- користувацькі застосунки проєкту, які використовуються для дослідження та експерементів. Об'єднати Курсові та Майбутні Прилади та кнопку на сторінку.
• "Пошта" -- корпоративна пошта для особистого використання на проєкті. Кнопка з посиланням на сторінку Пошти.

Для мобільної версії (4 основні плитки):

1. Кампус - приводить у дію всі формальні навчальні програми. При натисканні на Кампус з'являються 4 плитки:

• "Учебка" -- ресурс для організації навчальних курсів та сертифікаційних програм, побудований на основі програмного забезпечення Moodle. Кнопка з посиланням на застосунок https://ucebka.idosvid.com/
• "Правка" -- застосунок для спільного створення та редагування документів, побудований на основі Wiki-двигуна під назвою "MediaWiki". Вікіпедія застосовує аналогічне програмне забезпечення. Кнопка з посиланням на застосунок: https://pravka.idosvid.com/
• "Вебка" -- мережа веб-сайтів Брацкой Школи, які представляють її в мережі Інтернет, побудована на основі програмного забезпечення WordPress. Кнопка з посиланням на сторінку Вебки.
• "Курсові Прилади" -- користувацькі застосунки проєкту, які використовуються для практики. Кнопка з посиланням на застосунок.

1. Ділове Бюро - кожен учень і підмайстер може задіяти його в особистих цілях. При натисканні на Ділове Бюро з'являються 4 плитки:

• "Сітка" -- застосунок, що являє собою корпоративну соціальну мережу, побудований на основі програмного забезпечення HumHub. Кнопка з посиланням на застосунок.
• "Жици" -- застосунок для організації відео- та аудіо-конференцій, побудований на основі програмного забезпечення Jitsi. Кнопка з посиланням на застосунок.
• "Справа" -- засіб керування людськими і матеріальними ресурсами підприємства, побудований на основі програмного забезпечення Odoo. Кнопка з посиланням на застосунок.
• "Пошта" -- корпоративна пошта для особистого використання на проєкті. Кнопка з посиланням на сторінку Пошти.

1. Досвідчена Хмара - підмайстри використовують її для стажувань та експериментів в інформаційних технологіях. При натисканні на Досвідчену Хмару з'являються плитка:

• "Майбутні Прилади" -- користувацькі застосунки проєкту, які використовуються для дослідження та експерементів. Об'єднати Курсові та Майбутні Прилади та кнопку на сторінку.

1. Федеративна служба - пов'язує інші частини хмари разом.

Стажування

Заголовок сторінки:

Стажування

Сторінка не дописана. Попередній текстовий блок:

Стажування - це частина четвертої сходинки набору послуг під назвою "Сходи до Професії". Формальне навчання - це інша частина. Разом обидві частини називаються "учнівством". Учні, що беруть участь у стажуванні, називаються підмайстрами.

Сертифікація

Заголовок сторінки:

Сертифікація

Сторінка не дописана. Попередній текстовий блок:

Після завершення третього курсу проєкту та проходження виробничої практики ви отримаєте сертифікат, який буде включати ті компетентності, які ви отримали під час її проходження. Всі учасники отримають п'ять основних компетенцій, після позитивного завершення п'яти навчальних проєктів, та зможуть продовжити практику на індивідуальних умовах.

Лабораторія

Заголовок сторінки:

Лабораторія

Текстовий блок:

Для практики використовується орендована хмарна лабораторія, зроблена за останнім словом інформаційних технологій, де ви зможете отримати доступ до документації віртуальних машин та познайомитись із системним адмініструванням. Всі застосунки розміщенні на орендованих серверах, які об'єднані спільними базами даних та засобами керування. Серверні системи побудовані таким чином, щоб ви могли познайомитись з максимальним різноманіттям технологій. Лабораторії роблять не лише можливою, а й змістовною практику для всіх учнів.

Технічно, лабораторії виготовлені на базі Брацької Хмари. Хмара – це інформаційна технологія, створена для тих програм, які базуються у Всесвітньому Павутинні.

Блок у вигляді плитки як Windows 8 з чотирма основними плитками:

Заголовок:

Хмара складається з чотирьох частин:

Основні плитки:

1. Кампус - приводить у дію всі формальні навчальні програми. При натисканні на Кампус з'являються 4 плитки:

• "Учебка" -- ресурс для організації навчальних курсів та сертифікаційних програм, побудований на основі програмного забезпечення Moodle. Кнопка з посиланням на застосунок https://ucebka.idosvid.com/
• "Правка" -- застосунок для спільного створення та редагування документів, побудований на основі Wiki-двигуна під назвою "MediaWiki". Вікіпедія застосовує аналогічне програмне забезпечення. Кнопка з посиланням на застосунок: https://pravka.idosvid.com/
• "Вебка" -- мережа веб-сайтів Брацкой Школи, які представляють її в мережі Інтернет, побудована на основі програмного забезпечення WordPress. Кнопка з посиланням на сторінку Вебки.
• "Курсові Прилади" -- користувацькі застосунки проєкту, які використовуються для практики. Кнопка з посиланням на застосунок.

1. Ділове Бюро - кожен учень і підмайстер може задіяти його в особистих цілях. При натисканні на Ділове Бюро з'являються 4 плитки:

• "Сітка" -- застосунок, що являє собою корпоративну соціальну мережу, побудований на основі програмного забезпечення HumHub. Кнопка з посиланням на застосунок.
• "Жици" -- застосунок для організації відео- та аудіо-конференцій, побудований на основі програмного забезпечення Jitsi. Кнопка з посиланням на застосунок.
• "Справа" -- засіб керування людськими і матеріальними ресурсами підприємства, побудований на основі програмного забезпечення Odoo. Кнопка з посиланням на застосунок.
• "Пошта" -- корпоративна пошта для особистого використання на проєкті. Кнопка з посиланням на сторінку Пошти.

1. Досвідчена Хмара - підмайстри використовують її для стажувань та експериментів в інформаційних технологіях. При натисканні на Досвідчену Хмару з'являються плитка:

• "Майбутні Прилади" -- користувацькі застосунки проєкту, які використовуються для дослідження та експерементів. Об'єднати Курсові та Майбутні Прилади та кнопку на сторінку.

1. Федеративна служба - пов'язує інші частини хмари разом.

Сторінка реєстрації на сайті

На даний час сторінки немає, вона повинна містити можлиість ввести користувачу

• Email
• Username
• Password

Приклад: https://opplet.net/user/register

Інформаційні сторінки

Про нас

Заголовок сторінки:

Про нас

Дизайн блоків цієї сторінки має залишитися як на https://scheje.com/about/