Есть сайт:
Люди оставляют на нём отзывы (видны в столбце справа).
Нужно:
1. Обновлять отзывы раз в 10 секунд.
2. Чтобы можно было пролистывать отзывы, и в этот момент они подгружались бы с сервера.
3. Наверху справа показывать общее количество отзывов (+анимация обновления числа).
4. На диаграмме показывать распределение оценок.
Частично это сделано, но исполнитель пропал. Нужно доделать или сделать заново.
Во вложении — описание API для запросов к серверу.
Как вести разработку:
1. Скопируйте главную страницу в статике на свой домен.
2. Разработайте нужный скрипт.
3. Для теста Вам будет предоставлен доступ к БД через phpMyAdmin. Так Вы будете вставлять новые отзывы.
Диаграмма с оценками:
Все оценки всегда выводятся, даже если каких-то — 0% (Тогда столбик не виден, только написано 0%).
Размер и положение диаграммы — как на этом макете:
В отзывах:
1. Вверху отзыва его порядковый номер. У самого нового отзыва он равен количеству отзывов, далее порядковые номера убывают.
2. Дату и время отзыва нужно форматировать в читаемом виде, например:
22 июля, 18:51 — если прошло меньше года.
22 июля 2014, 18:55 — если прошло больше года.
Анимацию количества отзывов нужно сделать такой:
Но использовать наши существующие изображения цифр.
Как тестировать добавление отзывов:
1. Отзывы в базе данных хранятся в таблице StudentLessonTestimonial. Их там уже много.
2. Если у отзыва поставить в столбце "valid" значение "0", он перестанет считаться одобренным и выводиться.
3. Для тестирования указываем valid=0 и загружаем страницу. Потом указываем valid=1. При следующем обновлении отзыв должен появиться.
Как делать перелистывание отзывов:
1. Кнопка "Вверх" недоступна, когда мы в самом верху.
2. Кнопка "Вниз" недоступна, когда мы в самом низу — getEarlierLessonTestimonials возвратила 0 отзывов.
3. Перелистывание вниз идёт с анимацией: за 0.5 секунды текущие отзывы "уезжают" наверх, вместо них снизу "приезжают" более старые.
4. Перелистывание вверх идёт с анимацией: за 0.5 секунды старые отзывы "уезжают" вниз, вместо них снизу "приезжают" более новые отзывы.
5. Появление новых отзывов — с такой же анимацией.
При ответе на этот проект сразу указывайте сайты, на которых Вы делали обновления с помощью AJAX.