The plug-in of SRec for BlueJ

concepcionsockΛογισμικό & κατασκευή λογ/κού

15 Αυγ 2012 (πριν από 5 χρόνια και 6 μέρες)

319 εμφανίσεις

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

1

Plug
-
in of SRec for BlueJ

Antonio Pérez Carrasco

J. Ángel Velázquez Iturbide

Francisco Almeida Martínez


http://www.lite.etsii.urjc.es
/srec

PVW
2011

[ ] PVW 2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

2

Index


Introduction


SRec


BlueJ


The plug
-
in of SRec for BlueJ


Motivation


How to install


How to use


Conclusions

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

3

Introduction


IDE: Integrated Development Environment


Extended in software industry and universities


Eclipse


NetBeans


BlueJ (only at the university, it’s very simple)


They allow us to add some plug
-
ins


To increase functionality


To increase comfort


To increase customization

Interesting for educational
environment

Useful!

And faster!

Just what I need!

[ ] PVW 2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

4

SRec


SRec, software application focused on
visualizing some kind of algorithms:


Recursion


“Divide and conquer” technique


How to use SRec (stand alone version)

1.
Write with SRec

Load into SRec

2.
Launch the algorithm that we want to visualize

3.
Use the interactive visualization as we need

code of the recursive algorithm

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

5

SRec

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

6

SRec


SRec allows:


Automatic/manual animation (steps, jumps,
begin/end)


To select what information is showed


Methods


Parameters


Input/output values


To use some tools for navigation


Zoom


Scroll


Minimap


[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

7

SRec


SRec allows:


To see some information about the visualization:


Number of total nodes


Signature of all involved Methods…


To search and to highlight some nodes


Studies about redundancy


To export graphical file for:


Slides


Reports


Web pages




[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

8

BlueJ


IDE focused on teaching first steps on
programming (object oriented)


It has its own code editor


It shows an UML diagram in the main window


It makes easier object handling


Creation


Manipulation


Reviewing of the state


[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

9

BlueJ

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

10

Plug
-
in of SRec for BlueJ


Motivation


Easier for users


They have just to learn how to program with one
program, BlueJ, for having funcionalities of BlueJ and
SRec


They don’t have to move code from BlueJ to SRec


One running launched


multiple uses


To know the result (BlueJ,SRec)


Debugging with checkpoints (BlueJ)


Debugging in a visual way (SRec)


Animation (SRec)


Step
-
by
-
step and interactive visual analysis (SRec)


[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

11

Plug
-
in of SRec for BlueJ


Motivation


Good for BlueJ


A new funcionality


Good for SRec


More students and teachers can know about SRec now


How to install


Download a ZIP file* from the web of SRec


* not available yet


Extract content into the BlueJ extensions folder


C :
\

Program Files
\

BlueJ
\

lib
\

extensions (Windows)

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

12

Plug
-
in of SRec for BlueJ


How to use


When BlueJ is launched, it automatically loads
SRec plug
-
in


You use BlueJ as usual + “SRec pop
-
up”


Steps:


1
º Launch BlueJ


2
º Open your BlueJ project


3
º Launch a method


SRec window automatically appears and:

»
Executes the same method

»
Shows the visualization of that execution

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

13

Plug
-
in of SRec for BlueJ

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

14

Conclusions


Two tools were introduced:


SRec


BlueJ


We talked about the plug
-
in of SRec for BlueJ


Pros


Cons? (no cons!)


How it works


We justified this work

[ ] PVW
2011


A. Pérez Carrasco, J. Á. Velázquez I., F. Almeida M.

Universidad Rey Juan Carlos


Laboratory of Information Technologies in Education

15

Plug
-
in of SRec for BlueJ

Antonio Pérez Carrasco

J. Ángel Velázquez Iturbide

Francisco Almeida Martínez


http://www.lite.etsii.urjc.es
/srec

PVW
2011