Вопросы по дашборду на JavaScript

 
 
 
Сообщения:14
Здравствуйте.
Я выступаю менеджером проекта, ставлю задачу техническим специалистам.

Стоит задача, начать создание дашбордов для организации (разаработка на основе PHP + JavaScript).
Для этого было решено сделать веб-страницу с образцами виджетов (мастер-макет с шаблоны на JavaScript), которые будут использоваться для быстрого создания дашбордов.
Макет с образцами (еще без дизайна): https://clck.ru/DKAAn
Сами дашборды, в дальнейшем будут делаться по принципу, 1 страницы без вертикальной прокрутки (адаптив).
Пример: https://www.screencast.com/t/dYzehZgcZr

Вопросы:

1) Верстать мастер-макет с образцами виджетов нужно отдельному специалисту по верстке и потом отдельно JavaScript программисту подключать анимацию.
Или целесообразней JavaScript программисту делать верстку + создание виджетов на JavaScript?

2) Адаптив делать для мастер-макета или уже для конечных дашбородов при их разработке?

3) Планируется дальнейшая доработка JavaScript виджетов из мастер-макета, разными JavaScript программистами.
Для создания виджетов использовать какую-то JavaScript библиотеку (ReactJS, Vue.js, AngularJS и т.д.) или делать на чистом JavaScript?
ТЗ: https://clck.ru/DLeaL

4) В ТЗ есть кнопки «Сохранить в Excel» и «Печать», это целесообразней поручить JavaScript программисту или php-программисту?

5) В ТЗ я приводил в качестве примера для анимации виджетов разные библиотеки ( http://gionkunz.github.io/chartist-js/ , http://dc-js.github.io/dc.js/ и т.д.).
5.1) JavaScript программисту нужно будет переписать эти библиотеки на чистый JavaScript?
5.2) К существующим JavaScript библиотекам можно подключать доп. эффекты, если они не были там сделаны изначально?
5.3) В одном проекте (веб-странице) можно подключать несколько разных JavaScript библиотек одновременно (gionkunz.github.io/chartist-js , dc-js.github.io/dc.js и т.д.) и еще добавлять элементы на чистом JavaScript?
 
 
Сообщения:1
Добрый день!

Отвечу сначала по пунктам:

Quote:
1) Верстать мастер-макет с образцами виджетов нужно отдельному специалисту по верстке и потом отдельно JavaScript программисту подключать анимацию.
Или целесообразней JavaScript программисту делать верстку + создание виджетов на JavaScript?


Целесообразно делегировать всю фронтенд разработку 1-2 специалистам, на сегодняшний день любой уважающий себя фронтенд девелопер умеет и верстать и писать логику. Отдельного верстальщика стоит подключать к проекту только в отдельных случаях (сложные анимации, нестандартная адаптивная верстка и так далее).

Quote:
2) Адаптив делать для мастер-макета или уже для конечных дашбородов при их разработке?


На этапе мастер-макета нужно делать адаптив только в том случае, если какой-то из компонентов (графики, кнопки, поля ввода) явно этого требует. Все остальное нужно делать для конечных дашбордов.

Quote:
3) Планируется дальнейшая доработка JavaScript виджетов из мастер-макета, разными JavaScript программистами.
Для создания виджетов использовать какую-то JavaScript библиотеку (ReactJS, Vue.js, AngularJS и т.д.) или делать на чистом JavaScript?
ТЗ: https://clck.ru/DLeaL


Делать на чистом js в 2018 году точно не стоит, сэкономьте себе время, нервы и деньги. Иначе получите кучу самопального кода, который мало кто захочет потом поддерживать при смене исполнителя.

Возьмите один из фреймворков React / Angular 2+ / Vue (AngularJS точно сегодня не стоит использовать в новых проектах) и ищите исполнителей со знанием выбранного Вами фреймворка. Для каждого из них уже реализовано огромное количество готовых компонентов, которые покроют скоуп Ваших задач на 70-80%

Quote:
4) В ТЗ есть кнопки «Сохранить в Excel» и «Печать», это целесообразней поручить JavaScript программисту или php-программисту?


Стандартный подход: сформировать файл на бекенде (php в данном случае) а затем выкачать его на клиенте через ajax запрос и сохранить. Так что работа найдется для всех.
По поводу печати не могу однозначно ответить, возможно пользователю стоит выкачать файл и распечатать его самостоятельно? Либо можно сформировать страницу для печати на стороне фронтенда, но это не очень хороший подход.

Quote:
5) В ТЗ я приводил в качестве примера для анимации виджетов разные библиотеки ( http://gionkunz.github.io/chartist-js/ , http://dc-js.github.io/dc.js/ и т.д.).


Покажите требования разработчику и он подскажет вам, какую библиотеку лучше использовать с учетом поставленной задачи и выбранного фреймворка. Например Angular позволяет штатными средствами реализовывать анимации и их последовательности, поэтому можно обойтись без дополнительных библиотек, подключить только animate.css, например.

Quote:
5.1) JavaScript программисту нужно будет переписать эти библиотеки на чистый JavaScript?


Ничего переписывать не нужно, они и так уже написаны на js (а если написаны и не на js, то точно в него транспилированы) можно взять и использовать как есть.

Quote:
5.2) К существующим JavaScript библиотекам можно подключать доп. эффекты, если они не были там сделаны изначально?

Можно реализовать их поверх библиотеки, но повторюсь, найдите эксперта в этой области, но поможет с выбором инструмента, решающего Ваши задачи.

Quote:
5.3) В одном проекте (веб-странице) можно подключать несколько разных JavaScript библиотек одновременно (gionkunz.github.io/chartist-js , dc-js.github.io/dc.js и т.д.) и еще добавлять элементы на чистом JavaScript?

Можно. С использованием нескольких фреймворков все намного хуже, но и это возможно, при желании.

По тексту сообщения сложилось ощущение, что вы слабо разбираетесь в технической части фронтенда, поэтому лучше оставить вопросы, связанные с выбором технологий/библиотек/фреймворков на рассмотрение специалиста в этой области. Каждый должен заниматься своим делом.
Изменен:16 мая 2018 22:24
 
Модераторы:Нет
Сейчас эту тему просматривают:Нет