Аналитика профиля ВК - История изменений

Arlinskaya Alexandra: /* 🗂 Структура проекта */

2026-03-27T08:15:29Z

🗂 Структура проекта

← Предыдущая версия		Версия от 11:15, 27 марта 2026
Строка 98:		Строка 98:

	=== 🗂 Структура проекта ===		=== 🗂 Структура проекта ===

	VK-DASHBOARD/		<div style="font-family: monospace; background-color: #2c3e50; color: #e8e8e8; padding: 15px; border-radius: 8px; margin-top: 10px; font-size: 14px;">
	~~├──~~ __pycache__/		<div style="color: #6aab9a;">VK-DASHBOARD/</div>
	~~├──~~ .venv/ # виртуальное окружение		<div style="margin-left: 20px;">
	~~├──~~ public/		<div>📁 <span style="color: #e5c07b;">__pycache__/</span></div>
	~~│ └──~~ img/		<div>📁 <span style="color: #e5c07b;">.venv/</span> — виртуальное окружение</div>
	~~│ └──~~ favicon.svg		<div>📁 <span style="color: #e5c07b;">public/</span></div>
	~~├──~~ templates/		<div style="margin-left: 20px;">📁 img/</div>
	~~│ ├──~~ index.html # главная страница с формой ввода		<div style="margin-left: 40px;">🖼 favicon.svg</div>
	~~│ └──~~ result.html # страница с результатами аналитики		<div>📁 <span style="color: #e5c07b;">templates/</span></div>
	~~├──~~ main.py # основной файл приложения (Flask/FastAPI)		<div style="margin-left: 20px;">📄 index.html — главная страница с формой ввода</div>
	~~├──~~ .env # переменные окружения (токен VK API)		<div style="margin-left: 20px;">📄 result.html — страница с результатами аналитики</div>
	~~└──~~ .env.example # пример конфигурации		<div>📄 <span style="color: #e5c07b;">main.py</span> — основной файл приложения (Flask/FastAPI)</div>
			<div>📄 <span style="color: #e5c07b;">.env</span> — переменные окружения (токен VK API)</div>
			<div>📄 <span style="color: #e5c07b;">.env.example</span> — пример конфигурации</div>
			</div>
			</div>

	'''Назначение ключевых файлов:'''		'''Назначение ключевых файлов:'''

Arlinskaya Alexandra в 08:13, 27 марта 2026

2026-03-27T08:13:29Z

Внесённые изменения

Patarakin в 07:33, 27 марта 2026

2026-03-27T07:33:12Z

← Предыдущая версия		Версия от 10:33, 27 марта 2026
Строка 58:		Строка 58:
	</div>		</div>

	~~<h3 style~~=~~"color: #34495e;">~~🛠 Диаграмма работы приложения «Аналитика профиля ВКонтакте»~~</h3>~~		=== 🛠 Диаграмма работы приложения «Аналитика профиля ВКонтакте» ===

	{{#mermaid: flowchart TB		{{#mermaid: flowchart TB

Arlinskaya Alexandra в 07:18, 27 марта 2026

2026-03-27T07:18:20Z

← Предыдущая версия		Версия от 10:18, 27 марта 2026
Строка 61:		Строка 61:

	{{#mermaid: flowchart TB		{{#mermaid: flowchart TB
	A[Начало] --> B(Пользователь вводит ~~домен или~~ ID профиля)		A[Начало] --> B(Пользователь вводит ID профиля)
	B --> C(Backend получает запрос POST /analyze)		B --> C(Backend получает запрос POST /analyze)
	C --> D{Токен VK настроен?}		C --> D{Токен VK настроен?}

Arlinskaya Alexandra в 07:17, 27 марта 2026

2026-03-27T07:17:15Z

@@ Строка 57: / Строка 57: @@
      </div>
 </div>
      <!-- Получение токена VK API -->

Arlinskaya Alexandra в 06:46, 27 марта 2026

2026-03-27T06:46:16Z

← Предыдущая версия		Версия от 09:46, 27 марта 2026
Строка 36:		Строка 36:
	<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">🎨 CSS3</span>		<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">🎨 CSS3</span>
	<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">📜 JavaScript</span>		<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">📜 JavaScript</span>
	<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">📊 Chart.js</span>		<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">📊 Chart.js</span>
	~~<span style="background-color: #eef2f6; padding: 6px 14px; border-radius: 20px; font-size: 14px;">🎨 Jinja2</span>~~
	</div>		</div>
	</div>		</div>

Arlinskaya Alexandra в 06:43, 27 марта 2026

2026-03-27T06:43:12Z

← Предыдущая версия		Версия от 09:43, 27 марта 2026
Строка 172:		Строка 172:
	<h4 style="color: #4a76a8; margin-top: 20px;">📝 Отрывок кода, отвечающий за фильтрацию:</h4>		<h4 style="color: #4a76a8; margin-top: 20px;">📝 Отрывок кода, отвечающий за фильтрацию:</h4>

	<~~pre style="background-color: #f5f5f5; padding: 15px; border-radius: 8px; overflow-x: auto; font-family: monospace; font-size: 13px;"~~>		<p><b>Список стоп-слов (русские и английские):</b></p>
	# Список стоп-слов (русские и английские)		<syntaxhighlight lang="python">
	RU_STOPWORDS = {		RU_STOPWORDS = {
	"и","в","во","не","что","он","на","я","с","со","как","а","то","все","она",		"и","в","во","не","что","он","на","я","с","со","как","а","то","все","она",
	"так","его","но","да","ты","к","у","же","вы","за","бы","по","только","её",		"так","его","но","да","ты","к","у","же","вы","за","бы","по","только","её",
			"мне","было","вот","от","меня","ещё","нет","о","из","ему","теперь","когда",
			"даже","ну","вдруг","ли","если","уже","или","ни","быть","был","него","до",
			"вас","нибудь","опять","уж","вам","ведь","там","потом","себя","ничего","ей",
			"может","они","тут","где","есть","надо","ней","для","мы","тебя","их","чем",
			"была","сам","чтоб","без","будто","чего","раз","тоже","себе","под","будет",
			"ж","тогда","кто","этот","того","потому","этого","какой","совсем","ним",
			"здесь","этом","один","почти","мой","тем","чтобы","нее","сейчас","были",
			"куда","зачем","всех","никогда","можно","при","наконец","два","об","другой",
			"хоть","после","над","больше","тот","через","эти","нас","про","всего","них",
			"какая","много","разве","три","эту","моя","впрочем","свою","этой","перед",
			"иногда","лучше","чуть","том","нельзя","такой","им","более","всегда",
			"конечно","всю","между","это","этим","при","нам","этих","та","те","при",
			"ещe","тебе","со","вся","все","бы","ведь","вон","вот","да","даже","для",
			"его","нет","ни","тот","раз","еще",
	"the","and","in","of","to","a","is","it","that","for","on","are","with",		"the","and","in","of","to","a","is","it","that","for","on","are","with",
			"was","at","be","by","this","have","from","or","an","but","not","they",
			"we","you","he","she","all","as","do","did","been","his","her","our","their",
	}		}
			</syntaxhighlight>
	# Функция обработки текста постов
			<p><b>Функция обработки текста постов (фрагмент из process_posts):</b></p>
			<syntaxhighlight lang="python">
	def process_posts(posts: list) -> dict:		def process_posts(posts: list) -> dict:
			# ... остальной код ...

	# Сбор всего текста из постов		# Сбор всего текста из постов
	all_text = " ".join(p.get("text", "") for p in posts if p.get("text"))		all_text = " ".join(p.get("text", "") for p in posts if p.get("text"))
Строка 194:		Строка 214:
	top_words = Counter(filtered).most_common(20)		top_words = Counter(filtered).most_common(20)

	return {"words": {		return {
	"labels": [w[0] for w in top_words],		# ... остальные данные ...
	"data": [w[1] for w in top_words]		"words": {
	}}		"labels": [w[0] for w in top_words],
	</~~pre~~>		"data": [w[1] for w in top_words],
			},
			}
			</syntaxhighlight>

	<p ~~style="margin-top: 15px;"~~><b>Как это работает:</b></p>		<p><b>Как это работает:</b></p>
	<ul>		<ul>
	<li>Из всех постов собирается текст и разбивается на отдельные слова</li>		<li>Из всех постов собирается текст и разбивается на отдельные слова</li>
	<li>Отбрасываются слова короче 3 символов</li>		<li>Отбрасываются слова короче 3 символов (регулярное выражение <code>r"\b[а-яёa-zA-Z]{3,}\b"</code>)</li>
	<li>Из оставшихся слов удаляются стоп-слова ~~(предлоги, местоимения, союзы)~~</li>		<li>Из оставшихся слов удаляются стоп-слова из списка <code>RU_STOPWORDS</code></li>
	<li>Подсчитывается частота оставшихся слов ~~и формируется~~ топ-20</li>		<li>Подсчитывается частота оставшихся слов с помощью <code>Counter</code></li>
			<li>Формируется топ-20 самых частых слов для отображения на графике</li>
	</ul>		</ul>
	</div>		</div>

Arlinskaya Alexandra в 06:39, 27 марта 2026

2026-03-27T06:39:32Z

← Предыдущая версия		Версия от 09:39, 27 марта 2026
Строка 170:		Строка 170:
	<p>При анализе текстов постов система автоматически исключает часто встречающиеся, но не несущие смысловой нагрузки слова (предлоги, местоимения, союзы). Это позволяет выделить действительно значимые ключевые слова и получить точную картину тематики контента.</p>		<p>При анализе текстов постов система автоматически исключает часто встречающиеся, но не несущие смысловой нагрузки слова (предлоги, местоимения, союзы). Это позволяет выделить действительно значимые ключевые слова и получить точную картину тематики контента.</p>

	<~~p><b>Стоп~~-~~слова включают~~:~~</b~~> ~~«и»~~, «в», «на», «не», «что», «он», «я», «с», «как», «а», «то», «все», «она», «но», «да», «ты», «к», «у», «же», «вы», «за», «бы», «по», «только», «её», «мне», «было», «вот», «от», «меня», «ещё», «нет», «о», «из», «ему», «теперь», «когда», «даже», «ну», «вдруг», «ли», «если», «уже», «или», «ни», «быть», «был», «него», «до», «вас», «нибудь», «опять», «уж», «вам», «ведь», «там», «потом», «себя», «ничего», «ей», «может», «они», «тут», «где», «есть», «надо», «ней», «для», «мы», «тебя», «их», «чем», «была», «сам», «чтоб», «без», «будто», «чего», «раз», «тоже», «себе», «под», «будет», «ж», «тогда», «кто», «этот», «того», «потому», «этого», «какой», «совсем», «ним», «здесь», «этом», «один», «почти», «мой», «тем», «чтобы», «нее», «сейчас», «были», «куда», «зачем», «всех», «никогда», «можно», «при», «наконец», «два», «об», «другой», «хоть», «после», «над», «больше», «тот», «через», «эти», «нас», «про», «всего», «них», «какая», «много», «разве», «три», «эту», «моя», «впрочем», «свою», «этой», «перед», «иногда», «лучше», «чуть», «том», «нельзя», «такой», «им», «более», «всегда», «конечно», «всю», «между», «это», «этим», «нам», «этих», «та», «те», «при», «ещe», «тебе», «со», «вся», «все», «бы», «ведь», «вон», «вот», «да», «даже», «для», «его», «нет», «ни», «тот», «раз», «еще».</p>		<h4 style="color: #4a76a8; margin-top: 20px;">📝 Отрывок кода, отвечающий за фильтрацию:</h4>

	<p><b>А также английские стоп-слова:</b> «the», «and», «in», «of», «to», «a», «is», «it», «that», «for», «on», «are», «with», «was», «at», «be», «by», «this», «have», «from», «or», «an», «but», «not», «they», «we», «you», «he», «she», «all», «as», «do», «did», «been», «his», «her», «our», «their».</p>		<pre style="background-color: #f5f5f5; padding: 15px; border-radius: 8px; overflow-x: auto; font-family: monospace; font-size: 13px;">
			# Список стоп-слов (русские и английские)
	~~<h4 style="color: #4a76a8; margin-top: 20px;">📝 Отрывок кода, отвечающий за фильтрацию:</h4>~~		RU_STOPWORDS = {
	~~<div~~ style="background-color: #~~1e1e1e; color: #d4d4d4~~; padding: 15px; border-radius: 8px; overflow-x: auto; font-family: ~~'Courier New',~~ monospace; font-size: 13px;">		"и","в","во","не","что","он","на","я","с","со","как","а","то","все","она",
	~~<pre style="margin: 0; color: #d4d4d4;">~~		"так","его","но","да","ты","к","у","же","вы","за","бы","по","только","её",
	~~<span style="color: #569cd6;">~~# Список стоп-слов (русские и английские)~~</span>~~		"the","and","in","of","to","a","is","it","that","for","on","are","with",
	~~<span style="color: #569cd6;">~~RU_STOPWORDS~~</span>~~ = {
	~~<span style="color: #ce9178;">~~"и"~~</span>~~,~~<span style="color: #ce9178;">~~"в"~~</span>~~,~~<span style="color: #ce9178;">~~"во"~~</span>~~,~~<span style="color: #ce9178;">~~"не"~~</span>~~,~~<span style="color: #ce9178;">~~"что"~~</span>~~,~~<span style="color: #ce9178;">~~"он"~~</span>~~,~~<span style="color: #ce9178;">~~"на"~~</span>~~,~~<span style="color: #ce9178;">~~"я"~~</span>~~,~~<span style="color: #ce9178;">~~"с"~~</span>~~,~~<span style="color: #ce9178;">~~"со"~~</span>~~,~~<span style="color: #ce9178;">~~"как"~~</span>~~,~~<span style="color: #ce9178;">~~"а"~~</span>~~,~~<span style="color: #ce9178;">~~"то"~~</span>~~,~~<span style="color: #ce9178;">~~"все"~~</span>~~,~~<span style="color: #ce9178;">~~"она"~~</span>~~,
	~~<span style="color: #ce9178;">~~"так"~~</span>~~,~~<span style="color: #ce9178;">~~"его"~~</span>~~,~~<span style="color: #ce9178;">~~"но"~~</span>~~,~~<span style="color: #ce9178;">~~"да"~~</span>~~,~~<span style="color: #ce9178;">~~"ты"~~</span>~~,~~<span style="color: #ce9178;">~~"к"~~</span>~~,~~<span style="color: #ce9178;">~~"у"~~</span>~~,~~<span style="color: #ce9178;">~~"же"~~</span>~~,~~<span style="color: #ce9178;">~~"вы"~~</span>~~,~~<span style="color: #ce9178;">~~"за"~~</span>~~,~~<span style="color: #ce9178;">~~"бы"~~</span>~~,~~<span style="color: #ce9178;">~~"по"~~</span>~~,~~<span style="color: #ce9178;">~~"только"~~</span>~~,~~<span style="color: #ce9178;">~~"её"~~</span>~~,
	~~<span style="color: #ce9178;">~~"the"~~</span>~~,~~<span style="color: #ce9178;">~~"and"~~</span>~~,~~<span style="color: #ce9178;">~~"in"~~</span>~~,~~<span style="color: #ce9178;">~~"of"~~</span>~~,~~<span style="color: #ce9178;">~~"to"~~</span>~~,~~<span style="color: #ce9178;">~~"a"~~</span>~~,~~<span style="color: #ce9178;">~~"is"~~</span>~~,~~<span style="color: #ce9178;">~~"it"~~</span>~~,~~<span style="color: #ce9178;">~~"that"~~</span>~~,~~<span style="color: #ce9178;">~~"for"~~</span>~~,~~<span style="color: #ce9178;">~~"on"~~</span>~~,~~<span style=~~"~~color: #ce9178;~~">"~~are~~"~~</span>~~,
	}		}

	~~<span style="color: #569cd6;">~~# Функция обработки текста постов~~</span>~~		# Функция обработки текста постов
	~~<span style="color: #569cd6;">~~def~~</span> <span style="color: #dcdcaa;">~~process_posts~~</span>~~(posts: list) -> dict:		def process_posts(posts: list) -> dict:
	~~<span style="color: #6a9955;">~~# Сбор всего текста из постов~~</span>~~		# Сбор всего текста из постов
	all_text ~~= <span style~~="~~color: #ce9178;~~"~~>" "</span>~~.join(p.get(~~<span style="color: #ce9178;">~~"text"~~</span>~~, ~~<span style="color: #ce9178;~~">"~~"</span>~~) ~~<span style="color: #569cd6;">~~for~~</span>~~ p ~~<span style="color: #569cd6;">~~in~~</span>~~ posts ~~<span style="color: #569cd6;">~~if~~</span>~~ p.get(~~<span style="color: #ce9178;">~~"text"~~</span>~~))		all_text = " ".join(p.get("text", "") for p in posts if p.get("text"))

	~~<span style="color: #6a9955;">~~# Разбивка на слова (только слова длиной от 3 символов)~~</span>~~		# Разбивка на слова (только слова длиной от 3 символов)
	words = re.findall(~~<span style="color: #ce9178;">~~r"\b[а-яёa-zA-Z]{3,}\b"~~</span>~~, all_text.lower())		words = re.findall(r"\b[а-яёa-zA-Z]{3,}\b", all_text.lower())

	~~<span style="color: #6a9955;">~~# Фильтрация стоп-слов~~</span>~~		# Фильтрация стоп-слов
	filtered = [w ~~<span style="color: #569cd6;">~~for~~</span>~~ w ~~<span style="color: #569cd6;">~~in~~</span>~~ words ~~<span style="color: #569cd6;">~~if~~</span>~~ w ~~<span style="color: #569cd6;">~~not~~</span> <span style="color: #569cd6;">~~in~~</span>~~ RU_STOPWORDS]		filtered = [w for w in words if w not in RU_STOPWORDS]

	~~<span style="color: #6a9955;">~~# Подсчёт топ-20 самых частых слов~~</span>~~		# Подсчёт топ-20 самых частых слов
	top_words = Counter(filtered).most_common(~~<span style="color: #b5cea8;">~~20~~</span>~~)		top_words = Counter(filtered).most_common(20)

	~~<span style="color: #569cd6;">~~return~~</span>~~ {~~<span style="color: #ce9178;">~~"words"~~</span>~~: {		return {"words": {
	~~<span style="color: #ce9178;">~~"labels"~~</span>~~: [w[~~<span style="color: #b5cea8;">~~0~~</span>~~] ~~<span style="color: #569cd6;">~~for~~</span>~~ w ~~<span style="color: #569cd6;">~~in~~</span>~~ top_words],		"labels": [w[0] for w in top_words],
	~~<span style="color: #ce9178;">~~"data"~~</span>~~: [w[~~<span style="color: #b5cea8;">~~1~~</span>~~] ~~<span style="color: #569cd6;">~~for~~</span>~~ w ~~<span style="color: #569cd6;">~~in~~</span>~~ top_words]		"data": [w[1] for w in top_words]
	}}		}}
	</pre>		</pre>
	~~</div~~>

	<p style="margin-top: 15px;"><b>Как это работает:</b></p>		<p style="margin-top: 15px;"><b>Как это работает:</b></p>
	<ul>		<ul>
	<li>Из всех постов собирается текст и разбивается на отдельные слова</li>		<li>Из всех постов собирается текст и разбивается на отдельные слова</li>
	<li>Отбрасываются слова короче 3 символов ~~(чтобы исключить бессмысленные сочетания)~~</li>		<li>Отбрасываются слова короче 3 символов</li>
	<li>Из оставшихся слов удаляются стоп-слова (предлоги, местоимения, союзы)</li>		<li>Из оставшихся слов удаляются стоп-слова (предлоги, местоимения, союзы)</li>
	<li>Подсчитывается частота оставшихся слов и формируется топ-20</li>		<li>Подсчитывается частота оставшихся слов и формируется топ-20</li>
	<li>В результате пользователь видит самые значимые темы, которые чаще всего встречаются в постах сообщества</li>
	</ul>		</ul>
	</div>		</div>

Arlinskaya Alexandra в 06:37, 27 марта 2026

2026-03-27T06:37:36Z

@@ Строка 165: / Строка 165: @@
      </div>
      <!-- Выводы -->
      <div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">

Arlinskaya Alexandra в 06:34, 27 марта 2026

2026-03-27T06:34:50Z

← Предыдущая версия		Версия от 09:34, 27 марта 2026
Строка 41:		Строка 41:
	</div>		</div>

	<!-- Архитектура и блок-схема -->		<!-- Архитектура и блок-схема -->
	<div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">		<div style="background-color: #ffffff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
	<h3 style="color: #2c3e50;">🛠 Архитектура и блок-схема проекта</h3>		<h3 style="color: #2c3e50;">🛠 Архитектура и блок-схема проекта</h3>
	<p>Проект построен на архитектуре клиент-сервер. Backend (Python + FastAPI/Flask) обрабатывает запросы к VK API, собирает и агрегирует данные. Frontend (HTML/CSS/JS) отображает информацию и визуализирует графики с использованием библиотеки Chart.js.</p>		<p>Проект построен на архитектуре клиент-сервер. Backend (Python + FastAPI/Flask) обрабатывает запросы к VK API, собирает и агрегирует данные. Frontend (HTML/CSS/JS) отображает информацию и визуализирует графики с использованием библиотеки Chart.js.</p>

			<div style="display: flex; justify-content: center; margin-top: 20px;">
	{{#mermaid:		{{#mermaid:
	flowchart TB		flowchart TB
	A[Пользователь] --> B[Frontend<br/>HTML/CSS/JS]		A[Пользователь] --> B[Frontend<br/>HTML/CSS/JS]
	B --> C[Backend<br/>FastAPI + Python]		B --> C[Backend<br/>FastAPI + Python]
	C --> D[VK API]		C --> D[VK API]
	D -->\|данные профиля и постов\| C		D -->\|данные профиля и постов\| C
	C -->\|аналитика\| B		C -->\|аналитика\| B
	B -->\|визуализация\| A		B -->\|визуализация\| A
	}}		}}
			</div>
	</div>		</div>