Web Präsentation Editor

https://slides.com/softwareengel/deck/edit

Web – Präsentation – Framework: reveal.js

http://lab.hakim.se/reveal-js/#/
Beispiel: http://live.osgeo.org/en/presentation/index.html#/1

HTML - Slide Show

http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/
https://github.com/codrops/SlitSlider
Demo: http://tympanus.net/Tutorials/FullscreenSlitSlider/
_____________
http://stackoverflow.com/questions/21931510/bootstrap-3-jumbotron-carousel-with-thumbnails
http://www.bootply.com/tagged/jumbotron
http://www.bootply.com/61935
___________________
http://malsup.com/jquery/cycle2/
_____________
http://www.jqueryscript.net/slider/jQuery-Scroll-Path.html und alternative Vorschläge

_________-
update:  http://www.sitepoint.com/5-free-html5-presentation-systems/ 

Signavio: webbasierter open BMPN Modeller – selbst compilieren und betreiben

http://code.google.com/p/signavio-core-components/wiki/InstallationInstructions
http://code.google.com/p/signavio-core-components/source/checkout
Tomcat 6: http://tomcat.apache.org/download-60.cgi
Java EE IDE: http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/kepler/R/eclipse-jee-kepler-R-win32-x86_64.zip
Ant build

Ordner “C:\repo” anlegen

https://www.aperteworkflow.org/forum/-/message_boards/view_message/17020
Datei web.xml in dem Ordner conf ändern, so dass auch neuere Firefox – Versionen funktionieren
<context-param>
    <description>Define a reg exp for all user agents which are supported for the editor</description>
    <param-name>supportedBrowserEditor</param-name>
    <param-value>Firefox[\/\s]((3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|32|33|34|35|36|37|38|39|40)\.\d+)|AppleWebKit|Opera.(9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|33)\.\d+</param-value>
</context-param>
Tomcat starten und war in webapps kopieren


und checke http://localhost:8080/signaviocore


If you are interested in this war-file check here: http://gofile.me/23AHe/Okwll8PK (leider langsam…) oder unter http://www73.zippyshare.com/v/93252541/file.html

Nachtrag:

Bei neueren Browser kommt die Fehlermeldung: Browser wäre nicht kompatibel

Lösung: die Datei web.xml ändern und neuere Browserversionen eintragen :

Quelle: https://code.google.com/p/signavio-core-components/source/detail?r=53

Signavio Core– Erstellung - Anleitung

Erstellen von Signavio Core,
Source: http://code.google.com/p/signavio-core-components/source/checkout
Quelle: http://code.google.com/p/signavio-core-components/wiki/InstallationInstructions
_____________

• Requirements
• UTF-8 Encoding Configuration
• Configuration
• Build and deploy
• Run the Signavio Core Components

Requirements

For running the Signavio Core Components, you need the following software components:

• Java 5 JDK or higher
• Apache Tomcat 6 or higher OR JBoss application aerver
• An environment for running Apache Ant build scripts (we recommend using the IDE Eclipse for Java EE)

Furthermore, you have to checkout the Signavio Core Components source code.

UTF-8 Encoding Configuration

A lot of users face issues regarding an invalid encoding that may result in corrupted model files. That is why it is very important that you ensure the usage of UTF-8 encoding in the whole application stack.

Eclipse Configuration

If you use Eclipse for building the source code, make sure that your workspace is configured to use UTF-8 as well as Windows file delimiter. You find these settings in the "Workspace" panel in the Eclipse preferences.

Apache Tomcat Configuration

First, you have to ensure that URL are interpreted in UTF-8 encoding. Open the file conf/server.xml and add the attribute URIEncoding="UTF-8" to the HTTP connector. Example:

<Connector URIEncoding="UTF-8" connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/>

Second, you have to ensure that all files are read and written in UTF-8 encoding. To apply this, you have to set the JVM parameter -Dfile.encoding=UTF-8. You can set this parameter by editing the variable JAVA_OPTS in the file bin/catalina.bat (on Windows) or bin/catalina.sh (on Linux).

Configuration

If you meet all requirements, the only file you have to edit is build.properties in the project's root directory. The file contains comments for all configuration properties. The following properties can be edited:

• dir-tomcat-webapps
  
  
  
  • The path to your Apache Tomcat webapps folder. Only required, if you want to deploy to an Apache Tomcat web server.
• dir-jboss-webapps
  
  
  
  • The path to your jBoss deployment folder. Only required, if you want to deploy to a JBoss application server.
• target
  
  
  
  • The folder the war file(s) is/are stored. You usually don't have to change this.
• version
  
  
  
  • The version of the application. If you want to integrate the Signavio Core Components into your own software product, you can align the version number. The version number is used in the loading splash screens of the client components.
• war
  
  
  
  • The name of the war file, if you use the all-in-one-war build target (explained in the next section).
• configuration
  
  
  
  • The configuration you want to use. This is the name of the folder in the configuration project that contains the configuration and skin files. The following configurations are available: default, Activiti, jBPM. You can also add your own configuration in the configuration project.
• host
  
  
  
  • The URL of your server. Format: http(s)://<domain>(:<port>)
  • Do not add a trailing slash!
  • Example: http://localhost:8080
• fileSystemRootDirectory
  
  
  
  • The path on your system the directories and diagram files are stored.
  • Do not use \ ! Always use / !
  • Do not add a trailing slash!
  • Example: C:/repository

Build and deploy

For building and deploying the Signavio Core Components you only have to execute a target in the build.xml Ant build script in the project's root directory. There are two different build types available: the all-in-one-war build and the separate-war-files build. The all-in-one-war build can be deployed to Tomcat and JBoss, the separate-war-files can currently only be deployted to Tomcat.

Build and deploy the all-in-one-war

For building the all-in-one-war and deploying to Tomcat, use the following Ant target:

ant build-and-deploy-all-in-one-war-to-tomcat

For building the all-in-one-war and deploying to JBoss, use the following Ant target:

ant build-and-deploy-all-in-one-war-to-jboss

The war file's name is the name specified in the configuration file.

Build and deploy separate-war-files

For building the separate-war-files and deploying to Tomcat, use the following Ant target:

ant build-and-deploy-all-war-files-to-tomcat

Note that you cannot change the war files' names. The following war files will be deployed:

• ROOT.war
• editor.war
• explorer.war
• libs.war

Run the Signavio Core Components

To access the Signavio Core Components, open the following URL in your browser:
http://<yourserver>(:<port>)(/<all-in-one-war-file-name>)/p/explorer
If you use the all-in-one-war build, the name of the war file is the prefix of the URL's path. The default URL is http://localhost:8080/signaviocore/p/explorer . If you deploy the components in separate war files, the file-based backend is deployed as the ROOT project so that its URL has not path prefix (Example: http://localhost:8080/p/explorer ).

OSM Editor 0.0.0.alpha “iD”

Es gibt einen neuen Web-basierten OSM-Editor. Der erste Eindruck ist sehr gut. eigene Zeichnungen auf Karten sind damit ein Kinderspiel.Gelöst ist die Sache mit D3.js und vielen anderen JavaScript Bibliotheken (s.u.)

Online Demo des iD-Editors: http://geowiki.com/iD/#id=w-1&map=18.21/51.49405/7.40723

Source https://github.com/systemed/iD

Auswahl von verschiedenen Basiskarten:

Einfachen Zeichnen von Kreis-ähnlichen Polygonen und Polygonen:

Benennung durch Name und Darstellung eines kreisähnlichen Polygons:

---

<script src='js/lib/lodash.js'></script>
<script src='js/lib/d3.v3.js'></script>
<script src='js/lib/sha.js'></script>
<script src='js/lib/ohauth.js'></script>
<script src='js/lib/jxon.js'></script>
<script src='js/lib/d3.typeahead.js'></script>
<script src='js/lib/d3.geo.tile.js'></script>
<script src='js/lib/d3.size.js'></script>
<script src='js/lib/d3.trigger.js'></script>
<script src='js/lib/d3.keybinding.js'></script>
<script src='js/lib/d3.tail.js'></script>
<script src='js/lib/d3-compat.js'></script>
<script src='js/lib/queue.js'></script>
<script src='js/lib/bootstrap-tooltip.js'></script>
<script src='js/lib/rtree.js'></script>
<script src='js/id/id.js'></script>
<script src='js/id/util.js'></script>
<script src='js/id/oauth.js'></script>
<script src='js/id/services/taginfo.js'></script>
<script src="js/id/geo.js"></script>
<script src="js/id/geo/extent.js"></script>
<script src='js/id/renderer/background.js'></script>
<script src='js/id/renderer/background_source.js'></script>
<script src='js/id/renderer/map.js'></script>
<script src='js/id/renderer/hash.js'></script>
<script src="js/id/svg.js"></script>
<script src="js/id/svg/areas.js"></script>
<script src="js/id/svg/lines.js"></script>
<script src="js/id/svg/member_classes.js"></script>
<script src="js/id/svg/midpoints.js"></script>
<script src="js/id/svg/multipolygons.js"></script>
<script src="js/id/svg/points.js"></script>
<script src="js/id/svg/surface.js"></script>
<script src="js/id/svg/tag_classes.js"></script>
<script src="js/id/svg/vertices.js"></script>
<script src="js/id/svg/labels.js"></script>
<script src="js/id/ui.js"></script>
<script src='js/id/ui/radial_menu.js'></script>
<script src='js/id/ui/inspector.js'></script>
<script src='js/id/ui/modal.js'></script>
<script src='js/id/ui/confirm.js'></script>
<script src='js/id/ui/commit.js'></script>
<script src='js/id/ui/success.js'></script>
<script src='js/id/ui/loading.js'></script>
<script src='js/id/ui/userpanel.js'></script>
<script src='js/id/ui/layerswitcher.js'></script>
<script src='js/id/ui/contributors.js'></script>
<script src='js/id/ui/geocoder.js'></script>
<script src='js/id/ui/geolocate.js'></script>
<script src='js/id/ui/notice.js'></script>
<script src='js/id/ui/flash.js'></script>
<script src='js/id/ui/save.js'></script>
<script src='js/id/ui/splash.js'></script>
<script src='js/id/ui/tag_reference.js'></script>
<script src='js/id/ui/key_reference.js'></script>
<script src='js/id/actions.js'></script>
<script src='js/id/actions/add_node.js'></script>
<script src='js/id/actions/add_way.js'></script>
<script src='js/id/actions/add_way_node.js'></script>
<script src='js/id/actions/change_entity_tags.js'></script>
<script src='js/id/actions/delete_node.js'></script>
<script src="js/id/actions/delete_way.js"></script>
<script src='js/id/actions/move_node.js'></script>
<script src='js/id/actions/move_way.js'></script>
<script src='js/id/actions/circular.js'></script>
<script src='js/id/actions/noop.js'></script>
<script src='js/id/actions/reverse_way.js'></script>
<script src='js/id/actions/split_way.js'></script>
<script src='js/id/actions/unjoin_node.js'></script>
<script src='js/id/behavior.js'></script>
<script src='js/id/behavior/add_way.js'></script>
<script src='js/id/behavior/drag.js'></script>
<script src='js/id/behavior/drag_midpoint.js'></script>
<script src='js/id/behavior/drag_node.js'></script>
<script src='js/id/behavior/draw.js'></script>
<script src='js/id/behavior/draw_way.js'></script>
<script src='js/id/behavior/hover.js'></script>
<script src='js/id/modes.js'></script>
<script src='js/id/modes/add_area.js'></script>
<script src='js/id/modes/add_point.js'></script>
<script src='js/id/modes/add_line.js'></script>
<script src='js/id/modes/browse.js'></script>
<script src='js/id/modes/draw_area.js'></script>
<script src='js/id/modes/draw_line.js'></script>
<script src='js/id/modes/move_way.js'></script>
<script src='js/id/modes/select.js'></script>
<script src='js/id/operations.js'></script>
<script src='js/id/operations/circular.js'></script>
<script src='js/id/operations/delete.js'></script>
<script src='js/id/operations/move.js'></script>
<script src='js/id/operations/reverse.js'></script>
<script src='js/id/operations/split.js'></script>
<script src='js/id/operations/unjoin.js'></script>
<script src='js/id/controller/controller.js'></script>
<script src='js/id/graph/entity.js'></script>
<script src='js/id/graph/graph.js'></script>
<script src='js/id/graph/history.js'></script>
<script src='js/id/graph/node.js'></script>
<script src='js/id/graph/relation.js'></script>
<script src='js/id/graph/way.js'></script>
<script src='js/id/graph/validate.js'></script>
<script src='js/id/connection.js'></script>

---

Einfacher, grafischer Web Site Editor Kompozer

 

Einfacher WYSIWYG Editor für Webseiten ist in vielen sprachen verfügbar, und für Linux, Mac und Windows Plattformen. Der Source befindet sich unter http://kompozer.svn.sourceforge.net/viewvc/kompozer/trunk/ . Eine 0-Installation für Windows als zipfile Ist verfügbar.

Macht einen guten Eindruck, wenn man kein Visual Studio oder Dreamweaver hat, ist das ein guter, alternativer, brauchbarer Open Source Editor für HTML mit CSS incl . Ftp-Client