Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 26.02.2012, 17:28   #1
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
moochip

Доброго времени суток, уважаемые!

Хочу похвастать своим курсовым проектом, хехе =) Ничего особо примечательного в нем вроди как нет, но тем не менее, довести до конца ведь нужно.

С предыстории начну рассказ свой. Дело было в универе, на паре "архитектура ПО". Преподаватель - мой добрый друг, объявил:

"Ребята! Вы - программисты! Вам нужно программы писать, а не бумажки печатать! Посему, разбейтесь на комманды по 2..3 человека, выберите тему и делайте курсовой. А по ходу дела - натягивайте архитектуру и печатайте бумажки, которые надо - хоть чему-нибудь да научитесь."

Со мной никто (ВНЕЗАПНО!) не захотел писать. Но в надежде я создал репозиторий на Bitbucket с git и неограниченным количеством контрибуторов. Даже написал практически весь проект. Даже задеплоил на Heroku (проект на 90% написан на JavaScript, но для простоты, удобства и расширяемости набросал application на рельсах).

Морали в этой басне нету - хотиш писать - пиши газету. Проект вроди как функционирует. Багов в нем немерянно. Но коль закончить - обещается быть интересным =)

Суть проекта - онлайн-сервис для интерактивного обучения основам электроники. Пока никакого обучения (кроме интерактивного набросания схемы и симуляции ее работы) нету.

Проект успешно задеплоен на http://moochip.heroku.com/ . Код можно посмотреть, а баги зарепортить на https://bitbucket.org/shybovycha/moochip/ .

Ах да, в Opera и IE работать проект отказывается. В опере еще хоть как-то, но все равно нету основных функций. Посему оные отмечены как не-браузер и выброшены из поддержки до неопределенного времени.

Вроди, все сказал. Пожелания, замечания - как обычно. Заранее благодарен за ваши отзывы!
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Randomize (27.02.2012)
Старый 27.02.2012, 00:23   #2
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: moochip

Симуляция схемы это интересно только вот где транзистор чтоли?
И где симуляция? Лампочки там или вольтметры чтоб понять работает ли схема?

Сообщение от shybovycha Посмотреть сообщение
Ах да, в Opera и IE работать проект отказывается.
Ну ты понимаешь, да?
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 01:00   #3
pax
Unity/C# кодер
 
Аватар для pax
 
Регистрация: 03.10.2005
Адрес: Россия, Рязань
Сообщений: 7,568
Написано 3,006 полезных сообщений
(для 5,323 пользователей)
Ответ: moochip

Как связи удалять без удаления компонентов?
__________________
Blitz3d to Unity Wiki
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 01:42   #4
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
Ответ: moochip

Сообщение от Randomize
только вот где транзистор чтоли?
Пока нету =) Ишшу создал утром - на днях будет =)

Сообщение от Randomize
И где симуляция? Лампочки там или вольтметры чтоб понять работает ли схема?
Компоненты, которые были задействованы во время прохода подсвечиваются синим. Это и есть симуляция =) Вольтметра тоже пока нету, но на пинах, думаю, можно будет померять ток.


Сообщение от Randomize
Ну ты понимаешь, да?
На самом деле, нет. Прошу вас объясниться более доступно =) И по поводу оперы - есть предположение, что это столько же браузер, сколь и IE вопрос на stackoverflow задал, но ответа нету - фиксинг багов под сей софт затруднен.

Сообщение от pax
Как связи удалять без удаления компонентов?
Пока не сообразил на эту тему ничего. Дело в том, что выделить компонент - да, просто и понятно - его можно повернуть, переместить, удалить в конце-концов. Но что делать с проводником? Пока не разрабатывал алгоритм расстановки узлов поворота проводника - чтоб тот был не просто отрезком, а "умно изогнутым отрезком" =) Но, думаю, и работу с проводниками в нынешнем состоянии можно реализовать. Неблагодарный будет труд, но результат хоть каков да будет =)
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 02:02   #5
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: moochip

Сообщение от shybovycha Посмотреть сообщение
На самом деле, нет. Прошу вас объясниться более доступно =)
В проекте нет WebGL, Drag&Drop файлов, не используется правая кнопка мыши как средство управления. В остальном опера всё что надо держит. Косяк не со стороны оперы.

Почему используется svg? Почему не canvas? 2д контекст подойдёт куда лучше.

DOM почти цел
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
shybovycha (27.02.2012)
Старый 27.02.2012, 02:27   #6
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
Ответ: moochip

Сообщение от Randomize
В проекте нет WebGL, Drag&Drop файлов, не используется правая кнопка мыши как средство управления. В остальном опера всё что надо держит. Косяк не со стороны оперы.
Будьте добры, помогите разгрести проблемму: http://stackoverflow.com/q/9453153/330471 . Заранее благодарен. По-моему это как раз косяк оперы в сторону недо-браузерности =)

Сообщение от Randomize
Почему используется svg? Почему не canvas? 2д контекст подойдёт куда лучше.
SVG более гибок? Более распространен? На самом деле все куда проще - Raphael.js стал пожалуй единственным средством разработки графических и интерактивных веб-сервисов, которые я нашел, попробовал и мне понравилось =)

За ошибку DOM - отдельное "спасибо" - fixed =)
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 12:53   #7
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: moochip

Как пример:
http://raphaeljs.com/curver.html
Тут в Опере всё работает.
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 13:32   #8
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
Ответ: moochip

Сообщение от Randomize Посмотреть сообщение
Как пример:
http://raphaeljs.com/curver.html
Тут в Опере всё работает.
В указанном вами примере используются средства Raphael.js для drag-n-drop. В моем случае также используется drag-n-drop, однако в обработчике события drop необходимо получить координаты курсора мыша относительно контейнера дабы понять, к какому пину коннектить выбранный.

Обработчик принимает аргумент - объект события mouseEvent. В FireFox и Chrome этот объект несет свойства layerX и layerY, содержащие данные о позиции курсора в контейнере. Опера не поддерживает этих свойств.

"Альтернативы", предлагаемые оперой слишком скудны для получения нужных данных вручную.

Надеюсь, я выразился предельно понятно =)

Сообщение от Randomize
только вот где транзистор чтоли?
Вроде как добавил биполярные =)

Сообщение от Randomize
И где симуляция? Лампочки там или вольтметры чтоб понять работает ли схема?
Добавил некое подобие вольтметра/амперметра на тулбар.

Последний раз редактировалось shybovycha, 27.02.2012 в 14:52.
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 15:10   #9
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: moochip

MouseMove в канве тебя не устраивает? Помойму вполне достаточно.
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 19:22   #10
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
Ответ: moochip

Сообщение от MoKa
MouseMove в канве тебя не устраивает? Помойму вполне достаточно.
Canvas особо не пользовал - не знаю =) А с другой стороны - что спорить? Перепиливать проект под другую библиотеку - уйма времени и не факт, что будет оправдано - неблагодарный труд. А у оперы и без того есть ряд весьма-таки весомых аргументов, никак не улучшающих работу веб-разработчика. К примеру - очень убогий инструментарий для javascript-разработки.
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 19:29   #11
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: moochip

Сообщение от shybovycha Посмотреть сообщение
Canvas особо не пользовал - не знаю =) А с другой стороны - что спорить? Перепиливать проект под другую библиотеку - уйма времени и не факт, что будет оправдано - неблагодарный труд. А у оперы и без того есть ряд весьма-таки весомых аргументов, никак не улучшающих работу веб-разработчика. К примеру - очень убогий инструментарий для javascript-разработки.
Эээ. Спасибо на добром слове.
При веб разработке использую только Opera.
OperaDragonfly хватает хоть отбавляй.
"Из под пера" вышло уже порядка 10 jQuery плагинов.
Сударь, похоже что ваше мнение предвзято.
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 20:26   #12
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
Ответ: moochip

console.log не работает, хоть написали что поддерживается. Объекты в логе не разворачиваются для просмотра свойств. JS/CSS из просмотрщика кода посмотреть нельзя. Кеширует все, что можно и нельзя да еще и так, что хрен, прошу прощения, обновишь (Ctrl+F5 не бинден ни на что, а очистка всего, что можно из кешей не помогла). Для меня опера не существует как браузер =)

И все же, некоторые баги для оперы исправил =) Опера снова в списке поддерживаемых

Последний раз редактировалось shybovycha, 27.02.2012 в 22:57.
(Offline)
 
Ответить с цитированием
Старый 27.02.2012, 23:30   #13
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: moochip

Не буду разъяснять в подробностях, но Dragonfly это 100% эквивалент FireBug`а. Есть абсолютно все функции.

Вольтметр работает?
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 28.02.2012, 18:53   #14
shybovycha
ПроЭктировщик
 
Аватар для shybovycha
 
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений
(для 33 пользователей)
Ответ: moochip

Сообщение от Randomize
Вольтметр работает?
"Прибор" показывает напряжение и ток на выделенном пине. Посему назвал его PinMeter =)
(Offline)
 
Ответить с цитированием
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 17:14.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com