PAWS Lab - User contributions [en]

CourseAuthoring

2025-02-20T22:58:14Z

Mhassany:

The '''Course Authoring Tool''' is designed to simplify the process of course creation for instructors. This tool allows instructors to efficiently organize and bundle smart content from multiple providers into structured units or modules, which can be seamlessly integrated into LMS such as Canvas. Additional features include the ability to explore and clone publicly shared course structures, create new courses from scratch, and facilitate sharing and reuse of course materials.

== Try Course Authoring Tool ==

[http://adapt2.sis.pitt.edu/next.course-authoring/ Click here] to access the '''Course Authoring Tool''', use your account credentials and login into the tool or create an account if you don't have one (''please send an email to Mohammad Hassany [[mailto:moh70@pitt.edu moh70@pitt.edu]] to activate your account'').

Please [https://youtu.be/8S5iGywKzDQ watch this video tutorial] to learn more about our tool.

== Course Authoring Interface ==

[[File:CourseAuthoring.png|768px]]

Course Authoring Tool: Hub Page.

CourseAuthoring

2025-02-20T22:56:20Z

Mhassany:

The '''Course Authoring Tool''' is designed to simplify the process of course creation for instructors. This tool allows instructors to efficiently organize and bundle smart content from multiple providers into structured units or modules, which can be seamlessly integrated into LMS such as Canvas. Additional features include the ability to explore and clone publicly shared course structures, create new courses from scratch, and facilitate sharing and reuse of course materials.

== Try Course Authoring Tool ==

[http://adapt2.sis.pitt.edu/next.course-authoring/ Click here] to access the '''Course Authoring Tool''', use your account credentials and login into the tool or create an account if you don't have one (''please send an email to Mohammad Hassany [[mailto:moh70@pitt.edu moh70@pitt.edu]] to activate your account'').

Please [https://youtu.be/8S5iGywKzDQ watch this video tutorial] or read the [[CourseAuthoring_Tutorial|user manual]] to learn more about our tool.

== Course Authoring Interface ==

[[File:CourseAuthoring.png|768px]]

Course Authoring Tool: Hub Page.

Systems

2025-02-20T19:43:29Z

Mhassany: /* Course Authoring */

Our group explores several kinds of information systems focused mostly on personalized systems (such as adaptive learning and recommender systems) and various kinds of systems that support human navigation in information space (such as adaptive hypermedia and social navigation). This page presents a brief overview of the types of systems we explore and follows with a quick overview of the systems and frameworks developed at [[Main Page|PAWS]] lab.
This page presents the main types of topics and technologies explored by PAWS Lab. Like other Wiki pages, it is permanently in construction.

= System Types =

== Personalized Learning Systems ==

Personalized learning technologies provide an alternative to the dominant “one-size-fits-all” approach to treating diverse student audiences. While having a relatively long history, this research direction moved to the forefront only recently when modern information technologies opened new learning opportunities for a wide range of students. Nowadays, personalized learning is considered to be a top priority research direction by many experts. For example, [http://www.engineeringchallenges.org/cms/8996/9127.aspx advanced personalized learning] was named among [http://www.engineeringchallenges.org/ 14 Grand Challenges for Engineering] along with preventing nuclear terror and making solar energy economical. It has also been listed among the highest funding priorities in [http://cacm.acm.org/magazines/2010/2/69358-assessing-the-changing-us-it-rd-ecosystem/fulltext Communications of the ACM].

Personalized learning technologies enable e-learning systems to maintain a model of the goals, preferences and knowledge of each student and apply this model to adapt the system performance to the student making the learning process more efficient and enjoyable. In so doing, various kinds of personalized e-learning systems demonstrated their ability to help students acquire knowledge faster, improve learning outcomes, reduce navigational overhead, and increase student engagement. Our team is interested a range of personalized learning technologies, focusing on modeling learner knowledge of the subject. Individual models of learner knowledge that our systems maintain are used to guide learners to the most appropriate learning content using course sequencing and adaptive navigation support technologies. Some systems also use the models to deliver adaptive visualization. Below is the list of personalized learning systems developed by our group. Most of these systems are open for anyone to use and explore online.

More at [[Personalized Learning Systems]]

Systems:
* [[QuizGuide]]
* [[NavEx]]
* [[Database Exploratorium]]
* [[KnowledgeZoom]]
* [[MasteryGrids]]
* [[Mastery_Grids_Interface]]
* [[JavaGuide]]
* [[Progressor]]
* [[ProgressorPlus]]

== Smart Learning Content for Computing Education ==

To support our research on personalized learning, we developed several types of [[Smart Content]] for Computing Education. Smart content engages students in various kinds of interaction - exploration, simulation, problem solving - and use a rich trace of learning data generated by students interacting with this content to better model learner's knowledge. For some types of smart content activities we have authoring and delivery systems, other types are just collection of items, which you could use but can't edit. An overview of our smart content types can found on the [[Smart Content]] page. Systems supporting delivery and authoring of smart content are listed below.

* [[Smart Content]] types supported by [[ADAPT2]] infrastructure and [[MasteryGrids]] interface
* [[PCEX]] - advanced code worked examples that could be created with [[WEAT]]
* [[QuizJET]] - code tracing problems for Java that could be created with [[QuizJET Authoring System]]
* [[QuizPET]] - code tracing problems for Python that could be created with [[QuizPET Authoring System]]
* [[WebEx]] - simple code worked examples that could be created with [[AnnotEx]]

== Adaptive Information Retrieval Systems ==
Systems:

* [[TaskSieve]]
* [[YourNews]]

== Recommender Systems ==

* [[Grapevine]]
* [[HELPeR]]
* [[Proactive]]
* [[CourseAgent]]
* [[Cross-Domain Recommender Systems]]
* [[Social Recommender Systems]]

== Social Information Access Systems ==
Systems:
* [[ImageSieve]]
* [[Knowledge Sea II]]
* [[NameSieve]]

== Personalized Social Systems for Local Communities ==
Systems:
* [[Conference Navigator 3]]
* [[Eventur]]
* [[CoMeT]]

= Currently Active Systems =

== ADAPT2 Infrastructure==

{|
| valign="top" | [[Image:adapt2-arcitecture.gif|thumb|left|'''100'''|ADAPT2 Architecture]]
| valign="top" | ADAPT2 (read adapt-square) - Advanced Distributed Architecture for Personalized Teaching and Training - is a framework targeted at providing personalization and adaptation services for developers of content that lacks personalization. ==> ([[ADAPT2|more]])
|}

== CUMULATE ==
[[CUMULATE]] is a centralized user modeling server built for the [[ADAPT2|ADAPT2]] architecture. It is mainly targeted at providing user modeling support for adaptive educational hypermedia (AEH) systems. [[CUMULATE]] maintains a set of overlay models of students' knowledge. It uses several techniques for computing student models, including thresholded averaging, asymptotic user knowledge assessment, and time-spent-reading.
([[CUMULATE|more]])

== Knowledge Tree ==
{|
| valign="top" | [[Image:KnowledgeTreeLogo.gif|thumb|left|'''100'''|Knowledge Tree]]
| valign="top" | Knowledge Tree is a link aggregating portal. It presents content structured according to the folder-document paradigm. Knowledge Tree provides authentication and authorization and implements a simplified form of access control. It supports collaborative authoring and social annotation. ([[Knowledge Tree|more]])
|}

== Mastery Grids ==

{|
|valign="top" | [[Image:Mg_1.png|thumb|left|'''100'''|Mastery Grids Interface]]
|valign="top" | Mastery Grids is our latest implementation of Open Social Learner Modeling (OSLM). It is both an innovative Open Social Learner Model Interface and an adaptive E-learning platform with integrated functionalities enabling multi-facet social comparison, open learner modeling, and adaptive navigation support to access multiple kinds of smart learning content. Mastery Grids is supported by adaptive social learning framework [[Aggregate]]. This framework supports several kinds of open student modeling, social comparison, and recommendation. In detail, Mastery Grids presents and compares user learning progress and knowledge level using colored grids, tracks user activities with learning content, and provides flexible user-centered navigation across different content levels (e.g. topic, question) and different content types (e.g. problem, example). Our past research shows that open student modeling and social comparison effectively increases students’ performance, motivation, engagement and retention.

* [[Mastery Grids Interface|More about Mastery Grids]]
* [http://adapt2.sis.pitt.edu/um-vis-adl/index.html?usr=adl01&grp=ADL&sid=test&cid=13&data-top-n-grp=5&def-val-rep-lvl-id=p&def-val-res-id=AVG&ui-tbar-rep-lvl-vis=0&ui-tbar-topic-size-vis=0 An interactive demo of Mastery Grids interface]
|}

== Program Construction Examples ([[PCEX]])==
{|
| valign="top" | [[Image:Pcex_ex.PNG|thumb|left|'''100'''|Program Construction Examples]]
| valign="top" | PCEX is an interactive learning tool which demonstrates program construction examples to help students to develop program construction skills. It supports exploring the program construction examples freely and provide challenges to the students to help them self-assess their learning of program construction knowledge. It is now a component of [[ADAPT2]] Infrastructure.

* [[PCEX|More about PCEX]]

|}

==[[WEAT]]==
{|
| valign="top" | [[Image:weat.png|thumb|left|'''100'''|Worked Example Authoring Tool]]
| valign="top" | Worked Example Authoring Tool (WEAT) is an authoring tool for PCEX. The integrated ChatGPT support can be used to generate code explanations required for creating a program construction example. Created examples can be shared publicly with others, embed through iframes, or in an LMS like Canvas.

* [[WEAT|More about WEAT]]
* [[WEAT_Tutorial|WEAT's User Manual]]
* [https://youtu.be/IOfA0Ql3Zq0 WEAT Video Tutorial]

|}

==[[Course Authoring]]==
{|
| valign="top" | [[Image:CourseAuthoring.png|thumb|left|'''100'''|Course Authoring Tool]]
| valign="top" | The Course Authoring Tool is designed to simplify the process of course creation for instructors. This tool allows instructors to efficiently organize and bundle smart content from multiple providers into structured units or modules, which can be seamlessly integrated into LMS such as Canvas. Additional features include the ability to explore and clone publicly shared course structures, create new courses from scratch, and facilitate sharing and reuse of course materials.

* [[CourseAuthoring|More about Course Authoring Tool]]
* [https://youtu.be/2Nm6yhlTu10 Course Authoring Video Tutorial]

|}

== [[Grapevine]] ==
{|
|valign="top" | [[Image:Grapevine.png|thumb|left|'''100'''|Grapevine]]
|valign="top" | Grapevine is an interactive recommender system that assists students in finding advisors for their projects - from undergraduate capstone projects to PhD thesis work. It has been developed as a part of Personalized Education project sponsored by the University of Pittsburgh ([[Grapevine|more]])
|}

== QuizJET ==
{|
|valign="top" | [[Image:Quizjet.gif|thumb|left|'''100'''|QuizJET]]
|valign="top" | QuizJET is a system serves quizzes as a self-assessment Java Evaluation Tool. It's mainly used to assess students' knowledge in Java Programming Language. QuizJET randomly generates a question parameter, creates a presentation of the parameterized question in a Web-based quiz, compares student's input to the correct answer which QuizJET runs the parameterized code "behind the stage", and records the results into a server-side database. It is now a component of [[ADAPT2]] Infrastructure. ([[QuizJET|more]])
|}

== ReadingCircle ==
{|
| valign="top" | [[Image:Readingcircle1.png|left|thumb|200px|ReadingCircle interface.]]
| valign="top" | ReadingCircle is a system that explores approaches to encourage student reading using a social progress visualization interface. Click on the link to [[ReadingCircle]] to see more details.
|}

== [[HELPeR]] ==

{|
|valign="top" | [[Image:Helper.png|thumb|left|'''100'''|[[HELPeR]]]]
|valign="top" | Health e-Librarian with Personalized Recommender (HELPeR) is an interactive personalized search and recommender system designed to provide access to health information for cancer patients and their caregivers ([[HELPeR|-->more]])
|}

== [[WebEx]] ==
{|
| valign="top" | [[Image:AnnotatedExamples.jpg|left|thumb|200px|Screenshot of the WebEx interface.]]
| valign="top" | [[WebEx]] is a system that serves annotated code examples known also as dissections. Each dissection is a sequence of lines that have annotations associated with them. Dissections are grouped into collections - scopes. The natural domain of WebEx is programming. However, other applications are also possible, e.g. poetry. It is now a component of [[ADAPT2]] Infrastructure. It is one of the oldest PAWS systems, but WebEx is used in to provide access to examples in several domains. It is mostly superseded by [[PCX]] system which has more features.
|}

([[WebEx|more]])

= Earlier Systems =
== AdVisE (Adaptive Document Visualization for Education) ==
==== ADVISE 2D ====
Two dimensional document visualization based on inter-document similarities. The locations of the documents on the 2D space are determined by their similarities to another documents and users can visually see the relationships of the documents based on their contents.
==== ADVISE 3D ====
Three dimensional visualization of documents based on similarities. By adding one more dimension to 2D visualization, users are able to explore the document space more easily and access each document.

==== ADVISE VIBE ====

Relevance-based visualization of educational documents based on re-implementation of VIBE, a document visualization method based on similarities between documents and POIs (Points Of Interests) developed by Molde College and School of Information Sciences, University of Pittsburgh.

([http://ir.exp.sis.pitt.edu/advise more on ADVISE])

==Adaptive VIBE==

{|
| valign="top" | [[Image:AdaptiveVibe_part.png|thumb|left|'''100'''|Adaptive VIBE]]
| valign="top" | Two dimensional visualization based on POIs(Point Of Interest, or concepts) and document similarities. The position of the documents are calculated by their relationships with each POI.

* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System Link] (Adaptive VIBE integrated into TaskSieve)
* [[Adaptive_VIBE | more on Adaptive VIBE]]
|}

== AnnotatEd ==
{|
| valign="top" | [[Image:ated.gif|thumb|left|'''100'''|AnnotatEd]]
| valign="top" | AnnotatEd is a system that enables learners to annotate online pages while keeping track of all activities of learners. AnnotatEd uses the learners' activity information to offer ''social navigation support'' for hyperlinks inside the AnnotatEd system. ([[AnnotatEd|more]])
|}

== AnnotEx ==
{|
| valign="top" | [[Image:AnnotEx.gif|thumb|left|'''100'''|AnnotEx]]
| valign="top" | AnnotEx - Example Annotator- is a web-based community based authoring tool for annotating programming examples.([[AnnotEx|more]])
|}

== CoMeT ==

{|
| valign="top" | [[Image:comet.gif|thumb|left|'''100'''|Comet]]
| valign="top" | COMET is a social system for sharing informaion about research talks. It allows to collaboratively collect, publish, and tag interesting research talks in Pittsburgh. COMET allows its users to schedule the talks they want to attend. It also automatically reminds about bookmarked talks and recommends other talks that fits isers' interests.
|}

== Conference Navigator 3==
{|
| valign="top" | [[Image:Cn3.jpg|thumb|left|'''100'''|CN3]]
| valign="top" | Conference Navigator 3 (CN3) is a personal conference scheduling tool with social linking and recommendation features. Users can control access to their information in the CN3 system and link their account with third party academic and non-academic social networks such as linkedIn, Facebook, citeulike, or Mendeley. Our main goal is to enhance attendees' experience at the conferences, and also investigate the mechanisms that drives attendees to engage in their research community.
|}

== CoPE (Collaborative Paper Exchange) ==
{|
| valign="top" | [[Image:CoPE.1.overall.gif|thumb|left|'''100'''|CoPE]]
| valign="top" | CoPE - Collaborative Paper Exchange - is a system that provides community-based access to paper summaries via web. CoPE is currently an in-class tool for both teachers and students. ([[CoPE|more]])
|}

== CourseAgent ==
coming soon
([[CourseAgent|more]])

== Eventur ==
{|
| valign="top" | [[Image:Pittcult.gif|thumb|left|'''100'''|PittCult]]
| valign="top" | This project is to recommend interesting information using the combined technology of collaborative filtering and trust-based human network. This system is to overcome the emerging problems regarding collaborative filtering recommendations and to investigate how the information propagation is affected by trust among people. ([[Eventur|more]])
|}

== JavaGuide ==

{|
| valign="top" | [[Image:JavaGuide.png|thumb|left|'''100'''|JavaGuide]]
| valign="top" | JavaGuide is a personalized front-end for QuizJET developed by PAWS Lab (Hsiao, 2010). Java Guide collects student performance data sent by QuizJET to the activity storage, determines student current level of knowledge for multiple topics and concepts of Java programming language, and use it to provide adaptive guidance to the questions that are most appropriate for a specific student given the course goals and current state of knowledge.. ([[JavaGuide|more]])
|}

== Knowledge Sea II ==
{|
| valign="top" | [[Image:ks2.gif|thumb|left|'''100'''|Knowledge Sea II]]
| valign="top" | Knowledge Sea II is an extension of Knowledge Sea project that is designed to help users navigate from lectures to relevant online tutorials in a map-based horizontal navigation format. The most important feature of Knowledge Sea is facilitating the navigation through providing traffic and annotation based social navigation support. ([[Knowledge Sea II|more]])
|}

== KnowledgeZoom ==
{|
| valign="top" | [[Image:KnowledgeZoom.png|thumb|left|'''100'''|KnowledgeZoom]]
| valign="top" | [[KnowledgeZoom]] is an exam preparation system with zoomable open student model showing student level of knowledge for hierarchy of Java programming concepts. KnowledgeZoom allows students to find gaps in their knowledge and access learning content that helps to bridge these gaps.

* [[KnowledgeZoom|More about KnowledgeZoom]]
|}

== MEMA ==
{|
|valign="top" | [[Image:MEMA.jpg|thumb|left|'''100'''|MEMA]]
|valign="top" | MEMA (Museum Exhibition MAnagement) ([[MEMA|more]])
* [http://halley.exp.sis.pitt.edu/mema/web/ Web System link]
* [http://halley.exp.sis.pitt.edu/mema Mobile System link]
|}

== NameSieve ==

{|
|valign="top" | [[Image:NameSieve-NEpanel.png|thumb|left|'''100'''|NameSieve Named-entity Navigator]]
|valign="top" | A name-entity based news exploration and filtering system. Important named-entities extracted from the search results are provided in the "cloud" form and helps further exploration. ([[NameSieve|more]])

* [http://amber.exp.sis.pitt.edu/namesieve System Link 1]
* [http://ir.exp.sis.pitt.edu/~jahn/cma/index.php System Link 2] (Carnegie Museum of Art version)
|}

== NavEx - Navigation to Examples ==
{|
| valign="top" | [[Image:NavEx.gif|thumb|left|'''100'''|NavEx]]
| valign="top" | NavEx provides adaptive guidance for accessing online interactive examples. Adaptation allows students to visualize both whether they are ready to explore certain examples and what is their progress with them. NavEx-SN (SN for social navigation) also allows students to relate their progress with the progress of the group. ([[NavEx|more]])
|}

== PERSEUS ==
{|
| valign="top" | [[Image:Perseus.gif|thumb|left|100px|PERSEUS]]
| valign="top" | [[PERSEUS]] is a Personalization Service Engine. It provides adaptive support for non-personalized (educational) hypermedia systems by abstracting content presentation/aggregation from user modeling. [[PERSEUS]] protocols are based on [http://en.wikipedia.org/wiki/Rdf RDF] and [http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0 RSS 1.0]. Although, [[PERSEUS]] was initially developed for [[ADAPT2|ADAPT2]] framework, its data model permits seamless support of any other hypermedia application. Currently [[PERSEUS]] provides social navigation, topic-based navigation, concept-based navigation, and adaptive filtering techniques. ([[PERSEUS|more]])
|}

== Proactive ==
{|
| valign="top" | [[Image:Proactive.gif|thumb|left|'''100'''|Proactive]]
| valign="top" | The Proactive is content-based job search and recommender system which is based on several knowledge engineering technology and personalized techniques. The system is adapts to each user by collecting various user's usage patterns. It integrates several approaches to provide access to job information ([[Proactive|more]])
|}

== Progressor ==
{|
| valign="top" | [[Image:Progressor.png|thumb|left|'''100'''|Progressor]]
| valign="top" | The Progressor is a system of personalized visual access to programming problems, which is based on open social user modeling technology and personalized techniques. ([[Progressor|more]])
|}

== Progressor+ ==
{|
| valign="top" | [[Image:progressorplus1.png|thumb|left|'''100'''|ProgressorPlus]]
| valign="top" | Progressor+ extends the benefits from Progressor and addresses the problems in personalized and social learning of how to help students to find the most appropriate educational resources and engage them into using these resources. Progressor+ adopts the same idea of open student modeling visualization and uses generic table representation for accessing and visualizing assorted educational content ([[ProgressorPlus|more]])
|}

== QuizGuide ==
{|
| valign="top" | [[Image:Quizguide.gif|thumb|left|'''100'''|QuizGuide]]
| valign="top" | QuizGuide, is an adaptive system that helps students in selecting most relevant quizzes for self-assessment of C knowledge. Quizzes are assigned to topics and adaptively annotated, to show which topics are currently important and which require further work. ([[QuizGuide|more]])
|}

== SetFusion ==
coming soon
([[SetFusion|more]])

== TalkExplorer ==
coming soon
([[TalkExplorer|more]])

== TaskSieve ==

{|
|valign="top" | [[Image:TaskSieve-surrogates.png|thumb|left|'''100'''|TaskSieve -- mediates query and user model]]
|valign="top" | An experimental personalized news search system based on task models and the interface to mediate between the query and the task model. Users can select three options (1) query only, (2) task model only, and (3) both. ([[TaskSieve|more]])
* [http://amber.exp.sis.pitt.edu/tasksieve System link 1]
* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System link 2] (newer version integrated with Adaptive VIBE)
|}

== WADEIn (cWADEIn/jWADEIn) ==
coming soon
([[WADEIn|more]])

== YourNews ==

{|
|valign="top" | [[Image:YourNews-openUM.png|thumb|left|'''100'''|YourNews Open User Model UI]]
|valign="top" | YourNews is a news recommendation system based on the RSS feeds collected from various news sources. News articles are crawled every two hours, indexed, and then provided to users according to their specific needs. Users also can view and control their user profile with '''Open User Profile''' ([[YourNews|more]])

* [http://amber.exp.sis.pitt.edu/yournews System Link]
|}

File:CourseAuthoring.png

2025-02-20T19:33:29Z

Mhassany: Mhassany uploaded a new version of File:CourseAuthoring.png

File:CourseAuthoring.png

2025-02-20T19:28:18Z

Mhassany:

Systems

2025-02-20T19:23:52Z

Mhassany:

Our group explores several kinds of information systems focused mostly on personalized systems (such as adaptive learning and recommender systems) and various kinds of systems that support human navigation in information space (such as adaptive hypermedia and social navigation). This page presents a brief overview of the types of systems we explore and follows with a quick overview of the systems and frameworks developed at [[Main Page|PAWS]] lab.
This page presents the main types of topics and technologies explored by PAWS Lab. Like other Wiki pages, it is permanently in construction.

= System Types =

== Personalized Learning Systems ==

Personalized learning technologies provide an alternative to the dominant “one-size-fits-all” approach to treating diverse student audiences. While having a relatively long history, this research direction moved to the forefront only recently when modern information technologies opened new learning opportunities for a wide range of students. Nowadays, personalized learning is considered to be a top priority research direction by many experts. For example, [http://www.engineeringchallenges.org/cms/8996/9127.aspx advanced personalized learning] was named among [http://www.engineeringchallenges.org/ 14 Grand Challenges for Engineering] along with preventing nuclear terror and making solar energy economical. It has also been listed among the highest funding priorities in [http://cacm.acm.org/magazines/2010/2/69358-assessing-the-changing-us-it-rd-ecosystem/fulltext Communications of the ACM].

Personalized learning technologies enable e-learning systems to maintain a model of the goals, preferences and knowledge of each student and apply this model to adapt the system performance to the student making the learning process more efficient and enjoyable. In so doing, various kinds of personalized e-learning systems demonstrated their ability to help students acquire knowledge faster, improve learning outcomes, reduce navigational overhead, and increase student engagement. Our team is interested a range of personalized learning technologies, focusing on modeling learner knowledge of the subject. Individual models of learner knowledge that our systems maintain are used to guide learners to the most appropriate learning content using course sequencing and adaptive navigation support technologies. Some systems also use the models to deliver adaptive visualization. Below is the list of personalized learning systems developed by our group. Most of these systems are open for anyone to use and explore online.

More at [[Personalized Learning Systems]]

Systems:
* [[QuizGuide]]
* [[NavEx]]
* [[Database Exploratorium]]
* [[KnowledgeZoom]]
* [[MasteryGrids]]
* [[Mastery_Grids_Interface]]
* [[JavaGuide]]
* [[Progressor]]
* [[ProgressorPlus]]

== Smart Learning Content for Computing Education ==

To support our research on personalized learning, we developed several types of [[Smart Content]] for Computing Education. Smart content engages students in various kinds of interaction - exploration, simulation, problem solving - and use a rich trace of learning data generated by students interacting with this content to better model learner's knowledge. For some types of smart content activities we have authoring and delivery systems, other types are just collection of items, which you could use but can't edit. An overview of our smart content types can found on the [[Smart Content]] page. Systems supporting delivery and authoring of smart content are listed below.

* [[Smart Content]] types supported by [[ADAPT2]] infrastructure and [[MasteryGrids]] interface
* [[PCEX]] - advanced code worked examples that could be created with [[WEAT]]
* [[QuizJET]] - code tracing problems for Java that could be created with [[QuizJET Authoring System]]
* [[QuizPET]] - code tracing problems for Python that could be created with [[QuizPET Authoring System]]
* [[WebEx]] - simple code worked examples that could be created with [[AnnotEx]]

== Adaptive Information Retrieval Systems ==
Systems:

* [[TaskSieve]]
* [[YourNews]]

== Recommender Systems ==

* [[Grapevine]]
* [[HELPeR]]
* [[Proactive]]
* [[CourseAgent]]
* [[Cross-Domain Recommender Systems]]
* [[Social Recommender Systems]]

== Social Information Access Systems ==
Systems:
* [[ImageSieve]]
* [[Knowledge Sea II]]
* [[NameSieve]]

== Personalized Social Systems for Local Communities ==
Systems:
* [[Conference Navigator 3]]
* [[Eventur]]
* [[CoMeT]]

= Currently Active Systems =

== ADAPT2 Infrastructure==

{|
| valign="top" | [[Image:adapt2-arcitecture.gif|thumb|left|'''100'''|ADAPT2 Architecture]]
| valign="top" | ADAPT2 (read adapt-square) - Advanced Distributed Architecture for Personalized Teaching and Training - is a framework targeted at providing personalization and adaptation services for developers of content that lacks personalization. ==> ([[ADAPT2|more]])
|}

== CUMULATE ==
[[CUMULATE]] is a centralized user modeling server built for the [[ADAPT2|ADAPT2]] architecture. It is mainly targeted at providing user modeling support for adaptive educational hypermedia (AEH) systems. [[CUMULATE]] maintains a set of overlay models of students' knowledge. It uses several techniques for computing student models, including thresholded averaging, asymptotic user knowledge assessment, and time-spent-reading.
([[CUMULATE|more]])

== Knowledge Tree ==
{|
| valign="top" | [[Image:KnowledgeTreeLogo.gif|thumb|left|'''100'''|Knowledge Tree]]
| valign="top" | Knowledge Tree is a link aggregating portal. It presents content structured according to the folder-document paradigm. Knowledge Tree provides authentication and authorization and implements a simplified form of access control. It supports collaborative authoring and social annotation. ([[Knowledge Tree|more]])
|}

== Mastery Grids ==

{|
|valign="top" | [[Image:Mg_1.png|thumb|left|'''100'''|Mastery Grids Interface]]
|valign="top" | Mastery Grids is our latest implementation of Open Social Learner Modeling (OSLM). It is both an innovative Open Social Learner Model Interface and an adaptive E-learning platform with integrated functionalities enabling multi-facet social comparison, open learner modeling, and adaptive navigation support to access multiple kinds of smart learning content. Mastery Grids is supported by adaptive social learning framework [[Aggregate]]. This framework supports several kinds of open student modeling, social comparison, and recommendation. In detail, Mastery Grids presents and compares user learning progress and knowledge level using colored grids, tracks user activities with learning content, and provides flexible user-centered navigation across different content levels (e.g. topic, question) and different content types (e.g. problem, example). Our past research shows that open student modeling and social comparison effectively increases students’ performance, motivation, engagement and retention.

* [[Mastery Grids Interface|More about Mastery Grids]]
* [http://adapt2.sis.pitt.edu/um-vis-adl/index.html?usr=adl01&grp=ADL&sid=test&cid=13&data-top-n-grp=5&def-val-rep-lvl-id=p&def-val-res-id=AVG&ui-tbar-rep-lvl-vis=0&ui-tbar-topic-size-vis=0 An interactive demo of Mastery Grids interface]
|}

== Program Construction Examples ([[PCEX]])==
{|
| valign="top" | [[Image:Pcex_ex.PNG|thumb|left|'''100'''|Program Construction Examples]]
| valign="top" | PCEX is an interactive learning tool which demonstrates program construction examples to help students to develop program construction skills. It supports exploring the program construction examples freely and provide challenges to the students to help them self-assess their learning of program construction knowledge. It is now a component of [[ADAPT2]] Infrastructure.

* [[PCEX|More about PCEX]]

|}

==[[WEAT]]==
{|
| valign="top" | [[Image:weat.png|thumb|left|'''100'''|Worked Example Authoring Tool]]
| valign="top" | Worked Example Authoring Tool (WEAT) is an authoring tool for PCEX. The integrated ChatGPT support can be used to generate code explanations required for creating a program construction example. Created examples can be shared publicly with others, embed through iframes, or in an LMS like Canvas.

* [[WEAT|More about WEAT]]
* [[WEAT_Tutorial|WEAT's User Manual]]
* [https://youtu.be/IOfA0Ql3Zq0 WEAT Video Tutorial]

|}

==[[Course Authoring]]==
{|
| valign="top" | [[Image:CourseAuthoring.png|thumb|left|'''100'''|Course Authoring Tool]]
| valign="top" | The Course Authoring Tool developed by PAWS Lab, University of Pittsburgh, is designed to simplify the process of course creation for instructors. This tool allows instructors to efficiently organize and bundle smart content from multiple providers into structured units or modules, which can be seamlessly integrated into Learning Management Systems (LMS) such as Canvas. Additional features include the ability to explore and clone publicly shared course structures, create new courses from scratch, and facilitate sharing and reuse of course materials.

* [[CourseAuthoring|More about Course Authoring Tool]]
* [[CourseAuthoring|Course Authoring Tool's User Manual]]
* [https://youtu.be/IOfA0Ql3Zq0 WEAT Video Tutorial]

|}

== [[Grapevine]] ==
{|
|valign="top" | [[Image:Grapevine.png|thumb|left|'''100'''|Grapevine]]
|valign="top" | Grapevine is an interactive recommender system that assists students in finding advisors for their projects - from undergraduate capstone projects to PhD thesis work. It has been developed as a part of Personalized Education project sponsored by the University of Pittsburgh ([[Grapevine|more]])
|}

== QuizJET ==
{|
|valign="top" | [[Image:Quizjet.gif|thumb|left|'''100'''|QuizJET]]
|valign="top" | QuizJET is a system serves quizzes as a self-assessment Java Evaluation Tool. It's mainly used to assess students' knowledge in Java Programming Language. QuizJET randomly generates a question parameter, creates a presentation of the parameterized question in a Web-based quiz, compares student's input to the correct answer which QuizJET runs the parameterized code "behind the stage", and records the results into a server-side database. It is now a component of [[ADAPT2]] Infrastructure. ([[QuizJET|more]])
|}

== ReadingCircle ==
{|
| valign="top" | [[Image:Readingcircle1.png|left|thumb|200px|ReadingCircle interface.]]
| valign="top" | ReadingCircle is a system that explores approaches to encourage student reading using a social progress visualization interface. Click on the link to [[ReadingCircle]] to see more details.
|}

== [[HELPeR]] ==

{|
|valign="top" | [[Image:Helper.png|thumb|left|'''100'''|[[HELPeR]]]]
|valign="top" | Health e-Librarian with Personalized Recommender (HELPeR) is an interactive personalized search and recommender system designed to provide access to health information for cancer patients and their caregivers ([[HELPeR|-->more]])
|}

== [[WebEx]] ==
{|
| valign="top" | [[Image:AnnotatedExamples.jpg|left|thumb|200px|Screenshot of the WebEx interface.]]
| valign="top" | [[WebEx]] is a system that serves annotated code examples known also as dissections. Each dissection is a sequence of lines that have annotations associated with them. Dissections are grouped into collections - scopes. The natural domain of WebEx is programming. However, other applications are also possible, e.g. poetry. It is now a component of [[ADAPT2]] Infrastructure. It is one of the oldest PAWS systems, but WebEx is used in to provide access to examples in several domains. It is mostly superseded by [[PCX]] system which has more features.
|}

([[WebEx|more]])

= Earlier Systems =
== AdVisE (Adaptive Document Visualization for Education) ==
==== ADVISE 2D ====
Two dimensional document visualization based on inter-document similarities. The locations of the documents on the 2D space are determined by their similarities to another documents and users can visually see the relationships of the documents based on their contents.
==== ADVISE 3D ====
Three dimensional visualization of documents based on similarities. By adding one more dimension to 2D visualization, users are able to explore the document space more easily and access each document.

==== ADVISE VIBE ====

Relevance-based visualization of educational documents based on re-implementation of VIBE, a document visualization method based on similarities between documents and POIs (Points Of Interests) developed by Molde College and School of Information Sciences, University of Pittsburgh.

([http://ir.exp.sis.pitt.edu/advise more on ADVISE])

==Adaptive VIBE==

{|
| valign="top" | [[Image:AdaptiveVibe_part.png|thumb|left|'''100'''|Adaptive VIBE]]
| valign="top" | Two dimensional visualization based on POIs(Point Of Interest, or concepts) and document similarities. The position of the documents are calculated by their relationships with each POI.

* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System Link] (Adaptive VIBE integrated into TaskSieve)
* [[Adaptive_VIBE | more on Adaptive VIBE]]
|}

== AnnotatEd ==
{|
| valign="top" | [[Image:ated.gif|thumb|left|'''100'''|AnnotatEd]]
| valign="top" | AnnotatEd is a system that enables learners to annotate online pages while keeping track of all activities of learners. AnnotatEd uses the learners' activity information to offer ''social navigation support'' for hyperlinks inside the AnnotatEd system. ([[AnnotatEd|more]])
|}

== AnnotEx ==
{|
| valign="top" | [[Image:AnnotEx.gif|thumb|left|'''100'''|AnnotEx]]
| valign="top" | AnnotEx - Example Annotator- is a web-based community based authoring tool for annotating programming examples.([[AnnotEx|more]])
|}

== CoMeT ==

{|
| valign="top" | [[Image:comet.gif|thumb|left|'''100'''|Comet]]
| valign="top" | COMET is a social system for sharing informaion about research talks. It allows to collaboratively collect, publish, and tag interesting research talks in Pittsburgh. COMET allows its users to schedule the talks they want to attend. It also automatically reminds about bookmarked talks and recommends other talks that fits isers' interests.
|}

== Conference Navigator 3==
{|
| valign="top" | [[Image:Cn3.jpg|thumb|left|'''100'''|CN3]]
| valign="top" | Conference Navigator 3 (CN3) is a personal conference scheduling tool with social linking and recommendation features. Users can control access to their information in the CN3 system and link their account with third party academic and non-academic social networks such as linkedIn, Facebook, citeulike, or Mendeley. Our main goal is to enhance attendees' experience at the conferences, and also investigate the mechanisms that drives attendees to engage in their research community.
|}

== CoPE (Collaborative Paper Exchange) ==
{|
| valign="top" | [[Image:CoPE.1.overall.gif|thumb|left|'''100'''|CoPE]]
| valign="top" | CoPE - Collaborative Paper Exchange - is a system that provides community-based access to paper summaries via web. CoPE is currently an in-class tool for both teachers and students. ([[CoPE|more]])
|}

== CourseAgent ==
coming soon
([[CourseAgent|more]])

== Eventur ==
{|
| valign="top" | [[Image:Pittcult.gif|thumb|left|'''100'''|PittCult]]
| valign="top" | This project is to recommend interesting information using the combined technology of collaborative filtering and trust-based human network. This system is to overcome the emerging problems regarding collaborative filtering recommendations and to investigate how the information propagation is affected by trust among people. ([[Eventur|more]])
|}

== JavaGuide ==

{|
| valign="top" | [[Image:JavaGuide.png|thumb|left|'''100'''|JavaGuide]]
| valign="top" | JavaGuide is a personalized front-end for QuizJET developed by PAWS Lab (Hsiao, 2010). Java Guide collects student performance data sent by QuizJET to the activity storage, determines student current level of knowledge for multiple topics and concepts of Java programming language, and use it to provide adaptive guidance to the questions that are most appropriate for a specific student given the course goals and current state of knowledge.. ([[JavaGuide|more]])
|}

== Knowledge Sea II ==
{|
| valign="top" | [[Image:ks2.gif|thumb|left|'''100'''|Knowledge Sea II]]
| valign="top" | Knowledge Sea II is an extension of Knowledge Sea project that is designed to help users navigate from lectures to relevant online tutorials in a map-based horizontal navigation format. The most important feature of Knowledge Sea is facilitating the navigation through providing traffic and annotation based social navigation support. ([[Knowledge Sea II|more]])
|}

== KnowledgeZoom ==
{|
| valign="top" | [[Image:KnowledgeZoom.png|thumb|left|'''100'''|KnowledgeZoom]]
| valign="top" | [[KnowledgeZoom]] is an exam preparation system with zoomable open student model showing student level of knowledge for hierarchy of Java programming concepts. KnowledgeZoom allows students to find gaps in their knowledge and access learning content that helps to bridge these gaps.

* [[KnowledgeZoom|More about KnowledgeZoom]]
|}

== MEMA ==
{|
|valign="top" | [[Image:MEMA.jpg|thumb|left|'''100'''|MEMA]]
|valign="top" | MEMA (Museum Exhibition MAnagement) ([[MEMA|more]])
* [http://halley.exp.sis.pitt.edu/mema/web/ Web System link]
* [http://halley.exp.sis.pitt.edu/mema Mobile System link]
|}

== NameSieve ==

{|
|valign="top" | [[Image:NameSieve-NEpanel.png|thumb|left|'''100'''|NameSieve Named-entity Navigator]]
|valign="top" | A name-entity based news exploration and filtering system. Important named-entities extracted from the search results are provided in the "cloud" form and helps further exploration. ([[NameSieve|more]])

* [http://amber.exp.sis.pitt.edu/namesieve System Link 1]
* [http://ir.exp.sis.pitt.edu/~jahn/cma/index.php System Link 2] (Carnegie Museum of Art version)
|}

== NavEx - Navigation to Examples ==
{|
| valign="top" | [[Image:NavEx.gif|thumb|left|'''100'''|NavEx]]
| valign="top" | NavEx provides adaptive guidance for accessing online interactive examples. Adaptation allows students to visualize both whether they are ready to explore certain examples and what is their progress with them. NavEx-SN (SN for social navigation) also allows students to relate their progress with the progress of the group. ([[NavEx|more]])
|}

== PERSEUS ==
{|
| valign="top" | [[Image:Perseus.gif|thumb|left|100px|PERSEUS]]
| valign="top" | [[PERSEUS]] is a Personalization Service Engine. It provides adaptive support for non-personalized (educational) hypermedia systems by abstracting content presentation/aggregation from user modeling. [[PERSEUS]] protocols are based on [http://en.wikipedia.org/wiki/Rdf RDF] and [http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0 RSS 1.0]. Although, [[PERSEUS]] was initially developed for [[ADAPT2|ADAPT2]] framework, its data model permits seamless support of any other hypermedia application. Currently [[PERSEUS]] provides social navigation, topic-based navigation, concept-based navigation, and adaptive filtering techniques. ([[PERSEUS|more]])
|}

== Proactive ==
{|
| valign="top" | [[Image:Proactive.gif|thumb|left|'''100'''|Proactive]]
| valign="top" | The Proactive is content-based job search and recommender system which is based on several knowledge engineering technology and personalized techniques. The system is adapts to each user by collecting various user's usage patterns. It integrates several approaches to provide access to job information ([[Proactive|more]])
|}

== Progressor ==
{|
| valign="top" | [[Image:Progressor.png|thumb|left|'''100'''|Progressor]]
| valign="top" | The Progressor is a system of personalized visual access to programming problems, which is based on open social user modeling technology and personalized techniques. ([[Progressor|more]])
|}

== Progressor+ ==
{|
| valign="top" | [[Image:progressorplus1.png|thumb|left|'''100'''|ProgressorPlus]]
| valign="top" | Progressor+ extends the benefits from Progressor and addresses the problems in personalized and social learning of how to help students to find the most appropriate educational resources and engage them into using these resources. Progressor+ adopts the same idea of open student modeling visualization and uses generic table representation for accessing and visualizing assorted educational content ([[ProgressorPlus|more]])
|}

== QuizGuide ==
{|
| valign="top" | [[Image:Quizguide.gif|thumb|left|'''100'''|QuizGuide]]
| valign="top" | QuizGuide, is an adaptive system that helps students in selecting most relevant quizzes for self-assessment of C knowledge. Quizzes are assigned to topics and adaptively annotated, to show which topics are currently important and which require further work. ([[QuizGuide|more]])
|}

== SetFusion ==
coming soon
([[SetFusion|more]])

== TalkExplorer ==
coming soon
([[TalkExplorer|more]])

== TaskSieve ==

{|
|valign="top" | [[Image:TaskSieve-surrogates.png|thumb|left|'''100'''|TaskSieve -- mediates query and user model]]
|valign="top" | An experimental personalized news search system based on task models and the interface to mediate between the query and the task model. Users can select three options (1) query only, (2) task model only, and (3) both. ([[TaskSieve|more]])
* [http://amber.exp.sis.pitt.edu/tasksieve System link 1]
* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System link 2] (newer version integrated with Adaptive VIBE)
|}

== WADEIn (cWADEIn/jWADEIn) ==
coming soon
([[WADEIn|more]])

== YourNews ==

{|
|valign="top" | [[Image:YourNews-openUM.png|thumb|left|'''100'''|YourNews Open User Model UI]]
|valign="top" | YourNews is a news recommendation system based on the RSS feeds collected from various news sources. News articles are crawled every two hours, indexed, and then provided to users according to their specific needs. Users also can view and control their user profile with '''Open User Profile''' ([[YourNews|more]])

* [http://amber.exp.sis.pitt.edu/yournews System Link]
|}

Systems

2024-04-04T14:32:43Z

Mhassany: /* WEAT */

Our group explores several kinds of information systems focused mostly on personalized systems (such as adaptive learning and recommender systems) and various kinds of systems that support human navigation in information space (such as adaptive hypermedia and social navigation). This page presents a brief overview of the types of systems we explore and follows with a quick overview of the systems and frameworks developed at [[Main Page|PAWS]] lab.
This page presents the main types of topics and technologies explored by PAWS Lab. Like other Wiki pages, it is permanently in construction.

= System Types =

== Personalized Learning Systems ==

Personalized learning technologies provide an alternative to the dominant “one-size-fits-all” approach to treating diverse student audiences. While having a relatively long history, this research direction moved to the forefront only recently when modern information technologies opened new learning opportunities for a wide range of students. Nowadays, personalized learning is considered to be a top priority research direction by many experts. For example, [http://www.engineeringchallenges.org/cms/8996/9127.aspx advanced personalized learning] was named among [http://www.engineeringchallenges.org/ 14 Grand Challenges for Engineering] along with preventing nuclear terror and making solar energy economical. It has also been listed among the highest funding priorities in [http://cacm.acm.org/magazines/2010/2/69358-assessing-the-changing-us-it-rd-ecosystem/fulltext Communications of the ACM].

Personalized learning technologies enable e-learning systems to maintain a model of the goals, preferences and knowledge of each student and apply this model to adapt the system performance to the student making the learning process more efficient and enjoyable. In so doing, various kinds of personalized e-learning systems demonstrated their ability to help students acquire knowledge faster, improve learning outcomes, reduce navigational overhead, and increase student engagement. Our team is interested a range of personalized learning technologies, focusing on modeling learner knowledge of the subject. Individual models of learner knowledge that our systems maintain are used to guide learners to the most appropriate learning content using course sequencing and adaptive navigation support technologies. Some systems also use the models to deliver adaptive visualization. Below is the list of personalized learning systems developed by our group. Most of these systems are open for anyone to use and explore online.

More at [[Personalized Learning Systems]]

Systems:
* [[QuizGuide]]
* [[NavEx]]
* [[Database Exploratorium]]
* [[KnowledgeZoom]]
* [[MasteryGrids]]
* [[JavaGuide]]
* [[Progressor]]
* [[ProgressorPlus]]

== Adaptive Information Retrieval Systems ==
Systems:

* [[TaskSieve]]
* [[YourNews]]

== Recommender Systems ==

* [[Proactive]]
* [[CourseAgent]]
* [[Cross-Domain Recommender Systems]]
* [[Social Recommender Systems]]

== Social Information Access Systems ==
Systems:
* [[ImageSieve]]
* [[NameSieve]]

== Personalized Social Systems for Local Communities ==
Systems:
* [[Conference Navigator 3]]
* [[Eventur]]
* [[CoMeT]]

= Currently Active Systems =

== ADAPT2 Infrastructure==

{|
| valign="top" | [[Image:adapt2-arcitecture.gif|thumb|left|'''100'''|ADAPT2 Architecture]]
| valign="top" | ADAPT2 (read adapt-square) - Advanced Distributed Architecture for Personalized Teaching and Training - is a framework targeted at providing personalization and adaptation services for developers of content that lacks personalization. [[ADAPT2|more]])
|}

== CUMULATE ==
[[CUMULATE]] is a centralized user modeling server built for the [[ADAPT2|ADAPT2]] architecture. It is mainly targeted at providing user modeling support for adaptive educational hypermedia (AEH) systems. [[CUMULATE]] maintains a set of overlay models of students' knowledge. It uses several techniques for computing student models, including thresholded averaging, asymptotic user knowledge assessment, time-spent-reading.
([[CUMULATE|more]])

== Mastery Grids ==

{|
|valign="top" | [[Image:Mg_1.png|thumb|left|'''100'''|Mastery Grids Interface]]
|valign="top" | Mastery Grids is our latest implementation of Open Social Learner Modeling (OSLM). It is both an innovative Open Social Learner Model Interface and an adaptive E-learning platform with integrated functionalities enabling multi-facet social comparison, open learner modeling, and adaptive navigation support to access multiple kinds of smart learning content. Mastery Grids is supported by adaptive social learning framework [[Aggregate]]. This framework supports several kinds of open student modeling, social comparison, and recommendation. In detail, Mastery Grids presents and compares user learning progress and knowledge level using colored grids, tracks user activities with learning content, and provides flexible user-centered navigation across different content levels (e.g. topic, question) and different content types (e.g. problem, example). Our past research shows that open student modeling and social comparison effectively increases students’ performance, motivation, engagement and retention.

* [[Mastery Grids Interface|More about Mastery Grids]]
* [http://adapt2.sis.pitt.edu/um-vis-adl/index.html?usr=adl01&grp=ADL&sid=test&cid=13&data-top-n-grp=5&def-val-rep-lvl-id=p&def-val-res-id=AVG&ui-tbar-rep-lvl-vis=0&ui-tbar-topic-size-vis=0 An interactive demo of Mastery Grids interface]
|}

== Program Construction Examples (PCEX)==
{|
| valign="top" | [[Image:Pcex_ex.PNG|thumb|left|'''100'''|Program Construction Examples]]
| valign="top" | PCEX is an interactive learning tool which demonstrates program construction examples to help students to develop program construction skills. It supports exploring the program construction examples freely and provide challenges to the students to help them self-assess their learning of program construction knowledge. It is now a component of [[ADAPT2]] Infrastructure.

* [[PCEX|More about PCEX]]

|}

== WEAT ==
{|
| valign="top" | [[Image:weat.png|thumb|left|'''100'''|Worked Example Authoring Tool]]
| valign="top" | Worked Example Authoring Tool (WEAT) is an authoring tool for PCEX. The integrated ChatGPT support can be used to generate code explanations required for creating a program construction example. Created examples can be shared publicly with others, embed through iframes, or in an LMS like Canvas.

* [[WEAT|More about WEAT]]
* [[WEAT_Tutorial|WEAT's User Manual]]
* [https://youtu.be/IOfA0Ql3Zq0 WEAT Video Tutorial]

|}

== Grapevine ==
{|
|valign="top" | [[Image:Grapevine.png|thumb|left|'''100'''|Grapevine]]
|valign="top" | Grapevine is an interactive recommender system that assists students in finding advisors for their projects - from undergraduate capstone projects to PhD thesis work. It has been developed as a part of Personalized Education project sponsored by the University of Pittsburgh ([[Grapevine|more]])
|}

== QuizJET ==
{|
|valign="top" | [[Image:Quizjet.gif|thumb|left|'''100'''|QuizJET]]
|valign="top" | QuizJET is a system serves quizzes as a self-assessment Java Evaluation Tool. It's mainly used to assess students' knowledge in Java Programming Language. QuizJET randomly generates a question parameter, creates a presentation of the parameterized question in a Web-based quiz, compares student's input to the correct answer which QuizJET runs the parameterized code "behind the stage", and records the results into a server-side database. It is now a component of [[ADAPT2]] Infrastructure. ([[QuizJET|more]])
|}

== ReadingCircle ==
{|
| valign="top" | [[Image:Readingcircle1.png|left|thumb|200px|ReadingCircle interface.]]
| valign="top" | ReadingCircle is a system that explores approaches to encourage student reading using a social progress visualization interface. Click on the link to [[ReadingCircle]] to see more details.
|}

== [[HELPeR]] ==

{|
|valign="top" | [[Image:Helper.png|thumb|left|'''100'''|[[HELPeR]]]]
|valign="top" | Health e-Librarian with Personalized Recommender (HELPeR) is an interactive personalized search and recommender system designed to provide access to health information for cancer patients and their caregivers ([[HELPeR|-->more]])
|}

== [[WebEx]] ==
{|
| valign="top" | [[Image:AnnotatedExamples.jpg|left|thumb|200px|Screenshot of the WebEx interface.]]
| valign="top" | [[WebEx]] is a system that serves annotated code examples known also as dissections. Each dissection is a sequence of lines that have annotations associated with them. Dissections are grouped into collections - scopes. The natural domain of WebEx is programming. However, other applications are also possible, e.g. poetry. It is now a component of [[ADAPT2]] Infrastructure. It is one of the oldest PAWS systems, but WebEx is used in to provide access to examples in several domains. It is mostly superseded by [[PCX]] system which has more features.
|}

([[WebEx|more]])

= Earlier Systems =
== AdVisE (Adaptive Document Visualization for Education) ==
==== ADVISE 2D ====
Two dimensional document visualization based on inter-document similarities. The locations of the documents on the 2D space are determined by their similarities to another documents and users can visually see the relationships of the documents based on their contents.
==== ADVISE 3D ====
Three dimensional visualization of documents based on similarities. By adding one more dimension to 2D visualization, users are able to explore the document space more easily and access each document.

==== ADVISE VIBE ====

Relevance-based visualization of educational documents based on re-implementation of VIBE, a document visualization method based on similarities between documents and POIs (Points Of Interests) developed by Molde College and School of Information Sciences, University of Pittsburgh.

([http://ir.exp.sis.pitt.edu/advise more on ADVISE])

==Adaptive VIBE==

{|
| valign="top" | [[Image:AdaptiveVibe_part.png|thumb|left|'''100'''|Adaptive VIBE]]
| valign="top" | Two dimensional visualization based on POIs(Point Of Interest, or concepts) and document similarities. The position of the documents are calculated by their relationships with each POI.

* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System Link] (Adaptive VIBE integrated into TaskSieve)
* [[Adaptive_VIBE | more on Adaptive VIBE]]
|}

== AnnotatEd ==
{|
| valign="top" | [[Image:ated.gif|thumb|left|'''100'''|AnnotatEd]]
| valign="top" | AnnotatEd is a system that enables learners to annotate online pages while keeping track of all activities of learners. AnnotatEd uses the learners' activity information to offer ''social navigation support'' for hyperlinks inside the AnnotatEd system. ([[AnnotatEd|more]])
|}

== AnnotEx ==
{|
| valign="top" | [[Image:AnnotEx.gif|thumb|left|'''100'''|AnnotEx]]
| valign="top" | AnnotEx - Example Annotator- is a web-based community based authoring tool for annotating programming examples.([[AnnotEx|more]])
|}

== CoMeT ==

{|
| valign="top" | [[Image:comet.gif|thumb|left|'''100'''|Comet]]
| valign="top" | COMET is a social system for sharing informaion about research talks. It allows to collaboratively collect, publish, and tag interesting research talks in Pittsburgh. COMET allows its users to schedule the talks they want to attend. It also automatically reminds about bookmarked talks and recommends other talks that fits isers' interests. ([http://halley.exp.sis.pitt.edu/comet/ visit COMET])
|}
== Conference Navigator 3==
{|
| valign="top" | [[Image:Cn3.jpg|thumb|left|'''100'''|CN3]]
| valign="top" | Conference Navigator 3 (CN3) is a personal conference scheduling tool with social linking and recommendation features. Users can control access to their information in the CN3 system and link their account with third party academic and non-academic social networks such as linkedIn, Facebook, citeulike, or Mendeley. Our main goal is to enhance attendees' experience at the conferences, and also investigate the mechanisms that drives attendees to engage in their research community. ([http://halley.exp.sis.pitt.edu/cn3/ visit Conference Navigator 3])
|}

== CoPE (Collaborative Paper Exchange) ==
{|
| valign="top" | [[Image:CoPE.1.overall.gif|thumb|left|'''100'''|CoPE]]
| valign="top" | CoPE - Collaborative Paper Exchange - is a system that provides community-based access to paper summaries via web. CoPE is currently an in-class tool for both teachers and students. ([[CoPE|more]])
|}

== CourseAgent ==
coming soon
([[CourseAgent|more]])

== Eventur ==
{|
| valign="top" | [[Image:Pittcult.gif|thumb|left|'''100'''|PittCult]]
| valign="top" | This project is to recommend interesting information using the combined technology of collaborative filtering and trust-based human network. This system is to overcome the emerging problems regarding collaborative filtering recommendations and to investigate how the information propagation is affected by trust among people. ([[Eventur|more]])
|}

== JavaGuide ==

{|
| valign="top" | [[Image:JavaGuide.png|thumb|left|'''100'''|JavaGuide]]
| valign="top" | JavaGuide is a personalized front-end for QuizJET developed by PAWS Lab (Hsiao, 2010). Java Guide collects student performance data sent by QuizJET to the activity storage, determines student current level of knowledge for multiple topics and concepts of Java programming language, and use it to provide adaptive guidance to the questions that are most appropriate for a specific student given the course goals and current state of knowledge.. ([[JavaGuide|more]])
|}

== Knowledge Sea II ==
{|
| valign="top" | [[Image:ks2.gif|thumb|left|'''100'''|Knowledge Sea II]]
| valign="top" | Knowledge Sea II is an extension of Knowledge Sea project that is designed to help users navigate from lectures to relevant online tutorials in a map-based horizontal navigation format. The most important feature of Knowledge Sea is facilitating the navigation through providing traffic and annotation based social navigation support. ([[Knowledge Sea II|more]])
|}

== Knowledge Tree ==
{|
| valign="top" | [[Image:KnowledgeTreeLogo.gif|thumb|left|'''100'''|Knowledge Tree]]
| valign="top" | Knowledge Tree is a link aggregating portal. It presents content structured according to the folder-document paradigm. Knowledge Tree provides authentication and authorization and implements a simplified form of access control. It supports collaborative authoring and social annotation. ([[Knowledge Tree|more]])
|}
== KnowledgeZoom ==
{|
| valign="top" | [[Image:KnowledgeZoom.png|thumb|left|'''100'''|KnowledgeZoom]]
| valign="top" | [[KnowledgeZoom]] is an exam preparation system with zoomable open student model showing student level of knowledge for hierarchy of Java programming concepts. KnowledgeZoom allows students to find gaps in their knowledge and access learning content that helps to bridge these gaps.

* [[KnowledgeZoom|More about KnowledgeZoom]]
|}

== MEMA ==
{|
|valign="top" | [[Image:MEMA.jpg|thumb|left|'''100'''|MEMA]]
|valign="top" | MEMA (Museum Exhibition MAnagement) ([[MEMA|more]])
* [http://halley.exp.sis.pitt.edu/mema/web/ Web System link]
* [http://halley.exp.sis.pitt.edu/mema Mobile System link]
|}

== NameSieve ==

{|
|valign="top" | [[Image:NameSieve-NEpanel.png|thumb|left|'''100'''|NameSieve Named-entity Navigator]]
|valign="top" | A name-entity based news exploration and filtering system. Important named-entities extracted from the search results are provided in the "cloud" form and helps further exploration. ([[NameSieve|more]])

* [http://amber.exp.sis.pitt.edu/namesieve System Link 1]
* [http://ir.exp.sis.pitt.edu/~jahn/cma/index.php System Link 2] (Carnegie Museum of Art version)
|}

== NavEx - Navigation to Examples ==
{|
| valign="top" | [[Image:NavEx.gif|thumb|left|'''100'''|NavEx]]
| valign="top" | NavEx provides adaptive guidance for accessing online interactive examples. Adaptation allows students to visualize both whether they are ready to explore certain examples and what is their progress with them. NavEx-SN (SN for social navigation) also allows students to relate their progress with the progress of the group. ([[NavEx|more]])
|}

== PERSEUS ==
{|
| valign="top" | [[Image:Perseus.gif|thumb|left|100px|PERSEUS]]
| valign="top" | [[PERSEUS]] is a Personalization Service Engine. It provides adaptive support for non-personalized (educational) hypermedia systems by abstracting content presentation/aggregation from user modeling. [[PERSEUS]] protocols are based on [http://en.wikipedia.org/wiki/Rdf RDF] and [http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0 RSS 1.0]. Although, [[PERSEUS]] was initially developed for [[ADAPT2|ADAPT2]] framework, its data model permits seamless support of any other hypermedia application. Currently [[PERSEUS]] provides social navigation, topic-based navigation, concept-based navigation, and adaptive filtering techniques. ([[PERSEUS|more]])
|}

== Proactive ==
{|
| valign="top" | [[Image:Proactive.gif|thumb|left|'''100'''|Proactive]]
| valign="top" | The Proactive is content-based job search and recommender system which is based on several knowledge engineering technology and personalized techniques. The system is adapts to each user by collecting various user's usage patterns. It integrates several approaches to provide access to job information ([[Proactive|more]])
|}

== Progressor ==
{|
| valign="top" | [[Image:Progressor.png|thumb|left|'''100'''|Progressor]]
| valign="top" | The Progressor is a system of personalized visual access to programming problems, which is based on open social user modeling technology and personalized techniques. ([[Progressor|more]])
|}

== Progressor+ ==
{|
| valign="top" | [[Image:progressorplus1.png|thumb|left|'''100'''|ProgressorPlus]]
| valign="top" | Progressor+ extends the benefits from Progressor and addresses the problems in personalized and social learning of how to help students to find the most appropriate educational resources and engage them into using these resources. Progressor+ adopts the same idea of open student modeling visualization and uses generic table representation for accessing and visualizing assorted educational content ([[ProgressorPlus|more]])
|}

== QuizGuide ==
{|
| valign="top" | [[Image:Quizguide.gif|thumb|left|'''100'''|QuizGuide]]
| valign="top" | QuizGuide, is an adaptive system that helps students in selecting most relevant quizzes for self-assessment of C knowledge. Quizzes are assigned to topics and adaptively annotated, to show which topics are currently important and which require further work. ([[QuizGuide|more]])
|}

== SetFusion ==
coming soon
([[SetFusion|more]])

== TalkExplorer ==
coming soon
([[TalkExplorer|more]])

== TaskSieve ==

{|
|valign="top" | [[Image:TaskSieve-surrogates.png|thumb|left|'''100'''|TaskSieve -- mediates query and user model]]
|valign="top" | An experimental personalized news search system based on task models and the interface to mediate between the query and the task model. Users can select three options (1) query only, (2) task model only, and (3) both. ([[TaskSieve|more]])
* [http://amber.exp.sis.pitt.edu/tasksieve System link 1]
* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System link 2] (newer version integrated with Adaptive VIBE)
|}

== WADEIn (cWADEIn/jWADEIn) ==
coming soon
([[WADEIn|more]])

== YourNews ==

{|
|valign="top" | [[Image:YourNews-openUM.png|thumb|left|'''100'''|YourNews Open User Model UI]]
|valign="top" | YourNews is a news recommendation system based on the RSS feeds collected from various news sources. News articles are crawled every two hours, indexed, and then provided to users according to their specific needs. Users also can view and control their user profile with '''Open User Profile''' ([[YourNews|more]])

* [http://amber.exp.sis.pitt.edu/yournews System Link]
|}

WEAT

2024-04-04T14:31:07Z

Mhassany:

Systems

2024-04-04T14:20:21Z

Mhassany: /* WEAT */

Our group explores several kinds of information systems focused mostly on personalized systems (such as adaptive learning and recommender systems) and various kinds of systems that support human navigation in information space (such as adaptive hypermedia and social navigation). This page presents a brief overview of the types of systems we explore and follows with a quick overview of the systems and frameworks developed at [[Main Page|PAWS]] lab.
This page presents the main types of topics and technologies explored by PAWS Lab. Like other Wiki pages, it is permanently in construction.

= System Types =

== Personalized Learning Systems ==

Personalized learning technologies provide an alternative to the dominant “one-size-fits-all” approach to treating diverse student audiences. While having a relatively long history, this research direction moved to the forefront only recently when modern information technologies opened new learning opportunities for a wide range of students. Nowadays, personalized learning is considered to be a top priority research direction by many experts. For example, [http://www.engineeringchallenges.org/cms/8996/9127.aspx advanced personalized learning] was named among [http://www.engineeringchallenges.org/ 14 Grand Challenges for Engineering] along with preventing nuclear terror and making solar energy economical. It has also been listed among the highest funding priorities in [http://cacm.acm.org/magazines/2010/2/69358-assessing-the-changing-us-it-rd-ecosystem/fulltext Communications of the ACM].

Personalized learning technologies enable e-learning systems to maintain a model of the goals, preferences and knowledge of each student and apply this model to adapt the system performance to the student making the learning process more efficient and enjoyable. In so doing, various kinds of personalized e-learning systems demonstrated their ability to help students acquire knowledge faster, improve learning outcomes, reduce navigational overhead, and increase student engagement. Our team is interested a range of personalized learning technologies, focusing on modeling learner knowledge of the subject. Individual models of learner knowledge that our systems maintain are used to guide learners to the most appropriate learning content using course sequencing and adaptive navigation support technologies. Some systems also use the models to deliver adaptive visualization. Below is the list of personalized learning systems developed by our group. Most of these systems are open for anyone to use and explore online.

More at [[Personalized Learning Systems]]

Systems:
* [[QuizGuide]]
* [[NavEx]]
* [[Database Exploratorium]]
* [[KnowledgeZoom]]
* [[MasteryGrids]]
* [[JavaGuide]]
* [[Progressor]]
* [[ProgressorPlus]]

== Adaptive Information Retrieval Systems ==
Systems:

* [[TaskSieve]]
* [[YourNews]]

== Recommender Systems ==

* [[Proactive]]
* [[CourseAgent]]
* [[Cross-Domain Recommender Systems]]
* [[Social Recommender Systems]]

== Social Information Access Systems ==
Systems:
* [[ImageSieve]]
* [[NameSieve]]

== Personalized Social Systems for Local Communities ==
Systems:
* [[Conference Navigator 3]]
* [[Eventur]]
* [[CoMeT]]

= Currently Active Systems =

== ADAPT2 Infrastructure==

{|
| valign="top" | [[Image:adapt2-arcitecture.gif|thumb|left|'''100'''|ADAPT2 Architecture]]
| valign="top" | ADAPT2 (read adapt-square) - Advanced Distributed Architecture for Personalized Teaching and Training - is a framework targeted at providing personalization and adaptation services for developers of content that lacks personalization. [[ADAPT2|more]])
|}

== CUMULATE ==
[[CUMULATE]] is a centralized user modeling server built for the [[ADAPT2|ADAPT2]] architecture. It is mainly targeted at providing user modeling support for adaptive educational hypermedia (AEH) systems. [[CUMULATE]] maintains a set of overlay models of students' knowledge. It uses several techniques for computing student models, including thresholded averaging, asymptotic user knowledge assessment, time-spent-reading.
([[CUMULATE|more]])

== Mastery Grids ==

{|
|valign="top" | [[Image:Mg_1.png|thumb|left|'''100'''|Mastery Grids Interface]]
|valign="top" | Mastery Grids is our latest implementation of Open Social Learner Modeling (OSLM). It is both an innovative Open Social Learner Model Interface and an adaptive E-learning platform with integrated functionalities enabling multi-facet social comparison, open learner modeling, and adaptive navigation support to access multiple kinds of smart learning content. Mastery Grids is supported by adaptive social learning framework [[Aggregate]]. This framework supports several kinds of open student modeling, social comparison, and recommendation. In detail, Mastery Grids presents and compares user learning progress and knowledge level using colored grids, tracks user activities with learning content, and provides flexible user-centered navigation across different content levels (e.g. topic, question) and different content types (e.g. problem, example). Our past research shows that open student modeling and social comparison effectively increases students’ performance, motivation, engagement and retention.

* [[Mastery Grids Interface|More about Mastery Grids]]
* [http://adapt2.sis.pitt.edu/um-vis-adl/index.html?usr=adl01&grp=ADL&sid=test&cid=13&data-top-n-grp=5&def-val-rep-lvl-id=p&def-val-res-id=AVG&ui-tbar-rep-lvl-vis=0&ui-tbar-topic-size-vis=0 An interactive demo of Mastery Grids interface]
|}

== Program Construction Examples (PCEX)==
{|
| valign="top" | [[Image:Pcex_ex.PNG|thumb|left|'''100'''|Program Construction Examples]]
| valign="top" | PCEX is an interactive learning tool which demonstrates program construction examples to help students to develop program construction skills. It supports exploring the program construction examples freely and provide challenges to the students to help them self-assess their learning of program construction knowledge. It is now a component of [[ADAPT2]] Infrastructure.

* [[PCEX|More about PCEX]]

|}

== WEAT ==
{|
| valign="top" | [[Image:weat.png|thumb|left|'''100'''|Worked Example Authoring Tool]]
| valign="top" | Worked Example Authoring Tool (WEAT) is an authoring tool for PCEX. The integrated ChatGPT support can be used to generate code explanations required for creating a program construction example. Created examples can be shared publicly with others, embed through iframes, or in an LMS like Canvas.

* [[WEAT|More about WEAT]]

|}

== Grapevine ==
{|
|valign="top" | [[Image:Grapevine.png|thumb|left|'''100'''|Grapevine]]
|valign="top" | Grapevine is an interactive recommender system that assists students in finding advisors for their projects - from undergraduate capstone projects to PhD thesis work. It has been developed as a part of Personalized Education project sponsored by the University of Pittsburgh ([[Grapevine|more]])
|}

== QuizJET ==
{|
|valign="top" | [[Image:Quizjet.gif|thumb|left|'''100'''|QuizJET]]
|valign="top" | QuizJET is a system serves quizzes as a self-assessment Java Evaluation Tool. It's mainly used to assess students' knowledge in Java Programming Language. QuizJET randomly generates a question parameter, creates a presentation of the parameterized question in a Web-based quiz, compares student's input to the correct answer which QuizJET runs the parameterized code "behind the stage", and records the results into a server-side database. It is now a component of [[ADAPT2]] Infrastructure. ([[QuizJET|more]])
|}

== ReadingCircle ==
{|
| valign="top" | [[Image:Readingcircle1.png|left|thumb|200px|ReadingCircle interface.]]
| valign="top" | ReadingCircle is a system that explores approaches to encourage student reading using a social progress visualization interface. Click on the link to [[ReadingCircle]] to see more details.
|}

== [[HELPeR]] ==

{|
|valign="top" | [[Image:Helper.png|thumb|left|'''100'''|[[HELPeR]]]]
|valign="top" | Health e-Librarian with Personalized Recommender (HELPeR) is an interactive personalized search and recommender system designed to provide access to health information for cancer patients and their caregivers ([[HELPeR|-->more]])
|}

== [[WebEx]] ==
{|
| valign="top" | [[Image:AnnotatedExamples.jpg|left|thumb|200px|Screenshot of the WebEx interface.]]
| valign="top" | [[WebEx]] is a system that serves annotated code examples known also as dissections. Each dissection is a sequence of lines that have annotations associated with them. Dissections are grouped into collections - scopes. The natural domain of WebEx is programming. However, other applications are also possible, e.g. poetry. It is now a component of [[ADAPT2]] Infrastructure. It is one of the oldest PAWS systems, but WebEx is used in to provide access to examples in several domains. It is mostly superseded by [[PCX]] system which has more features.
|}

([[WebEx|more]])

= Earlier Systems =
== AdVisE (Adaptive Document Visualization for Education) ==
==== ADVISE 2D ====
Two dimensional document visualization based on inter-document similarities. The locations of the documents on the 2D space are determined by their similarities to another documents and users can visually see the relationships of the documents based on their contents.
==== ADVISE 3D ====
Three dimensional visualization of documents based on similarities. By adding one more dimension to 2D visualization, users are able to explore the document space more easily and access each document.

==== ADVISE VIBE ====

Relevance-based visualization of educational documents based on re-implementation of VIBE, a document visualization method based on similarities between documents and POIs (Points Of Interests) developed by Molde College and School of Information Sciences, University of Pittsburgh.

([http://ir.exp.sis.pitt.edu/advise more on ADVISE])

==Adaptive VIBE==

{|
| valign="top" | [[Image:AdaptiveVibe_part.png|thumb|left|'''100'''|Adaptive VIBE]]
| valign="top" | Two dimensional visualization based on POIs(Point Of Interest, or concepts) and document similarities. The position of the documents are calculated by their relationships with each POI.

* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System Link] (Adaptive VIBE integrated into TaskSieve)
* [[Adaptive_VIBE | more on Adaptive VIBE]]
|}

== AnnotatEd ==
{|
| valign="top" | [[Image:ated.gif|thumb|left|'''100'''|AnnotatEd]]
| valign="top" | AnnotatEd is a system that enables learners to annotate online pages while keeping track of all activities of learners. AnnotatEd uses the learners' activity information to offer ''social navigation support'' for hyperlinks inside the AnnotatEd system. ([[AnnotatEd|more]])
|}

== AnnotEx ==
{|
| valign="top" | [[Image:AnnotEx.gif|thumb|left|'''100'''|AnnotEx]]
| valign="top" | AnnotEx - Example Annotator- is a web-based community based authoring tool for annotating programming examples.([[AnnotEx|more]])
|}

== CoMeT ==

{|
| valign="top" | [[Image:comet.gif|thumb|left|'''100'''|Comet]]
| valign="top" | COMET is a social system for sharing informaion about research talks. It allows to collaboratively collect, publish, and tag interesting research talks in Pittsburgh. COMET allows its users to schedule the talks they want to attend. It also automatically reminds about bookmarked talks and recommends other talks that fits isers' interests. ([http://halley.exp.sis.pitt.edu/comet/ visit COMET])
|}
== Conference Navigator 3==
{|
| valign="top" | [[Image:Cn3.jpg|thumb|left|'''100'''|CN3]]
| valign="top" | Conference Navigator 3 (CN3) is a personal conference scheduling tool with social linking and recommendation features. Users can control access to their information in the CN3 system and link their account with third party academic and non-academic social networks such as linkedIn, Facebook, citeulike, or Mendeley. Our main goal is to enhance attendees' experience at the conferences, and also investigate the mechanisms that drives attendees to engage in their research community. ([http://halley.exp.sis.pitt.edu/cn3/ visit Conference Navigator 3])
|}

== CoPE (Collaborative Paper Exchange) ==
{|
| valign="top" | [[Image:CoPE.1.overall.gif|thumb|left|'''100'''|CoPE]]
| valign="top" | CoPE - Collaborative Paper Exchange - is a system that provides community-based access to paper summaries via web. CoPE is currently an in-class tool for both teachers and students. ([[CoPE|more]])
|}

== CourseAgent ==
coming soon
([[CourseAgent|more]])

== Eventur ==
{|
| valign="top" | [[Image:Pittcult.gif|thumb|left|'''100'''|PittCult]]
| valign="top" | This project is to recommend interesting information using the combined technology of collaborative filtering and trust-based human network. This system is to overcome the emerging problems regarding collaborative filtering recommendations and to investigate how the information propagation is affected by trust among people. ([[Eventur|more]])
|}

== JavaGuide ==

{|
| valign="top" | [[Image:JavaGuide.png|thumb|left|'''100'''|JavaGuide]]
| valign="top" | JavaGuide is a personalized front-end for QuizJET developed by PAWS Lab (Hsiao, 2010). Java Guide collects student performance data sent by QuizJET to the activity storage, determines student current level of knowledge for multiple topics and concepts of Java programming language, and use it to provide adaptive guidance to the questions that are most appropriate for a specific student given the course goals and current state of knowledge.. ([[JavaGuide|more]])
|}

== Knowledge Sea II ==
{|
| valign="top" | [[Image:ks2.gif|thumb|left|'''100'''|Knowledge Sea II]]
| valign="top" | Knowledge Sea II is an extension of Knowledge Sea project that is designed to help users navigate from lectures to relevant online tutorials in a map-based horizontal navigation format. The most important feature of Knowledge Sea is facilitating the navigation through providing traffic and annotation based social navigation support. ([[Knowledge Sea II|more]])
|}

== Knowledge Tree ==
{|
| valign="top" | [[Image:KnowledgeTreeLogo.gif|thumb|left|'''100'''|Knowledge Tree]]
| valign="top" | Knowledge Tree is a link aggregating portal. It presents content structured according to the folder-document paradigm. Knowledge Tree provides authentication and authorization and implements a simplified form of access control. It supports collaborative authoring and social annotation. ([[Knowledge Tree|more]])
|}
== KnowledgeZoom ==
{|
| valign="top" | [[Image:KnowledgeZoom.png|thumb|left|'''100'''|KnowledgeZoom]]
| valign="top" | [[KnowledgeZoom]] is an exam preparation system with zoomable open student model showing student level of knowledge for hierarchy of Java programming concepts. KnowledgeZoom allows students to find gaps in their knowledge and access learning content that helps to bridge these gaps.

* [[KnowledgeZoom|More about KnowledgeZoom]]
|}

== MEMA ==
{|
|valign="top" | [[Image:MEMA.jpg|thumb|left|'''100'''|MEMA]]
|valign="top" | MEMA (Museum Exhibition MAnagement) ([[MEMA|more]])
* [http://halley.exp.sis.pitt.edu/mema/web/ Web System link]
* [http://halley.exp.sis.pitt.edu/mema Mobile System link]
|}

== NameSieve ==

{|
|valign="top" | [[Image:NameSieve-NEpanel.png|thumb|left|'''100'''|NameSieve Named-entity Navigator]]
|valign="top" | A name-entity based news exploration and filtering system. Important named-entities extracted from the search results are provided in the "cloud" form and helps further exploration. ([[NameSieve|more]])

* [http://amber.exp.sis.pitt.edu/namesieve System Link 1]
* [http://ir.exp.sis.pitt.edu/~jahn/cma/index.php System Link 2] (Carnegie Museum of Art version)
|}

== NavEx - Navigation to Examples ==
{|
| valign="top" | [[Image:NavEx.gif|thumb|left|'''100'''|NavEx]]
| valign="top" | NavEx provides adaptive guidance for accessing online interactive examples. Adaptation allows students to visualize both whether they are ready to explore certain examples and what is their progress with them. NavEx-SN (SN for social navigation) also allows students to relate their progress with the progress of the group. ([[NavEx|more]])
|}

== PERSEUS ==
{|
| valign="top" | [[Image:Perseus.gif|thumb|left|100px|PERSEUS]]
| valign="top" | [[PERSEUS]] is a Personalization Service Engine. It provides adaptive support for non-personalized (educational) hypermedia systems by abstracting content presentation/aggregation from user modeling. [[PERSEUS]] protocols are based on [http://en.wikipedia.org/wiki/Rdf RDF] and [http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0 RSS 1.0]. Although, [[PERSEUS]] was initially developed for [[ADAPT2|ADAPT2]] framework, its data model permits seamless support of any other hypermedia application. Currently [[PERSEUS]] provides social navigation, topic-based navigation, concept-based navigation, and adaptive filtering techniques. ([[PERSEUS|more]])
|}

== Proactive ==
{|
| valign="top" | [[Image:Proactive.gif|thumb|left|'''100'''|Proactive]]
| valign="top" | The Proactive is content-based job search and recommender system which is based on several knowledge engineering technology and personalized techniques. The system is adapts to each user by collecting various user's usage patterns. It integrates several approaches to provide access to job information ([[Proactive|more]])
|}

== Progressor ==
{|
| valign="top" | [[Image:Progressor.png|thumb|left|'''100'''|Progressor]]
| valign="top" | The Progressor is a system of personalized visual access to programming problems, which is based on open social user modeling technology and personalized techniques. ([[Progressor|more]])
|}

== Progressor+ ==
{|
| valign="top" | [[Image:progressorplus1.png|thumb|left|'''100'''|ProgressorPlus]]
| valign="top" | Progressor+ extends the benefits from Progressor and addresses the problems in personalized and social learning of how to help students to find the most appropriate educational resources and engage them into using these resources. Progressor+ adopts the same idea of open student modeling visualization and uses generic table representation for accessing and visualizing assorted educational content ([[ProgressorPlus|more]])
|}

== QuizGuide ==
{|
| valign="top" | [[Image:Quizguide.gif|thumb|left|'''100'''|QuizGuide]]
| valign="top" | QuizGuide, is an adaptive system that helps students in selecting most relevant quizzes for self-assessment of C knowledge. Quizzes are assigned to topics and adaptively annotated, to show which topics are currently important and which require further work. ([[QuizGuide|more]])
|}

== SetFusion ==
coming soon
([[SetFusion|more]])

== TalkExplorer ==
coming soon
([[TalkExplorer|more]])

== TaskSieve ==

{|
|valign="top" | [[Image:TaskSieve-surrogates.png|thumb|left|'''100'''|TaskSieve -- mediates query and user model]]
|valign="top" | An experimental personalized news search system based on task models and the interface to mediate between the query and the task model. Users can select three options (1) query only, (2) task model only, and (3) both. ([[TaskSieve|more]])
* [http://amber.exp.sis.pitt.edu/tasksieve System link 1]
* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System link 2] (newer version integrated with Adaptive VIBE)
|}

== WADEIn (cWADEIn/jWADEIn) ==
coming soon
([[WADEIn|more]])

== YourNews ==

{|
|valign="top" | [[Image:YourNews-openUM.png|thumb|left|'''100'''|YourNews Open User Model UI]]
|valign="top" | YourNews is a news recommendation system based on the RSS feeds collected from various news sources. News articles are crawled every two hours, indexed, and then provided to users according to their specific needs. Users also can view and control their user profile with '''Open User Profile''' ([[YourNews|more]])

* [http://amber.exp.sis.pitt.edu/yournews System Link]
|}

WEAT Tutorial

2024-04-04T14:20:07Z

Mhassany: Created page with "The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI coll..."

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li>'''Sources''', a source is a [[PCEX]] example or challenge; which has a title, problem description, and line-by-line annotated source code.</li>
<li>'''Activities''', an activity is a bundle of multiple sources either as an example or challenge.</li>
<li>'''Hub''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</li>
</ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool] ([https://youtu.be/IOfA0Ql3Zq0 Video Tutorial]), you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|768px]]

Fig 1) PCEX Authoring Tool: Hub Page.


= Sources =

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|768px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|768px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|768px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|768px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|768px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 7).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 7).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|768px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|768px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 7, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|768px]]

Fig 9) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|768px]]

Fig 10) Source Editor: Annotations panel more actions.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|768px]]

Fig 11) PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|768px]]

Fig 12) PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|768px]]

Fig 13) PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|768px]]

Fig 14) PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

Systems

2024-04-04T14:19:56Z

Mhassany: /* WEAT */

Our group explores several kinds of information systems focused mostly on personalized systems (such as adaptive learning and recommender systems) and various kinds of systems that support human navigation in information space (such as adaptive hypermedia and social navigation). This page presents a brief overview of the types of systems we explore and follows with a quick overview of the systems and frameworks developed at [[Main Page|PAWS]] lab.
This page presents the main types of topics and technologies explored by PAWS Lab. Like other Wiki pages, it is permanently in construction.

= System Types =

== Personalized Learning Systems ==

Personalized learning technologies provide an alternative to the dominant “one-size-fits-all” approach to treating diverse student audiences. While having a relatively long history, this research direction moved to the forefront only recently when modern information technologies opened new learning opportunities for a wide range of students. Nowadays, personalized learning is considered to be a top priority research direction by many experts. For example, [http://www.engineeringchallenges.org/cms/8996/9127.aspx advanced personalized learning] was named among [http://www.engineeringchallenges.org/ 14 Grand Challenges for Engineering] along with preventing nuclear terror and making solar energy economical. It has also been listed among the highest funding priorities in [http://cacm.acm.org/magazines/2010/2/69358-assessing-the-changing-us-it-rd-ecosystem/fulltext Communications of the ACM].

Personalized learning technologies enable e-learning systems to maintain a model of the goals, preferences and knowledge of each student and apply this model to adapt the system performance to the student making the learning process more efficient and enjoyable. In so doing, various kinds of personalized e-learning systems demonstrated their ability to help students acquire knowledge faster, improve learning outcomes, reduce navigational overhead, and increase student engagement. Our team is interested a range of personalized learning technologies, focusing on modeling learner knowledge of the subject. Individual models of learner knowledge that our systems maintain are used to guide learners to the most appropriate learning content using course sequencing and adaptive navigation support technologies. Some systems also use the models to deliver adaptive visualization. Below is the list of personalized learning systems developed by our group. Most of these systems are open for anyone to use and explore online.

More at [[Personalized Learning Systems]]

Systems:
* [[QuizGuide]]
* [[NavEx]]
* [[Database Exploratorium]]
* [[KnowledgeZoom]]
* [[MasteryGrids]]
* [[JavaGuide]]
* [[Progressor]]
* [[ProgressorPlus]]

== Adaptive Information Retrieval Systems ==
Systems:

* [[TaskSieve]]
* [[YourNews]]

== Recommender Systems ==

* [[Proactive]]
* [[CourseAgent]]
* [[Cross-Domain Recommender Systems]]
* [[Social Recommender Systems]]

== Social Information Access Systems ==
Systems:
* [[ImageSieve]]
* [[NameSieve]]

== Personalized Social Systems for Local Communities ==
Systems:
* [[Conference Navigator 3]]
* [[Eventur]]
* [[CoMeT]]

= Currently Active Systems =

== ADAPT2 Infrastructure==

{|
| valign="top" | [[Image:adapt2-arcitecture.gif|thumb|left|'''100'''|ADAPT2 Architecture]]
| valign="top" | ADAPT2 (read adapt-square) - Advanced Distributed Architecture for Personalized Teaching and Training - is a framework targeted at providing personalization and adaptation services for developers of content that lacks personalization. [[ADAPT2|more]])
|}

== CUMULATE ==
[[CUMULATE]] is a centralized user modeling server built for the [[ADAPT2|ADAPT2]] architecture. It is mainly targeted at providing user modeling support for adaptive educational hypermedia (AEH) systems. [[CUMULATE]] maintains a set of overlay models of students' knowledge. It uses several techniques for computing student models, including thresholded averaging, asymptotic user knowledge assessment, time-spent-reading.
([[CUMULATE|more]])

== Mastery Grids ==

{|
|valign="top" | [[Image:Mg_1.png|thumb|left|'''100'''|Mastery Grids Interface]]
|valign="top" | Mastery Grids is our latest implementation of Open Social Learner Modeling (OSLM). It is both an innovative Open Social Learner Model Interface and an adaptive E-learning platform with integrated functionalities enabling multi-facet social comparison, open learner modeling, and adaptive navigation support to access multiple kinds of smart learning content. Mastery Grids is supported by adaptive social learning framework [[Aggregate]]. This framework supports several kinds of open student modeling, social comparison, and recommendation. In detail, Mastery Grids presents and compares user learning progress and knowledge level using colored grids, tracks user activities with learning content, and provides flexible user-centered navigation across different content levels (e.g. topic, question) and different content types (e.g. problem, example). Our past research shows that open student modeling and social comparison effectively increases students’ performance, motivation, engagement and retention.

* [[Mastery Grids Interface|More about Mastery Grids]]
* [http://adapt2.sis.pitt.edu/um-vis-adl/index.html?usr=adl01&grp=ADL&sid=test&cid=13&data-top-n-grp=5&def-val-rep-lvl-id=p&def-val-res-id=AVG&ui-tbar-rep-lvl-vis=0&ui-tbar-topic-size-vis=0 An interactive demo of Mastery Grids interface]
|}

== Program Construction Examples (PCEX)==
{|
| valign="top" | [[Image:Pcex_ex.PNG|thumb|left|'''100'''|Program Construction Examples]]
| valign="top" | PCEX is an interactive learning tool which demonstrates program construction examples to help students to develop program construction skills. It supports exploring the program construction examples freely and provide challenges to the students to help them self-assess their learning of program construction knowledge. It is now a component of [[ADAPT2]] Infrastructure.

* [[PCEX|More about PCEX]]

|}

== WEAT ==
{|
| valign="top" | [[Image:weat.png|thumb|left|'''100'''|Worked Example Authoring Tool]]
| valign="top" | Worked Example Authoring Tool (WEAT) is an authoring tool for PCEX. The integrated ChatGPT support can be used to generate code explanations required for creating a program construction example. Created examples can be shared publicly with others, embed through iframes, or in an LMS like Canvas.

* [[WEAT_Tutorial|More about WEAT]]

|}

== Grapevine ==
{|
|valign="top" | [[Image:Grapevine.png|thumb|left|'''100'''|Grapevine]]
|valign="top" | Grapevine is an interactive recommender system that assists students in finding advisors for their projects - from undergraduate capstone projects to PhD thesis work. It has been developed as a part of Personalized Education project sponsored by the University of Pittsburgh ([[Grapevine|more]])
|}

== QuizJET ==
{|
|valign="top" | [[Image:Quizjet.gif|thumb|left|'''100'''|QuizJET]]
|valign="top" | QuizJET is a system serves quizzes as a self-assessment Java Evaluation Tool. It's mainly used to assess students' knowledge in Java Programming Language. QuizJET randomly generates a question parameter, creates a presentation of the parameterized question in a Web-based quiz, compares student's input to the correct answer which QuizJET runs the parameterized code "behind the stage", and records the results into a server-side database. It is now a component of [[ADAPT2]] Infrastructure. ([[QuizJET|more]])
|}

== ReadingCircle ==
{|
| valign="top" | [[Image:Readingcircle1.png|left|thumb|200px|ReadingCircle interface.]]
| valign="top" | ReadingCircle is a system that explores approaches to encourage student reading using a social progress visualization interface. Click on the link to [[ReadingCircle]] to see more details.
|}

== [[HELPeR]] ==

{|
|valign="top" | [[Image:Helper.png|thumb|left|'''100'''|[[HELPeR]]]]
|valign="top" | Health e-Librarian with Personalized Recommender (HELPeR) is an interactive personalized search and recommender system designed to provide access to health information for cancer patients and their caregivers ([[HELPeR|-->more]])
|}

== [[WebEx]] ==
{|
| valign="top" | [[Image:AnnotatedExamples.jpg|left|thumb|200px|Screenshot of the WebEx interface.]]
| valign="top" | [[WebEx]] is a system that serves annotated code examples known also as dissections. Each dissection is a sequence of lines that have annotations associated with them. Dissections are grouped into collections - scopes. The natural domain of WebEx is programming. However, other applications are also possible, e.g. poetry. It is now a component of [[ADAPT2]] Infrastructure. It is one of the oldest PAWS systems, but WebEx is used in to provide access to examples in several domains. It is mostly superseded by [[PCX]] system which has more features.
|}

([[WebEx|more]])

= Earlier Systems =
== AdVisE (Adaptive Document Visualization for Education) ==
==== ADVISE 2D ====
Two dimensional document visualization based on inter-document similarities. The locations of the documents on the 2D space are determined by their similarities to another documents and users can visually see the relationships of the documents based on their contents.
==== ADVISE 3D ====
Three dimensional visualization of documents based on similarities. By adding one more dimension to 2D visualization, users are able to explore the document space more easily and access each document.

==== ADVISE VIBE ====

Relevance-based visualization of educational documents based on re-implementation of VIBE, a document visualization method based on similarities between documents and POIs (Points Of Interests) developed by Molde College and School of Information Sciences, University of Pittsburgh.

([http://ir.exp.sis.pitt.edu/advise more on ADVISE])

==Adaptive VIBE==

{|
| valign="top" | [[Image:AdaptiveVibe_part.png|thumb|left|'''100'''|Adaptive VIBE]]
| valign="top" | Two dimensional visualization based on POIs(Point Of Interest, or concepts) and document similarities. The position of the documents are calculated by their relationships with each POI.

* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System Link] (Adaptive VIBE integrated into TaskSieve)
* [[Adaptive_VIBE | more on Adaptive VIBE]]
|}

== AnnotatEd ==
{|
| valign="top" | [[Image:ated.gif|thumb|left|'''100'''|AnnotatEd]]
| valign="top" | AnnotatEd is a system that enables learners to annotate online pages while keeping track of all activities of learners. AnnotatEd uses the learners' activity information to offer ''social navigation support'' for hyperlinks inside the AnnotatEd system. ([[AnnotatEd|more]])
|}

== AnnotEx ==
{|
| valign="top" | [[Image:AnnotEx.gif|thumb|left|'''100'''|AnnotEx]]
| valign="top" | AnnotEx - Example Annotator- is a web-based community based authoring tool for annotating programming examples.([[AnnotEx|more]])
|}

== CoMeT ==

{|
| valign="top" | [[Image:comet.gif|thumb|left|'''100'''|Comet]]
| valign="top" | COMET is a social system for sharing informaion about research talks. It allows to collaboratively collect, publish, and tag interesting research talks in Pittsburgh. COMET allows its users to schedule the talks they want to attend. It also automatically reminds about bookmarked talks and recommends other talks that fits isers' interests. ([http://halley.exp.sis.pitt.edu/comet/ visit COMET])
|}
== Conference Navigator 3==
{|
| valign="top" | [[Image:Cn3.jpg|thumb|left|'''100'''|CN3]]
| valign="top" | Conference Navigator 3 (CN3) is a personal conference scheduling tool with social linking and recommendation features. Users can control access to their information in the CN3 system and link their account with third party academic and non-academic social networks such as linkedIn, Facebook, citeulike, or Mendeley. Our main goal is to enhance attendees' experience at the conferences, and also investigate the mechanisms that drives attendees to engage in their research community. ([http://halley.exp.sis.pitt.edu/cn3/ visit Conference Navigator 3])
|}

== CoPE (Collaborative Paper Exchange) ==
{|
| valign="top" | [[Image:CoPE.1.overall.gif|thumb|left|'''100'''|CoPE]]
| valign="top" | CoPE - Collaborative Paper Exchange - is a system that provides community-based access to paper summaries via web. CoPE is currently an in-class tool for both teachers and students. ([[CoPE|more]])
|}

== CourseAgent ==
coming soon
([[CourseAgent|more]])

== Eventur ==
{|
| valign="top" | [[Image:Pittcult.gif|thumb|left|'''100'''|PittCult]]
| valign="top" | This project is to recommend interesting information using the combined technology of collaborative filtering and trust-based human network. This system is to overcome the emerging problems regarding collaborative filtering recommendations and to investigate how the information propagation is affected by trust among people. ([[Eventur|more]])
|}

== JavaGuide ==

{|
| valign="top" | [[Image:JavaGuide.png|thumb|left|'''100'''|JavaGuide]]
| valign="top" | JavaGuide is a personalized front-end for QuizJET developed by PAWS Lab (Hsiao, 2010). Java Guide collects student performance data sent by QuizJET to the activity storage, determines student current level of knowledge for multiple topics and concepts of Java programming language, and use it to provide adaptive guidance to the questions that are most appropriate for a specific student given the course goals and current state of knowledge.. ([[JavaGuide|more]])
|}

== Knowledge Sea II ==
{|
| valign="top" | [[Image:ks2.gif|thumb|left|'''100'''|Knowledge Sea II]]
| valign="top" | Knowledge Sea II is an extension of Knowledge Sea project that is designed to help users navigate from lectures to relevant online tutorials in a map-based horizontal navigation format. The most important feature of Knowledge Sea is facilitating the navigation through providing traffic and annotation based social navigation support. ([[Knowledge Sea II|more]])
|}

== Knowledge Tree ==
{|
| valign="top" | [[Image:KnowledgeTreeLogo.gif|thumb|left|'''100'''|Knowledge Tree]]
| valign="top" | Knowledge Tree is a link aggregating portal. It presents content structured according to the folder-document paradigm. Knowledge Tree provides authentication and authorization and implements a simplified form of access control. It supports collaborative authoring and social annotation. ([[Knowledge Tree|more]])
|}
== KnowledgeZoom ==
{|
| valign="top" | [[Image:KnowledgeZoom.png|thumb|left|'''100'''|KnowledgeZoom]]
| valign="top" | [[KnowledgeZoom]] is an exam preparation system with zoomable open student model showing student level of knowledge for hierarchy of Java programming concepts. KnowledgeZoom allows students to find gaps in their knowledge and access learning content that helps to bridge these gaps.

* [[KnowledgeZoom|More about KnowledgeZoom]]
|}

== MEMA ==
{|
|valign="top" | [[Image:MEMA.jpg|thumb|left|'''100'''|MEMA]]
|valign="top" | MEMA (Museum Exhibition MAnagement) ([[MEMA|more]])
* [http://halley.exp.sis.pitt.edu/mema/web/ Web System link]
* [http://halley.exp.sis.pitt.edu/mema Mobile System link]
|}

== NameSieve ==

{|
|valign="top" | [[Image:NameSieve-NEpanel.png|thumb|left|'''100'''|NameSieve Named-entity Navigator]]
|valign="top" | A name-entity based news exploration and filtering system. Important named-entities extracted from the search results are provided in the "cloud" form and helps further exploration. ([[NameSieve|more]])

* [http://amber.exp.sis.pitt.edu/namesieve System Link 1]
* [http://ir.exp.sis.pitt.edu/~jahn/cma/index.php System Link 2] (Carnegie Museum of Art version)
|}

== NavEx - Navigation to Examples ==
{|
| valign="top" | [[Image:NavEx.gif|thumb|left|'''100'''|NavEx]]
| valign="top" | NavEx provides adaptive guidance for accessing online interactive examples. Adaptation allows students to visualize both whether they are ready to explore certain examples and what is their progress with them. NavEx-SN (SN for social navigation) also allows students to relate their progress with the progress of the group. ([[NavEx|more]])
|}

== PERSEUS ==
{|
| valign="top" | [[Image:Perseus.gif|thumb|left|100px|PERSEUS]]
| valign="top" | [[PERSEUS]] is a Personalization Service Engine. It provides adaptive support for non-personalized (educational) hypermedia systems by abstracting content presentation/aggregation from user modeling. [[PERSEUS]] protocols are based on [http://en.wikipedia.org/wiki/Rdf RDF] and [http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0 RSS 1.0]. Although, [[PERSEUS]] was initially developed for [[ADAPT2|ADAPT2]] framework, its data model permits seamless support of any other hypermedia application. Currently [[PERSEUS]] provides social navigation, topic-based navigation, concept-based navigation, and adaptive filtering techniques. ([[PERSEUS|more]])
|}

== Proactive ==
{|
| valign="top" | [[Image:Proactive.gif|thumb|left|'''100'''|Proactive]]
| valign="top" | The Proactive is content-based job search and recommender system which is based on several knowledge engineering technology and personalized techniques. The system is adapts to each user by collecting various user's usage patterns. It integrates several approaches to provide access to job information ([[Proactive|more]])
|}

== Progressor ==
{|
| valign="top" | [[Image:Progressor.png|thumb|left|'''100'''|Progressor]]
| valign="top" | The Progressor is a system of personalized visual access to programming problems, which is based on open social user modeling technology and personalized techniques. ([[Progressor|more]])
|}

== Progressor+ ==
{|
| valign="top" | [[Image:progressorplus1.png|thumb|left|'''100'''|ProgressorPlus]]
| valign="top" | Progressor+ extends the benefits from Progressor and addresses the problems in personalized and social learning of how to help students to find the most appropriate educational resources and engage them into using these resources. Progressor+ adopts the same idea of open student modeling visualization and uses generic table representation for accessing and visualizing assorted educational content ([[ProgressorPlus|more]])
|}

== QuizGuide ==
{|
| valign="top" | [[Image:Quizguide.gif|thumb|left|'''100'''|QuizGuide]]
| valign="top" | QuizGuide, is an adaptive system that helps students in selecting most relevant quizzes for self-assessment of C knowledge. Quizzes are assigned to topics and adaptively annotated, to show which topics are currently important and which require further work. ([[QuizGuide|more]])
|}

== SetFusion ==
coming soon
([[SetFusion|more]])

== TalkExplorer ==
coming soon
([[TalkExplorer|more]])

== TaskSieve ==

{|
|valign="top" | [[Image:TaskSieve-surrogates.png|thumb|left|'''100'''|TaskSieve -- mediates query and user model]]
|valign="top" | An experimental personalized news search system based on task models and the interface to mediate between the query and the task model. Users can select three options (1) query only, (2) task model only, and (3) both. ([[TaskSieve|more]])
* [http://amber.exp.sis.pitt.edu/tasksieve System link 1]
* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System link 2] (newer version integrated with Adaptive VIBE)
|}

== WADEIn (cWADEIn/jWADEIn) ==
coming soon
([[WADEIn|more]])

== YourNews ==

{|
|valign="top" | [[Image:YourNews-openUM.png|thumb|left|'''100'''|YourNews Open User Model UI]]
|valign="top" | YourNews is a news recommendation system based on the RSS feeds collected from various news sources. News articles are crawled every two hours, indexed, and then provided to users according to their specific needs. Users also can view and control their user profile with '''Open User Profile''' ([[YourNews|more]])

* [http://amber.exp.sis.pitt.edu/yournews System Link]
|}

WEAT

2024-04-02T04:45:25Z

Mhassany: changed image sizes

WEAT

2024-04-01T22:15:39Z

Mhassany:

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li>'''Sources''', a source is a [[PCEX]] example or challenge; which has a title, problem description, and line-by-line annotated source code.</li>
<li>'''Activities''', an activity is a bundle of multiple sources either as an example or challenge.</li>
<li>'''Hub''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</li>
</ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool] ([https://youtu.be/IOfA0Ql3Zq0 Video Tutorial]), you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|936px]]

Fig 1) PCEX Authoring Tool: Hub Page.


= Sources =

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|936px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|936px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|936px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|936px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|936px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 7).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 7).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|936px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|936px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 7, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|936px]]

Fig 9) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|936px]]

Fig 10) Source Editor: Annotations panel more actions.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|936px]]

Fig 11) PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|936px]]

Fig 12) PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|936px]]

Fig 13) PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|936px]]

Fig 14) PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

WEAT

2024-04-01T22:14:28Z

Mhassany:

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li>'''Sources''', a source is a [[PCEX]] example or challenge; which has a title, problem description, and line-by-line annotated source code.</li>
<li>'''Activities''', an activity is a bundle of multiple sources either as an example or challenge.</li>
<li>'''Hub''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</li>
</ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool] ([https://youtu.be/IOfA0Ql3Zq0 Video Tutorial]), you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|936px]]

Fig 1) PCEX Authoring Tool: Hub Page.

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|936px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.


= Sources =

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|936px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|936px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|936px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|936px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 7).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 7).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|936px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|936px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 7, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|936px]]

Fig 9) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|936px]]

Fig 10) Source Editor: Annotations panel more actions.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|936px]]

Fig 11) PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|936px]]

Fig 12) PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|936px]]

Fig 13) PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|936px]]

Fig 14) PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

WEAT

2024-04-01T22:09:40Z

Mhassany: added video tutorial

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li>'''Sources''', a source is a PCEX example or challenge; which has a title, problem description, and line-by-line annotated source code.</li>
<li>'''Activities''', an activity is a bundle of multiple sources either as an example or challenge.</li>
<li>'''Hub''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</li>
</ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool] ([https://youtu.be/IOfA0Ql3Zq0 Video Tutorial]), you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|936px]]

Fig 1) PCEX Authoring Tool: Hub Page.

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|936px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.


= Sources =

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|936px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|936px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|936px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|936px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 7).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 7).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|936px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|936px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 7, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|936px]]

Fig 9) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|936px]]

Fig 10) Source Editor: Annotations panel more actions.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|936px]]

Fig 11) PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|936px]]

Fig 12) PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|936px]]

Fig 13) PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|936px]]

Fig 14) PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

File:Weat image15.png

2024-04-01T22:05:40Z

Mhassany:

File:Weat image12.png

2024-04-01T22:05:31Z

Mhassany:

File:Weat image6.png

2024-04-01T22:03:05Z

Mhassany:

File:Weat image9.png

2024-04-01T22:02:58Z

Mhassany:

WEAT

2024-04-01T22:02:10Z

Mhassany: fix images ref

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li>'''Sources''', a source is a PCEX example or challenge; which has a title, problem description, and line-by-line annotated source code.</li>
<li>'''Activities''', an activity is a bundle of multiple sources either as an example or challenge.</li>
<li>'''Hub''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</li>
</ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool], you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|936px]]

Fig 1) PCEX Authoring Tool: Hub Page.

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|936px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.


= Sources =

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|936px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|936px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|936px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|936px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 7).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 7).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|936px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|936px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 7, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|936px]]

Fig 9) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|936px]]

Fig 10) Source Editor: Annotations panel more actions.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|936px]]

Fig 11) PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|936px]]

Fig 12) PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|936px]]

Fig 13) PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|936px]]

Fig 14) PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

WEAT

2024-04-01T21:49:40Z

Mhassany:

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li><blockquote>'''''Sources''''', a source is a PCEX example or challenge; which has a title, problem description, and line-by-line annotated source code.</blockquote></li>
<li><blockquote>'''''Activities''''', an activity is a bundle of multiple sources either as an example or challenge.</blockquote></li>
<li><blockquote>'''''Hub''''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</blockquote></li></ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool], you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|936px]]

Fig 1) PCEX Authoring Tool: Hub Page.

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|936px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.


= Sources =

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|936px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|936px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|936px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|936px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 9).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 8).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|936px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|936px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 9, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|936px]]

Fig 10) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|936px]]

Fig 11) Source Editor: Annotations panel more actions.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|936px]]

PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|936px]]

PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|936px]]

PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|936px]]

PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

WEAT

2024-04-01T21:38:59Z

Mhassany: /* Icons and Symbols */

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li><blockquote>'''''Sources''''', a source is a PCEX example or challenge; which has a title, problem description, and line-by-line annotated source code.</blockquote></li>
<li><blockquote>'''''Activities''''', an activity is a bundle of multiple sources either as an example or challenge.</blockquote></li>
<li><blockquote>'''''Hub''''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</blockquote></li></ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool], you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|624x187px]]

Fig 1) PCEX Authoring Tool: Hub Page.

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|624x188px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.


= Sources =

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|624x220px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|624x541px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|624x282px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|624x320px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 9).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 8).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|368x193px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|624x373px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 9, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

[[File:weat_image26.jpg|367x192px]]

Fig 9) Source Editor: Customize ChatGPT Prompt

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|424x241px]]

Fig 10) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|442x337px]]

Fig 11) Source Editor: Annotations panel more actions.

[[File:weat_image26.jpg|560x772px]]

Fig 9) PCEX Authoring Tool: Source Editor Full View.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|624x217px]]

PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|624x246px]]

PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|624x200px]]

PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|624x255px]]

PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
| [[File:weat_image2.png|49x48px]]
| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

File:Weat image17.png

2024-04-01T21:37:14Z

Mhassany:

File:Weat image13.png

2024-04-01T21:37:07Z

Mhassany:

File:Weat image10.png

2024-04-01T21:37:01Z

Mhassany:

File:Weat image3.png

2024-04-01T21:36:54Z

Mhassany:

File:Weat image11.png

2024-04-01T21:36:48Z

Mhassany:

File:Weat image14.png

2024-04-01T21:36:41Z

Mhassany:

File:Weat image2.png

2024-04-01T21:36:32Z

Mhassany:

File:Weat image4.png

2024-04-01T21:36:25Z

Mhassany:

File:Weat image16.png

2024-04-01T21:36:07Z

Mhassany:

File:Weat image7.png

2024-04-01T21:35:59Z

Mhassany:

File:Weat image19.png

2024-04-01T21:35:48Z

Mhassany:

File:Weat image20.png

2024-04-01T21:35:40Z

Mhassany:

File:Weat image22.png

2024-04-01T21:35:07Z

Mhassany:

File:Weat image26.jpg

2024-04-01T21:34:54Z

Mhassany:

File:Weat image25.png

2024-04-01T21:34:44Z

Mhassany:

File:Weat image1.png

2024-04-01T21:34:35Z

Mhassany:

File:Weat image23.png

2024-04-01T21:34:22Z

Mhassany:

File:Weat image18.png

2024-04-01T21:34:09Z

Mhassany:

File:Weat image21.png

2024-04-01T21:33:50Z

Mhassany:

File:Weat image8.png

2024-04-01T21:32:39Z

Mhassany:

WEAT

2024-04-01T21:31:52Z

Mhassany: added weat page

The '''Worked Example Authoring Tool (WEAT)''' is an innovative tool designed to facilitate the creation of worked examples for programming education through a ''human-AI collaboration'' approach. By integrating ChatGPT, WEAT assists instructors in generating line-by-line explanations for code examples in Java and Python. Instructors can provide the code and problem statement, and WEAT uses ChatGPT to generate explanations for each line of code. These explanations can then be reviewed, edited, and added into the worked examples, streamlining the process of creating educational programming materials.

This tool consists of three important pages:

<ol style="list-style-type: decimal;">
<li><blockquote>'''''Sources''''', a source is a PCEX example or challenge; which has a title, problem description, and line-by-line annotated source code.</blockquote></li>
<li><blockquote>'''''Activities''''', an activity is a bundle of multiple sources either as an example or challenge.</blockquote></li>
<li><blockquote>'''''Hub''''', is where all publicly available activities are listed which can be searched by title, used, or embedded within your tool (through iframe).</blockquote></li></ol>

After opening the [http://adapt2.sis.pitt.edu/pcex-authoring/ PCEX Authoring Tool], you will land on the ''Hub'' page. Click '''Login''', provide your account credentials and login into the tool. Then you will be redirected back to the ''Hub'' page.

[[File:weat_image8.png|624x187px]]

Fig 1) PCEX Authoring Tool: Hub Page.

In the ''Hub'' page, click on the navbar, then click on "Sources" to navigate to ''Sources'' page.

[[File:weat_image21.png|624x188px]]

Fig 2) PCEX Authoring Tool: Hub Page - when user is logged in.


= Sources =

This page contains the list of sources you have created. Click "'''New Source'''" to create a new source.

[[File:weat_image18.png|624x220px]]

Fig 3) PCEX Authoring Tool: List of defined sources.

A source has a title, problem description, and line-by-line annotated source code. Problem description can have multilines. Each line in the source code can be annotated either by providing explanations for it and/or marked as blank line.

[[File:weat_image23.png|624x541px]]

Fig 4) PCEX Authoring Tool: Creating a source (e.g: Hello World!).

In a PCEX challenge, a blank line creates a parson-style problem that can be filled by the student with available distractors (check Figure 5). A distractor can be defined in the "'''Distractors'''" section when creating or editing a source.

[[File:weat_image1.png|624x282px]]

Fig 5) PCEX Authoring Tool: A PCEX challenge preview.

[[File:weat_image25.png|624x320px]]

Fig 6) PCEX Authoring Tool: Define distractors (bottom section) for blank lines.

Explanations for important lines of code can be generated using the ''gpt-3.5-turbo'' model. Clicking on the "'''Generate Explanations'''" button will generate explanations using the default prompt. Newly generated explanations will be appended to the line and are distinguished with orange border color (check Figure 9).

Next to the "'''Generate Explanations'''" button, there is the [[File:weat_image9.png|48x40px]]history and [[File:weat_image6.png|44x40px]] custom prompt toggle buttons. Clicking on the [[File:weat_image9.png|48x40px]] button will show the previously generated explanations (check Figure 7) for this source. While clicking on the [[File:weat_image6.png|44x40px]] provide the ability to customize the ChatGPT prompt (check Figure 8).

As described in the user interface, these explanations can be dragged by the bars into the Annotations panel to be used/added to the currently selected line (check Figure 8). By default, previously generated explanations for the currently selected line are shown; click the "'''show all lines'''" to show all generated explanations. In the history panel click on another date/time to load explanations specific to that generation session.

[[File:weat_image26.jpg|368x193px]]

Fig 7) Source Editor: ChatGPT Generated-Explanations (History).

[[File:weat_image22.png|624x373px]]

Fig 8) Source Editor: Dragging previously generated explanations from history into the Annotations panel.

In Figure 9, the ChatGPT prompt can be viewed. This is the default prompt used by the tool when "'''Generate Explanations'''" is clicked. If by any reason, it requires any change, you can change the color-marked sections. After customizing the prompt, click "'''Generate Explanations'''" to generate the explanations.

[[File:weat_image26.jpg|367x192px]]

Fig 9) Source Editor: Customize ChatGPT Prompt

In the Annotations panel, explanations can be dragged by the bars. Drag and drop an explanation on another explanation to change their order, or hold "'''alt'''" key while dropping to append/merge them together, or drop the explanation on to the red trash can area to remove it (you will be asked to confirm this action since it is irreversible).

[[File:weat_image20.png|424x241px]]

Fig 10) Source Editor: Drag explanations to reorder, merge or remove.

In case you want to merge, cut, copy, or delete multiple explanations, click on the [[File:weat_image12.png|33x30px]] button to see more actions. Select explanations by clicking either the "'''Select'''" (to start the selection, then click on the[[File:weat_image15.png|22x20px]]checkboxes next to explanations to select), or "'''Select all'''" to select all the explanations. Then you can cut, copy, and delete the selected explanations.

[[File:weat_image19.png|442x337px]]

Fig 11) Source Editor: Annotations panel more actions.

[[File:weat_image26.jpg|560x772px]]

Fig 9) PCEX Authoring Tool: Source Editor Full View.


= Activities =

This page contains the list of activities you have created. Click "'''New Activity'''" to create a new activity.

[[File:weat_image7.png|624x217px]]

PCEX Authoring Tool: List of defined activities.

An activity contains one or more sources, either as an example or challenge.

After creating/updating a source or activity, click the preview button to ensure the activity is processed (/cached) and can be previewed by students later.

[[File:weat_image16.png|624x246px]]

PCEX Authoring Tool: Creating an activity(e.g: HelloWorld!).


= Hub =

This page lists all publicly shared activities by different authors. You can click on the title to preview the activity, or click the open-in-new-tab icon next to the title to open it in a new tab (this url can be embedded in an iframe within your tools)

[[File:weat_image8.png|624x200px]]

PCEX Authoring Tool: Hub Page.

[[File:weat_image4.png|624x255px]]

PCEX Authoring Tool: Activity Preview.


= Icons and Symbols =

The following icons are used within this tool, and you need to familiarize yourself with them.

{|
!width="11%"| [[File:weat_image2.png|49x48px]]
!width="88%"| In the source editor, this question mark marks the lines that have at least one explanation.
|-
| [[File:weat_image14.png|54x47px]]
| In the source editors, this blue-empty square marks the lines that are marked as blank.
|-
| [[File:weat_image11.png|54x51px]]
| In the source editors, this symbol marks the lines that are marked as blank and also have at least one explanation.
|-
| [[File:weat_image3.png|48x45px]]
| In the source editor, this symbol can be used to drag explanations for reordering, or merging.
|-
| [[File:weat_image10.png|49x44px]]
| Clicking on this icon in the activities and sources listings will toggle the item's archiving status.
|-
| [[File:weat_image13.png|43x37px]]
| Clicking on this icon in the activities and sources listings will preview the item.
|-
| [[File:weat_image17.png|44x45px]]
| Clicking on this icon in the activities listing will toggle the item's publicity status (in the Hub page).
|}

File:Weat.png

2024-04-01T21:02:48Z

Mhassany:

Systems

2024-04-01T21:00:56Z

Mhassany: added weat

Our group explores several kinds of information systems focused mostly on personalized systems (such as adaptive learning and recommender systems) and various kinds of systems that support human navigation in information space (such as adaptive hypermedia and social navigation). This page presents a brief overview of the types of systems we explore and follows with a quick overview of the systems and frameworks developed at [[Main Page|PAWS]] lab.
This page presents the main types of topics and technologies explored by PAWS Lab. Like other Wiki pages, it is permanently in construction.

= System Types =

== Personalized Learning Systems ==

Personalized learning technologies provide an alternative to the dominant “one-size-fits-all” approach to treating diverse student audiences. While having a relatively long history, this research direction moved to the forefront only recently when modern information technologies opened new learning opportunities for a wide range of students. Nowadays, personalized learning is considered to be a top priority research direction by many experts. For example, [http://www.engineeringchallenges.org/cms/8996/9127.aspx advanced personalized learning] was named among [http://www.engineeringchallenges.org/ 14 Grand Challenges for Engineering] along with preventing nuclear terror and making solar energy economical. It has also been listed among the highest funding priorities in [http://cacm.acm.org/magazines/2010/2/69358-assessing-the-changing-us-it-rd-ecosystem/fulltext Communications of the ACM].

Personalized learning technologies enable e-learning systems to maintain a model of the goals, preferences and knowledge of each student and apply this model to adapt the system performance to the student making the learning process more efficient and enjoyable. In so doing, various kinds of personalized e-learning systems demonstrated their ability to help students acquire knowledge faster, improve learning outcomes, reduce navigational overhead, and increase student engagement. Our team is interested a range of personalized learning technologies, focusing on modeling learner knowledge of the subject. Individual models of learner knowledge that our systems maintain are used to guide learners to the most appropriate learning content using course sequencing and adaptive navigation support technologies. Some systems also use the models to deliver adaptive visualization. Below is the list of personalized learning systems developed by our group. Most of these systems are open for anyone to use and explore online.

More at [[Personalized Learning Systems]]

Systems:
* [[QuizGuide]]
* [[NavEx]]
* [[Database Exploratorium]]
* [[KnowledgeZoom]]
* [[MasteryGrids]]
* [[JavaGuide]]
* [[Progressor]]
* [[ProgressorPlus]]

== Adaptive Information Retrieval Systems ==
Systems:

* [[TaskSieve]]
* [[YourNews]]

== Recommender Systems ==

* [[Proactive]]
* [[CourseAgent]]
* [[Cross-Domain Recommender Systems]]
* [[Social Recommender Systems]]

== Social Information Access Systems ==
Systems:
* [[ImageSieve]]
* [[NameSieve]]

== Personalized Social Systems for Local Communities ==
Systems:
* [[Conference Navigator 3]]
* [[Eventur]]
* [[CoMeT]]

= Currently Active Systems =

== ADAPT2 Infrastructure==

{|
| valign="top" | [[Image:adapt2-arcitecture.gif|thumb|left|'''100'''|ADAPT2 Architecture]]
| valign="top" | ADAPT2 (read adapt-square) - Advanced Distributed Architecture for Personalized Teaching and Training - is a framework targeted at providing personalization and adaptation services for developers of content that lacks personalization. [[ADAPT2|more]])
|}

== CUMULATE ==
[[CUMULATE]] is a centralized user modeling server built for the [[ADAPT2|ADAPT2]] architecture. It is mainly targeted at providing user modeling support for adaptive educational hypermedia (AEH) systems. [[CUMULATE]] maintains a set of overlay models of students' knowledge. It uses several techniques for computing student models, including thresholded averaging, asymptotic user knowledge assessment, time-spent-reading.
([[CUMULATE|more]])

== Mastery Grids ==

{|
|valign="top" | [[Image:Mg_1.png|thumb|left|'''100'''|Mastery Grids Interface]]
|valign="top" | Mastery Grids is our latest implementation of Open Social Learner Modeling (OSLM). It is both an innovative Open Social Learner Model Interface and an adaptive E-learning platform with integrated functionalities enabling multi-facet social comparison, open learner modeling, and adaptive navigation support to access multiple kinds of smart learning content. Mastery Grids is supported by adaptive social learning framework [[Aggregate]]. This framework supports several kinds of open student modeling, social comparison, and recommendation. In detail, Mastery Grids presents and compares user learning progress and knowledge level using colored grids, tracks user activities with learning content, and provides flexible user-centered navigation across different content levels (e.g. topic, question) and different content types (e.g. problem, example). Our past research shows that open student modeling and social comparison effectively increases students’ performance, motivation, engagement and retention.

* [[Mastery Grids Interface|More about Mastery Grids]]
* [http://adapt2.sis.pitt.edu/um-vis-adl/index.html?usr=adl01&grp=ADL&sid=test&cid=13&data-top-n-grp=5&def-val-rep-lvl-id=p&def-val-res-id=AVG&ui-tbar-rep-lvl-vis=0&ui-tbar-topic-size-vis=0 An interactive demo of Mastery Grids interface]
|}

== Program Construction Examples (PCEX)==
{|
| valign="top" | [[Image:Pcex_ex.PNG|thumb|left|'''100'''|Program Construction Examples]]
| valign="top" | PCEX is an interactive learning tool which demonstrates program construction examples to help students to develop program construction skills. It supports exploring the program construction examples freely and provide challenges to the students to help them self-assess their learning of program construction knowledge. It is now a component of [[ADAPT2]] Infrastructure.

* [[PCEX|More about PCEX]]

|}

== Program Construction Examples Authoring ==
{|
| valign="top" | [[Image:weat.png|thumb|left|'''100'''|Worked Example Authoring Tool]]
| valign="top" | Worked Example Authoring Tool (WEAT) is an authoring tool for PCEX. The integrated ChatGPT support can be used to generate code explanations required for creating a program construction example. Created examples can be shared publicly with others, embed through iframes, or in an LMS like Canvas.

* [[WEAT|More about WEAT]]

|}

== Grapevine ==
{|
|valign="top" | [[Image:Grapevine.png|thumb|left|'''100'''|Grapevine]]
|valign="top" | Grapevine is an interactive recommender system that assists students in finding advisors for their projects - from undergraduate capstone projects to PhD thesis work. It has been developed as a part of Personalized Education project sponsored by the University of Pittsburgh ([[Grapevine|more]])
|}

== QuizJET ==
{|
|valign="top" | [[Image:Quizjet.gif|thumb|left|'''100'''|QuizJET]]
|valign="top" | QuizJET is a system serves quizzes as a self-assessment Java Evaluation Tool. It's mainly used to assess students' knowledge in Java Programming Language. QuizJET randomly generates a question parameter, creates a presentation of the parameterized question in a Web-based quiz, compares student's input to the correct answer which QuizJET runs the parameterized code "behind the stage", and records the results into a server-side database. It is now a component of [[ADAPT2]] Infrastructure. ([[QuizJET|more]])
|}

== ReadingCircle ==
{|
| valign="top" | [[Image:Readingcircle1.png|left|thumb|200px|Screenshot of the ReadingCircle interface.]]
| valign="top" | ReadingCircle is a system that explores approaches to encourage student reading using a social progress visualization interface. Click on the link to [[ReadingCircle]] to see more details.
|}

== [[WebEx]] ==

{|
| valign="top" | [[Image:AnnotatedExamples.jpg|left|thumb|200px|Screenshot of the WebEx interface.]]
| valign="top" | [[WebEx]] is a system that serves annotated code examples known also as dissections. Each dissection is a sequence of lines that have annotations associated with them. Dissections are grouped into collections - scopes. The natural domain of WebEx is programming. However, other applications are also possible, e.g. poetry. It is now a component of [[ADAPT2]] Infrastructure. It is one of the oldest PAWS systems, but WebEx is used in to provide access to examples in several domains. It is mostly superseded by [[PCX]] system which has more features.
|}

([[WebEx|more]])

= Earlier Systems =
== AdVisE (Adaptive Document Visualization for Education) ==
==== ADVISE 2D ====
Two dimensional document visualization based on inter-document similarities. The locations of the documents on the 2D space are determined by their similarities to another documents and users can visually see the relationships of the documents based on their contents.
==== ADVISE 3D ====
Three dimensional visualization of documents based on similarities. By adding one more dimension to 2D visualization, users are able to explore the document space more easily and access each document.

==== ADVISE VIBE ====

Relevance-based visualization of educational documents based on re-implementation of VIBE, a document visualization method based on similarities between documents and POIs (Points Of Interests) developed by Molde College and School of Information Sciences, University of Pittsburgh.

([http://ir.exp.sis.pitt.edu/advise more on ADVISE])

==Adaptive VIBE==

{|
| valign="top" | [[Image:AdaptiveVibe_part.png|thumb|left|'''100'''|Adaptive VIBE]]
| valign="top" | Two dimensional visualization based on POIs(Point Of Interest, or concepts) and document similarities. The position of the documents are calculated by their relationships with each POI.

* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System Link] (Adaptive VIBE integrated into TaskSieve)
* [[Adaptive_VIBE | more on Adaptive VIBE]]
|}

== AnnotatEd ==
{|
| valign="top" | [[Image:ated.gif|thumb|left|'''100'''|AnnotatEd]]
| valign="top" | AnnotatEd is a system that enables learners to annotate online pages while keeping track of all activities of learners. AnnotatEd uses the learners' activity information to offer ''social navigation support'' for hyperlinks inside the AnnotatEd system. ([[AnnotatEd|more]])
|}

== AnnotEx ==
{|
| valign="top" | [[Image:AnnotEx.gif|thumb|left|'''100'''|AnnotEx]]
| valign="top" | AnnotEx - Example Annotator- is a web-based community based authoring tool for annotating programming examples.([[AnnotEx|more]])
|}

== CoMeT ==

{|
| valign="top" | [[Image:comet.gif|thumb|left|'''100'''|Comet]]
| valign="top" | COMET is a social system for sharing informaion about research talks. It allows to collaboratively collect, publish, and tag interesting research talks in Pittsburgh. COMET allows its users to schedule the talks they want to attend. It also automatically reminds about bookmarked talks and recommends other talks that fits isers' interests. ([http://halley.exp.sis.pitt.edu/comet/ visit COMET])
|}
== Conference Navigator 3==
{|
| valign="top" | [[Image:Cn3.jpg|thumb|left|'''100'''|CN3]]
| valign="top" | Conference Navigator 3 (CN3) is a personal conference scheduling tool with social linking and recommendation features. Users can control access to their information in the CN3 system and link their account with third party academic and non-academic social networks such as linkedIn, Facebook, citeulike, or Mendeley. Our main goal is to enhance attendees' experience at the conferences, and also investigate the mechanisms that drives attendees to engage in their research community. ([http://halley.exp.sis.pitt.edu/cn3/ visit Conference Navigator 3])
|}

== CoPE (Collaborative Paper Exchange) ==
{|
| valign="top" | [[Image:CoPE.1.overall.gif|thumb|left|'''100'''|CoPE]]
| valign="top" | CoPE - Collaborative Paper Exchange - is a system that provides community-based access to paper summaries via web. CoPE is currently an in-class tool for both teachers and students. ([[CoPE|more]])
|}

== CourseAgent ==
coming soon
([[CourseAgent|more]])

== Eventur ==
{|
| valign="top" | [[Image:Pittcult.gif|thumb|left|'''100'''|PittCult]]
| valign="top" | This project is to recommend interesting information using the combined technology of collaborative filtering and trust-based human network. This system is to overcome the emerging problems regarding collaborative filtering recommendations and to investigate how the information propagation is affected by trust among people. ([[Eventur|more]])
|}

== JavaGuide ==

{|
| valign="top" | [[Image:JavaGuide.png|thumb|left|'''100'''|JavaGuide]]
| valign="top" | JavaGuide is a personalized front-end for QuizJET developed by PAWS Lab (Hsiao, 2010). Java Guide collects student performance data sent by QuizJET to the activity storage, determines student current level of knowledge for multiple topics and concepts of Java programming language, and use it to provide adaptive guidance to the questions that are most appropriate for a specific student given the course goals and current state of knowledge.. ([[JavaGuide|more]])
|}

== Knowledge Sea II ==
{|
| valign="top" | [[Image:ks2.gif|thumb|left|'''100'''|Knowledge Sea II]]
| valign="top" | Knowledge Sea II is an extension of Knowledge Sea project that is designed to help users navigate from lectures to relevant online tutorials in a map-based horizontal navigation format. The most important feature of Knowledge Sea is facilitating the navigation through providing traffic and annotation based social navigation support. ([[Knowledge Sea II|more]])
|}

== Knowledge Tree ==
{|
| valign="top" | [[Image:KnowledgeTreeLogo.gif|thumb|left|'''100'''|Knowledge Tree]]
| valign="top" | Knowledge Tree is a link aggregating portal. It presents content structured according to the folder-document paradigm. Knowledge Tree provides authentication and authorization and implements a simplified form of access control. It supports collaborative authoring and social annotation. ([[Knowledge Tree|more]])
|}
== KnowledgeZoom ==
{|
| valign="top" | [[Image:KnowledgeZoom.png|thumb|left|'''100'''|KnowledgeZoom]]
| valign="top" | [[KnowledgeZoom]] is an exam preparation system with zoomable open student model showing student level of knowledge for hierarchy of Java programming concepts. KnowledgeZoom allows students to find gaps in their knowledge and access learning content that helps to bridge these gaps.

* [[KnowledgeZoom|More about KnowledgeZoom]]
|}

== MEMA ==
{|
|valign="top" | [[Image:MEMA.jpg|thumb|left|'''100'''|MEMA]]
|valign="top" | MEMA (Museum Exhibition MAnagement) ([[MEMA|more]])
* [http://halley.exp.sis.pitt.edu/mema/web/ Web System link]
* [http://halley.exp.sis.pitt.edu/mema Mobile System link]
|}

== NameSieve ==

{|
|valign="top" | [[Image:NameSieve-NEpanel.png|thumb|left|'''100'''|NameSieve Named-entity Navigator]]
|valign="top" | A name-entity based news exploration and filtering system. Important named-entities extracted from the search results are provided in the "cloud" form and helps further exploration. ([[NameSieve|more]])

* [http://amber.exp.sis.pitt.edu/namesieve System Link 1]
* [http://ir.exp.sis.pitt.edu/~jahn/cma/index.php System Link 2] (Carnegie Museum of Art version)
|}

== NavEx - Navigation to Examples ==
{|
| valign="top" | [[Image:NavEx.gif|thumb|left|'''100'''|NavEx]]
| valign="top" | NavEx provides adaptive guidance for accessing online interactive examples. Adaptation allows students to visualize both whether they are ready to explore certain examples and what is their progress with them. NavEx-SN (SN for social navigation) also allows students to relate their progress with the progress of the group. ([[NavEx|more]])
|}

== PERSEUS ==
{|
| valign="top" | [[Image:Perseus.gif|thumb|left|100px|PERSEUS]]
| valign="top" | [[PERSEUS]] is a Personalization Service Engine. It provides adaptive support for non-personalized (educational) hypermedia systems by abstracting content presentation/aggregation from user modeling. [[PERSEUS]] protocols are based on [http://en.wikipedia.org/wiki/Rdf RDF] and [http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0 RSS 1.0]. Although, [[PERSEUS]] was initially developed for [[ADAPT2|ADAPT2]] framework, its data model permits seamless support of any other hypermedia application. Currently [[PERSEUS]] provides social navigation, topic-based navigation, concept-based navigation, and adaptive filtering techniques. ([[PERSEUS|more]])
|}

== Proactive ==
{|
| valign="top" | [[Image:Proactive.gif|thumb|left|'''100'''|Proactive]]
| valign="top" | The Proactive is content-based job search and recommender system which is based on several knowledge engineering technology and personalized techniques. The system is adapts to each user by collecting various user's usage patterns. It integrates several approaches to provide access to job information ([[Proactive|more]])
|}

== Progressor ==
{|
| valign="top" | [[Image:Progressor.png|thumb|left|'''100'''|Progressor]]
| valign="top" | The Progressor is a system of personalized visual access to programming problems, which is based on open social user modeling technology and personalized techniques. ([[Progressor|more]])
|}

== Progressor+ ==
{|
| valign="top" | [[Image:progressorplus1.png|thumb|left|'''100'''|ProgressorPlus]]
| valign="top" | Progressor+ extends the benefits from Progressor and addresses the problems in personalized and social learning of how to help students to find the most appropriate educational resources and engage them into using these resources. Progressor+ adopts the same idea of open student modeling visualization and uses generic table representation for accessing and visualizing assorted educational content ([[ProgressorPlus|more]])
|}

== QuizGuide ==
{|
| valign="top" | [[Image:Quizguide.gif|thumb|left|'''100'''|QuizGuide]]
| valign="top" | QuizGuide, is an adaptive system that helps students in selecting most relevant quizzes for self-assessment of C knowledge. Quizzes are assigned to topics and adaptively annotated, to show which topics are currently important and which require further work. ([[QuizGuide|more]])
|}

== SetFusion ==
coming soon
([[SetFusion|more]])

== TalkExplorer ==
coming soon
([[TalkExplorer|more]])

== TaskSieve ==

{|
|valign="top" | [[Image:TaskSieve-surrogates.png|thumb|left|'''100'''|TaskSieve -- mediates query and user model]]
|valign="top" | An experimental personalized news search system based on task models and the interface to mediate between the query and the task model. Users can select three options (1) query only, (2) task model only, and (3) both. ([[TaskSieve|more]])
* [http://amber.exp.sis.pitt.edu/tasksieve System link 1]
* [http://amber.exp.sis.pitt.edu/~codex/tasksieve System link 2] (newer version integrated with Adaptive VIBE)
|}

== WADEIn (cWADEIn/jWADEIn) ==
coming soon
([[WADEIn|more]])

== YourNews ==

{|
|valign="top" | [[Image:YourNews-openUM.png|thumb|left|'''100'''|YourNews Open User Model UI]]
|valign="top" | YourNews is a news recommendation system based on the RSS feeds collected from various news sources. News articles are crawled every two hours, indexed, and then provided to users according to their specific needs. Users also can view and control their user profile with '''Open User Profile''' ([[YourNews|more]])

* [http://amber.exp.sis.pitt.edu/yournews System Link]
|}