Ще разкажа за report.fondpr.ru, публичния годишен отчет на благотворителен фонд за помощ на деца. Сайтът е малък, но в него има няколко решения, които ще влязат в работа във всеки проект с данни и клиент без технически опит.
Задачата. Фондът има нужда от отчет, който се отваря с линк, а не от PDF от петдесет страници: цифрите за годината, програмите, къде са отишли парите, къде живеят подопечните. И служителите да променят сами текстовете и снимките, вместо да пишат на разработчик за всяка дреболия.
Статична страница плюс един файл с промени. Страницата по същество е статична: готов HTML шаблон, върху който малък скрипт прилага промените. Няма тежка CMS и база данни, затова сайтът се отваря бързо, почти няма какво да се счупи, а хостингът е обикновен.
Карта на регионите от адреси. Подопечните на фонда живеят из цялата страна и най-добре това се показва с карта на Русия. Адресите се превръщат в имена на региони по отворен справочник на географските имена, а границите идват от отворени данни. Москва с областта и Санкт Петербург с Ленинградска област са обединени, както и Крим със Севастопол. В сайта стигат само регионите и броят деца, а самите адреси никъде не се публикуват. Има раздели «2025 година» и «Всички години». Програмите на фонда, които не се отнасят до конкретно дете, не влизат в броенето, иначе цифрите щяха да са завишени.
Цифри и финанси. Карточки с ключовите показатели: колко единици техника са предадени, на колко деца е помогнато, колко е насочено за лекарства. Числата плавно се натрупват при отваряне на страницата. Разходите са показани с пръстеновидни диаграми, които сайтът рисува сам, без външни библиотеки. Направих и вариант с обемни кръгови диаграми, но накрая се върнахме към простите пръстени: те се четат по-честно. Обемния вариант запазих, ако някога потрябва.
Истински снимки. За карточките на програмите взех реални снимки от официалния PDF отчет, като извадих вградените изображения направо от файла. Истинската снимка вдъхва повече доверие от стокова картинка, а за фонда доверието е най-важното.
Редактор направо на страницата. Екипът влиза в закрит раздел с парола, кликва върху текст или снимка на самата страница, променя и натиска «Запази». Промените стоят в един файл върху шаблона, качените снимки автоматично се смаляват до разумен размер, а последните шейсет резервни копия позволяват да се върне всяка промяна. Числата-броячи, диаграмите и картата не се редактират през редактора: те се строят от данни и не могат да се счупят случайно.
Какво се обърка. Веднъж върнах старите диаграми само на сървъра и не обнових локалното копие, а следващото обновяване случайно върна обемните графики. Сега правилото е просто: след всяка промяна направо на сървъра първо свалям актуалния файл и чак тогава работя с локалното копие. Дреболия, но точно от такива дреболии излизат неприятните изненади.
Резултатът. Едностраничен сайт, но с карта от данни, живи цифри и редактор, който се управлява не от разработчик. Ако ви трябва отчет, страница с данни или подобен сайт, ще разгледаме задачата: kovalev.trade/websites
#сайтдоключ #уебразработка #благотворителност #отчет #визуализацияданни