Мой первый проект. пост № 1

Добрый день, ит-коммунити. Где-то прочитал, что если делаешь свой проект то стоит задуматься о блоге. Мол где надо подскажут, помогут да и вообще результат виден с каждым постом. Поэтому Сеньоры и сеньориты хочу познакомить Вас с небольшим проектом, над которым сейчас работаю. Это проект «Спасибо».
Cейчас немного о себе. Меня зовут Павел мне 29 лет и мой основной доход это 1с:Предприятие и внутренние корпоративные приложения. С Web я начал дружить сразу с ASP, писал не большое корпоративное приложение для газеты «Все для Вас» в 2004 по моему году. Когда как такого понятия ajax еще не существовало, и приходилось использовать скрытые фреймы о да еще и vbscript использовался:).
Следующие небольшие проекты уже писал на java используя Wicket framework и JPA, честно говоря тащился и был рад что они существуют. Пока не увидел пару минусов. В 2010 году, сидя в кафешке со своей знакомой нам пришла «больная» идея, открыть свое брачное агентство, конечно же для него нужен был свой сайт, что-то вроде закрытой соцсети. Понятно, что в нашем родном городе ИКТ никто java хостинг не предлагает, поэтому пришлось писать на php тут же изучая, но так как я был уже «прошаренным» пареньком я сразу стал искать Фреймворк под него и нашел zend framework. А в 2011 году познакомился со scala и web фреймворком под нее liftweb. Собственно этот проект и будет на нем реализован.

Простите, что все скомкано, но если все расписывать первый пост будет не о проекте:) Просто хотел показать, что каких-то открытых web-проектов не было. Поэтому придется начинать с низов, и некоторые моменты конечно мне будут не знакомы.

Суть проекта: Как-то мне пришла идея, что по факту так-то добра хватает, просто доброту забывают, а плохое помнят. Поэтому хочется сделать цитатник аналог bash.im, где люди оставляют спасибо (людям, организациям, и т.д.). Каждое спасибо имеет свой рейтинг, и раз в неделю или в две делать выборку лучших за период, и делать ролик в котором его начитывают и выкладывать на youtube. Конечно же для каждого ролика искать спонсора мол создан при поддержке того-то того-то, спасибо вам тот-то тот-то.

Концепция дизайна: Думая как спасибо можно выразить? Вообще обыграть это слово? Здесь я хочу сказать большое спасибо Овощам-Фруктам, зайдя в один из них в моем плеере играла группа «Чайф» с довольно веселой песней «Оранжевое настроение» и увидев апельсин я понял. Это Orange!!
Накидав своими корявыми умениями в корелле получился примерно такой дизайн:)
http://it.icmp.ru/postimages/2518/7406/thumb/z_ffe77983.jpg

Дальше попросил уже своего друга дизайнера переделать, улыбался он очень долго.

Реализация: scala/liftweb в качестве orm используется squeryl, база MySQL, для фронтэнда bootstrap и jquery

Собственно какой скилл получен на сейчас:
1.Используя comet технологию при добавлении спасибо автоматически добавляется всем кто сейчас на сайте, также при удалении удаляется (как новости вконтакте)
2.Возможность автодополнение порции спасибо при прокручивании (так же как вконтакте)
3.Научился делать ссылочки для соц.сетей
4.Пришлось позаниматься администрированием, пока используется apache mod_proxy для проксирование портов на jetty сервер
5.Изучил bootstrap. Сейчас вижу как все проще на самом деле, чем верстать на 960cs и искать необходимые компоненты
6.Научился рисовать капчу (в данном проекте используются названия цитрусов)

Собственно что сейчас умеем:
1.Конечно же оставлять спасибо
2.Плюсовать/Минусовать, так же спасибо выделяется если много положительных, и очень много отрицательных оно удаляется.
3.Фильтры используются на всех страницах

Вопросы которые появились за это время:
1.Стоит ли сделать комментирование спасибо?

Что еще впереди и собственно темы следующих постов:
1.Ранжирование по рейтингу «очень плохо» «плохо», «нормально», «хорошо», «очень хорошо». Следовательно по нему и выделять. Этому будет посвящен следующий пост. С кодом и описанием.
2.Привязка какого-нибудь новостного блога, хочу сделать связку php и java
3.Переезд на сервак, поиск, оплата и т.д. (настройка nginx перед апаче и т.д.) (3 тема для поста)
4.SEO -не знаю даже как к нему подходить, Слишком очень много информации, даже теряюсь если честно Плюс тому кто объяснит куда копать!
5.Мобильная версия сайта

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

На следующей неделе постараюсь написать чему научился за неделю.

И собственно ссылочка пока на домашний сервачок http://spasibo.scnet.su/

Благодарю за внимание к моему первому посту.
  • 07 февраля 2013, 14:16
  • shrize
  • просмотров: ~3282
  • рейтинг: ?

Комментарии (10)

Вы - anonymous, войти ?

можно использовать bbcode-теги
[b]жирный текст[/b]
[i]курсив[/i]
[u]underline[/u]
[s]зачеркнутый текст[/s]
[size=20px]размер шрифта[/size]
всякие изменения текста
[left][/left]
[right][/right]
[center][/center]
позиционирование элементов: картинки, текст и т.д
[url][/url]
[email][/email]
внутри тега [url] помещайте ссылки, а внутри [email] адрес электронной почты;
так же [url] можно использовать в виде:
[url=http://example.com]пример[/url],
[url=http://test.ru][img]http://flickr.com/givemeimg.png[/img][/url]
[code][/code]
[quote][/quote]
внутри тега [code] можно помещать программный код (подстветка попытается включиться автоматически); для выделения цитат используйте [quote]
также можно напрямую указать язык [code=cpp]int i;[/code]
[list][/list]
создаем списки, каждый элемент пишется после [*].

Можно указывать маркер - [list=marker].
возможные маркеры 1(decimal), i(lower-roman), I(upper-roman), a(lower-alpha), A(upper-alpha). Примеры:

[list][*]1 элемент[*]2 элемент[*]3 элемент[/list]
[list=1][*]1 элемент[*]2 элемент[*]3 элемент[/list]
[list=A][*]1 элемент[*]2 элемент[*]3 элемент[/list]
[table][/table]
оформляем таблицу, используя внутренние теги [tr] и [td].
[tr] - строка, [td] - поле в строке,
[table=100%] - можно задавать ширину в процентах, по-умолчанию ширина 100%
[td=2] - можно задавать сколько столбцов входит в это поле. Пример:

[table=50%][tr][td]столбец 1[/td][td]столбец 2[/td][/tr][tr][td]значение 1[/td][td]значение 2[/td][/tr][tr][td=2]сразу 2 столбца[/td][/tr][/table]
[img][/img]
тег для вставки фото или картинок, мы любим картинки. Примеры использования:

[img]http://ya.ru/logo.png[/img],
[img=100x100px]http://ya.ru/logo.png[/img]
[img=fullimg.url]thumbimg.url[/img],
Пожалуйста загружайте картинки на наш сайт, либо вставляйте с бекбоновских ресурсов.
[video][/video]
Проигрывает видео, внутрь вставляем ссылки на видео, поддерживается Play.Ykt.Ru(нужно вставить ссылку на страницу с видео) и tv.ykt.ru(нужно вставить ссылку на адрес файла)