웹 응용 프로그램 - 동적 이미지 렌더링

Question

웹 응용 프로그램의 경우 절대적인 놈입니다. Google App Engine을 기반으로 한 네트워크 시각화 툴킷을 구축하고 있습니다. 필자는 스패닝 트리 프로토콜을 샘플로 구현했습니다.

1. 는
2. 는 MST 프로토콜을 사용하여 스패닝 트리를 생성 클라이언트에 해당 이미지를
3. 1을 기반으로 네트워크 그래프를 생성 입력으로 클라이언트에서 네트워크 토폴로지를 가지고, 및 렌더링 : 이것은 무엇이다
4. 당신은 데모를 볼 수 http://www.varun-c.appspot.com에 갈 수있는 사용자

에 스패닝 트리의 이미지를 렌더링합니다. 나는 교수님의 지시에 따라 자바 스크립트를 사용하지 않았습니다. 알아 차리면 응용 프로그램이 제대로 실행됩니다.

1. MST 프로토콜 단계 알고리즘 단계는 : 여기
   문제이다. 내 응용 프로그램은 현재 백엔드에서 전체 알고리즘을 실행하고 최종 결과를 렌더링합니다.
2. 내 교수. 내가하는 일은 '단계별로'버튼을 추가하는 것입니다. 사용자가 해당 버튼을 클릭하면 MST 프로토콜 전체가 한 번에 한 단계 씩 실행되므로 사용자는 MST 작동 방식의 실제 시뮬레이션을 시각화 할 수 있습니다.

나는 그것을 수행하는 방법에 대한 단서가 전혀 없습니다. 내가 말했듯이, 웹 개발은 정말로 나의 장점이 아닙니다. 문제에 대한 나의 설명이 명확하지 않은 경우 친절하게 알려주십시오. 나는 그것을 올바르게 설명하기 위해 최선을 다할 것입니다. 그리고 한 번 웹 사이트를 방문하십시오. 그것은 당신에게 응용 프로그램이 무엇인지에 대한 아이디어를 줄 것입니다.

편집 1 : 궁금한 사람들을 위해 숨겨진 변수 'iterator'를 만듭니다.이 반복기는 HTML과 파이썬 백엔드 사이에서 '단계별'버튼을 클릭 할 때마다 단계 번호를 추적합니다. 서버 측에서는 알고리즘으로 생성 된 모든 인스턴스를 저장하는 간단한 데이터 구조를 만듭니다. 이것을 반복자와 결합하면 이미지가 렌더링됩니다. 위에 게시 된 링크는 이제 해당 변경 사항을 반영합니다.

Answer 1

이 주제가 완전히 전문 분야가 아니기 때문에이 주제를 완전히 이해하지 못합니다. 그래서이 문제를 다음과 같이 바꾸려고합니다 :

알고리즘에 의해 생성 된 순차적 인 그림을 사용자에게 보여줘야합니다. 나에게 이것은 자바 스크립트와 캔버스 요소를 사용하여 클라이언트 측에서 수행해야 할 작업의 완벽한 예이다. 이를위한 많은 라이브러리가 있습니다. 그러나 교수님이 이런 식으로 배제 했으므로 서버의 단일 단계에 대한 그림을 생성 할 수있었습니다.

이러한 생각이 도움이되는지 확실하지 않습니다.

Answer 2

모든 단계에 대해 일련의 이미지를 생성하십시오. 이전/다음 버튼을 클릭하여 표시된 이미지를 쉽게 변경할 수있는 GUI를 만듭니다. possible to do this은 자바 스크립트없이 HTML + CSS 만 사용합니다.