Loading...
 

History: CartoGraf

View page Collapse Into Edit Sessions

Preview of version: 328

CartoGraf is an interactive web-based mapping application to enhance learning in history and geography classes in high schools. CartoGraf is mainly based on Maps, Drawings, PluginAppFrame and Trackers. It is a great example of how to use profiles in a general purpose app (Tiki) to make a very specific application.

As of June 2012, it is in Beta. You can play with the demo at: http://demo.tiki.org/cartograf/ (password is at: http://demo.tiki.org/)

To get your own copy of CartoGraf
  1. Download and Install Tiki9 As of 2012-07-10, you need to get trunk (future Tiki10) for the latest and greatest goodies :-) (Use the Daily Build of from SVN)
  2. Apply the CartoGraf profile
  3. Follow the profile Setup instructions

We hope you like it and please do join the community!

Work in Progress...

(Do not use Kaltura wikiplugin as it is not enabled in default install when viewing the profile before apply)

General

YAML
instructions: Setup
preferences:
 feature_sefurl: y
 allowRegister: y
 browsertitle: CartoGraf Project
 tracker_refresh_itemlink_detail: y
 header_custom_css: wikicontent:CartoGraf_CustomCSS
 header_custom_js: wikicontent:CartoGraf_LiveHeaderMap
 geo_always_load_openlayers: y
 url_after_validation: Account_Validated
 feature_jquery_ui_theme: start
 feature_left_column: n
 tracker_clone_item: y
 toolbar_trackers: bold,list,numlist,wikiplugin_youtube
 fgal_tracker_existing_search: n


Permissions

YAML
permissions:
 Anonymous:
  allow:
   - search
   - view_trackers
   - tracker_view_attachments
 Registered:
  allow:
   - attach_trackers
   - create_tracker_items
   - add_object
   - remove_object
   - upload_files


Users

YAML
objects:
 -
  type: users
  data: 
    name: $profilerequest:Test User 1 Login Name:$demo$
    email: $profilerequest:User 1 Email (optional):$ $
    groups: [ $profilerequest:Groups User 1 should be assigned (for more groups separate them by comma):$Registered$ ]



This doesn't work in Tiki9. User always gets password changed
change: $profilerequest:Change password for User 1 after first login? (y/n):$n$

Look & Feel

YAML
preferences:
 style: CartoGraf.css
 feature_fixed_width: n
 jquery_ui_selectmenu: y
 feature_page_title: n
 feature_sitelogo: y
 wiki_edit_plugin: n
 sitelogo_src: styles/CartoGraf/logo.gif


YAML
objects:
 -
  type: menu
  ref: CartoGraf_Top_menu
  data:
   name: Top
   description: A menu containing the base navigation of the site
   collapse: none
   items:
    -
     name: Home
     url: ((HomePage))
    -
     name: My Maps
     url: ((MyMaps))
    -
     name: Partners
     url: ((Partners))
    -
     name: Help
     url: ((Help))
    -
     name: Setup
     url: ((Setup))
     permissions: [ admin ]
 -
  type: menu
  ref: CartoGraf_RightEdge_menu
  data:
   name: RightEdge
   description: 
   collapse: none
   items:
    -
     name: Register
     url: tiki-register.php
    -
     name: Demo
     url: ((Demo))
    -
     name: Contact
     url: ((Contact))


Modules

YAML
preferences:
 modseparateanon: y
objects:
 -
  type: module
  ref: LiveHeaderMap_module
  data:
   position: top
   order: 0
   name: LiveHeaderMap
   groups: [ Anonymous, Registered ]
   params:
    nopage: Map
   custom: <div id="TheLiveHeaderMap" style="height:188px"></div>
 -
  type: module
  ref: LocationSearch_module
  data:
   position: top
   order: 49 #ensure the map location search is assigned as last module
   name: map_search_location
   groups: [ Registered ]
   params:
    legacy_mode: search_box
    show_search_button: y
    show_go_button: n
    show_edit_button: n
    default_button: search
    page: Map
    nobox: y
    style: "float: right; margin-right: 15px" #most of the params ignored as the module is not standard and does have no module div rendered but just the form tag (TODO: fix in Tiki)
 -
  type: module
  ref: TopMenu_module
  data:
   position: top
   order: 1
   name: menu
   groups: [ Anonymous, Registered ]
   params:
    id: $CartoGraf_Top_menu
    type:horiz
    css:y
    menu_id:TopMenu
    translate:y
    nobox:y
    decorations:n
    notitle:y
    style: "float: left; margin-left: 350px"
 -
  type: module
  ref: RightEdgeMenu_module
  data:
   position: right
   order: 1
   name: menu
   groups: [ Anonymous ]
   params: 
    id: $CartoGraf_RightEdge_menu
    menu_id: RightEdgeMenu
    nobox: y
    nopage: Map


Features

YAML
preferences:
 feature_wiki: y
 feature_articles: n
 feature_mytiki: n
 feature_trackers: y
 geo_tilesets: [mapquest_street, mapquest_aerial, google_street, google_satellite, google_physical, google_hybrid, blank]
 geo_google_streetview: y
 geo_google_streetview_overlay: y
 wikiplugin_appframe: y
 wikiplugin_list: y
 feature_search: y
 feature_wiki_argvariable: y
 trackerfield_geographicfeature: y
 fgal_upload_from_source: y



Drawing

YAML
preferences:
 feature_draw: y
 feature_draw_hide_buttons: ellipse_cx, tool_ellipse_cy, tool_ellipse_rx, tool_ellipse_ry, rect_width_tool, rect_height_tool, cornerRadiusLabel, tool_eyedropper, view_grid, tool_angle, tool_blur, tool_position, xy_panel, marker_panel, tool_reorient, rulers, tool_source, tool_zoom, tool_eyedropper, view_grid, tool_wireframe, line_panel


Trackers

Points of interest

YAML
objects:
 -
  type: tracker
  ref: pointsOfInterest
  data:
   name: Points of interest
   allow: [creator_modification, creator_deletion]
   show: list_modification_date
   section_format: tab
 -
  type: tracker_option
  data:
   tracker: $pointsOfInterest
   name: popup_fields
   value: "$profileobject:poiImage$,$profileobject:poiDescription$"
 -
  type: tracker_field
  ref: poiName
  data:
   order: 10
   name: Name
   type: text_field
   tracker: $pointsOfInterest
   flags: [ mandatory, list, title, link, searchable ]
 -
  type: tracker_field
  ref: poiDescription
  data:
   order: 20
   name: Description
   type: text_area
   options: "1,,20"
   tracker: $pointsOfInterest
   flags: [  ]
 -
  type: tracker_field
  ref: poiIcon
  data:
   order: 30
   name: Icon
   type: icon
   tracker: $pointsOfInterest
   flags: [ list ]
   options: "$profileobject:iconContainer$"
 -
  type: tracker_field
  ref: poiCoordinates
  data:
   order: 40
   name: Coordinates
   type: header
   tracker: $pointsOfInterest
 -
  type: tracker_field
  ref: poiLocation
  data:
   order: 50
   name: Location
   type: map
   options: "1"
   tracker: $pointsOfInterest
   flags: [ mandatory ]
 -
  type: tracker_field
  ref: poiAttachments
  data:
   order: 60
   name: Attachments
   type: header
   tracker: $pointsOfInterest
 -
  type: tracker_field
  ref: poiImage
  data:
   order: 70
   name: Image
   type: files
   options: "$profileobject:imageContainer$,image/*,1,1"
   tracker: $pointsOfInterest
   flags: [  ]
 -
  type: tracker_field
  ref: poiDetails
  data:
   order: 80
   name: Details
   type: header
   tracker: $pointsOfInterest
 -
  type: tracker_field
  ref: poiMap
  data:
   order: 90
   name: Map
   type: item_link
   options: "$profileobject:maps$,$profileobject:mapName$,0,,opc,,,,0,0,exact,one,0,$profileobject:mapShareCode$"
   tracker: $pointsOfInterest
   flags: [ mandatory, list, title, searchable ]
   permname: map
   visible: creator_editable
 -
  type: tracker_field
  ref: poiFinder
  data:
   order: 100
   name: Finder
   type: user
   options: "1"
   tracker: $pointsOfInterest
   flags: [ mandatory, list ]
   permname: finder
   visible: creator_editable


Zones

This is both for polygons and paths

YAML
objects:
 -
  type: tracker
  ref: zones
  data:
   name: Zones
   allow: [creator_modification, creator_deletion]
   show: list_modification_date
   section_format: tab
 -
  type: tracker_option
  data:
   tracker: $zones
   name: popup_fields
   value: "$profileobject:zoneImage$,$profileobject:zoneDescription$"
 -
  type: tracker_field
  ref: zoneName
  data:
   order: 10
   name: Name
   type: text_field
   tracker: $zones
   flags: [ list, title, link, searchable ]
 -
  type: tracker_field
  ref: zoneDescription
  data:
   order: 20
   name: Description
   type: text_area
   options: "1,,20"
   tracker: $zones
   flags: [  ]
 -
  type: tracker_field
  ref: zoneAttachments
  data:
   order: 30
   name: Attachments
   type: header
   tracker: $zones
 -
  type: tracker_field
  ref: zoneImage
  data:
   order: 40
   name: Image
   type: files
   options: "$profileobject:imageContainer$,image/*,1,1"
   tracker: $zones
   flags: [  ]
 -
  type: tracker_field
  ref: zoneDetails
  data:
   order: 50
   name: Details
   type: header
   tracker: $zones
 -
  type: tracker_field
  ref: zoneMap
  data:
   order: 60
   name: Map
   type: item_link
   options: "$profileobject:maps$,$profileobject:mapName$,0,,opc,,,,0,0,exact,one,0,$profileobject:mapShareCode$"
   tracker: $zones
   flags: [ mandatory, list, title, searchable ]
   permname: map
   visible: creator_editable
 -
  type: tracker_field
  ref: zoneFinder
  data:
   order: 70
   name: Finder
   type: user
   options: "1"
   tracker: $zones
   flags: [ mandatory, list ]
   permname: finder
   visible: creator_editable
 -
  type: tracker_field
  ref: zoneFeature
  data:
   order: 80
   name: Zone
   type: geographic_feature
   options: ""
   tracker: $zones
   flags: [ mandatory ]


Maps

YAML
objects:
 -
  type: tracker
  ref: maps
  data:
   name: Maps
   allow: [creator_modification, creator_deletion]
   show: list_modification_date
   section_format: tab
 -
  type: tracker_option
  data:
   tracker: $maps
   name: popup_fields
   value: "$profileobject:mapDescription$"
 -
  type: tracker_field
  ref: mapName
  data:
   name: Name
   type: text_field
   tracker: $maps
   order: 10
   flags: [ mandatory, list, title, link, searchable ]
 -
  type: tracker_field
  ref: mapDescription
  data:
   name: Instructions
   type: text_area
   options: "1,,20"
   tracker: $maps
   order: 20
   flags: [ searchable ]
 -
  type: tracker_field
  ref: mapShareCode
  data:
   name: Share Code
   type: text_field
   tracker: $maps
   flags: [ list ]
   options: "0,10,,,15
   order: 30
   permname: shareCode
 -
  type: tracker_field
  ref: mapDetailsHeader
  data:
   name: Details
   type: header
   tracker: $maps
   order: 40
 -
  type: tracker_field
  ref: mapBaseLocation
  data:
   name: Base Location
   type: map
   tracker: $maps
   order: 50
   flags: [ mandatory ]
 -
  type: tracker_field
  ref: mapOwner
  data:
   name: Owner
   type: user
   options: "1"
   tracker: $maps
   order: 60
   flags: [ mandatory, list ]
   permname: owner


Legends

YAML
objects:
 -
  type: tracker
  ref: legend
  data:
   name: Legend
   allow: [creator_modification, creator_deletion]
   show: list_modification_date
 -
  type: tracker_field
  ref: legendIcon
  data:
   name: Icon
   type: icon
   tracker: $legend
   flags: [ mandatory, list ]
   order: 10
   options: "$profileobject:iconContainer$"
 -
  type: tracker_field
  ref: legendText
  data:
   name: Text
   type: text_field
   tracker: $legend
   order: 20
   flags: [ mandatory, list, title, link, searchable ]
 -
  type: tracker_field
  ref: legendMap
  data:
   name: Map
   type: item_link
   options: "$profileobject:maps$,$profileobject:mapName$,0,,opc,,,,0,0,exact,one,0,$profileobject:mapShareCode$"
   tracker: $legend
   flags: [ mandatory, list, title, searchable ]
   permname: map
   order: 30
   visible: creator_editable
 -
  type: tracker_field
  ref: legendFinder
  data:
   name: Finder
   type: user
   options: "1"
   tracker: $legend
   order: 40
   flags: [ mandatory, list ]
   permname: finder
   visible: creator_editable


File Galleries

YAML
objects:
 -
  type: file_gallery
  ref: iconContainer
  data:
   parent: 1
   name: Icons
   description: Icons available for selection in the map.
   owner: admin
   archives: 5
   flags: [ public, visible ]
   column: [ icon, name, created, creator, files ]
   init_files:
    - http://profiles.tiki.org/pics/icons/plugin.png
 -
  type: file_gallery
  ref: imageContainer
  data:
   parent: 1
   name: Image Uploads
   description: Images uploaded by students
   owner: admin
   archives: -1
   flags: [ public, visible ]
   column: [ icon, name, created, creator, files ]


Wiki Pages

YAML
objects:
 -
  type: wiki_page
  ref: home_page
  data:
   name: HomePage
   content: wikicontent:CartoGraf_HomePage
 -
  type: wiki_page
  ref: cartograf_setup
  data:
   name: Setup
   description: Post-Profile Setup Instructions
   lang: en
   content: wikicontent:CartoGraf_Setup
 -
  type: wiki_page
  ref: cartograf_help
  data:
   name: Help
   description: Help
   lang: en
   content: wikicontent:CartoGraf_Help
 -
  type: wiki_page
  ref: account_validated_page
  data:
   name: Account_Validated
   description: Account Validated
   lang: en
   content: wikicontent:CartoGraf_NewAccountValidationIncludedPage
 -
  type: wiki_page
  ref: demo_page
  data:
   name: Demo
   lang: en
   content: wikicontent:CartoGraf_Demo
 -
  type: wiki_page
  ref: partners_page
  data:
   name: Partners
   lang: en
   content: wikicontent:CartoGraf_Partners
 -
  type: wiki_page
  ref: contact_page
  data:
   name: Contact
   lang: en
   content: wikicontent:CartoGraf_Contact


Application Frame Pages

YAML
objects:
 -
  type: wiki_page
  ref: mymaps_page
  data:
   name: MyMaps
   content: wikicontent:CartoGraf_MyMaps
 -
  type: wiki_page
  ref: map_page
  data:
   name: Map
   content: wikicontent:CartoGraf_Map
 -
  type: wiki_page
  ref: mapcanvas_share_page
  data:
   name: MapCanvasShare
   content: wikicontent:CartoGraf_MapCanvasShare
 -
  type: wiki_page
  ref: mapcanvas_solo_page
  data:
   name: MapCanvasSolo
   content: wikicontent:CartoGraf_MapCanvasSolo
 -
  type: wiki_page
  ref: mapselector_page
  data:
   name: MapSelector
   content: wikicontent:CartoGraf_MapSelector


Using:


Developer notes

  • When you apply the profile, you may see "Preference set: geo_tilesets=Array" in the response. This is a cosmetic error. The preference is set correctly.
1-liner to re-install a fresh Tiki with profile
php installer/shell.php install; sh setup.sh ; php lib/search/shell.php rebuild; php lib/profilelib/shell.php install CartoGraf; php lib/profilelib/shell.php install Screencast ; sh setup.sh


Questions

  • Map title & description: Where should they go? we found a place
  • Where should layer selector go? was decided at the bottom
  • Is there any point for the "Editable" and "Markers" checkboxes currently in tools?
  • Is there a way to fork-copy but not join?

Todos

Marc

  • Investigate print/image capture solution
    • Follow-up with Pavel with respect to 1- Save as... 2- configurable prefs
  • Clarify use case of image bank
    • what happens to drawing overlays?
    • Is it forked/copied or just used
    • What are permissions?

luci

Replace this with an image which is packaged in the theme
#LiveHeaderMap {background: url("http://profiles.tiki.org/tiki-download_wiki_attachment.php?attId=65") center -130px repeat-x;}

  • Please move up right-hand pop-out sliders to be higher on the page, as when they open up, we need all the space we can get



Jonny

  • UI of file field type for trackers.
    • Integrate http://elfinder.org/ as a file browser
    • Ideally, as well make the image visible after upload
  • Bookmarkable slide-out of right hand sliders and/or some wizard-like pop-ups to explain to the user how it works
  • Hide background wiki page while map loads (fraction of a second of ugliness)

LP

  • After adding a polygon or a path, go in edit mode to add information to what you just created
  • bug; username with a - causes an issue. Not possible to add POIs
  • Add a "duplicate map" link/button in the map slideout box
  • text areas now have a height, which works in system tracker interface, but not via the en user interface to create maps
  • Add a tracker setting to make tracker management via tiki-view_tracker.php accessible only to tiki_p_admin_trackers for that tracker (or a similar strategy to reach this objective)
  • Make a French language profile for content and the top-level icons
    • When site is in French, SVG-edit is as well

Robert



Testing with 2 registered users

Maps

  • Map
    • user can't delete map
    • Edit base location: can't easily recenter map (no drag)
    • Why are the layers different than the rest of the app?
  • Legend
    • Users have a drop down for Map with someone else's Map (be can they really change?)
    • They see the finder
      • Maybe we should rename this field?
  • Points of interest
    • users see details of a PoI/polygon
      • They have a drop down for the Map
      • They see the finder
        • Maybe we should rename this field?
      • Coordinates
        • Can't click on map
        • Why are the layers different than the rest of the app?
  • Zones

Drawings



Investigate






Drawing bugs & enhancements

  • Registered user should only be able to draw on own pictures
  • Regular drawings: missing canvas. Try from tiki-list_file_gallery.php on latest 9.x
  • pop-up too small fixed
    • Now too big!
  • r41807: Registered users don't have draw on image button fixed
  • Stay in place after draw (Robert)
    • IE9 and Firefox are superb. Chrome needs an extra refresh to show background pic
  • Why is opacity disappearing?
  • Find a way to use http://code.google.com/p/svg-edit/wiki/ConfigOptions
  • Default opacity should be configurable via Tiki (we want 50% for CartoGraf)
  • There are other suggestions/requests from Steve/Marie-Anne but we'll come back later to them (Marc has email about this)


General

  • Add a general image gallery for the POI interface (to improve on the search interface)
  • Print view of map, POIs and legend
  • demo users are forced to change password even though the profile says they don't need to
  • jQuery pop-up make smaller when there is not a lot of content (better for small screens)
  • As we are working collaboratively on .css and .tpl, how about adapt PluginArchiveBuilder to build the theme zip?
  • Get it working on http://demo.tiki.org/cartograf/
    • Weird issues, suspected issue with Lucene "Search index could not be updated. The site is misconfigured. Contact an administrator." looks OK now, perhaps was a broken template. running sh setup.sh seems to solve it.
    • Demo should flush daily
      • Pass sender email, password, etc. in the cron job
      • Perhaps we could do two runs
        • 1st run is general profile (like everyone else)
        • 2nd run is profile with things specific to the demo (and hard coding instructions to avoid having any manual config)
  • When logged in, link to tiki-register.php should be hidden


Community building

  • A started profile with realistic course data
  • More videos
  • More docs
  • A microsite would be nice but likely too much work for this phase


Phase 2


History

Advanced
Information Version
Sun 21 of Oct, 2012 06:47 GMT-0000 Marc Laporte No longer applies 334
View
Sun 21 of Oct, 2012 06:46 GMT-0000 Marc Laporte reorder 333
View
Sun 21 of Oct, 2012 06:45 GMT-0000 Marc Laporte typo 332
View
Sun 21 of Oct, 2012 06:34 GMT-0000 Marc Laporte here is 331
View
Sun 21 of Oct, 2012 06:28 GMT-0000 Marc Laporte reorg 330
View
Sun 21 of Oct, 2012 06:16 GMT-0000 Marc Laporte duplicate 329
View
Sun 21 of Oct, 2012 06:09 GMT-0000 Marc Laporte One more thing to do :-) 328
View
Sun 21 of Oct, 2012 06:00 GMT-0000 Marc Laporte Done. 327
View
Sun 21 of Oct, 2012 05:55 GMT-0000 Marc Laporte re-org 326
View
Sun 21 of Oct, 2012 05:51 GMT-0000 Marc Laporte pop-out sliders 325
View
Sun 21 of Oct, 2012 05:49 GMT-0000 Marc Laporte more 324
View
Sun 21 of Oct, 2012 05:48 GMT-0000 Marc Laporte no drag 323
View
Sun 21 of Oct, 2012 05:44 GMT-0000 Marc Laporte another 322
View
Sun 21 of Oct, 2012 05:32 GMT-0000 Marc Laporte bug? 321
View
Sun 21 of Oct, 2012 05:29 GMT-0000 Marc Laporte a link from Marc Cassuto 320
View
Sun 21 of Oct, 2012 05:28 GMT-0000 Marc Laporte more 319
View
Sun 21 of Oct, 2012 05:27 GMT-0000 Marc Laporte more todos 318
View
Sun 21 of Oct, 2012 05:26 GMT-0000 Marc Laporte this is above 317
View
Sun 21 of Oct, 2012 05:25 GMT-0000 Marc Laporte Fixed a long time ago indeed 316
View
Sun 21 of Oct, 2012 05:03 GMT-0000 Marc Laporte It's in the list above 315
View
Sun 21 of Oct, 2012 02:51 GMT-0000 Marc Laporte maybe... 314
View
Sun 21 of Oct, 2012 02:51 GMT-0000 Marc Laporte more 313
View
Sun 21 of Oct, 2012 02:48 GMT-0000 Marc Laporte more feedback 312
View
Sun 21 of Oct, 2012 02:45 GMT-0000 Marc Laporte New section testing 311
View
Sun 21 of Oct, 2012 02:41 GMT-0000 Marc Laporte better UI 310
View