Claroline used icons

From ClaroDevel

This page is related to Claroline 1.8 but is highly deprecated for Claroline 1.9

Claroline 1.9 now uses 8-bit png images from Tango desktop project (http://tango.freedesktop.org/Tango_Desktop_Project) set or adapted from it.

This page intent to describe each icon used in Claroline (in alphabetic order). The icons are classified into 3 main categories.

  • Icons used in a more global context of use in the platform or on every course home page
  • Icons dedicated to a tool into a course
  • Icons used for every file type (mainly used in the document tool)


Table of contents
1 Generic icons

1.1 bar_1.gif, bar_1m.gif, bar_1r.gif, bar_1u.gif
1.2 class.gif
1.3 delete.gif
1.4 deluser.gif
1.5 down.gif
1.6 edit.gif
1.7 email.gif
1.8 enroll.gif
1.9 help.gif
1.10 home.gif
1.11 importlist.gif
1.12 invisible.gif
1.13 manager.gif
1.14 minus.gif
1.15 move.gif
1.16 pixel.gif
1.17 plus.gif
1.18 preview.gif
1.19 processing.gif
1.20 settings.gif
1.21 statistics.gif
1.22 tool.gif
1.23 unenroll.gif
1.24 up.gif
1.25 usersetting.gif
1.26 visible.gif

2 Tool icons

2.1 Course description tool

2.1.1 info.gif

2.2 Agenda

2.2.1 agenda.gif

2.3 Announcements

2.3.1 announcement.gif
2.3.2 announcement_hot.gif

2.4 Documents and Links

2.4.1 document.gif
2.4.2 download.gif
2.4.3 folder.gif
2.4.4 image.gif
2.4.5 link.gif
2.4.6 opendir.gif
2.4.7 parentdisabled.gif
2.4.8 parent.gif
2.4.9 search.gif

2.5 Exercises

2.5.1 checkbox_off.gif
2.5.2 checkbox_on.gif
2.5.3 quiz.gif
2.5.4 radio_off.gif
2.5.5 radio_on.gif

2.6 Learning Path

2.6.1 block.gif
2.6.2 comment.gif
2.6.3 learnpath.gif
2.6.4 mark.gif
2.6.5 scorm.gif
2.6.6 unblock.gif

2.7 Assignments

2.7.1 assignment.gif
2.7.2 caution.gif

2.8 Forums

2.8.1 forum.gif
2.8.2 post.gif
2.8.3 post_hot.gif
2.8.4 reply.gif
2.8.5 topic.gif
2.8.6 topic_hot.gif

2.9 Groups

2.9.1 fill.gif
2.9.2 group.gif
2.9.3 sweep.gif

2.10 Users

2.10.1 user.gif

2.11 Chat

2.11.1 chat.gif

3 File type icons

3.1 avi.gif
3.2 bmp.gif
3.3 css.gif
3.4 default.gif
3.5 doc.gif
3.6 exe.gif
3.7 gif.gif
3.8 html.gif
3.9 jpg.gif
3.10 js.gif
3.11 mid.gif
3.12 mov.gif
3.13 mp3.gif
3.14 mpeg.gif
3.15 mpg.gif
3.16 pdf.gif
3.17 php.gif
3.18 pl.gif
3.19 ppt.gif
3.20 ram.gif
3.21 rar.gif
3.22 swf.gif
3.23 txt.gif
3.24 wav.gif
3.25 xls.gif
3.26 zip.gif

[edit]

Generic icons

[edit]

bar_1.gif, bar_1m.gif, bar_1r.gif, bar_1u.gif

  • Image:
  • Semantic: compose the progression bar
  • Use(s):
    • in the tracking tool
    • in the learning path tool, represent the progression in learning path modules
[edit]

class.gif

  • Image: Image:class.gif
  • Semantic: represent a class of users on the platform
  • Use(s):
    • in the administration tool, with the link to add a new class
    • in the user tool of a course, with the link to add a complete class to the course
[edit]

delete.gif

  • Image: Image:delete.gif
  • Semantic: represent the deletion of a ressource in the platform (an exercise, a text, a post in the forum,...)
  • Use(s):
    • almost in every tool of Claroline
[edit]

deluser.gif

  • Image: Image:deluser.gif
  • Semantic: represent the deletion of a user
  • Use(s):
    • in the administration tool, to completely delete a user of the platform
[edit]

down.gif

  • Image: Image:Down.gif
  • Semantic: Used in every list where the user can re-order the listed items
  • Use(s):
    • In the learning path tool, in the learning path list and the module list of a specific learning path
    • In the administration tool, in the categories
[edit]

edit.gif

  • Image: Image:edit.gif
  • Semantic: represent the action to edit a ressource in the platform (an exercise, a text, a post in the forum,...)
  • Use(s):
    • almost in every tool of Claroline, when a ressource is editable
[edit]

email.gif

  • Image: Image:email.gif
  • Semantic: represent an action where an e-mail might be sent by the platform to some user(s)
  • Use(s):
    • in the forum tool, with the button to be automatically notified when new messages are posted in a topic
    • in the announcement tool, to automatically send a new announcement by e-mail to the course users
[edit]

enroll.gif

  • Image: Image:enroll.gif
  • Semantic: represent the action to enroll/add a user or a group of users into a defined entity (course, class,...)
  • Use(s):
    • with the link to enroll a user into a class
    • with the link to enroll a user into a course (in the administration tool and on the homepage, to let user enroll himself)
    • ...
[edit]

help.gif

  • Image: Image:help.gif
  • Semantic: Icon to describe an help button or link
  • Use(s):
    • on almost every tool where a help message is available as a popup
[edit]

home.gif

  • Image: Image:home.gif
  • Semantic: Main icon to represent the platform homepage
  • Use(s):
    • appears on every page, starting the interbredcrump lines of Claroline top banner
[edit]

importlist.gif

  • Image: Image:importlist.gif
  • Semantic: icon to represent the massive importation of a table of ressources
  • Use(s):
    • in the administration tool, with the link to import a user list
    • in the user tool, with the link to import in the course a user list
    • in the class administration tool, with the link to import a user list
[edit]

invisible.gif

  • Image: Image:invisible.gif
  • Semantic: represent the "invisible" state of a ressource in a course. Students can never see ressources set as "invisible"
  • Use(s):
    • almost in every tool, where ressources (exercises, learning path, documents or folder,...) can be hidden to students by the course manager
[edit]

manager.gif

  • Image: Image:manager.gif
  • Semantic: represent the "course manager/creator" status that a user can have in the platform or in a course.
  • Use(s):
    • in the administration tool, in the user list, and the course user list to represent the course creators and the course managers
    • in the user tool in a course to represent the course manager(s) in the user list
[edit]

minus.gif

  • Image: Image:Minus.gif
  • Semantic: represent the node of a trees of ressources (that can be opened to see its children)
  • Use(s):
    • in the class administration tool, to display the class tree
    • in the course categories administration tool, to display the categories tree
[edit]

move.gif

  • Image: Image:move.gif
  • Semantic: represent the action to move a ressource from a place to another
  • Use(s):
    • in the document tool to move a file or folder
    • in the administration tool, to move a category in the category tree from a place to another (in the tree)
[edit]

pixel.gif

  • Image: Image:pixel.gif
  • Semantic: just a transparent pixel, said to be useful...
  • Use(s): to avoid
[edit]

plus.gif

  • Image: Image:plus.gif
  • Semantic: represent a open node of a trees of ressources (where children are displayed)
  • Use(s):
    • in the class administration tool, to display the class tree
    • in the course categories administration tool, to display the categories tree
[edit]

preview.gif

  • Image: Image:preview.gif
  • Semantic: used in places where you can preview de rendering of an edited ressource
  • Use(s):
    • in the administration tool, within the edition of the home page text zones
[edit]

processing.gif

  • Image: Image:processing.gif
  • Semantic: represent the progression bar for an operation being executed
  • Use(s):  ???
[edit]

settings.gif

  • Image: Image:settings.gif
  • Semantic: used to represent an access to the configuration panel of a tool or a part of the platform/course
  • Use(s):
    • on course home page, to edit course properties
    • in the administration, to edit course properties in the course list
    • ...
[edit]

statistics.gif

  • Image: Image:statistics.gif
  • Semantic: used to represent an access to a statitics page of a tool or a part of the platform/course
  • Use(s):
    • on course home page, to see course statistics
    • in the administration, to see platform statistics
    • in the exercise tool, to see exercise results
    • ...
[edit]

tool.gif

  • Image: Image:tool.gif
  • Semantic: used to represent any external tool added in a course for wich no specific image has been set
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

unenroll.gif

  • Image: Image:unenroll.gif
  • Semantic: represent the action to enroll/add a user or a group of users into a defined entity (course, class,...)
  • Use(s):
    • with the link to unenroll a user of a class
    • with the link to unenroll a user of a course (in the administration tool and on the personnal course list, to let user unenroll himself)
    • ...
[edit]

up.gif

  • Image: Image:up_.gif
  • Semantic: Used in every list where the user can re-order the listed items
  • Use(s):
    • In the learning path tool, in the learning path list and the module list of a specific learning path
    • In the administration tool, in the categories
[edit]

usersetting.gif

  • Image: Image:usersetting.gif
  • Semantic: represent the link to access to the panel with the parameters of a user
  • Use(s):
    • in the administration tool, in the user list
[edit]

visible.gif

  • Image: Image:visible.gif
  • Semantic: represent the "visible" state of a ressource in a course. Students can only see ressources set as "visible" in the tool
  • Use(s):
    • almost in every tool, where ressources (exercises, learning path, documents or folder,...) can be hidden to students by the course manager
[edit]

Tool icons

In order of appeareance in the left tool menu :

[edit]

Course description tool

[edit]

info.gif

  • Image: Image:info.gif
  • Semantic: describes the course description tool
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

Agenda

[edit]

agenda.gif

  • Image: Image:agenda.gif
  • Semantic: describes the agenda tool
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

Announcements

[edit]

announcement.gif

  • Image: Image:Announcement.gif
  • Semantic: Main icon to describe the announcements tool
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

announcement_hot.gif

  • Image: Image:Announcement_hot.gif
  • Semantic: icon to describe a recent announcement, not seen since last login.
  • Use(s):
    • Into the announcement tool, in the announcements list.
[edit]

Documents and Links

[edit]

document.gif

  • Image: Image:documents.gif
  • Semantic: describes the "documents and links" tool
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

download.gif

  • Image: Image:download.gif
  • Semantic: represent a way to upload or download files between the platform on the local computer of the user
  • Use(s):
    • with the button to upload a new file
[edit]

folder.gif

  • Image: Image:folder.gif
  • Semantic: represent a folder or subfolder
  • Use(s):
    • in the list of files and folder of the current opened folder in main page of the tool
    • with the button to create a new directory
[edit]

image.gif

  • Image: Image:image.gif
  • Semantic: represent an image file (whatever type it is)
  • Use(s):
    • in the document tool, with the link to display the files as thumbnails, if there are images in the folder.
[edit]

link.gif

  • Image: Image:link.gif
  • Semantic: used to represent external links
  • Use(s):
    • with .url files in the documents tool
    • with the link to add a new link in the current directory
[edit]

opendir.gif

  • Image: Image:opendir.gif
  • Semantic: used to represent an opened directory
  • Use(s):
    • on top of the documents and links list in the tool, next to the name of the current opened directory
[edit]

parentdisabled.gif

  • Image: Image:parentdisabled.gif
  • Semantic: used to represent a parent directory that is unreachable
  • Use(s):
    • on top of the documents and links list in the tool, with the disabled link to go to parent directory (in case we are at the root directory)
[edit]

parent.gif

  • Image: Image:parent.gif
  • Semantic: used to represent a link to the parent directory
  • Use(s):
    • on top of the documents and links list in the tool, with the link to go to parent directory
[edit]

search.gif

  • Image: Image:search.gif
  • Semantic: used to represent a search action
  • Use(s):
    • on top of the documents and links list in the tool, with the link to search a document or a folder
[edit]

Exercises

[edit]

checkbox_off.gif

  • Image: Image:checkbox_off.gif
  • Semantic: represent an unselected checkbox button
  • Use(s):
    • on the feedback page of an exercise, to display unselected answers to multiple choices questions (unique answer)
[edit]

checkbox_on.gif

  • Image: Image:checkbox_on.gif
  • Semantic: represent a selected checkbox button
  • Use(s):
    • on the feedback page of an exercise, to display the selected answer to multiple choices questions (unique answer)
[edit]

quiz.gif

  • Image: Image:quiz.gif
  • Semantic: Main icon to describe the exercise tool
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

radio_off.gif

  • Image: Image:radio_off.gif
  • Semantic: represent an unselected radio button
  • Use(s):
    • on the feedback page of an exercise, to display the unselected answer to multiple choices questions (multiple answers)
[edit]

radio_on.gif

  • Image: Image:radio_on.gif
  • Semantic: represent a selected radio button
  • Use(s):
    • on the feedback page of an exercise, to display the selected answer(s) to multiple choices questions (multiple answers)
[edit]

Learning Path

[edit]

block.gif

  • Image: Image:block.gif
  • Semantic: when a path or a module in a path is set as "blocking", it forces the users to finish it before they can access the next one in the list, this icon is shown in the module/path list.
  • Use(s):
    • in the learning paths list,
    • in the module list in a specific learning path
[edit]

comment.gif

  • Image: Image:comment.gif
  • Semantic: represent a comment associated with a ressource into Claroline
  • Use(s):
    • in the bank of module, to edit the introduction that comes with a module that the course manager can select
[edit]

learnpath.gif

  • Image: Image:Learnpath.gif
  • Semantic: Main icon to describe the learning path tool
  • Use(s):
    • on the course homepage (in the left menu)
    • into the learning path tool, in the list of available learning paths
[edit]

mark.gif

  • Image: Image:mark.gif
  • Semantic: represent the fact that a ressource is viewed or finished with success
  • Use(s):
    • in the left menu of the learning path navigation, for every modules finished by the user
[edit]

scorm.gif

  • Image: Image:scorm.gif
  • Semantic: represent a scorm module in a learning path
  • Use(s):
    • in the summary page of a module, just before entering into the scorm module of the path
[edit]

unblock.gif

  • Image: Image:unblock.gif
  • Semantic: when a path or a module in a path is set as "not blocking", it allows the user to access the next module/path in the list (without finishing this module/path), this icon is shown in the module/path list.
  • Use(s):
    • in the learning paths list,
    • in the module list in a specific learning path
[edit]

Assignments

[edit]

assignment.gif

  • Image: Image:Assignment.gif
  • Semantic: Main icon to describe the assignment tool
  • Use(s):
    • on the course homepage (in the left menu)
    • into the assignment tool, with the button to create a new assignment
[edit]

caution.gif

  • Image: Image:caution.gif
  • Semantic: comes with a message to alert the course manager that something important happened
  • Use(s):
    • into the assignment tool, with the message telling that new assignments have been posted after the time limit.
[edit]

Forums

[edit]

forum.gif

  • Image: Image:forum.gif
  • Semantic: : Main icon to describe the forum tool and a forum
  • Use(s):
    • on the course homepage (in the left menu)
    • into the forum tool, to represent a forum
[edit]

post.gif

  • Image: Image:post.gif
  • Semantic: : represent a posted message in a topic of a forum
  • Use(s):
    • on the page to post a new message
    • on the page of a topic, with the list of every posted messages
[edit]

post_hot.gif

  • Image: Image:Post_hot.gif
  • Semantic: : represent a posted message in a topic of a forum that the user has not seen yet since his last visit in the forum
  • Use(s):
    • on the page to post a new message
    • on the page of a topic, with the list of every posted messages
[edit]

reply.gif

  • Image: Image:reply.gif
  • Semantic: : represent a button to reply to a message in a topic of a forum
  • Use(s):
    • on the page of a topic, with the link to reply to the last message
[edit]

topic.gif

  • Image: Image:Topic.gif
  • Semantic: : represent a topic in a forum of a course
  • Use(s):
    • in the topic list of a forum
[edit]

topic_hot.gif

  • Image: Image:topic_hot.gif
  • Semantic: : represent a topic that the user has not seen yet since his last visit in the forum
  • Use(s):
    • in the topic list of a forum
[edit]

Groups

[edit]

fill.gif

  • Image: Image:fill.gif
  • Semantic: represent a way to automatically fill an entity with a selection of others
  • Use(s):
    • With the button to automically full the groups with the course users
[edit]

group.gif

  • Image: Image:group.gif
  • Semantic: Main icon to describe the group tool
  • Use(s):
    • on the course homepage (in the left menu)
    • with the link to create a new group
[edit]

sweep.gif

  • Image: Image:sweep.gif
  • Semantic: represent a way to automatically purge an entity of every ressources it contains
  • Use(s):
    • With the button to automically purge the groups of the users they contain
[edit]

Users

[edit]

user.gif

  • Image: Image:user.gif
  • Semantic: Main icon to describe the user tool a user in general
  • Use(s):
    • on the course homepage (in the left menu)
    • with the link to create a new user into the user tool
    • in the administration tool, to represent student users in the user list
[edit]

Chat

[edit]

chat.gif

  • Image: Image:chat.gif
  • Semantic: Main icon to describe the chat tool
  • Use(s):
    • on the course homepage (in the left menu)
[edit]

File type icons

[edit]

avi.gif

  • Image: Image:avi.gif
  • Semantic: used for video files
  • Use(s): with .avi files in the documents tool
[edit]

bmp.gif

  • Image: Image:bmp.gif
  • Semantic: used for image files
  • Use(s): with .bmp files in the documents tool
[edit]

css.gif

  • Image: Image:css.gif
  • Semantic: used for css files
  • Use(s): with .css files in the documents tool
[edit]

default.gif

  • Image: Image:default.gif
  • Semantic: representation of a file, without any knowkedge of its nature and/or use.
  • Use(s): used to represent any kind of files for which the extension is not known, in the documents tool
[edit]

doc.gif

  • Image: Image:doc.gif
  • Semantic: used for doc files
  • Use(s): with .doc files in the documents tool
[edit]

exe.gif

  • Image: Image:exe.gif
  • Semantic: used for exe files
  • Use(s): with .exe files in the documents tool
[edit]

gif.gif

  • Image: Image:gif.gif
  • Semantic: used for gif files
  • Use(s): with .gif files in the documents tool
[edit]

html.gif

  • Image: Image:html.gif
  • Semantic: used for html files
  • Use(s): with .html files in the documents tool
[edit]

jpg.gif

  • Image: Image:jpg.gif
  • Semantic: used for jpg files
  • Use(s): with .jpg files in the documents tool
[edit]

js.gif

  • Image: Image:js_.gif
  • Semantic: used for javascript files
  • Use(s): with .js files in the documents tool
[edit]

mid.gif

  • Image: Image:mid.gif
  • Semantic: used for mid files
  • Use(s): with .mid files in the documents tool
[edit]

mov.gif

  • Image: Image:mov.gif
  • Semantic: used for mov files
  • Use(s): with .mov files in the documents tool
[edit]

mp3.gif

  • Image: Image:mp3.gif
  • Semantic: used for mp3 files
  • Use(s): with .mp3 files in the documents tool
[edit]

mpeg.gif

  • Image: Image:mpeg.gif
  • Semantic: used for mpeg files
  • Use(s): with .mpeg files in the documents tool
[edit]

mpg.gif

  • Image: Image:mpg.gif
  • Semantic: used for mpg files
  • Use(s): with .mpg files in the documents tool
[edit]

pdf.gif

  • Image: Image:pdf.gif
  • Semantic: used for pdf files
  • Use(s): with .pdf files in the documents tool
[edit]

php.gif

  • Image: Image:php.gif
  • Semantic: used for phps files
  • Use(s): with .phps files in the documents tool
[edit]

pl.gif

  • Image: Image:pl_.gif
  • Semantic: used for pearl files
  • Use(s): with .pl files in the documents tool
[edit]

ppt.gif

  • Image: Image:ppt.gif
  • Semantic: used for ppt (powerpoint) files
  • Use(s): with .ppt files in the documents tool
[edit]

ram.gif

  • Image: Image:ram.gif
  • Semantic: used for ram files
  • Use(s): with .ram files in the documents tool
[edit]

rar.gif

  • Image: Image:rar.gif
  • Semantic: used for rar files
  • Use(s): with .rar files in the documents tool
[edit]

swf.gif

  • Image: Image:swf.gif
  • Semantic: used for swf (flash) files
  • Use(s): with .swf files in the documents tool
[edit]

txt.gif

  • Image: Image:txt.gif
  • Semantic: used for text files
  • Use(s): with .txt files in the documents tool
[edit]

wav.gif

  • Image: Image:wav.gif
  • Semantic: used for wav files
  • Use(s): with .wav files in the documents tool
[edit]

xls.gif

  • Image: Image:xls.gif
  • Semantic: used for xls files
  • Use(s): with .xls files in the documents tool
[edit]

zip.gif

  • Image: Image:zip.gif
  • Semantic: used for zip files
  • Use(s): with .zip files in the documents tool
Retrieved from "http://wiki.claroline.net/index.php/Claroline_used_icons"