VEEC 2016

VIETNAM ENGINEERING EDUCATION CONFERENCE

Session 15: Techology for Teaching

THE E-PORTFOLIO DEVELOPMENT PROCESS

FOR GRAPHIC ARTS STUDENTS

Presenter: Tran Thanh Ha

Head of Printing Technology Department
Faculty of High Quality and Training

VEEC 2016 15 April 2016 1

Presenter:
Tran Thanh Ha
Head of Printing Technology Department
Faculty of High Quality and Training
Lecturer for Graphic Arts and Media Faculty
and for Faculty of High Quality and Training
E-mail: hatt@hcmute.edu.vn
Mobile: (84)918305196

VEEC 2016 15 April 2016 2

 CONTENT

1. Portfolio introduction *
2. Why do graphic arts students need to use E-portfolio to
find a job? *
3. The Electronic Portfolio Development Process *
4. Students’ e-portfolio examples *
5. Conclusion *

VEEC 2016 15 April 2016 3

 1. Portfolio introduction

An electronic portfolio (also known as an eportfolio, e-portfolio, digital

portfolio, or online portfolio) is a collection of electronic evidence
assembled and managed by a user, usually on the Web. Such electronic
evidence may include inputted text, electronic files, images, multimedia,
blog entries, and hyperlinks. E-portfolios are both demonstrations of the
user's abilities and platforms for self-expression, and, if they are online,
they can be maintained dynamically over time

(From Wikipedia)

VEEC 2016 15 April 2016 4

 1. Portfolio introduction (cont.)

E-portfolios in Education: 6 major functions

 Document skills and learning;

 Record and track development within a program;

 Plan educational programs;

 Evaluate and monitor performance;

 Evaluate a course;

 Find a job

VEEC 2016 15 April 2016 5

 2. Why do graphic arts students need to use
E-portfolio to find a job?

https://en.wikipedia.org/wiki/Job_interview
VEEC 2016 15 April 2016 6
 2. Why do graphic arts students need to use
E-portfolio to find a job? (cont.)

How to show yourself effectively in 15 minutes?

 Knowledge
 Skills
• Technical skills: Structural Design;
Graphic Design; 3D simulation, Vector
processing; Image processing; Files
converting and preflighting; Imposition;
Color management…
• Soft skills: Communication skills; Team
work skills; Problem-solving skills…
 Hobbies

VEEC 2016 15 April 2016 7

 2. Why do graphic arts students need to use
E-portfolio to find a job? (cont.)

How to show yourself effectively in 15 minutes?

E-portfolio

VEEC 2016 15 April 2016 8

 3. The E- Portfolio Development Process

Five Stages 1. Defining the

Portfolio
Context & Goals

5. The
2. The Working
Presentation
Portfolio
Portfolio

4. The
3. The Reflective
Connected
Portfolio
Portfolio

VEEC 2016 15 April 2016 9

 3. The E- Portfolio Development Process (cont.)
Step 1: Defining the Portfolio Context & Goals

Finding a job e-portfolio

• Who is the employer (Foreign Company or
Domestic Company)? the use of the
language
Goals • What is the desired position? Studying the
job description. *

• How many kinds of

Portfolios are needed?
Only e-porfolio or both Defining the
kinds (e-porfolio and Portfolio
print porfolio) Context & • How many parts are
Studying the technical Goals there in the Portfolio?
Standard Depending on the job
description and on the
Form Context
available data

VEEC 2016 15 April 2016 10

 3. The E- Portfolio Development Process (cont.)
Step 1: Defining the Portfolio Context & Goals (cont.)

Job description: Packaging Designer (Example)

 The main responsibilities include
 Responsible for structural and visual packaging design services in support of the new product
development process.
 Designing, modelling, testing and prototyping foodservice or consumer goods packaging
 The requirements for a suitable candidate are
 The successful candidate will have Bachelor’s Degree from a Design Institute or University
 Preferably 1-3 years of practical work experience in packaging and/or graphical design.
 Ability to design, model, test and make prototypes of foodservice and consumer goods packaging.
 Proficiency of CAD (Computer Aided Design programs), Adobe Photoshop, Illustrator, InDesign,
Microsoft Word, Excel, and PowerPoint.
 Good English language and communication skills, with the ability to develop positive working
relations at various levels internally and externally with clients.
 Artistic, creative with ability to meet tight deadlines.
 Team work oriented.
http://www.huhtamaki.com/careers/job-opportunities

VEEC 2016 15 April 2016 11

 3. The E- Portfolio Development Process (cont.)
Step 1: Defining the Portfolio Context & Goals (cont.)

 Context
 Introduce yourself (Full name; Age; Phone; Contact address; Email address;
Specialized field; Graduation year; Work Experience (if any); Achievement or
prizes….)
 Introduce your experiences:
o Technical skills
o Soft skills

VEEC 2016 15 April 2016 12

 3. The E- Portfolio Development Process (cont.)
Step 1: Defining the Portfolio Context & Goals (cont.)

The difference between E-Portfolio and Print-Portfolio

• Bleed
PRINT- • Printing quality (Image resolution,
minimum text size)
Portfolio • Printer paper sizes
• Table of content NEED
BOTH
FORMS

• File size
E- •
•
Links, Hyperlink
Multimedia
Portfolio • The size of media display screen

VEEC 2016 15 April 2016 13

 3. The E- Portfolio Development Process (cont.)
Step 1: Defining the Portfolio Context & Goals (cont.)

NEED BOTH FORMS :

The best way is:

1. Design and create your portfolio as Print Portfolio

2. Converting Print Portfolio to E- Portfolio automatically by suitable

setting (in order to reduce file size)

3. Adjusting some features to get E- Portfolio (Hyperlinks, bookmarks,

multimedia….)

VEEC 2016 15 April 2016 14

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio

TEACHER/TUTOR STUDENTS
•Introduce basic requirements
• Study/Select a typical Portfolio
•demonstrate and analyze some samples to help students
A. Choosing A. Choosing • Choose the type of portfolio
types choosing the types of portfolio types

•Layout: Adobe InDesign, Illustrator

• Test software features that are strongly affected to e- Portfolio
B. Choosing •Adobe Acrobat Professional + plugins B. Choosing
Softwares Softwares

•Computer hard disk, USB

• Select suitable storage depending on one own condition
C. Identify •WWW server, CD-ROM, etc C. Identify
the storage the storage

•Give guidelines for 2D files (images, graphics, logos, etc • Gather 2D files (images, graphics, logos, etc
D. Gather •Give guidelines for Multimedia files D. Gather • Gather Multimedia file
materials materials

• Make layout
•Give guidelines • Convert to print portfolio pdf
E. Control and E. Do and
Guide Adjust • Convert to e- portfolio pdf

VEEC 2016 15 April 2016 15

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Basic requirements of a portfolio:

 Consistency:
• Every things must be in the same logic (using colors; layout, ect.)
• If you put the first graphic design at the center of the 1st page, then the other
designers will also be center on all pages after it
 Background color:
• Commonly used neutral colors. The most suitable colors are white, black or
light gray to avoid pushing the viewers’ attention from major works.
• Avoid using different background colors/ subtracts to interrupt the flow of
Portfolio
 Begins and ends strongly (*) (**)
• Begin with something fresh and new to the Interviewer/Reader.
• Main part: Keep stable impression.
• End with 2-3 best works (or projects)

VEEC 2016 15 April 2016 16

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Examples:
 hanhnguyen’s portfolio *
 Nguyensimso’s portfolio **

VEEC 2016 15 April 2016 17

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Convert layout files to pdf file:

 Why do we choose a pdf file format?:
 Easy to convert with suitable settings (Color space, image resolution, fonts,
ect.) e-portfolio pdf setting. Joboption (From Distiller)
 Can convert a print portfolio pdf file into a E-portfolio pdf file at the latest
moment.
 How to do?
Layout Files

Export (Indesign)/
Save as (Illustrator)

File PDF

VEEC 2016 15 April 2016 18

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Optimize pdf file:

RGB color
space

Avoid
Reduce
using
image
Pattern,
WAYS resolution
effect TO
REDUCE
FILE SIZE Pdf setting in
Distiller *

JPEG
Split files
2000

VEEC 2016 15 April 2016 19

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Pdf setting in Distiller *

VEEC 2016 15 April 2016 20

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

JPEG2000 compression
 The JPEG2000 compression algorithm was released by an ISO standardization
committee in January 2001.
 It adds a wavelet-based algorithm to the existing JPEG compression algorithms.
This wavelet-transformation algorithm offers improved image quality at very high
compression ratios.
 JPEG2000 is said to produce as much as a 20% improvement in compression
efficiency over the current JPEG format.
 It also offers an optional lossless compression mode. Lossless JPEG2000 files
areabout half the size of the original.

VEEC 2016 15 April 2016 21

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Convert a print
portfolio pdf file
into a E-portfolio
pdf :
 PDF Optimizer
 File/Save as
Other/Reduce
Size PDF

VEEC 2016 15 April 2016 22

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Convert a print
portfolio pdf file
into a E-portfolio
pdf :
 PDF Optimizer
 File/Save as
Other/Reduce
Size PDF

VEEC 2016 15 April 2016 23

 3. The E- Portfolio Development Process (cont.)
Step 2: The Working Portfolio (cont.)

Adjust e-portfolio:
 Set bookmarks
 Set links: By hand or automatically
 Put multimedia file into pdf file:
Tool/Interactive Objects/ Add

VEEC 2016 15 April 2016 24

 3. The E- Portfolio Development Process (cont.)
Step 3: The Reflective Portfolio

Make evaluation reviews:

- From Frends Record feedback
- From teachers on work and achievement of goals
- From specialized persons

Here are three simple questions to ask which clarify this reflective process
1. "What?"
2. "So what?"
3. "Now what?"

VEEC 2016 15 April 2016 25

 3. The E- Portfolio Development Process (cont.)
Step 4: The Connected Portfolio

- Adjust/ Modify hyperlinks

- Create a table of contents to structure the portfolio
- Checking the portfolio

VEEC 2016 15 April 2016 26

 3. The E- Portfolio Development Process (cont.)
Step 4: The Connected Portfolio

- Adjust/ Modify hyperlinks

- Create a table of contents to structure the portfolio
- Checking the portfolio

(In some simple cases: This step can be include to the 2nd step)

VEEC 2016 15 April 2016 27

 3. The E- Portfolio Development Process (cont.)
Step 5: The Presentation Portfolio

- Record the portfolio to an appropriate presentation and storage medium

- Introduced before the viewer (real or virtual)
- Evaluate accessibility / readability, understanding
- Adjustment (if necessary)
- Bringing e-Portfolio online or packaged in the storage media

VEEC 2016 15 April 2016 28

 4. Students’ e-portfolio examples

Examples:
 hanhnguyen’s portfolio *
 Nguyensimso’s portfolio **
 TranVanVinh ’s portfolio ***

VEEC 2016 15 April 2016 29

 5. Conclusion

 2 classes of final students have made the Electronic Portfolios as resumes with
relatively good results.

 E- Portfolio Development Process has been introduced to final year students. It

helps them to make their E-portfolios effectively and quickly.

 Students have 2 products (print an E-portfolio) at the same time. They can save
time and money when finding the dream jobs.

 The cooperation between teachers and students has improved the training
qualities .

VEEC 2016 15 April 2016 30

 THANK YOU
FOR LISTENING!

VEEC 2016 15 April 2016 31