YeonIsAlive - 마인드웹 0.2 업데이트(MindWeb 0.2 updated)

2009-07-18 15:39:05

마인드웹 0.2 업데이트
MindWeb 0.2 updated

Hot file!!!, New 0.3b has been arrived.
Every detail will be explained later :)

MindWeb_V0.3b.zip

(If you want to see saving capability execute YMap_VML.hta in windows.)

며칠간의 시간을 투자한 결과 MindWeb이 프로덕션 레벨 정도로 사용할 수 있게 되었습니다. 목표는 FreeMind 수준입니다. 다음 번 완전한 버전이 나올 때 까지...
I spent a few days implementing MindWeb. Final version of this small work will be FreeMind ;)

새 기능 (New functions on this version)

왼쪽,오른쪽 트리 구성 (Left and right tree is enabled.)
노드 폴딩 (Node folding and unfolding)
노드 아이콘 추가/삭제 (Node icon)
노드 이동 (Node handling - Moving, switching, traversing and etc)
FreeMind와 유사한 인터페이스 (New UI same as FreeMind)
FreeMind 파일 임포트/익스포트 (FreeMind Import/Export)

사용법 (Usage - Just same as FreeMind)

FreeMind 파일 불러오기/내보내기 (How to use FreeMind file(mm))
아이콘 클릭 (Click below icon)

FreeMind mm 파일을 텍스트 편집기로 연 후 복사하여 붙여넣기
(Open FreeMind mm file with Notepad, copy and paste it in textarea)

FireFox : Show Me
Internet Explorer : Show Me

더 해야할 일 (ToDo)

Undo/Redo
멀티라인 편집 (Multiline Editing)

License

LGPL

Files

MindWeb_V0.2.zip

ann (2011-05-20 17:42:00)

Hello,
your work is great and Im very interested in version 0.3, 
wold you consider sending me the source of it?
I would be very grateful!!
My mail is anarug@net.hr

learner (2010-11-17 13:42:37)

프리마인드 사용하다가 님의 버전 우연히 발견했는데 이것도 좋군요. 그런데 아직 버그가~~
제가 발견한 버그 정보 알려드립니다.
1. hyperlink 삽입 후 저장하면 hyperlink 정보 저장이 안됩니다. (FreeMind는 저장가능).
hyperlink 삽입 후 해당 노드의 attribute로 저장 할 수 있으면 좋을 듯
2. 파이어폭스에서 실행해보니 상위노드와 연결 부분이 안보이네요. IE는 가능
3. Save As 도 잘 안돼네요.

기능 구현이 안된 부분
1. Find node ( FreeMind에서 이쪽 버전으로 옮겨 사용하려는데 제가 많이 사용하는 Find기능이 안되는군요. T.T)

제안
1.FreeMind 도 마찬가지인데, image삽입 하면 Text정보가 사라집니다. image 정보를 attribute나 child element로 저장해주는게 어떨지요?

이상 허접한 사용후기 였습니다. 목표하신대로 FreeMind수준으로 업글 기대해봅니다.

Zhihong.mao@gmail.com (2010-02-18 15:48:22)

This is awesome! I really like the idea of implement the mindmap with pure browser, those with Flash or jave applet is not great.

YeonIsAlive (2009-12-11 23:27:41)

Here is some codes for FF~~~

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
	<title>YMap</title>
<link href=\"YMap.css\" rel=\"stylesheet\" type=\"text/css\" />
<script type=\"text/javascript\" src=\"YMap.js\"></script>
<script type=\"text/javascript\" src=\"YTree.js\"></script>
<script type=\"text/javascript\" src=\"YView.js\"></script>
<script type=\"text/javascript\">
<![CDATA[
// Any javascript codes must be with in CDATA section with xhtml-strict.dtd!!!

function init() {
	var xmlSTR = \'<map version=\"0.8.0\"><node TEXT=\"Hello Mindweb\"><node POSITION=\"right\" TEXT=\"Right Child\"></node></node></map>\';
	var yTree = new YTree(\"Start\");
	yTree.loadFreeMind(xmlSTR);
	
	// Create view
	var yView = new YView(yTree, document.getElementById(\"panelDOM\"), document.getElementById(\"panelSVG\"));
	
	// Create App
	var yApp = new YApp(yView);
	
	// Lock editing
	// yApp.setStat(YMAP_STAT_EDITLOCK);
	
	// You can see
	Welcome Mindweb - Right Child
}

]]>
</script>
</head>

<body style=\"margin:0px\" onload=\"init()\">
<div id=\"panelDOM\" style=\"position:absolute;width:2048px;height:2048px;margin:0px;padding:0px;overflow:visible;border:solid 1px gray;z-index:0\">
<svg id=\"panelSVG\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"2048px\" height=\"2048px\">
</svg>
</div>
</body>
</html>

YeonIsAlive (2009-12-11 23:27:37)

Here is some codes for FF~~~

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
	<title>YMap</title>
<link href=\"YMap.css\" rel=\"stylesheet\" type=\"text/css\" />
<script type=\"text/javascript\" src=\"YMap.js\"></script>
<script type=\"text/javascript\" src=\"YTree.js\"></script>
<script type=\"text/javascript\" src=\"YView.js\"></script>
<script type=\"text/javascript\">
<![CDATA[
// Any javascript codes must be with in CDATA section with xhtml-strict.dtd!!!

function init() {
	var xmlSTR = \'<map version=\"0.8.0\"><node TEXT=\"Hello Mindweb\"><node POSITION=\"right\" TEXT=\"Right Child\"></node></node></map>\';
	var yTree = new YTree(\"Start\");
	yTree.loadFreeMind(xmlSTR);
	
	// Create view
	var yView = new YView(yTree, document.getElementById(\"panelDOM\"), document.getElementById(\"panelSVG\"));
	
	// Create App
	var yApp = new YApp(yView);
	
	// Lock editing
	// yApp.setStat(YMAP_STAT_EDITLOCK);
	
	// You can see
	Welcome Mindweb - Right Child
}

]]>
</script>
</head>

<body style=\"margin:0px\" onload=\"init()\">
<div id=\"panelDOM\" style=\"position:absolute;width:2048px;height:2048px;margin:0px;padding:0px;overflow:visible;border:solid 1px gray;z-index:0\">
<svg id=\"panelSVG\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"2048px\" height=\"2048px\">
</svg>
</div>
</body>
</html>

cellstorm@operamail.com (2009-12-10 21:59:15)

no, does not work. When I edit the svg example, It always displays the version hardcoded into svg, regardless what I do. also, the file-open dialog (in svg version) does not work, 
and so I cannot import a mindmap at all. I would badly need mindweb to get rid of flash in my homepage. preferably with online editing capabilities, 
that would be the most awsome piece of software ever for me. with 0.2, I managed to load my .mm file (via the gui), but I cannot save these changes.
If I try to save the webpage, it tells me some xml errors at calling it again, after that errors cleared, the nodes do not unfold any more.

here is a minimal version of the html I use now, and I get 2 errors now : \\\'<map version=\\\\.... -> that \' is said to be an illegal char, though escaped out, and
the init() function is not defined?!?! any clues??

<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>YMap</title>
<link href=\"YMap.css\" rel=\"stylesheet\" type=\"text/css\" />
<script type=\"text/javascript\" src=\"YTree.js\"></script>
<script type=\"text/javascript\" src=\"YView.js\"></script>
<script type=\"text/javascript\" src=\"YMap.js\"></script>
<script type=\"text/javascript\">
function init() {
  // Create tree and load mm file stream
  var xmlSTR = \\\'<map version=\\\\\\\"0.8.0\\\\\\\"><node TEXT=\\\"Hello Mindweb\\\"><node POSITION=\\\"right\\\" TEXT=\\\"Right Child\\\"></node></node></map>\\\';
  var yTree = new YTree(/\"hello/\");
  yTree.loadFreeMind(xmlSTR);
  // Create view
  var yView = new YView(yTree, document.getElementById(\\\"panelDOM\\\"), document.getElementById(\\\"panelDOM\\\"));
  // Create App
  var yApp = new YApp(yView);
  // Lock editing
   yApp.setStat(YMAP_STAT_EDITLOCK);
}
</script>
</head>
<body style=\"margin:0px\" onload=\"init();\">
<div id=\"panelDOM\" style=\"position:absolute;width:100%;height:100%;margin:0px;padding:0px;overflow:visible;border:solid 1px gray;\">
<svg id=\"panelSVG\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" ></svg>
</div>
</body>
</html>

highlander@naver.com (2009-12-10 20:53:17)

호! 좋은데요! 당신의 짜투리 시간이 저같은 사람들에게 큰 도움이 된답니다. 버전 올라가길 기대합니다.

YeonIsAlive (2009-12-03 12:58:40)

// Create tree and load mm file stream
var xmlSTR = \'<map version=\\\"0.8.0\\\"><node TEXT=\"Hello Mindweb\"><node POSITION=\"right\" TEXT=\"Right Child\"></node></node></map>\';
var yTree = new YTree(\"Start\");
yTree.loadFreeMind(xmlSTR);

// Create view
var yView = new YView(yTree, document.getElementById(\"panelDOM\"), document.getElementById(\"panelDOM\"));

// Create App
var yApp = new YApp(yView);

// Lock editing
// yApp.setStat(YMAP_STAT_EDITLOCK);

// You can see
Welcome Mindweb - Right Child

cellstorm@operamail.com (2009-11-26 19:51:34)

hello, great progress in UI, i see. But I want to just display a mindmap with mindweb. I managed to get the mindmap view only, dived into js, but found no soulutioon to display
a custom mm. 	In the example html file var yTree = new YTree(\"Start\"); so I can always start a new tree by hand...
function M_FileOpen in YMap.js provides 
var xmlSTR = \'<map version=\"0.8.0\"> foo </map>\';
gYApp.view.tree.loadFreeMind(xmlSTR);
and
gYApp.view.redrawTree(true);

and the example also has 
yView.redrawTree(true);

but yView  needs a tree in its arguments....
so how do I get my map into the tree? I am not into js enough...

thanks in advance, and keep up the great work!

susukang98@nate.com (2009-09-07 13:56:11)

wow impressive

objbuilder et yahoo (2009-08-19 14:29:14)

Hi YeonIsAlive,
This project is looking very nice! I\'m a big fan of your mindmap work ever since the WoW project. ;)

Looked through your code today and what a nice job you are doing. Very easy to read and consistent to follow. Thank you for the great project! Am happy to report the latest demo is working very nicely with Safari on Mac! Will play around with it more and visit again soon. Best Regards.

Kakem (2009-07-16 04:59:41)

Hi,

If possible, I would like to try this new version. Thanks, my mail : kakemphaton47@hotmail   .  com

zuvik (2009-07-15 16:02:21)

Nice work, I\'m working on a similar project and I\'ll be very gratefull if you can send me v0.3.
My email is jorgecrap[at]gmail[dot]com
Thank you

PapyFeel (2009-07-10 21:34:13)

Hi,

Sorry for my late reply, I was totally busy on two important projects.
Remove the \"REMOVE\" part from my mail and it will work

siba@taobao.com (2009-07-09 17:33:19)

Hi:
 Could you send me the MindWeb 0.3 version? My email is siba@taobao.com.Thanks very much.

cellstorm (2009-06-17 22:58:14)

hello. I am very interested in your work. could you send me the wip 0.3 version
to cellstorm at operamail.com ?

would be nice.

regards, 

cellstorm

To Payfeel (2009-05-27 13:52:13)

Is your email account (spammable@REMOVEfeeleas.org) availiable?
GMail could not find REMOVEfeeleas.org mail server.

Please let me know your valid email account.

PapyFeel (2009-05-25 17:50:05)

Hi,

I never received it, I think that server\'s antispam filtering system have blocked you.

Regards,

MindWeb 0.3 WIP (2009-05-24 03:06:11)

Hi PayFeel,

I am Sungyeon Lee (YeonIsAlive) in Korea.

As I notified in my homepage I sent to you MindWeb ver 0.3 (WIP version).
If you want to execute it with loading mm file capability please execute YMap_VML.hta in Windows(2000, XP, 2003, VISTA)
(You may know HTA)

Tested Browser
YMap_VML.hta : HTA
YMap_VML.html : For IE(6,7,8)
YMap_VML.xhtml : For Firefox(2.x, 3.x), Google Chrome

ToDo
1. Save map
2. Redo/Undo
3. Multi nodes attaching
4. Tools
5. Import
6. Export
7. And etc...

Bugs
So many,,, I guess so...;)

Regards

PapyFeel (2009-05-20 20:52:33)

Hi,

Yes, please send me an email (spammable@REMOVEfeeleas.org) when you\'ll got a testable version. Database is not a problem for me, as I\'m running MySQL and prosgsql servers.

Regards,

YeonIsAlive (2009-05-17 23:56:18)

Hi, PapyFeel
I\'m working on new version (0.3)
Version 0.3 MindWeb will work on every major Browser
(I\'ve tested MindWen on IE6/7/8,FireFix2/3,Safari,Google Chrome)

And I will supprot native file handling in windows with HTA.
In HTA version IE grants to access local file with javascript.

But as you know MindWeb works in Browser, It is nessary to use Database
to save the map...

On the end of this month I\'ll publish MindWeb version 0.3(Pre Alpha) on my web
with saveing capability!
If you want to get WIP version of 0.3 I\'ll send you all source codes.
Please notify me.

Regards~

PapyFeel (2009-05-13 21:39:56)

Is it possible do get your actual work ?
I need version with saving feature and working with firefox.

regards,

yeonisalive (2009-04-27 22:17:48)

I\'m working on v0.3. in my freetime.
Just please wait a moment.
There are no problems on FireFox.
I promise ;)

Jeff (2009-04-16 19:04:47)

I like this. But it does not work well in Firefox.

susukang (2009-04-13 14:19:03)

Wow~ :D Cooooool

YeonIsAlive (2009-04-03 14:26:48)

v0.2 has not saving func. (It nees DB connection)
I\'ve been working with v0.3.
v0.3 will have all function of FreeMind. (Undo,Redo, LongNode editing, Saving!!!)

Thanks a lot.

kakemphaton (2009-03-16 03:58:23)

Hi,

I download this version, it\'s very good, but i have a problem with the button save. It does not occur anything,
it would seem that does not save. I haven\'t/download any file. It\'s normal or not ?

Thanks

변강섭님 멋있네요. (2008-12-16 11:50:54)

안녕하세요. 강섭님...
제 게으름에 지치신 분이 또 사오셨네요. 헐.
회사에서는 팀장,테스터,고객응대 접점..
집에서는 아기아빠, 손자, 아들, 사위... 이해해 주시구요.

javascript에서 로칼파일을 쓸 수 있는 방법은 제가 알기론 2가지입니다.
1. flash나 ActiveX 를 통해 파일로 쓰는 법
2. Windows 웹 애플리케이션 (html 파일인데 확장자가 hta 입니다.)으로 Windows 보안을 무시하고 javascript 를 이용해 파일에 쓰는 법. 자세한 내용은 http://windows-programming.suite101.com/article.cfm/creating_a_windows_hta 를 참고하시면 됩니다.

그럼 또 뵙겠습니다...

변강섭 (2008-12-12 21:07:10)

안녕하세요,

업데이트 기다리다가 
제가 어떻게든 편집기를 만들어 보고자 
제가 배우고 있는 액션스크립트 3.0으로 프로그래밍에 도전해 보고 있습니다.

언제 그 목표에 도달할 지 모르겠지만...^^
테스트용으로 만든 사이트들인 데 한 번 놀러와 보세요.
http://kamsay.com/NodeDemo.html, http://kamsay.com/SAMPLE/ClickControlDemo.html ...


혹시 자바스크립트에서 파일로 저장 API를 아시면 
좀 알려주시겠어요?

제 이메일은 opportune@naver.com 입니다.

YeonIsAlive (2008-10-21 19:07:39)

freemind 버전이 바뀐다고 mm 파일 포맷이 바뀌는건 아닐겁니다.
대부분의 응용프로그램이 예전 파일 포맷 호환성을 지켜가면서
기능 추가를 하겠지요.

그러므로 mindweb에서 알 수 없는 태그는 (mm 파일은 XML 파일입니다.)
무시하게 됩니다.

말씀하신데로 서버에 저장하는 방식은 생각보다 쉽습니다.
API 도 만들어져 있구요. 다만 요즘 제 일이 너무 바빠서...(적당한 핑계가 없네요.)

이 번 달이 가기전에 기필코 DB 저장 방식 기능을 추가하고
몇 몇 알려진 버그도 수정하겠습니다.

감사합니다.

P.S. 변강섭님... 죄송하게도 월요일에 연락 드리지 못했네요..(--)(__)(--)

변강섭 (2008-10-21 00:11:30)

안녕하세요,

freemind 버전이 업데이트 되고 있는 데,
말씀하신 .mm 파일 내용을 열어서 
복사하려고 할 때 프리마인드의 몇번 째 버전 기준이신지 궁금합니다. 

바로 파일이 생성되며 익스포트되는 것이 아니고 
서버의 파일을 읽어들여 임포트할 수 있는 기능은
아직 없는거죠? 
자바스크립트에서 php와 연결하셔서 
프리마이드 파일이 생성되게 하는 방식이 어떨까요? 

새로운 좋은 하루가 되시길...

YeonIsAlive (2008-10-18 21:08:47)

노드 링크는 HTML로 표현할 수 없죠.
그래서 IE를 위해서는 VML을 FireFox를 위해 SVG를 이용합니다.
두 브라우저 모두 어쨋든 벡터 그래픽을 지원하죠.

크롬, 사파리는 시작부터 고려하지 못했습니다.
크롬은 개발자들 사이에서 많이 사용되고 있어서
VML 혹은 SVG를 혹은 다른 벡터 그래픽을 지원하는지 확인해 보고
만일 그렇지 않다면 커브가 아닌 라인으로 처리할 까 생각합니다.

계속 관심 가져 수셔서 감사합니다.

주말 잘 보내세요.

변강섭 (2008-10-18 17:17:54)

구글 크롬으로 웹브라우저 상에서 마인드웹 띄워보세요.
노드 삽입할 때 상위노드와의 연결선이 안보입니다. 
(참고 : http://ksbyun.oranc.co.kr/mindweb/MindWeb_V0.2/YMap_VML.html)

애플 사파리 브라우저에서도 마찬가지입니다.
==
2008.10.18 토요일 오후 5:17
변강섭 올림

YeonIsAlive (2008-10-17 23:03:02)

컥,,, 처음 댓글 달아주시네요^^
마인드맵을 만든 목적은 저희 사내 그룹웨어에 붙일 생각으로 만들었구요.
현재 바쁘다는 이유로 조금씩 개발 완료를 미루고 있습니다.헐...

저희 회사 몇 분들도 지식공유에 관심이 많은데요.

이번 주는 아이와 놀아주어야 되어서... 담 주에
한 번 연락 드려보도록 하겠습니다.

좋은 주말되세요.

변강섭 (2008-10-17 11:44:07)

안녕하세요,

웹에서 마인드맵, 컨셉 맵 등 
창의적 발상법을 지원하는 보조 기록도구들에 
관심을 가지고 있는 사람입니다.

마인드맵을 이용한 지식공유에 
큰 관심을 가지고 있는 데 
한 번 연락주세요.

전화번호 010-3481-4641입니다. 
==
2008년 10월 17일 금요일 오전11:43
변강섭 올림

게시일 Last Post	제목 Title
2008-10-16 13:43:39	마인드웹 0.2 업데이트 MindWeb 0.2 updated
2008-10-16 13:13:29	크로스 브라우저 마인드맵(마인드웹) MindWeb 0.2 updated