NPM/site
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

magprog content

Browse Source
This commit is contained in:
Alexander Nozik 2021-03-30 13:57:26 +03:00
parent ebbb77e172
commit 70d7d9bd56
10 changed files with 65 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/magprog/assets/sass/magprog.scss
View File

@ -8,11 +8,11 @@
.magprog { .magprog {
/* /*
Hyperspace by HTML5 UP Hyperspace by HTML5 UP
html5up.net | @ajlkn html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/ */
// Breakpoints. // Breakpoints.
@ -56,20 +56,16 @@
@import 'layout/sidebar'; @import 'layout/sidebar';
@import 'layout/intro'; @import 'layout/intro';
#site-navbar { #site-navbar {
.container { .container {
max-width: 1160px; max-width: 1160px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
} }
a.nav-item { font-weight: 400;
text-decoration: none; text-decoration: none;
}
z-index: 100000; z-index: 100000;
} }

5
src/components/magprog/common/MagProgLayout.js
View File

@ -6,6 +6,9 @@ import SEO from "../../seo";
import NpmNavbar from "../../navBar"; import NpmNavbar from "../../navBar";
import '../assets/sass/magprog.scss' import '../assets/sass/magprog.scss'
import "bootstrap/dist/css/bootstrap.min.css"
import "katex/dist/katex.min.css"
import "../../../styles/npm-site.scss"
const MagProgLayout = ({children}) => { const MagProgLayout = ({children}) => {
const intl = useIntl(); const intl = useIntl();
@ -18,7 +21,7 @@ const MagProgLayout = ({children}) => {
<html className="magprog" lang={lang}/> <html className="magprog" lang={lang}/>
<body className="is-preload"/> <body className="is-preload"/>
</Helmet> </Helmet>
<SEO title={intl.formatMessage({id: "title"})}/> <SEO lang={lang} title={intl.formatMessage({id: "title"})}/>
<NpmNavbar/> <NpmNavbar/>
<main>{children}</main> <main>{children}</main>

3
src/content/ru/magprog/contacts.md
View File

@ -5,6 +5,9 @@ section_title: Контакты
language: ru language: ru
--- ---
[Сайт лаборатории](/)
[Страница направления в JetBrains Research](https://research.jetbrains.org/groups/npm/)
Все вопросы можно задать в [телеграм канале лаборатории](https://t.me/mipt_npm). Все вопросы можно задать в [телеграм канале лаборатории](https://t.me/mipt_npm).

5
src/content/ru/magprog/enroll.md
View File

@ -5,6 +5,9 @@ section_title: Как поступить?
language: ru language: ru
--- ---
Для поступления на программу необходимо: Для поступления на программу необходимо:
* в срок **до 31 мая** заполнить [анкету]. В анкете надо указать одного или нескольких научных руководителей, с которыми вы бы хотели работать. * в срок **до 31 мая** заполнить **[анкету](https://docs.google.com/forms/d/e/1FAIpQLScxsTEuCMdPcIJCrdlxCepVOV_j8mqhV7Sh9jnsUKpsS0howg/viewform?usp=sf_link)**. В анкете надо указать одного или нескольких научных руководителей, с которыми вы бы хотели работать.
* в срок **до 30 июня** пройти собеседование с научными руководителями и согласовать предполагаемый план обучения. * в срок **до 30 июня** пройти собеседование с научными руководителями и согласовать предполагаемый план обучения.
* Подать документы в магистратуру МФТИ согласно [правилам поступления](https://pk.mipt.ru/master/) (направление **ЛФИ Математика и физика** или **ФПМИ Информатика**). Если есть соглашение с научным руководителем, но не удалось пройти по конкурсу, то обучение с большой вероятностью будет оплачено нашими партнерами. * Подать документы в магистратуру МФТИ согласно [правилам поступления](https://pk.mipt.ru/master/) (направление **ЛФИ Математика и физика** или **ФПМИ Информатика**). Если есть соглашение с научным руководителем, но не удалось пройти по конкурсу, то обучение с большой вероятностью будет оплачено нашими партнерами.
<span class="badge badge-danger">ВАЖНО:</span> предварительное согласование с научным руководителем является **обязательным** для обучения на программе.

2
src/content/ru/magprog/partners.md
View File

@ -5,7 +5,7 @@ section_title: Партнеры
language: ru language: ru
--- ---
* [ЛФИ](https://mipt.ru/education/departments/lpr/) * [ЛФИ](https://mipt.ru/education/departments/lpr/)
* [ПМИ](https://mipt.ru/education/departments/fpmi/) * [ФПМИ](https://mipt.ru/education/departments/fpmi/)
* [JetBrains Research](https://research.jetbrains.org/groups/npm/) * [JetBrains Research](https://research.jetbrains.org/groups/npm/)
* [JetBrains](https://www.jetbrains.com/) * [JetBrains](https://www.jetbrains.com/)
* [Таврида электрик](https://www.tavrida.com/ter/) * [Таврида электрик](https://www.tavrida.com/ter/)

12
src/content/ru/magprog/team.md
View File

@ -1,12 +0,0 @@
---
content_type: magprog
magprog_section: team
section_title: Комманда
language: ru
---
### Александр Нозик
**Руководитель программы.**
### Александр Светличный
**Заместитель руководителя программы**

4
src/content/ru/magprog/what.md
View File

@ -5,6 +5,6 @@ section_title: Что?
language: ru language: ru
--- ---
Эта страница посвящена магистерской программе МФТИ под названием **Разработка и применение программного обеспечения в физических исследованиях**. Программа создана на базе [лаборатории методов ядерно-физических экспериментов](/) при поддержке двух школ МФТИ: [ЛФИ](https://mipt.ru/education/departments/lpr/) и [ПМИ](https://mipt.ru/education/departments/fpmi/) и ряда академических и промышленных [партнеров]. Эта страница посвящена магистерской программе МФТИ под названием **Разработка и применение программного обеспечения в физических исследованиях**. Программа создана на базе [лаборатории методов ядерно-физических экспериментов](/) при поддержке двух школ МФТИ: [ЛФИ](https://mipt.ru/education/departments/lpr/) и [ФПМИ](https://mipt.ru/education/departments/fpmi/) и ряда академических и промышленных [партнеров](#partners).
Эта страница призвана ответить на вопросы о том, [зачем] создана программа, кто является [научными руководителями] [как поступить] на нее и в чем ее особенности (в частности, что входит в [учебную программу]). Ну и разумеется информация о [команде] и [контактах]. Эта страница призвана ответить на вопросы о том, [зачем](#why) создана программа, кто является [научными руководителями](#mentors) [как поступить](#enroll) на нее и в чем ее особенности (в частности, что входит в [учебную программу](#program)). Ну и разумеется информация о [команде](#team) и [контактах](#contacts).

10
src/content/ru/magprog/why.md
View File

@ -5,22 +5,22 @@ section_title: Зачем?
language: ru language: ru
--- ---
*Зачем* физтеху **еще одна** магистерская программа? **Зачем** физтеху **еще одна** магистерская программа?
Чтобы объединить усилия физиков и программистов для создания лучших компьютерных решений и применения этих решений в области фундаментальной и прикладной физики и инженерии. Чтобы объединить усилия физиков и программистов для создания лучших компьютерных решений и применения этих решений в области фундаментальной и прикладной физики и инженерии.
*Зачем* нужно объединять эти усилия? **Зачем** нужно объединять эти усилия?
Потому что сейчас существенная (если не основная) часть работы физика и/или инженера так или иначе связана с компьютером. Компьютеры и компьютерные программы используются на всех этапах экспериментального или теоретического исследования. Любой работе предшествует **компьютерное моделирование**, затем требуется **автоматизация сбора и хранения данных**, затем **анализ данных** и, наконец, **представление результатов**. На всех этих этапах нужны компьютеры и компьютерные программы и совершенствование последних является ключевым фактором в исследованиях и разработках. Потому что сейчас существенная (если не основная) часть работы физика и/или инженера так или иначе связана с компьютером. Компьютеры и компьютерные программы используются на всех этапах экспериментального или теоретического исследования. Любой работе предшествует **компьютерное моделирование**, затем требуется **автоматизация сбора и хранения данных**, затем **анализ данных** и, наконец, **представление результатов**. На всех этих этапах нужны компьютеры и компьютерные программы и совершенствование последних является ключевым фактором в исследованиях и разработках.
*Зачем* для этого нужны программисты? **Зачем** для этого нужны программисты?
Современная разработка программного обеспечения — это отдельная инженерная дисциплина, требующая опыта и погружения в технологию и соответствующие профессиональные сообщества. Несмотря на то, что современное программирование зародилось в физических исследованиях, с тех пор прошло много времени, и физики в среднем уже не могут похвастаться хорошими знаниями в этой области. Качество программного обеспечения в физике в среднем крайне низкое. Те же проблемы свойствены инженерной индустрии. Современная разработка программного обеспечения — это отдельная инженерная дисциплина, требующая опыта и погружения в технологию и соответствующие профессиональные сообщества. Несмотря на то, что современное программирование зародилось в физических исследованиях, с тех пор прошло много времени, и физики в среднем уже не могут похвастаться хорошими знаниями в этой области. Качество программного обеспечения в физике в среднем крайне низкое. Те же проблемы свойствены инженерной индустрии.
*Зачем* для этого нужны физики? **Зачем** для этого нужны физики?
Все прошлые попытки поручить всю работу профессиональным программистам не увенчались успехом. Для того чтобы сформулировать задачу программисту надо знать современные компьютерные технологии и понимать как их лучше применить. Но без погружения в предметную область, программисты тоже не могут сами понять, что нужно делать и как это лучше делать. Все прошлые попытки поручить всю работу профессиональным программистам не увенчались успехом. Для того чтобы сформулировать задачу программисту надо знать современные компьютерные технологии и понимать как их лучше применить. Но без погружения в предметную область, программисты тоже не могут сами понять, что нужно делать и как это лучше делать.
*Зачем* все это программистам? **Зачем** все это программистам?
Во-первых, это просто интересно. Задачи, возникающие на стыке физики и программирования на порядок (или два) интереснее того, что ожидает в повседневной рабочей жизни инженера-программиста. Во-вторых, это хороший повод опробовать все самые свежие и экспериментальные технологии. Кроме того, опыт в моделировании, обработке данных и работе с приборами является бесценным в IT среде. Во-первых, это просто интересно. Задачи, возникающие на стыке физики и программирования на порядок (или два) интереснее того, что ожидает в повседневной рабочей жизни инженера-программиста. Во-вторых, это хороший повод опробовать все самые свежие и экспериментальные технологии. Кроме того, опыт в моделировании, обработке данных и работе с приборами является бесценным в IT среде.

43
src/pages/magprog/index.js
View File

@ -10,11 +10,19 @@ import Scroll from "../../components/magprog/common/Scroll";
function mentors(edges) { function mentors(edges) {
return ( return (
<> <>
<div className="header" style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
marginLeft: 40
}}>
<h1 className="title">Научные руководители</h1>
</div>
{edges.map((edge) => { {edges.map((edge) => {
return <section> return <section key={`team_${edge.node.frontmatter.id}`}>
<div className="image"> <div className="image fit">
<img src={withPrefix(`images/magprog/mentors/${edge.node.frontmatter.photo}`)} <img src={withPrefix(`images/magprog/mentors/${edge.node.frontmatter.photo}`)}
alt={edge.node.frontmatter.title} width="100%" data-position="top center"/> alt={edge.node.frontmatter.title}/>
</div> </div>
<div className="content"> <div className="content">
<div className="inner"> <div className="inner">
@ -36,15 +44,23 @@ function mentors(edges) {
function team(edges) { function team(edges) {
return ( return (
<> <>
<div className="header" style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
marginLeft: 40
}}>
<h1 className="title">Команда</h1>
</div>
{edges.map((edge) => { {edges.map((edge) => {
const name = edge.node.frontmatter.title; const name = edge.node.frontmatter.title;
const photo = edge.node.frontmatter.photo; const photo = edge.node.frontmatter.photo;
return ( return (
<section> <section key={`team_${edge.node.frontmatter.id}`}>
<div className="image"> <div className="image fit">
<img src={withPrefix(`images/members/${photo}`)} <img src={withPrefix(`images/members/${photo}`)}
alt={edge.node.frontmatter.title} width="100%" data-position="top center"/> alt={edge.node.frontmatter.title}/>
</div> </div>
<div className="content"> <div className="content">
<div className="inner"> <div className="inner">
@ -112,7 +128,7 @@ const MagProgPage = (props) => {
offset={-300} offset={-300}
> >
{sections.map(section => { {sections.map(section => {
return <li> return <li key={section.id}>
<Scroll type="id" element={section.id}> <Scroll type="id" element={section.id}>
<a href={`#${section.id}`}>{section.title}</a> <a href={`#${section.id}`}>{section.title}</a>
</Scroll> </Scroll>
@ -124,8 +140,17 @@ const MagProgPage = (props) => {
</section> </section>
<div id="wrapper"> <div id="wrapper">
<div className="header" style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
marginTop: 90,
marginLeft: 40
}}>
<h1 className="title">Научное программное обеспечение</h1>
</div>
{sections.map(section => { {sections.map(section => {
return <section id={section.id} className={section.style}> return <section id={section.id} key={section.id} className={section.style}>
{section.body} {section.body}
</section> </section>
})} })}
@ -172,6 +197,7 @@ export const query = graphql`
node { node {
html html
frontmatter { frontmatter {
id
title title
photo photo
language language
@ -203,6 +229,7 @@ export const query = graphql`
node { node {
html html
frontmatter { frontmatter {
id
title title
photo photo
language language

4
src/styles/navbar.scss
View File

@ -1,10 +1,10 @@
.site-navbar { #site-navbar {
height: 75px; height: 75px;
.nav-link { .nav-link {
font-size: 1rem; font-size: 1rem;
//font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
/* ------ navbar ------------------------------ */ /* ------ navbar ------------------------------ */