HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2010T1 Flexperts"

From IS480
Jump to navigation Jump to search
 
(12 intermediate revisions by 2 users not shown)
Line 30: Line 30:
 
|-
 
|-
 
|||(CTE, [http://en.wikipedia.org/wiki/Singapore_Management_University SMU])
 
|||(CTE, [http://en.wikipedia.org/wiki/Singapore_Management_University SMU])
 +
|-
 +
| colspan="2" style="text-align: center;" | [[Image:Flexperts_Poster.jpg|200px|The Flexperts Poster]]
 
|-
 
|-
 
|}
 
|}
  
==Complete Timeline==
+
Welcome to the home of Flexperts.  Also view our [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2010T1_Flexperts/final_page Final Wiki].
 +
<br>
 +
<br>
 +
Our project involves developing an e-learning resource system that easily generates and manages e-learning Flash objects using our pre-loaded, re-usable templates. We are working closely with the [http://www.smu.edu.sg/centres/CTE/ Centre for Teaching Excellence (CTE)], SMU, to give the Professors a more efficient method of communicating certain learning materials that they could not during class, in a more interactive and dynamic method than PowerPoint presentations. This helps to increase the understandability of materials that are not taught in class specifically. This is achieved by allowing students to work with the objects and see for themselves how the theory might apply. Tapping on the concepts of cloud computing (Platform as a Service) and Rich Internet Applications (RIA), users can enjoy richer, engaging experiences with the additional benefit being lightweight, without the need for installations or storage.
  
Timeline following the RUP process
+
'''Learning Outcomes for each member''' <br>
 +
Bryan: Learn Flash Actionscript<br>
 +
George: Go back to the basics<br>
 +
Bobby: Learning to Learn<br>
 +
Urmila: Improve skills as a Business Analyst<br>
 +
Yohann: Improve programming skills
 
<br>
 
<br>
[[Image:Flexperts_timeline.png| 700px| Timeline following the RUP process]]
 
<br>
 
==Project Progress Summary==
 
  
Highlights since the [[IS480_Team_wiki:_2010T1_Flexperts/midterm_page | midterm]].
+
__TOC__
 +
 
 +
==Business Scenario==
 +
 
 +
===The Problem===
 +
E-learning comprises all forms of electronically supported learning and teaching. In Singapore Management University (SMU), e-learning is hardly utilized. Very few faculty members use E-learning applications and processes such as Web-based learning, computer-based learning, virtual classroom opportunities and digital collaboration. The Centre of Teaching Excellence (CTE) wants to expand the usage of e-learning among the SMU faculty, to enhance self-learning for the students following a specific structure. However, the current e-learning development projects are outsourced to external vendors. This incurs high costs and long waiting time due to customization. Currently, only SCORM is being used by School of Information Systems.
 +
 
 +
===The Solution===
 +
CTE wants to bring the development of an e-learning resource system in-house as this will save cost and time. Dr. Soo Wai Man, approached our team to develop such a platform for faculty to generate e-learning objects, based on a standard learning pedagogy. The platform must be easy to use and applicable to faculties across the different schools in SMU. Our project comes under a bigger umbrella project called The Pedagogy Project. This scheme provides support for full-time faculty seeking assistance to develop electronic teaching and/or learning resources.
 +
 
 +
===Overview Of The Project===
 +
Our project involves developing an e-learning resource system that easily generates and manages e-learning Flash objects using our pre-loaded, re-usable templates. This will give professors a more efficient method of communicating learning materials, in an interactive and dynamic method. Our templates are designed to enable professors to use the five primary types of content that are used in the learning process: facts, concepts, processes, procedures and principles.
 +
 
 +
== Project Description ==
 +
 
 +
===Pedagogy Project (e-Learning)===
 +
Our project comes under a bigger umbrella project called The Pedagogy Project. This scheme provides support for full-time faculty seeking assistance to develop electronic teaching and/or learning resources.
 +
 
 +
In consultation with faculty and administrative teams, we have articulated a process for supporting Pedagogy Projects (e-Learning). The process provides guidelines for budgeting, proposal submission, project scoping, approval, design, development and pilot testing.
 +
 
 +
===Terms Definition===
 +
*Flash-Learning-Object : ''A digital resource that can be re-used to support learning'' <ref>Beck, Robert J., 2009</ref>.
 +
*Pedagogy Project (e-Learning): ''Development of an electronic teaching/learning resource that is pedagogically sound, interactive and engaging to supplement a challenging area/topic of classroom teaching''<ref>Singapore Management University, 2009</ref>.
 +
*5 types of content: Facts, Concepts, Processes, Procedures, and Principles<ref>Clark & Chopeta, 2004</ref>.
 +
 
 +
[[User:George.chen.2008 | More details pertaining to Resuable Learning Objects]]
 +
 
 +
{| class="wikitable" style="text-align: center; width="70%" "
 +
|+ 5 Types of Content
 +
|-
 +
! scope="row"  width="100" | Fact
 +
| Unique, specific information in the form of a statement or data or pictures of specific objects.
 +
|-
 +
! scope="row" | Concept
 +
| A group of objects, symbols, ideas, or events that are defined by a single word or term, share common features, and vary on irrelevant features.
 +
|-
 +
! scope="row" | Procedure
 +
| A sequence of steps to be followed by one individual to accomplish a task or make a decision. A procedure contains directions, tasks, or actions that are done the same way each time.
 +
|-
 +
! scope="row" | Process
 +
| A flow of events that describes how something works. It is not necessarily a task done by one person, as manypeople or an organization may be involved.
 +
|-
 +
! scope="row" | Principle
 +
| Directions for tasks that provide employees with guidelines for action. The guidelines must be adapted by the employees to various job situations. Principles require employees to use judgment and discretion when they apply them.
 +
|-
 +
|}
  
Describe the project progress briefly here. Is the project completed?
+
===Objectives===
  
The project was completed on time. It was deployed on our client's server before our final presentation. Our shippable product, Flexcellence, comprises the Flash Generator and Live Whiteboard applications. The client is very satisfied with our product, and even commented that the Whiteboard has a lot of potential in the field of remote learning, which is in line with CTE’s promotion of e-learning.
+
Upon completion, our team will have delivered a full working system based on our client’s requirements. The system will be hosted on our school’s server, running 24x7, and we will provide necessary maintenance. Our client and users will be able to efficiently generate new learning objects based on re-usable templates.
Our project will be put into pilot testing phase next semester. Professor Kevin Steppe will be using the Live Whiteboard in his Architecture class. While CTE will be conducting training  sessions for faculty members to get familiar with the Flash Generator. A dedicated server, apart from the current machine that we are using, will be set up soon. The necessary permissions and discussions are already in progress.
 
  
 +
===Scope===
 +
A system which houses:
 +
# <b>Flash-Object-Generating-Portal</b>, which includes the re-usable templates, Flex SDK, user account management
 +
# Database containing the content of all the flash objects created
 +
# Online repository to store our clip art and generated flash objects
 +
# Development Server, which we will use to host the portal
 +
# <b>Live Application</b>, a real-time whiteboard sharing application for students in class
  
===Project Highlights:===
 
  
What unexpected events occurred and how were they handled?
+
Part of the development of our portal takes off where George left in his internship. To view more details, visit his [[User:George.chen.2008 | page]].
  
* We dropped the delete function from CRUD of the flash generator, because it wasn’t the client’s requirement and was minute.
+
===Design===
* We dropped the toolbox function from the Whiteboard, as our client, Prof Kevin, felt that there was no point in duplicating features that were already available to students with PowerPoint.
+
Our team designed our products with the end in mind, sticking closely to <b>User-Centered Design</b> philosophy, which builds and designs based on the needs and wants of end-users. Thus, we have much testing, analyzing, surveying to help us forsee the interaction both end-users and non-end users will have with our system. (source:UCD)
 
  
===Project Challenges:===
+
===Assumptions===
 +
# Solution can be hosted on the school server permanently, and maintained by us. <br>Mitigation: Seek approval once proposal is accepted. Maintenance period is 1 to 1.5 years, will a retainer fee for the team. After which, project will be handed over to either external vendor or student to perform upgrade.
 +
#Users will know how to use our system. <br>Mitigation: Conduct a User-Acceptance Test on a small pool of faculty.
 +
#Users will be comfortable with our system. <br>Mitigation: Market research and comparison with other related commercial products.
  
Describe areas of the project that were particularly difficult and how they were dealt with, whether successfully or not. Again, a few sentences are enough. If there are no challenges, remove this section.
+
===Reasons we chose Flex===
  
===Project Achievements:===
+
1) Most importantly, it is selected by the client. He explained that flex is an industry product that hinges on interactivity to deliver Rich-internet applications (RIA). We did our own research and found that flex is indeed very scalable, and allows our product to be upgraded with more or enhanced components.
  
With the help of our supervisor, we caught up after being behind schedule for weeks due to the unforeseen complexity in code. The method we used is by prioritizing by functions:
+
2) Flex is a framework. In designing our application, the importance lies in the design, and the tool which we use is but just a tool. We found that Flex has many components that caters to our needs, for instance, housing a Integration middleware (Live cycle data-services).
  
#We listed all the functions that we had promised to deliver on a board
+
3) WYSIWYG – we are focused on customer experience, and Flex allows us to develop applications with WSIWYG interface.
#We rated them in order of importance, not by sequence
 
#We took into account precedence of functions in ordering
 
#Using the new numbering, we set new goals for each iteration
 
#Having set priorities, unimportant functions were taken out, and will only be completed if there is extra time
 
  
By changing our focus from delivering quantity to delivering quality, we found ourselves in a better position to meeting all our client’s requirements punctually.
+
4) Flex SDK is open source, and thus we can use it for production.
Teamwork wise, we did not limit ourselves to the specific job scope which we initially imposed. Instead, we were very flexible with it and filled in whichever gaps present. This agile teamwork dynamics that we put together often helped us help one another, thus aided us in working well with one another.
 
  
==Project Management==
+
5) Flex IDE is license free for academic use. With almost zero resources, it is only natural that we choose Flex.
  
Provide more details about the status, schedule and the scope of the project. Describe the complexity of the project.
+
=System=
  
===Project Schedule (Plan Vs Actual):===
+
==Flash-Object-Generating-Portal==
  
[[Image:Flexperts_planVactual.png|600px| Plan vs Actual Schedule]]
+
===Objectives===
 +
*Deliver interactive, self-learning learning objects to students that is aligned to SMU's interactive teaching pedagogy.
 +
*A simple, easy-to-use platform that facilitates the creation of flash learning objects with relative ease, using our Flash-object generator and in-built re-usable templates.
 +
*Cultivate structured teaching/learning through using templates, according to the 5 instructional design content types.
 +
*Quick building of learning objects of higher interactivity which keeping cost at minimum.
  
===Project Metrics:===
 
  
====Schedule Metric====
+
===Components Analogy===
 +
Templates: Mould
  
[[Image:Flexperts_schedule.png|600px| Schedule Metrics]]
+
Input: Plaster
  
As you can notice we had certain  rough patches. The following chart shows our mitigation strategies which helped overcome our problem in terms of being behind schedule.
+
Kiln: Flex SDK
  
[[Image:Flexperts_schMet_miti.png|600px|Mitigation Strategy]]
+
Output: Sculpture
  
====Bug Metric====
 
  
The .xls version of the excel with all the formulae can be downloaded from [http://dl.dropbox.com/u/580827/Bug%20Metric.xls here].
+
The templates are thus resuable and ensure conformity in structural design throughout all output.
  
The screenshot below shows the page of the excel sheet on which we list all the unsolved bugs.
+
But more powerful than this analogy is the capability to 'Edit', or Update under the 'CRUD' model. Therefore, the final output, sculpture, can be modified and then published again. This allows information to be built on top of another.
[[Image:Flexperts_bug_met.png|600px|Screenshot of the bug listing]]
 
  
=====Advantage of the Bug Metric=====
+
===Key Features===
  
*To keep track of bugs that can not be solved on the spot
+
====No setup required====
*Severity > 6 in any case = bug fixing day
+
{| cellpadding="25"
 +
|-
 +
|This is a Zero-Setup System in which the user only needs a browser and internet access. Unlike Powerpoint or Keynote, there is not installing or upgrading required. Hence, you can use any computer to create or edit your material.
 +
Simply logon to the portal using your SMU username and password. You can now choose one of the carefully crafted templates from the preview screen. You can now customize your template with just a few clicks. There are numerous customization options to help you design e-learning material that is not only  effective but aesthetically appealing too.
  
===Technical Complexity:===
+
Now you can start editing the template. You can do so in fullscreen mode by checking the "Full Screen" option at the top right of the page.
 +
|[[Image:Blank_template.png|600x330px]] 
 +
|-
 +
|}
  
#Edit a flash object only by changing the xml
+
====Simple yet powerful====
#Database feeding changing files at real-time which replaces Live-cycle data service
+
{| cellpadding="25"
#Complex file structure due to the integration of 2 applications
+
|-
#Efficient search without going through database
+
|[[Image:Endproduct-book.png|600x330px]] 
 +
|
 +
|-
 +
|}
  
==Quality of product==
+
====Crosses all boundaries====
 +
{| cellpadding="25"
 +
|-
 +
|
 +
|[[Image:Mac.png|100x100px]] 
 +
|When it comes to the matter of compatibility, our solution fits right in and bridges the gap. It is platform independent. All you need is a flash compatible browser.
 +
|[[Image:Windows.png|100x100px]] 
 +
|}
  
  
  
===Project Deliverables:===
 
  
 +
==Live Application - White-board Sharing==
 +
===Objectives===
 +
*An easy platform to facilitate class assignments for students and faculty alike
 +
*View of all submitted assignments at a single glance
 +
*No requirement of downloading software, like
 +
*Reduction of the use of paper
 +
*Convenient storage of all class assignments for future use
 +
*Dynamic to allow students to make changes
  
=== Quality:===
+
===Key Features===
  
Our system is designed to take in multiple instances at a time.
+
====Easy method to do class assignments====
The flash generator evokes a bat file every time it is called, and these bat files are executed in the order they are queued, and thus supports multiple instances. The whiteboard application creates multiple sessions, and allows multiple ‘rooms’ to be created.
+
Students no longer need to do their class assignments in the conventional method. Now, using the same system, students can do their class assignments on their computer itself and with a single click, can upload their assignment on to the server, which will then be stored in the repository, for Faculty to pull out whenever they want to.
  
In essence, the target and source are loosely coupled.
+
====Single view of all submissions====
 +
{| cellpadding="25"
 +
|-
 +
|As soon as the student clicks on a "Submit" button, the assignment will be uploaded to the server, after which the Professor can pull out to display. The system will allow the Professor to choose how many assignments he may want to display on the screen at one time, thereby allowing the class to view all the submissions at one time.
 +
|[[Image:Spaces.png|600x330px]] 
 +
|-
 +
|}
  
===Deployment:===
+
====Dynamic Application====
 +
One of the features of this system is that since students are submitting files online, they can make changes and keep uploading to the server and this will keep replacing the older version, thus allowing students to make changes on the spot and thereby learn better.
  
We have a bat file that is scheduled to run at start up which performs the below actions:
+
=Users=
1) Map our project folder to S:\
 
2) Write the IP address to a html embedding a flash to redirect (until we get a static IP)
 
3) Start Mod Converter, which is a Open office Library
 
4) Start WAMP and tomcat
 
With this bat file, it will automatically configure the runtime environment for our project.
 
  
[[IS480_Final_Wiki#Project_Deliverables: | deployment diagram link]].
+
===Non-end-users (Custom Users)===
 +
Faculty
 +
===End-users===
 +
Students
 +
=Comparison Table=
 +
{| class="wikitable" style="font-size: smaller; text-align: center; width: 100%; table-layout: fixed;"
 +
! rowspan="2"| <big>Features<big>
 +
! colspan="3"| <big>Products<big>
 +
|-
 +
! [[Image:Fx_Logo_without_name.png|112px]]<br>Flexperts
 +
! [[Image:Fx_adobe_elearning.png|112px]]<br>Adobe E-Learning
 +
! [[Image:Fx_articulate_logo.jpg]]<br>Articulate
 +
|-
 +
|<big>'''General'''<big>
 +
|-
 +
|Compatibility
 +
|Cross platform and web-browser
 +
|Works on major platforms(Windows and Mac)
 +
|Only works on Windows
 +
|-
 +
|Installation
 +
|Does not require any software setup
 +
|Package needs to be installed
 +
|Each package needs to be installed separately
 +
|-
 +
|Pricing
 +
|TBC
 +
|US $2,187 ex tax
 +
|US $1,398
 +
|-
 +
|Customization
 +
|Is customized from the start
 +
|Requires customization
 +
|Requires customization
 +
|-
 +
|Integration with LMS
 +
|Simple request reply implementation
 +
|Publishes to acrobat.com
 +
|Setup required to publish to LMS
 +
|-
 +
|<big>'''Features'''<big>
 +
|-
 +
|Flash generator
 +
| bgcolor="green" |Yes
 +
| bgcolor="green"|Yes
 +
| bgcolor="green"|Yes
 +
|-
 +
|Mobile authoring
 +
| bgcolor="green"|Yes
 +
| bgcolor="green"|Yes
 +
| bgcolor="red" |No
 +
|-
 +
|Screen sharing
 +
| bgcolor="green"|Yes
 +
| bgcolor="red" |No
 +
| bgcolor="red" |No
 +
|-
 +
|Quiz creation
 +
| bgcolor="green"|Yes
 +
| bgcolor="green"|Yes
 +
| bgcolor="green"|Yes
 +
|-
 +
|Question of the day setup
 +
| bgcolor="green"|Yes
 +
| bgcolor="red" |No
 +
| bgcolor="red" |No
 +
|}
  
===Testing:===
+
{| class="wikitable" style="font-size: smaller; text-align: center; width: 100%; table-layout: fixed;"
 +
! rowspan="2"| <big>Features<big>
 +
! colspan="3"| <big>Products<big>
 +
|-
 +
! [[Image:Fx_Logo_without_name.png|112px]]<br>Flexperts
 +
! [[Image:Fx_Quizcreator.jpg|112px]]<br>Wondershare QuizCreator
 +
! [[Image:Fx_Vista4.gif]]<br>SMU Vista 4
 +
|-
 +
|<big>'''General'''<big>
 +
|-
 +
|Compatibility
 +
|Cross platform and web-browser
 +
|Only works on Windows
 +
|Cross platform and web-browser
 +
|-
 +
|Installation
 +
|Does not require any software setup
 +
|Package needs to be installed
 +
|Does not require any software setup
 +
|-
 +
|Pricing
 +
|TBC
 +
|US $349.95 ex tax
 +
|Existing
 +
|-
 +
|Customization
 +
|Is customized from the start
 +
|Requires customization
 +
|Requires customization
 +
|-
 +
|Integration with LMS
 +
|Simple request reply implementation
 +
|Able to integrate with any LMS
 +
|LMS
 +
|-
 +
|<big>'''Features'''<big>
 +
|-
 +
|Flash generator
 +
| bgcolor="green" |Yes
 +
| bgcolor="green"|Yes
 +
| bgcolor="red"|No
 +
|-
 +
|Mobile authoring
 +
| bgcolor="green"|Yes
 +
| bgcolor="red" |No
 +
| bgcolor="red" |No
 +
|-
 +
|Screen sharing
 +
| bgcolor="green"|Yes
 +
| bgcolor="red" |No
 +
| bgcolor="red" |No
 +
|-
 +
|Quiz creation
 +
| bgcolor="green"|Yes
 +
| bgcolor="green"|Yes
 +
| bgcolor="green"|Yes
 +
|-
 +
|Question of the day setup
 +
| bgcolor="green"|Yes
 +
| bgcolor="red" |No
 +
| bgcolor="red" |No
 +
|}
 +
===Use===
 +
A flash learning object is defined as a self-contained, digital resource that can be used to support learning.
 +
While flash learning objects are aimed for students to do self-learning <u>outside class</u>, the live application is targetted to be used in class as a whiteboard sharing application.
  
We conducted a UAT with not only our client, but our end users as well, which includes the Professors and students as well.
+
===Exploratory Research===
Our UAT Test plan can be found at [insert same link from Project Deliverables section]
+
Other than meeting our client's requirements, we also want to know how we can further cater and tailor our product for our users. With our proof of concept, we surveyed xxxx faculty members.....
For the Flash Generator, we approached 4 Professors and 4 students, who were from SIS, SOB and Dean of Students office .In general, they found the system useful, and expressed an interest to use it in the future. Their suggestions were more on the UI than functionality based. The details of the feedback can be found in the following document.  
 
  
Our client upon testing had very positive feedback and was very happy.
+
=Incentives=
For the Whiteboard, we asked [I don’t know who we asked to demo]. They were in general very happy with the application, although felt that 8 screens might not be enough for all students in the class, and therefore felt this was a limitation. Also, when uploaded to the Whiteboard, the diagrams are slightly small, so not very useful for all courses.
 
  
 +
===Applying for SMUIA===
  
 +
Our team is also using the SMU Innovation Award as incentive to work towards. This project is innovative because of its purpose to enhance learning between professors and students in a manner that has not yet been tackled.
  
==Reflection==
+
=Project Management=
  
Compile common lessons and reflection for the team and for each team member. Be brief.
+
===Milestones===
 +
[[Image:fx_milestones.png| 600px]]
 +
* Each iteration is followed with a User Acceptance Test (UAT)
  
===Team Reflection:===
+
===Presentations===
  
'''Bobby's Reflection'''
+
*[http://dl.dropbox.com/u/580827/IS480%20-%20Project%20Acceptance%20v2.pptx Acceptance Presentation]
 +
*[http://dl.dropbox.com/u/580827/IS480%20-%20Mid%20Term%20Presentation_v1.2.pptx Midterm Presentation]
 +
*[http://dl.dropbox.com/u/580827/Flexperts_IS480_Final_Presentation_Confirmed.ppt Final Presentation ]
  
As project manager, I had two goals for this project. Firstly, I wanted my group members to work as a closely knitted and united team. The beginning was not easy because we had different opinions on the feasibility of this project. As the semester when by, there were times where progress was slow due to the complexity of our technology. Even when times got tough, we never gave up. I am immensely pleased that we worked together and pressed on to finish this project as a team.
+
===Meeting Minutes===
Secondly, I wanted my team to deliver a shippable product, something that could be used. Our professor Kevin Steppe showed great commitment in our whiteboard application and he intends to use it in his Architectural Analysis (AA) class next semester. Our client, Dr Soo Wai Man from Centre of Teaching Excellence (CTE) wants to pilot test our Flash Generator too. I am very proud of these achievements.
 
  
'''Bryan's Reflection'''
+
'''Important meetings with Supervisor'''
 +
<br>
 +
[http://dl.dropbox.com/u/580827/310510%20Minutes%20of%20Meeting.docx Meeting Minutes - May 31, 2010] <br>
 +
[http://dl.dropbox.com/u/580827/090710%20Scope%20Finalizing%20Meeting.docx Meeting Minutes - July 9, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/190810%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - August 19, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/230810%20Minutes%20of%20Meeting.docx Meeting Minutes(Supervisor) - August 23, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/270810%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - August 27, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/030910%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - September 03, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/170910%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - September 9, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/240910%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - September 24, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/151010%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - October 15, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/291010%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - October 29, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/041110%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - November 4, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/121110%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - November 12, 2010]<br>
 +
[http://dl.dropbox.com/u/580827/191110%20Supervisor%20Meeting.docx Meeting Minutes(Supervisor) - November 19, 2010]<br>
 +
 
 +
'''Important meetings with Clients'''
 +
<br>
 +
[http://dl.dropbox.com/u/580827/030610%20Client%20Meeting.docx Meeting Minutes(Client) - June 03, 2010] <br>
 +
[http://dl.dropbox.com/u/580827/Minutes%20of%20Meeting%20with%20Client%2C%20260810.docx Meeting Minutes(Client) - August 26, 2010]<br>
  
 +
===Software Setup===
  
'''George’s Reflection'''
+
====Programmers' Setup====
  
This project is more than just a technical project. The team got the chance to search for a sponsor, discuss the technicalities with him, gather feedback and improve on our product. I feel that this project is more than academic; it’s practical and puts everything we learnt in and out of classroom to practice. As I have had very good experience and learning outcome from this FYP, I will be doing another one next year.
+
*Adobe Flash Builder (Flex)
 +
*Flex SDK
 +
*Microsoft Project  / Merlin(Mac equivalent)
 +
*NetBeans
 +
*Microsoft Visio
  
'''Urmila’s Reflection'''
+
====Server Setup====
  
The most important lesson I learnt from this project is that it’s very essential for business requirements to take into account technical possibilities. Sometime, what are good business requirements may not be able to be translated into technical requirements, so some way has to be figured out whereby the business requirement is addressed in some manner, without putting too much strain on the technical team.
+
*Windows XP (Operating System)
Working with a real client, and being able to deliver a working product at the end, was definitely very fulfilling, and really helped me to understand some of the concepts that we are taught in our courses.
+
*Flex SDK
 +
*NetBeans
 +
*WAMP
 +
*Tomcat
 +
*Open Office
  
'''Yohann's Reflection'''
+
====Why are we using FLEX?====
 +
There are multiple reasons as to why we use flex:
 +
*Most importantly, it is selected by the client. He explained that flex is an industry product that hinges on interactivity to deliver Rich-internet applications (RIA). We did our own research and found that flex is indeed very scalable, and allows our product to be upgraded with more or enhanced components. The comparison can be found on our wiki page.
 +
*Flex is a framework. In designing our application, the importance lies in the design, and the tool which we use is but just a tool. We found that Flex has many components that caters to our needs, for instance, housing a Integration middleware (Live cycle data-services).
 +
*WYSIWYG – we are focused on customer experience, and Flex allows us to develop applications with WSIWYG interface.
 +
*Flex SDK is open source, and thus we can use it for production. Flex IDE is license free for academic use. With almost zero resources, it is only natural that we choose Flex.
  
 +
====So Why Flash?====
 +
*'''High distribution'''
 +
Only the Adobe Flash Player must be installed. No additional player needs to be installed on the client's computer. Because so many well known pages require the flash player, most computers already have the Flash Player installed. In fact Flash has reached an accessibility of almost 99% (look here).
 +
*'''Multi-platform'''
 +
Windows, Linux, Mac
 +
*'''Easy and quick installation'''
 +
If a user has not installed the flash player has an old version the installation / update process is both simple and fast!
 +
*'''Quick start up'''
 +
On an average PC the startup process of the Flash plugin is very quick (normally under one second). Java-Applets (for example) unfortunately often need much longer to start up !
  
 +
===Resources and reference materials===
  
===Sponsor Comment:===
+
For the purpose of our development in the proposed solution, our client has put together a mini-library of 20 technical help books, covering topics from Flex to XML to databases. We are also using Proquest e-books for reference purpose.<br>For software, our client has provided us the entire Adobe Master Suite Collection for project development. We have also each obtained an educational copy of licensed Adobe Flash Builder (Flex). The SDK is open-source. We have also obtained budget to purchase an online clip art resource for our repository. For the purpose of comparison, we have also purchased several licenses of related commercial software to better leverage our product.<br>Server will either be hosted on the SMU Library development server, IS server (yet to seek permission), or on CIT’s server (maintained by us). On top of that, we are in the midst of negotiating with the Vista Team, IITS, on how we can use a prototype of their new LMS to test out our system.
  
The sponsor commented that our whiteboard has potential for remote learning, and is currently looking into that. He also expresses that our system is efficient, and commends our team efficiency in delivering the customized product
+
=References=
 +
<references/>

Latest revision as of 00:16, 29 November 2010

Flexperts
The Team
The Flexperts logo designed by TiYo©
Type Student group
Area Interactive Learning Material
Industry Computer Software
Web-based Applications
Product E-learning Resource System
Team members Bryan Cheong Wen Cai
George Chen Kaidi
Harjani Bharat Gobindram
Urmila Mandapaka
Yohann Yezdi Engineer
Faculty Supervisor Kevin Steppe
Client Soo Wai Man
(CTE, SMU)
The Flexperts Poster

Welcome to the home of Flexperts. Also view our Final Wiki.

Our project involves developing an e-learning resource system that easily generates and manages e-learning Flash objects using our pre-loaded, re-usable templates. We are working closely with the Centre for Teaching Excellence (CTE), SMU, to give the Professors a more efficient method of communicating certain learning materials that they could not during class, in a more interactive and dynamic method than PowerPoint presentations. This helps to increase the understandability of materials that are not taught in class specifically. This is achieved by allowing students to work with the objects and see for themselves how the theory might apply. Tapping on the concepts of cloud computing (Platform as a Service) and Rich Internet Applications (RIA), users can enjoy richer, engaging experiences with the additional benefit being lightweight, without the need for installations or storage.

Learning Outcomes for each member
Bryan: Learn Flash Actionscript
George: Go back to the basics
Bobby: Learning to Learn
Urmila: Improve skills as a Business Analyst
Yohann: Improve programming skills

Business Scenario

The Problem

E-learning comprises all forms of electronically supported learning and teaching. In Singapore Management University (SMU), e-learning is hardly utilized. Very few faculty members use E-learning applications and processes such as Web-based learning, computer-based learning, virtual classroom opportunities and digital collaboration. The Centre of Teaching Excellence (CTE) wants to expand the usage of e-learning among the SMU faculty, to enhance self-learning for the students following a specific structure. However, the current e-learning development projects are outsourced to external vendors. This incurs high costs and long waiting time due to customization. Currently, only SCORM is being used by School of Information Systems.

The Solution

CTE wants to bring the development of an e-learning resource system in-house as this will save cost and time. Dr. Soo Wai Man, approached our team to develop such a platform for faculty to generate e-learning objects, based on a standard learning pedagogy. The platform must be easy to use and applicable to faculties across the different schools in SMU. Our project comes under a bigger umbrella project called The Pedagogy Project. This scheme provides support for full-time faculty seeking assistance to develop electronic teaching and/or learning resources.

Overview Of The Project

Our project involves developing an e-learning resource system that easily generates and manages e-learning Flash objects using our pre-loaded, re-usable templates. This will give professors a more efficient method of communicating learning materials, in an interactive and dynamic method. Our templates are designed to enable professors to use the five primary types of content that are used in the learning process: facts, concepts, processes, procedures and principles.

Project Description

Pedagogy Project (e-Learning)

Our project comes under a bigger umbrella project called The Pedagogy Project. This scheme provides support for full-time faculty seeking assistance to develop electronic teaching and/or learning resources.

In consultation with faculty and administrative teams, we have articulated a process for supporting Pedagogy Projects (e-Learning). The process provides guidelines for budgeting, proposal submission, project scoping, approval, design, development and pilot testing.

Terms Definition

  • Flash-Learning-Object : A digital resource that can be re-used to support learning [1].
  • Pedagogy Project (e-Learning): Development of an electronic teaching/learning resource that is pedagogically sound, interactive and engaging to supplement a challenging area/topic of classroom teaching[2].
  • 5 types of content: Facts, Concepts, Processes, Procedures, and Principles[3].

More details pertaining to Resuable Learning Objects

5 Types of Content
Fact Unique, specific information in the form of a statement or data or pictures of specific objects.
Concept A group of objects, symbols, ideas, or events that are defined by a single word or term, share common features, and vary on irrelevant features.
Procedure A sequence of steps to be followed by one individual to accomplish a task or make a decision. A procedure contains directions, tasks, or actions that are done the same way each time.
Process A flow of events that describes how something works. It is not necessarily a task done by one person, as manypeople or an organization may be involved.
Principle Directions for tasks that provide employees with guidelines for action. The guidelines must be adapted by the employees to various job situations. Principles require employees to use judgment and discretion when they apply them.

Objectives

Upon completion, our team will have delivered a full working system based on our client’s requirements. The system will be hosted on our school’s server, running 24x7, and we will provide necessary maintenance. Our client and users will be able to efficiently generate new learning objects based on re-usable templates.

Scope

A system which houses:

  1. Flash-Object-Generating-Portal, which includes the re-usable templates, Flex SDK, user account management
  2. Database containing the content of all the flash objects created
  3. Online repository to store our clip art and generated flash objects
  4. Development Server, which we will use to host the portal
  5. Live Application, a real-time whiteboard sharing application for students in class


Part of the development of our portal takes off where George left in his internship. To view more details, visit his page.

Design

Our team designed our products with the end in mind, sticking closely to User-Centered Design philosophy, which builds and designs based on the needs and wants of end-users. Thus, we have much testing, analyzing, surveying to help us forsee the interaction both end-users and non-end users will have with our system. (source:UCD)

Assumptions

  1. Solution can be hosted on the school server permanently, and maintained by us.
    Mitigation: Seek approval once proposal is accepted. Maintenance period is 1 to 1.5 years, will a retainer fee for the team. After which, project will be handed over to either external vendor or student to perform upgrade.
  2. Users will know how to use our system.
    Mitigation: Conduct a User-Acceptance Test on a small pool of faculty.
  3. Users will be comfortable with our system.
    Mitigation: Market research and comparison with other related commercial products.

Reasons we chose Flex

1) Most importantly, it is selected by the client. He explained that flex is an industry product that hinges on interactivity to deliver Rich-internet applications (RIA). We did our own research and found that flex is indeed very scalable, and allows our product to be upgraded with more or enhanced components.

2) Flex is a framework. In designing our application, the importance lies in the design, and the tool which we use is but just a tool. We found that Flex has many components that caters to our needs, for instance, housing a Integration middleware (Live cycle data-services).

3) WYSIWYG – we are focused on customer experience, and Flex allows us to develop applications with WSIWYG interface.

4) Flex SDK is open source, and thus we can use it for production.

5) Flex IDE is license free for academic use. With almost zero resources, it is only natural that we choose Flex.

System

Flash-Object-Generating-Portal

Objectives

  • Deliver interactive, self-learning learning objects to students that is aligned to SMU's interactive teaching pedagogy.
  • A simple, easy-to-use platform that facilitates the creation of flash learning objects with relative ease, using our Flash-object generator and in-built re-usable templates.
  • Cultivate structured teaching/learning through using templates, according to the 5 instructional design content types.
  • Quick building of learning objects of higher interactivity which keeping cost at minimum.


Components Analogy

Templates: Mould

Input: Plaster

Kiln: Flex SDK

Output: Sculpture


The templates are thus resuable and ensure conformity in structural design throughout all output.

But more powerful than this analogy is the capability to 'Edit', or Update under the 'CRUD' model. Therefore, the final output, sculpture, can be modified and then published again. This allows information to be built on top of another.

Key Features

No setup required

This is a Zero-Setup System in which the user only needs a browser and internet access. Unlike Powerpoint or Keynote, there is not installing or upgrading required. Hence, you can use any computer to create or edit your material.

Simply logon to the portal using your SMU username and password. You can now choose one of the carefully crafted templates from the preview screen. You can now customize your template with just a few clicks. There are numerous customization options to help you design e-learning material that is not only effective but aesthetically appealing too.

Now you can start editing the template. You can do so in fullscreen mode by checking the "Full Screen" option at the top right of the page.

Blank template.png

Simple yet powerful

Endproduct-book.png

Crosses all boundaries

Mac.png When it comes to the matter of compatibility, our solution fits right in and bridges the gap. It is platform independent. All you need is a flash compatible browser. Windows.png



Live Application - White-board Sharing

Objectives

  • An easy platform to facilitate class assignments for students and faculty alike
  • View of all submitted assignments at a single glance
  • No requirement of downloading software, like
  • Reduction of the use of paper
  • Convenient storage of all class assignments for future use
  • Dynamic to allow students to make changes

Key Features

Easy method to do class assignments

Students no longer need to do their class assignments in the conventional method. Now, using the same system, students can do their class assignments on their computer itself and with a single click, can upload their assignment on to the server, which will then be stored in the repository, for Faculty to pull out whenever they want to.

Single view of all submissions

As soon as the student clicks on a "Submit" button, the assignment will be uploaded to the server, after which the Professor can pull out to display. The system will allow the Professor to choose how many assignments he may want to display on the screen at one time, thereby allowing the class to view all the submissions at one time. Spaces.png

Dynamic Application

One of the features of this system is that since students are submitting files online, they can make changes and keep uploading to the server and this will keep replacing the older version, thus allowing students to make changes on the spot and thereby learn better.

Users

Non-end-users (Custom Users)

Faculty

End-users

Students

Comparison Table

Features Products
Fx Logo without name.png
Flexperts
Fx adobe elearning.png
Adobe E-Learning
Fx articulate logo.jpg
Articulate
General
Compatibility Cross platform and web-browser Works on major platforms(Windows and Mac) Only works on Windows
Installation Does not require any software setup Package needs to be installed Each package needs to be installed separately
Pricing TBC US $2,187 ex tax US $1,398
Customization Is customized from the start Requires customization Requires customization
Integration with LMS Simple request reply implementation Publishes to acrobat.com Setup required to publish to LMS
Features
Flash generator Yes Yes Yes
Mobile authoring Yes Yes No
Screen sharing Yes No No
Quiz creation Yes Yes Yes
Question of the day setup Yes No No
Features Products
Fx Logo without name.png
Flexperts
Fx Quizcreator.jpg
Wondershare QuizCreator
Fx Vista4.gif
SMU Vista 4
General
Compatibility Cross platform and web-browser Only works on Windows Cross platform and web-browser
Installation Does not require any software setup Package needs to be installed Does not require any software setup
Pricing TBC US $349.95 ex tax Existing
Customization Is customized from the start Requires customization Requires customization
Integration with LMS Simple request reply implementation Able to integrate with any LMS LMS
Features
Flash generator Yes Yes No
Mobile authoring Yes No No
Screen sharing Yes No No
Quiz creation Yes Yes Yes
Question of the day setup Yes No No

Use

A flash learning object is defined as a self-contained, digital resource that can be used to support learning. While flash learning objects are aimed for students to do self-learning outside class, the live application is targetted to be used in class as a whiteboard sharing application.

Exploratory Research

Other than meeting our client's requirements, we also want to know how we can further cater and tailor our product for our users. With our proof of concept, we surveyed xxxx faculty members.....

Incentives

Applying for SMUIA

Our team is also using the SMU Innovation Award as incentive to work towards. This project is innovative because of its purpose to enhance learning between professors and students in a manner that has not yet been tackled.

Project Management

Milestones

Fx milestones.png

  • Each iteration is followed with a User Acceptance Test (UAT)

Presentations

Meeting Minutes

Important meetings with Supervisor
Meeting Minutes - May 31, 2010
Meeting Minutes - July 9, 2010
Meeting Minutes(Supervisor) - August 19, 2010
Meeting Minutes(Supervisor) - August 23, 2010
Meeting Minutes(Supervisor) - August 27, 2010
Meeting Minutes(Supervisor) - September 03, 2010
Meeting Minutes(Supervisor) - September 9, 2010
Meeting Minutes(Supervisor) - September 24, 2010
Meeting Minutes(Supervisor) - October 15, 2010
Meeting Minutes(Supervisor) - October 29, 2010
Meeting Minutes(Supervisor) - November 4, 2010
Meeting Minutes(Supervisor) - November 12, 2010
Meeting Minutes(Supervisor) - November 19, 2010

Important meetings with Clients
Meeting Minutes(Client) - June 03, 2010
Meeting Minutes(Client) - August 26, 2010

Software Setup

Programmers' Setup

  • Adobe Flash Builder (Flex)
  • Flex SDK
  • Microsoft Project / Merlin(Mac equivalent)
  • NetBeans
  • Microsoft Visio

Server Setup

  • Windows XP (Operating System)
  • Flex SDK
  • NetBeans
  • WAMP
  • Tomcat
  • Open Office

Why are we using FLEX?

There are multiple reasons as to why we use flex:

  • Most importantly, it is selected by the client. He explained that flex is an industry product that hinges on interactivity to deliver Rich-internet applications (RIA). We did our own research and found that flex is indeed very scalable, and allows our product to be upgraded with more or enhanced components. The comparison can be found on our wiki page.
  • Flex is a framework. In designing our application, the importance lies in the design, and the tool which we use is but just a tool. We found that Flex has many components that caters to our needs, for instance, housing a Integration middleware (Live cycle data-services).
  • WYSIWYG – we are focused on customer experience, and Flex allows us to develop applications with WSIWYG interface.
  • Flex SDK is open source, and thus we can use it for production. Flex IDE is license free for academic use. With almost zero resources, it is only natural that we choose Flex.

So Why Flash?

  • High distribution

Only the Adobe Flash Player must be installed. No additional player needs to be installed on the client's computer. Because so many well known pages require the flash player, most computers already have the Flash Player installed. In fact Flash has reached an accessibility of almost 99% (look here).

  • Multi-platform

Windows, Linux, Mac

  • Easy and quick installation

If a user has not installed the flash player has an old version the installation / update process is both simple and fast!

  • Quick start up

On an average PC the startup process of the Flash plugin is very quick (normally under one second). Java-Applets (for example) unfortunately often need much longer to start up !

Resources and reference materials

For the purpose of our development in the proposed solution, our client has put together a mini-library of 20 technical help books, covering topics from Flex to XML to databases. We are also using Proquest e-books for reference purpose.
For software, our client has provided us the entire Adobe Master Suite Collection for project development. We have also each obtained an educational copy of licensed Adobe Flash Builder (Flex). The SDK is open-source. We have also obtained budget to purchase an online clip art resource for our repository. For the purpose of comparison, we have also purchased several licenses of related commercial software to better leverage our product.
Server will either be hosted on the SMU Library development server, IS server (yet to seek permission), or on CIT’s server (maintained by us). On top of that, we are in the midst of negotiating with the Vista Team, IITS, on how we can use a prototype of their new LMS to test out our system.

References

  1. Beck, Robert J., 2009
  2. Singapore Management University, 2009
  3. Clark & Chopeta, 2004