Кол-во просмотров с 16.02.24г. :: 129
Всем привет, добрый день или доброе утро. Пока что Сергей вижу. Добрый день. Позавчера мы начали вести разговор о том, чтобы создать некий сервис. Мы его назвали кэшбэ. на сайте cashback.ru. И этот сервис, он у нас будет служить такой площадкой для обучения тому, каким образом финансовое моделирование превратить в современное финансовое моделирование. То есть в нашем смысле это современное финансовое моделирование, это моделирование, которое выходит за рамки Excel. Но поскольку Excel очень у нас внелся в нашу финансовую жизнь глубоко и надолго, видимо, то, конечно же, мы все будем делать сначала в Excel, а потом, соответственно, будем это пытаться переносить на сайт. Вот у нас в сайте cashgap.ru можно вот увидеть. На предыдущем занятии у нас не получилось отобразить вот это вот приветствие, которое все программисты знают, что когда мы начинаем что-нибудь делать, то мы для того, чтобы увидеть результат, какой-нибудь текст помещается, обычно пишут «Привет, мир!», «Hello, world!», и мы должны это увидеть, что вот оно отобразилось. И действительно, мы зашли в наш редактор. Редактор называется «NoFap». но под плюс-плюс это я по крайней мере в нем работаю простенький хороший такой нормальный редактор их много всяких разных удобных редакторов для того чтобы работать с программными кодами я буду в этом работать и мы в нем написали да мы в нем создали мы так скажем мы на сервере если мы посмотрим сервер да у нас на сервере есть раздел cashgap.ru. Это значит, что на сленге IT мы посадили домен на хостинг, на серверах его, и под доменом создаем сайт под наименным названием cashgap.ru. И вот, соответственно, в директории папки docs в рамках данного хостинга, папках docs, находится содержимое сайтов, а любой сайт – это просто набор файлов. Чаще всего это файлы PHP, HTML, вот такие файлики используются. Также есть другие расширения. В зависимости от того, на каком языке вы пишете свой сайт, мы будем пока что использовать язык PHP. а разметку HTML. Если у нас внутри файла встречается язык программирования, тогда мы этот файл берем с расширением PHP, чтобы показать браузеру то, что у нас внутри используется язык программирования, в данном случае PHP. Справа мы видим то, что у нас находится, мы видим файловую структуру нашего сайта, которую мы прям создаем на диске нашего компьютера. И вот этот файл индекс, который вот здесь аж имеет, мы его редактируем вот здесь. И здесь у нас мы поместили вначале вот такую такой вот заголовок doc-type html язык ru да вот это вот html это у нас теги называются head да у нас есть открывающий тег у нас есть закрывающий тег у нас есть тег body открывающий и закрывающий сейчас чуть-чуть попозже чуть-чуть подальше будет просто понятно что такое вот эти вот теги чем они отличаются для чего они нужны Но я не хочу идти по пути, когда мы сначала несколько занятий посвящаем тому, как устроена вся вот эта вот айтишная среда. Что такое там вот эти вот нейм, вот эти вот павиконы, какие-то вот эти вот хэды, ну понятно. Так скажем, что означают системные какие-то вот эти вот все команды, это я бы хотел отнести на чуть попозже. Мы сейчас сразу же постараемся что-то отображать на этом сайте, то-то, что будет связано напрямую с финансовым моделированием. чтобы нам посмотреть и понять, что перенос или переход из Excel в онлайн, он в принципе достаточно несложен. И в общем там, так скажем, в каких-то местах его приятно и очень удобно и так далее. И когда мы чуть-чуть, как говорится, мяса нарубим, Когда мы хотя бы какую-то вот эту первую страничку, например, создадим на нашем сайте, и эта, например, страничка будет нам рассчитывать прогноз собственного спроса на продукты. Хотя бы вот такой вот блок мы создадим на нашем сайте, и вам будет уже, ну так скажем, поинтереснее все это дело наблюдать, так сказать, и обучаться этому. то тогда после этого мы сделаем там одно-два занятия, на котором чуть-чуть подробнее разберем какие-то айтишные дела, вот эти вот системные дела, да, связанные там, ну, например, как вот отображается вот здесь вот это вот, это называется повикончик, да, повикон, да, иконка ставит. Как вот здесь вот у нас появилась вот эта вот HTTPS, да, как бы там добавили SSL-сертификат, и вот здесь вот у нас появился замкнутый такой вот замочек. Извините, я там предыдущую лепсу сохраню. И, конечно же, здесь есть очень много всяких вещей, связанных с сервером, с организацией всей этой IT-инфраструктуры. Понятно, что об этом, обо всем там можно прочитать, быстро найти всякие ответы в Яндексе, в Гугле, но какие-то основные моменты я это буду рассказывать, показывать для того, чтобы было общее понимание. Но не сейчас, не в самом начале, просто вот неохота, это как бы так скучно и интересно. Есть много различных нюансов, особенности, особенно когда мы займемся базами данных и передачей информации, постановкой задач, сохранением базы данных, каких-то действий пользователя. Там мы и будем знакомиться с какими-то системными вопросами. А сейчас наша задача очень простая. Вот мы в Excel что-то создали, И давайте мы вот то, что создали в Excel, мы это начнем переносить на сайт. И будем стараться создать на сайте то, что будет у нас потом называться сервис. Мы сказали, что будем все это делать реально как стартап. Берем и создаем сервис. Мы определили, что мы там хотим сделать. Мы хотим, чтобы у нас считался прогноз кассового разрыва, чтобы у нас можно было производить онлайн факторный анализ и дальше расчет сценариев избежания кассового разрыва. И вот такой вот сервис, мы его потом туда какие-нибудь тарифы придумаем. поставим там какую-нибудь систему, через которую люди смогут платить, вплоть до того, что просто номер карты размещаете, на которую люди должны произвести оплату. Вы этих людей подключаете к тарифам. Если их не так много, этих людей, то вы спокойно это администрируете вручную. А как только это вдруг станет массовым, тогда можно будет какую-нибудь более дорогую систему, обслуживающую движение денег, поступление оплат и прикрепление оплат к базе данных, чтобы регистрация, оплата, все это синхронизировано было. Но это уже потом. Дай бог, мы до этого доживем. Если доживем, то будет здорово. Наша задача постараться здесь что-нибудь отображать. Ну, во-первых, давайте посмотрим на то, как у нас выглядит XL. XL – это совокупность клеточек, это совокупность ячеек. У каждой ячейки есть своя координата по вертикали и по горизонтали. По вертикали это столбцы, по горизонтали у нас идут строки. Ну и в целом, если мы говорим про управление финансами, про отчетность и так далее, то главным элементом любых таких систем является таблица. А таблица состоит из каких-то блоков, вертикальных блоков, каких-то горизонтальных блоков, а блоки внутри разделяются на ячейки. Внутри ячеек у нас либо числовые параметры, какие-то числовые характеристики, либо это какие-то статьи или показатели, единицы измерений и так далее. То есть какие-то текстовые значения принимают и или иные ячейки отображают. Такая структура для финансов, для управления, для бизнеса, она стандартная, и от нее никуда не денешься. К ней все привыкли, все хотят смотреть какие-то таблички. И если у вас есть табличные данные, то тогда это, в принципе, можно дальше еще и отображать в виде каких-нибудь графиков, диаграммок и так далее. Но графики, диаграммы и дашборды можно построить только лишь тогда, когда у вас есть структурированные табличные данные. И неважно, вы их отображаете в виде таблицы или вы их где-то в базе данных структурированно содержите, но в любом случае все числовые данные, они всегда, если находятся в структуре, то любая такая структура – это фактически есть какая-то таблица. двумерная, трехмерная, пятимерная, бесконечно мерная, любая, но таблица. И вот эти вот таблицы нам необходимо научиться, во-первых, их отображать на странице нашего сайта. Ну и вот если мы говорим про создание сайта, добавлю один Если мы говорим про создание сайта, то тогда вот есть такой элемент у сайтов. Есть такой элемент у сайтов, который называется div. D-I-V. Это такой элемент, он записывается в виде такого тега. У нас есть открывающий тег и есть закрывающий. То есть есть начало, есть окончание. Но есть некоторые теги, у которых нет закрывающихся по тегам. То есть, если вы говорите, что у нас начинается элемент div, то есть блок, div – это строительный блок сайта. Один из таких наиболее распространённых, наиболее распространённый строительный блок сайта, наиболее простой, наиболее распространённый – это div. Причем диф – это блок, который преимущественно представляется в виде строки. Ну и давайте здесь напишем строка номер 1. Давайте теперь напишем следующий диф. Копировать. Вот сюда вот так вот ставим. Напишем строка номер 2. Давайте напишем строка номер 3. Строка номер 3. Вот мы написали. DIV начинается, DIV завершается. DIV начинается, DIV завершается. Начинается, завершается. То есть, блок строительный сайта начинается, завершается. Начинается, завершается. Давайте мы здесь вот прям вот так вот все сделаем. Ну, просто чтобы это увидеть сейчас на сайте, да, какие-то вот такие вот пометочки сделаем, да. И посмотрим, как вот это вот все должно у нас каким-то образом отобразиться в виде каких-то вот этих самых строк. Я сохраняю файл. Файл у меня сейчас сохранился на компьютер, ну как бы на сайте, в папке, которая расположена в компьютере. Мы сейчас туда зайдем. И вот у нас вот этот индекс html, и здесь, как опера. это надо переизгнавать. но пока что неважно. вот у нас 10.06 написано. 10.16? да, вот 10.16.