Code Monkey home page Code Monkey logo

vish_editor's Introduction

ViSH Editor

ViSH Editor is an open source e-Learning authoring tool to create web presentations in a simple and friendly way.

The client side has been developed using HTML5, CSS and JavaScript. The source code is available in this same repository.
A server side implementation has been developed in Ruby on Rails. The source code of this implementation is available in the ViSH repository, and it is also open source.

Features and components

  • Creation of interactive web presentations.
  • Multi-device support (desktops, laptops, tablets, mobile phones, ...).
  • Available resources:
    • Text
    • Pictures
    • Audio and Video files (converted automatically to HTML5 formats if necessary)
    • Quizzes (multiple choice, multiple response, true/false, sorting, short answer and open answer)
    • Flash objects
    • External Websites
    • Embeds
    • Web applications (custom or external)
    • SCORM packages (1.2 and 2004)
    • PDF files
    • Office documents (doc, ppt, odt, odp, etc.)
  • Available repositories:
    • Flickr
    • XWiki
    • YouTube
    • SoundCloud
    • ViSH
    • LRE (Learning Resource Exchange)
    • Europeana
  • Internacionalization support: English, Spanish, German, Dutch, Hungarian, French.
  • Audience Response System to launch the questions of the quizzes and get instant feedback from the audience.
  • Conversion of PDF presentations into ViSH Editor web presentations.
  • Exportation to SCORM (1.2 and 2004 4th).
  • Exportation to files (in JSON format).
  • Quizzes exportation and importation (IMS QTI 2.1 and Moodle XML).
  • Metadata tagging according to the IEEE LOM (Learning Object Metadata) standard.
  • Themes and slide transitions.
  • e-Learning standards support:
    • SCORM (1.2 and 2004)
    • IMS CP
    • IEEE LOM
    • IMS QTI 2.1
    • Moodle XML
  • Creation of interactive elements:
    • Flashcards (interactive images). Example.
    • Virtual Tours (interactive maps). Example.
    • Enriched Videos (videos enriched with additional contents). Example.

See ViSH Editor in action at [http://vishub.org](http://vishub.org). It's free to register and enter in the community.

Discussion and contribution

Feel free to raise an issue or send us a message at github.
Email address: [email protected]

News

Follow the ViSH Editor news on our blog.

Installation and documentation

Do you want to install ViSH Editor for development purposes?
Do you want to integrate ViSH Editor in your project?
Are you looking to contribute to this open source project?

Visit our wiki to see all the available ViSH Editor documentation.

Copyright

Copyright 2015 Universidad Politécnica de Madrid

ViSH Editor is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

ViSH Editor is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with ViSH Editor. If not, see http://www.gnu.org/licenses.

vish_editor's People

Contributors

agordillo avatar alvarosb avatar bertocode avatar ebarra avatar lourdesmarco avatar ntoribio avatar rafaelgg avatar raquelgb avatar roendal avatar vsbdev avatar wambard avatar yflory avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vish_editor's Issues

Flash content is resized when edited

when you edit an excursion with a flash object in a slide (for example in template 10, the full one) the object appears smaller and if you save it you lose height

preload elements in carrusel

check if preloading of elements is needed for the carrusel
I think that in flikr it works well because we only have 20 elements
For avatars it has 80 elements and we have a very ugly timeout of 1 second to wait for them to load

Redirect on success save

Now when an excursion is saved we change the iframe content and the URL remains /excursions/new and /excursions/edit
We should redirect to the excursion_path

templates 3 to 7 break in viewer

if there is no content in the left area the right area moves to the left
This can be solved positioning the areas in the right with float:right (see template 1)

Collision of buttons in mobile phones

Flashcard slide close button, come back button for mobile devices and border arrows to move the slides are in the same position, with inappropiate z-index params.

Templates

Some templates are not available. From template number 4.

Selected options inside fancybox contents

Once you select an option inside a fancybox, like flickr in example inside the image options, and search and add an image, the "flickr" option remains selected if you already used it on a marked space and try to add an image to another marked space.
Same happens to the video content fancybox.

add text limit

Text contents must be limited by the size of their space.

"resize content bar" wont dissapear

When you delete any content that makes appear the "resize content bar" and you try to delete the content, the resize bar wont dissapear until you choose anthoer space to fill with content. even if you delete the slide.

bug on firefox browser

if you write a long word without spaces with the "wysiwyg" inside a marked space, the words get out of the box and continue behind the template.
In chrome browser, it works correctly.

BIG PROBLEM when moving slides with flash in the editor

when switching slides in the editor the flash objects stay behind or remain in the same place without moving
In the viewer we have solved this with _onslideenter and _onslideleave of SlideManager, that remove this objects when leaving the slide and add them again when entering.
But in the editor we also have this objects style and position so it can´t be done that way.

Adapt slides to screen size

Two steps:
in a first step we detect the screen size after loading and with javascript adapt the slides widh and height to it. This will be very useful for mobiles. The slides templates will have to be in percentages to adapt to any resolution.

In a second step we do it fully responsive with media queries. We will use this approach only in desktop, because responsive design in mobiles will not allow zooming the content.

Missing translations

Some strings are not being translated: "Welcome", "Insert text here", "Are you sure?".
Also, some strings are missing an accent mark in Spanish: "Titulo", "Descripcion", "Víideo".

wysiwyg selection bug

if you select all the spaces in a templates without chossing the content inside them, just selecting all the spaces making appearing the content selection in every space of the template, the text button doesnt work inside the space you´re clicking it to work but instead the first space you selected.

Resize bar problem

if you have the resize bar visible and you delete the full template, the resize bar will remain visible in the background of the editor.

css in explorer

background in explorer is blue
also viewer arrows have a strange hover
youtube and flikr tabs have a red line arround the tab image

as there are many issues we can add a special css file only for explorer (ask Kike)

Fix Viewer in Tablet

In fullscreen it works well, but in normal mode, arrows and fullscreen button don't work

Text fields

Text fields don't allow go back to fix texts.

Saving a excursion

When a user save a excursion, some options like "back", "edit" ... should be shown.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.