journal of language studies - uitm irir.uitm.edu.my/id/eprint/11452/1/aj_mohamed amin embi jols...

1

Upload: others

Post on 23-Mar-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies Academy of Language Studies

Peranan Bahasa Menangani Cabaran Menjadi Sebuah bdquo mdash bdquo

mdashologi MARA ^ ^

bulllaquo Lecturers Evaluation Form A Critical Response y Students and Lecturers

uman Errors as Functions of Language

ew Times and New Texts Reconceptualising Literacy Education for the Twenty-first Century

A Personal Perspective of an ESP Teachers Professional Development

Strategi Pengajaran Bahasa Arab Sebagai Bahasa Ketiga Menggunakan Pendekatan Bahasa Inggeris Suatu pengalaman di UiTM

Sexist Language Terms of Reference for Women and Men

Apakah Makna Perkataan Mei (Cantik) dalam Bahasa Mandarin

WeB-CEPT A Content Creation Tool for English Language Teact

Business CommunuL Verbs Nouns Adjectives

Md Noh Nyata

Julina Munchar Paul Ang Ban Hock

Choy Tuck Onn Anna Fung

atrick Tourchon

Moses Samuel Saratha Sithamparam

mesh Nair

Jeo Kian Sen i leng Buai Chin

ohamed Amin Embi

Afendi Hamat

Fatimah Dinna Mohd Din

WeB-CEPT A Content Creation Tool for English Language Teaching

Mohamed Amin Embi Afendi Hamat

Although e-learning is more available than before with the advent of Learning Networks there is still a lack of localised tools for creating online language learning and teaching materials especially for the teaching and learning of ESL in the Malaysian context The purpose of this paper is to describe a 3-in-l tool known as WeB-CEPT (httpwwweltrecukmmyadd modulesasp) designed to assist ESL teachers create edit and publish online language learning and teaching materials WeB-CEPT which is the acronym for Web-Based Creating Editing and Publishing Tool is a Content Creation Tool (CCT) that enables ESL teachers to create WYSIWYG (What-You-See-Is-WhatYou-Get) HTML documents online and save them into an educational portal known as ELT-TReC (ELT-Online Teacher Resource Center) developed by the authors The documents may contain simple text formatting hyperlinks and images WeB-CEPT also offers ESL teachers the ability to switch between WYSIWYG view and HTML code view This enables teachers proficient with HTML to directly edit their contents in the WeB-CEPT work area

Introduction

The phenomenal growth of the Internet has benefited the education sector and is identified as the main benefactor of multimedia technology (Manjit amp Ramesh 2001) As the content is generally very current and up-to-date and the language used to present it is real and authentic (Brown 1999) the Internet is a potentially useful source for ESL teachers and learners There are two views regarding the use of Internet in ESL classrooms (Chantrill 2000) The first sees the Internet as just another way of using computers to assist ESL teaching and learning On the other hand the other holds the opinion that the Internet and Computer

111

Journal of Language Studies

Assisted Language Learning (CALL) are two separate areas Regardless of these two contrasting schools of thought the fact that the Internet possesses the potential to retrieve and provide almost unlimited information very fast has made it to be a great tool in ESL classrooms In fact Maddux Johnson and Willis (1997) believe that the capability of the Internet as an educational tool is only limited by the imagination and creativity of ESL teachers and learners

There is little doubt that the advent of the Internet has transformed the way information is disseminated Virtually anyone including individual ESL teachers and students can become an information provider to the world In addition the web offers the possibility of ESL teachers to contribute supplementary language teaching and learning materials available electronically and putting them into an interactive environment (Jones 1986) These online language learning materials can be updated or added from time to time and students have 24-hours remote platform-independent access (the accessibility to the web regardless of the type of computer the students use) largely due to the use of Hypertext Markup Language (HTML)

The strength of the web as a language learning teaching and learning tool has prompted many ESL educators to start presenting their materials online Nevertheless Malaysian educators especially ESL teachers usually do not have access to the tools or skills needed to successfully implement it in their institutions (Mohamed Amin Embi 2004) Those who are competent enough could develop basic delivery tools that may or may not meet all their instructional needs Tools that provide facilities to help ESL educators deliver their materials and instructions are usually very costly or do not fit into the institutions needs (Abbey 2001) Although there are a few commercially available products that offer solutions for online language learning they are expensive to acquire and maintain They are also not designed specifically for the Malaysian scenario catering instead to global markets Mohamed Amin Embi Ramlee Mustapha and Sidek Abdul Aziz (2001) also argue that although online learning is more available than before with the advent of Learning Networks there is still lack of localised tools for creating online language learning and teaching materials especially for the learning and teaching of English in the Malaysian context The purpose of this paper is to describe a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers create edit and publish online language learning and teaching materials

112

WeB-CEPT A Content Creation Tool for English Language Teaching

Features of WeB-CEPT

WeB-CEPT (Mohamed Amin Embi 2003) which is the acronym for Web-Based Creating Editing and Publishing Tool is a tool that enables users to create documents into database embedded in an online resource center known as ELT-TReC or ELT-Online Teacher Resource Center (see Picture 1) (Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan 20022003) The documents may contain simple text formatting hyperlinks and images WeB-CEPT also offers users the ability to switch between WYSIWYG (What-You-See-Is-What-You-Get) view and HTML code view This enables users proficient with HTML to directly edit their contents in the WeB-CEPT work area WeB-CEPT is based on client side DHTML (Dynamic HTML) and JavaScript technologies As such it is very dependant on the type of browser used Currently the browser supported for use with WeB-CEPT is Internet Explorer 55 and above Other browsers lack the DHTML support available in Internet Explorer 55 and above Basically WeB-CEPT offers the following features to users

1 Basic text formatting such as bold italics and underline (see Appendix 1)

2 Switching from WYSIWYG view to HTML view This lets advanced users tweak the underlying HTML if they so desire

Picture 1 ELT-TReC Homepage

113

Journal of Language Studies

3 Image insertion Images can be uploaded from the users computer to the ELT-TReC site (see Appendix 2)

4 Hyperlinks insertion Users can add hyperlinks to other web

The server side technology used to process and store user-created modules in WeB-CEPT into the ELT-TReC database is ASP (Active Server Pages) although in theory other scripting languages such as PHP could work with WeB-CEPT WeB-CEPT is not a mature tool which means there is still room for improvement

Creating Publishing amp Editing Online Language Materials

Mohamed Amin Embi (2003 2004) argues that Malaysian ESL teachers wanting to manage online language learning materials on the web often encounter three major obstacles Firstly they require a web authoring tool to create a web site that can display the materials they have produced Secondly they need to look for a host server to upload and publish the web site developed Thirdly and more importantly they face problem updating the materials already published on the web Web-CEPT (httpwwweltrecukmmyadd modulesasp) is a 3-in-l Content Creation Tool (CCT) designed to assist ESL teachers create edit and publish online English language learning and teaching materials

To create a unit of language teaching or learning material users need to click on the WeB-CEPT button in ELT-TReC and start by clicking the Add Your Module button After filling in the Title and Description of the module users can begin typing in the work area provided on the screen (see Picture 2)

Once the materials are typed in the work area or alternatively being cut-and-pasted from a word document the module will be published on the web as soon as the Save Document button is clicked The module is then displayed in ELT-TReC (see Picture 3) and is accessible to students to be viewed (see Picture 4)

To edit an existing module already created a user needs to click the Edit button placed next to the module(s) heshe has created and start adding or formatting the text WeB-CEPT allows users to format text with the following formats

1 Bold 2 Italics

114

WeB-CEPT A Content Creation Tool for English Language Teaching

I bull J 9

| l

earch Failed to retrie

eCfr

H e m e I I I I I I v Mraquo Profile | Admin

^ - laquo M

This module provides examples of

This is optional Only f i le in ZIP DOC or PPT format will he accepted For instruction on using Win ip plea

j i t your Wini ip documentation To download Winzip plea t For instructions lt

ing MiCM Jof t Word documents and PowerPoint presentations please consult your Microsoft Office r-cp

Write You Module Below

Select Fun- v jbdquo [ n l l J l g g i g ] g j

Examples of Sentences in the present tense

She goes to schools

He plays football

Picture 2 The work area in Web-CEPT

0 +$bull

3 Underline 4 Numbered List 5 BulletedList 6 Text Alignment (Left Centre and Right) 7 Indent 8 Horizontal Line

Details on the procedures involved in formatting texts uploading and inserting images as well as inserting hyperlinks in WeB-CEPT can be found in Appendices 1 2 and 3

Summary

This paper presents briefly a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers manage online language learning and teaching

115

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 2: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

Mohamed Amin Embi Afendi Hamat

Although e-learning is more available than before with the advent of Learning Networks there is still a lack of localised tools for creating online language learning and teaching materials especially for the teaching and learning of ESL in the Malaysian context The purpose of this paper is to describe a 3-in-l tool known as WeB-CEPT (httpwwweltrecukmmyadd modulesasp) designed to assist ESL teachers create edit and publish online language learning and teaching materials WeB-CEPT which is the acronym for Web-Based Creating Editing and Publishing Tool is a Content Creation Tool (CCT) that enables ESL teachers to create WYSIWYG (What-You-See-Is-WhatYou-Get) HTML documents online and save them into an educational portal known as ELT-TReC (ELT-Online Teacher Resource Center) developed by the authors The documents may contain simple text formatting hyperlinks and images WeB-CEPT also offers ESL teachers the ability to switch between WYSIWYG view and HTML code view This enables teachers proficient with HTML to directly edit their contents in the WeB-CEPT work area

Introduction

The phenomenal growth of the Internet has benefited the education sector and is identified as the main benefactor of multimedia technology (Manjit amp Ramesh 2001) As the content is generally very current and up-to-date and the language used to present it is real and authentic (Brown 1999) the Internet is a potentially useful source for ESL teachers and learners There are two views regarding the use of Internet in ESL classrooms (Chantrill 2000) The first sees the Internet as just another way of using computers to assist ESL teaching and learning On the other hand the other holds the opinion that the Internet and Computer

111

Journal of Language Studies

Assisted Language Learning (CALL) are two separate areas Regardless of these two contrasting schools of thought the fact that the Internet possesses the potential to retrieve and provide almost unlimited information very fast has made it to be a great tool in ESL classrooms In fact Maddux Johnson and Willis (1997) believe that the capability of the Internet as an educational tool is only limited by the imagination and creativity of ESL teachers and learners

There is little doubt that the advent of the Internet has transformed the way information is disseminated Virtually anyone including individual ESL teachers and students can become an information provider to the world In addition the web offers the possibility of ESL teachers to contribute supplementary language teaching and learning materials available electronically and putting them into an interactive environment (Jones 1986) These online language learning materials can be updated or added from time to time and students have 24-hours remote platform-independent access (the accessibility to the web regardless of the type of computer the students use) largely due to the use of Hypertext Markup Language (HTML)

The strength of the web as a language learning teaching and learning tool has prompted many ESL educators to start presenting their materials online Nevertheless Malaysian educators especially ESL teachers usually do not have access to the tools or skills needed to successfully implement it in their institutions (Mohamed Amin Embi 2004) Those who are competent enough could develop basic delivery tools that may or may not meet all their instructional needs Tools that provide facilities to help ESL educators deliver their materials and instructions are usually very costly or do not fit into the institutions needs (Abbey 2001) Although there are a few commercially available products that offer solutions for online language learning they are expensive to acquire and maintain They are also not designed specifically for the Malaysian scenario catering instead to global markets Mohamed Amin Embi Ramlee Mustapha and Sidek Abdul Aziz (2001) also argue that although online learning is more available than before with the advent of Learning Networks there is still lack of localised tools for creating online language learning and teaching materials especially for the learning and teaching of English in the Malaysian context The purpose of this paper is to describe a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers create edit and publish online language learning and teaching materials

112

WeB-CEPT A Content Creation Tool for English Language Teaching

Features of WeB-CEPT

WeB-CEPT (Mohamed Amin Embi 2003) which is the acronym for Web-Based Creating Editing and Publishing Tool is a tool that enables users to create documents into database embedded in an online resource center known as ELT-TReC or ELT-Online Teacher Resource Center (see Picture 1) (Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan 20022003) The documents may contain simple text formatting hyperlinks and images WeB-CEPT also offers users the ability to switch between WYSIWYG (What-You-See-Is-What-You-Get) view and HTML code view This enables users proficient with HTML to directly edit their contents in the WeB-CEPT work area WeB-CEPT is based on client side DHTML (Dynamic HTML) and JavaScript technologies As such it is very dependant on the type of browser used Currently the browser supported for use with WeB-CEPT is Internet Explorer 55 and above Other browsers lack the DHTML support available in Internet Explorer 55 and above Basically WeB-CEPT offers the following features to users

1 Basic text formatting such as bold italics and underline (see Appendix 1)

2 Switching from WYSIWYG view to HTML view This lets advanced users tweak the underlying HTML if they so desire

Picture 1 ELT-TReC Homepage

113

Journal of Language Studies

3 Image insertion Images can be uploaded from the users computer to the ELT-TReC site (see Appendix 2)

4 Hyperlinks insertion Users can add hyperlinks to other web

The server side technology used to process and store user-created modules in WeB-CEPT into the ELT-TReC database is ASP (Active Server Pages) although in theory other scripting languages such as PHP could work with WeB-CEPT WeB-CEPT is not a mature tool which means there is still room for improvement

Creating Publishing amp Editing Online Language Materials

Mohamed Amin Embi (2003 2004) argues that Malaysian ESL teachers wanting to manage online language learning materials on the web often encounter three major obstacles Firstly they require a web authoring tool to create a web site that can display the materials they have produced Secondly they need to look for a host server to upload and publish the web site developed Thirdly and more importantly they face problem updating the materials already published on the web Web-CEPT (httpwwweltrecukmmyadd modulesasp) is a 3-in-l Content Creation Tool (CCT) designed to assist ESL teachers create edit and publish online English language learning and teaching materials

To create a unit of language teaching or learning material users need to click on the WeB-CEPT button in ELT-TReC and start by clicking the Add Your Module button After filling in the Title and Description of the module users can begin typing in the work area provided on the screen (see Picture 2)

Once the materials are typed in the work area or alternatively being cut-and-pasted from a word document the module will be published on the web as soon as the Save Document button is clicked The module is then displayed in ELT-TReC (see Picture 3) and is accessible to students to be viewed (see Picture 4)

To edit an existing module already created a user needs to click the Edit button placed next to the module(s) heshe has created and start adding or formatting the text WeB-CEPT allows users to format text with the following formats

1 Bold 2 Italics

114

WeB-CEPT A Content Creation Tool for English Language Teaching

I bull J 9

| l

earch Failed to retrie

eCfr

H e m e I I I I I I v Mraquo Profile | Admin

^ - laquo M

This module provides examples of

This is optional Only f i le in ZIP DOC or PPT format will he accepted For instruction on using Win ip plea

j i t your Wini ip documentation To download Winzip plea t For instructions lt

ing MiCM Jof t Word documents and PowerPoint presentations please consult your Microsoft Office r-cp

Write You Module Below

Select Fun- v jbdquo [ n l l J l g g i g ] g j

Examples of Sentences in the present tense

She goes to schools

He plays football

Picture 2 The work area in Web-CEPT

0 +$bull

3 Underline 4 Numbered List 5 BulletedList 6 Text Alignment (Left Centre and Right) 7 Indent 8 Horizontal Line

Details on the procedures involved in formatting texts uploading and inserting images as well as inserting hyperlinks in WeB-CEPT can be found in Appendices 1 2 and 3

Summary

This paper presents briefly a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers manage online language learning and teaching

115

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 3: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

Assisted Language Learning (CALL) are two separate areas Regardless of these two contrasting schools of thought the fact that the Internet possesses the potential to retrieve and provide almost unlimited information very fast has made it to be a great tool in ESL classrooms In fact Maddux Johnson and Willis (1997) believe that the capability of the Internet as an educational tool is only limited by the imagination and creativity of ESL teachers and learners

There is little doubt that the advent of the Internet has transformed the way information is disseminated Virtually anyone including individual ESL teachers and students can become an information provider to the world In addition the web offers the possibility of ESL teachers to contribute supplementary language teaching and learning materials available electronically and putting them into an interactive environment (Jones 1986) These online language learning materials can be updated or added from time to time and students have 24-hours remote platform-independent access (the accessibility to the web regardless of the type of computer the students use) largely due to the use of Hypertext Markup Language (HTML)

The strength of the web as a language learning teaching and learning tool has prompted many ESL educators to start presenting their materials online Nevertheless Malaysian educators especially ESL teachers usually do not have access to the tools or skills needed to successfully implement it in their institutions (Mohamed Amin Embi 2004) Those who are competent enough could develop basic delivery tools that may or may not meet all their instructional needs Tools that provide facilities to help ESL educators deliver their materials and instructions are usually very costly or do not fit into the institutions needs (Abbey 2001) Although there are a few commercially available products that offer solutions for online language learning they are expensive to acquire and maintain They are also not designed specifically for the Malaysian scenario catering instead to global markets Mohamed Amin Embi Ramlee Mustapha and Sidek Abdul Aziz (2001) also argue that although online learning is more available than before with the advent of Learning Networks there is still lack of localised tools for creating online language learning and teaching materials especially for the learning and teaching of English in the Malaysian context The purpose of this paper is to describe a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers create edit and publish online language learning and teaching materials

112

WeB-CEPT A Content Creation Tool for English Language Teaching

Features of WeB-CEPT

WeB-CEPT (Mohamed Amin Embi 2003) which is the acronym for Web-Based Creating Editing and Publishing Tool is a tool that enables users to create documents into database embedded in an online resource center known as ELT-TReC or ELT-Online Teacher Resource Center (see Picture 1) (Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan 20022003) The documents may contain simple text formatting hyperlinks and images WeB-CEPT also offers users the ability to switch between WYSIWYG (What-You-See-Is-What-You-Get) view and HTML code view This enables users proficient with HTML to directly edit their contents in the WeB-CEPT work area WeB-CEPT is based on client side DHTML (Dynamic HTML) and JavaScript technologies As such it is very dependant on the type of browser used Currently the browser supported for use with WeB-CEPT is Internet Explorer 55 and above Other browsers lack the DHTML support available in Internet Explorer 55 and above Basically WeB-CEPT offers the following features to users

1 Basic text formatting such as bold italics and underline (see Appendix 1)

2 Switching from WYSIWYG view to HTML view This lets advanced users tweak the underlying HTML if they so desire

Picture 1 ELT-TReC Homepage

113

Journal of Language Studies

3 Image insertion Images can be uploaded from the users computer to the ELT-TReC site (see Appendix 2)

4 Hyperlinks insertion Users can add hyperlinks to other web

The server side technology used to process and store user-created modules in WeB-CEPT into the ELT-TReC database is ASP (Active Server Pages) although in theory other scripting languages such as PHP could work with WeB-CEPT WeB-CEPT is not a mature tool which means there is still room for improvement

Creating Publishing amp Editing Online Language Materials

Mohamed Amin Embi (2003 2004) argues that Malaysian ESL teachers wanting to manage online language learning materials on the web often encounter three major obstacles Firstly they require a web authoring tool to create a web site that can display the materials they have produced Secondly they need to look for a host server to upload and publish the web site developed Thirdly and more importantly they face problem updating the materials already published on the web Web-CEPT (httpwwweltrecukmmyadd modulesasp) is a 3-in-l Content Creation Tool (CCT) designed to assist ESL teachers create edit and publish online English language learning and teaching materials

To create a unit of language teaching or learning material users need to click on the WeB-CEPT button in ELT-TReC and start by clicking the Add Your Module button After filling in the Title and Description of the module users can begin typing in the work area provided on the screen (see Picture 2)

Once the materials are typed in the work area or alternatively being cut-and-pasted from a word document the module will be published on the web as soon as the Save Document button is clicked The module is then displayed in ELT-TReC (see Picture 3) and is accessible to students to be viewed (see Picture 4)

To edit an existing module already created a user needs to click the Edit button placed next to the module(s) heshe has created and start adding or formatting the text WeB-CEPT allows users to format text with the following formats

1 Bold 2 Italics

114

WeB-CEPT A Content Creation Tool for English Language Teaching

I bull J 9

| l

earch Failed to retrie

eCfr

H e m e I I I I I I v Mraquo Profile | Admin

^ - laquo M

This module provides examples of

This is optional Only f i le in ZIP DOC or PPT format will he accepted For instruction on using Win ip plea

j i t your Wini ip documentation To download Winzip plea t For instructions lt

ing MiCM Jof t Word documents and PowerPoint presentations please consult your Microsoft Office r-cp

Write You Module Below

Select Fun- v jbdquo [ n l l J l g g i g ] g j

Examples of Sentences in the present tense

She goes to schools

He plays football

Picture 2 The work area in Web-CEPT

0 +$bull

3 Underline 4 Numbered List 5 BulletedList 6 Text Alignment (Left Centre and Right) 7 Indent 8 Horizontal Line

Details on the procedures involved in formatting texts uploading and inserting images as well as inserting hyperlinks in WeB-CEPT can be found in Appendices 1 2 and 3

Summary

This paper presents briefly a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers manage online language learning and teaching

115

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 4: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

Features of WeB-CEPT

WeB-CEPT (Mohamed Amin Embi 2003) which is the acronym for Web-Based Creating Editing and Publishing Tool is a tool that enables users to create documents into database embedded in an online resource center known as ELT-TReC or ELT-Online Teacher Resource Center (see Picture 1) (Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan 20022003) The documents may contain simple text formatting hyperlinks and images WeB-CEPT also offers users the ability to switch between WYSIWYG (What-You-See-Is-What-You-Get) view and HTML code view This enables users proficient with HTML to directly edit their contents in the WeB-CEPT work area WeB-CEPT is based on client side DHTML (Dynamic HTML) and JavaScript technologies As such it is very dependant on the type of browser used Currently the browser supported for use with WeB-CEPT is Internet Explorer 55 and above Other browsers lack the DHTML support available in Internet Explorer 55 and above Basically WeB-CEPT offers the following features to users

1 Basic text formatting such as bold italics and underline (see Appendix 1)

2 Switching from WYSIWYG view to HTML view This lets advanced users tweak the underlying HTML if they so desire

Picture 1 ELT-TReC Homepage

113

Journal of Language Studies

3 Image insertion Images can be uploaded from the users computer to the ELT-TReC site (see Appendix 2)

4 Hyperlinks insertion Users can add hyperlinks to other web

The server side technology used to process and store user-created modules in WeB-CEPT into the ELT-TReC database is ASP (Active Server Pages) although in theory other scripting languages such as PHP could work with WeB-CEPT WeB-CEPT is not a mature tool which means there is still room for improvement

Creating Publishing amp Editing Online Language Materials

Mohamed Amin Embi (2003 2004) argues that Malaysian ESL teachers wanting to manage online language learning materials on the web often encounter three major obstacles Firstly they require a web authoring tool to create a web site that can display the materials they have produced Secondly they need to look for a host server to upload and publish the web site developed Thirdly and more importantly they face problem updating the materials already published on the web Web-CEPT (httpwwweltrecukmmyadd modulesasp) is a 3-in-l Content Creation Tool (CCT) designed to assist ESL teachers create edit and publish online English language learning and teaching materials

To create a unit of language teaching or learning material users need to click on the WeB-CEPT button in ELT-TReC and start by clicking the Add Your Module button After filling in the Title and Description of the module users can begin typing in the work area provided on the screen (see Picture 2)

Once the materials are typed in the work area or alternatively being cut-and-pasted from a word document the module will be published on the web as soon as the Save Document button is clicked The module is then displayed in ELT-TReC (see Picture 3) and is accessible to students to be viewed (see Picture 4)

To edit an existing module already created a user needs to click the Edit button placed next to the module(s) heshe has created and start adding or formatting the text WeB-CEPT allows users to format text with the following formats

1 Bold 2 Italics

114

WeB-CEPT A Content Creation Tool for English Language Teaching

I bull J 9

| l

earch Failed to retrie

eCfr

H e m e I I I I I I v Mraquo Profile | Admin

^ - laquo M

This module provides examples of

This is optional Only f i le in ZIP DOC or PPT format will he accepted For instruction on using Win ip plea

j i t your Wini ip documentation To download Winzip plea t For instructions lt

ing MiCM Jof t Word documents and PowerPoint presentations please consult your Microsoft Office r-cp

Write You Module Below

Select Fun- v jbdquo [ n l l J l g g i g ] g j

Examples of Sentences in the present tense

She goes to schools

He plays football

Picture 2 The work area in Web-CEPT

0 +$bull

3 Underline 4 Numbered List 5 BulletedList 6 Text Alignment (Left Centre and Right) 7 Indent 8 Horizontal Line

Details on the procedures involved in formatting texts uploading and inserting images as well as inserting hyperlinks in WeB-CEPT can be found in Appendices 1 2 and 3

Summary

This paper presents briefly a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers manage online language learning and teaching

115

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 5: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

3 Image insertion Images can be uploaded from the users computer to the ELT-TReC site (see Appendix 2)

4 Hyperlinks insertion Users can add hyperlinks to other web

The server side technology used to process and store user-created modules in WeB-CEPT into the ELT-TReC database is ASP (Active Server Pages) although in theory other scripting languages such as PHP could work with WeB-CEPT WeB-CEPT is not a mature tool which means there is still room for improvement

Creating Publishing amp Editing Online Language Materials

Mohamed Amin Embi (2003 2004) argues that Malaysian ESL teachers wanting to manage online language learning materials on the web often encounter three major obstacles Firstly they require a web authoring tool to create a web site that can display the materials they have produced Secondly they need to look for a host server to upload and publish the web site developed Thirdly and more importantly they face problem updating the materials already published on the web Web-CEPT (httpwwweltrecukmmyadd modulesasp) is a 3-in-l Content Creation Tool (CCT) designed to assist ESL teachers create edit and publish online English language learning and teaching materials

To create a unit of language teaching or learning material users need to click on the WeB-CEPT button in ELT-TReC and start by clicking the Add Your Module button After filling in the Title and Description of the module users can begin typing in the work area provided on the screen (see Picture 2)

Once the materials are typed in the work area or alternatively being cut-and-pasted from a word document the module will be published on the web as soon as the Save Document button is clicked The module is then displayed in ELT-TReC (see Picture 3) and is accessible to students to be viewed (see Picture 4)

To edit an existing module already created a user needs to click the Edit button placed next to the module(s) heshe has created and start adding or formatting the text WeB-CEPT allows users to format text with the following formats

1 Bold 2 Italics

114

WeB-CEPT A Content Creation Tool for English Language Teaching

I bull J 9

| l

earch Failed to retrie

eCfr

H e m e I I I I I I v Mraquo Profile | Admin

^ - laquo M

This module provides examples of

This is optional Only f i le in ZIP DOC or PPT format will he accepted For instruction on using Win ip plea

j i t your Wini ip documentation To download Winzip plea t For instructions lt

ing MiCM Jof t Word documents and PowerPoint presentations please consult your Microsoft Office r-cp

Write You Module Below

Select Fun- v jbdquo [ n l l J l g g i g ] g j

Examples of Sentences in the present tense

She goes to schools

He plays football

Picture 2 The work area in Web-CEPT

0 +$bull

3 Underline 4 Numbered List 5 BulletedList 6 Text Alignment (Left Centre and Right) 7 Indent 8 Horizontal Line

Details on the procedures involved in formatting texts uploading and inserting images as well as inserting hyperlinks in WeB-CEPT can be found in Appendices 1 2 and 3

Summary

This paper presents briefly a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers manage online language learning and teaching

115

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 6: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

I bull J 9

| l

earch Failed to retrie

eCfr

H e m e I I I I I I v Mraquo Profile | Admin

^ - laquo M

This module provides examples of

This is optional Only f i le in ZIP DOC or PPT format will he accepted For instruction on using Win ip plea

j i t your Wini ip documentation To download Winzip plea t For instructions lt

ing MiCM Jof t Word documents and PowerPoint presentations please consult your Microsoft Office r-cp

Write You Module Below

Select Fun- v jbdquo [ n l l J l g g i g ] g j

Examples of Sentences in the present tense

She goes to schools

He plays football

Picture 2 The work area in Web-CEPT

0 +$bull

3 Underline 4 Numbered List 5 BulletedList 6 Text Alignment (Left Centre and Right) 7 Indent 8 Horizontal Line

Details on the procedures involved in formatting texts uploading and inserting images as well as inserting hyperlinks in WeB-CEPT can be found in Appendices 1 2 and 3

Summary

This paper presents briefly a 3-in-l tool known as WeB-CEPT designed to assist ESL teachers manage online language learning and teaching

115

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 7: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

euro j B a c k bull

J E L T

gt

J E L T - T R e c W e b - C E P T -

| S e a r c h W e b - C E P T

f o r c r e a t i n g e d i t i n g a n d m a i n t a i n i n g on l ine l a n g u a g e t e -

E3 M o d u l e s P a g e List 1 | 2

i t e n c e s in t h e p r e s e n t t e n s e Fiew M o d u l e

S u b m i

S u p p

D e s c r i p t i o

S u b m i t t e d b y

- LLS a v a i l a b l e t o d a t e

S u p p o r t F i les ] N p s u p p o r t files~e

bull bull bull bull bullbullbullbullbullraquobullbull bull bull bull bull bull bull bull bull bull

i-AUG-2002-121454 PM

a i lab le for th is m o d u l e

I IT INI bullbull111 11 bull I bull l l i l l

bullbull I ih o n 8-AL

I bull bull

bull i bullbull bull bull i bull a1 a o l e - n bullbull rnoiii e

m o d u l e a n r 11 bull bull bull i bull 11 bull_bull bull bull | | - bull I I bullgtbullbullbullbull gt I

AuG-2002-120729 PM

Picture 3 Modules published in ELT-TReC

S u b m i t t e d b y M Arnin Embi

D e s c r i p t i o n

I his mod i i f r - o v i c e e x a m p l e s o f s e n t e n c e s in t h e p r e s e n t t e n s e

E x a m p l e s o f S e n t e n c e s in t h e p r e s e n t t e n s e

She goes to schools

He plays football i UKM Copyright Res

Picture 4 Students view mode of the module created

116

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 8: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

materials It also provides guidelines for teachers to create publish and edit online English language teaching and learning materials A related study undertaken by Mohamed Amin Embi and Affendi Hamat (2003) investigating learners perception towards online learning materials created and delivered using WeB-CEPT revealed positive results indicating the potential role of WeB-CEPT as a localized Content Creation Tool in the World Wide Web

References

Abbey B (2001) Instructional and Cognitive Impact of Web-based Education London Prentice Hall

Brown I (1999) Internet treasure hunts - a treasure of an activity for students learning English The Internet TESL Journal 5 (3)

Chantrill R (2000) Teaching and learning English and the Internet Available at httpwwwartsuqeduau~richardcneteachindexhtml

Jones G (1986) Computer simulations in language teaching - the Kingdom experiment System 14 (2) 179-186

Maddux C Johnson D amp Willis J (1997) Educational Computing Boston Allyn and Bacon

Manjit Singh Sidhu amp Ramesh S (2001) Multimedia approach in education Paper presented at Workshop on Developing Online Learning Delivery System for Institution of Higher Learning Shah Alam Selangor 24-25 October 2001

Mohamed Amin Embi (2003) WeB-CEPT A virtual environment for language learning and teaching Invited Plenary Paper presented at the International Seminar on New Learning Environment USM Penang 7 April 2003

Mohamed Amin Embi (2004) E-learning in English Language Teaching Plenary paper presented at the National Seminar on English Language Teaching Putrajaya 19-20 January 2004

117

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 9: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

Mohamed Amin Embi amp Afendi Hamat (2003) Trainees perception toward online modules created and delivered using WeB-CEPT Paper presented at the International Conference on Teaching and Teacher Education 16-18 September 2003 HUM

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2002) Development of an online center for the ELT community VirTEC Journal 2 (2) 85-94

Mohamed Amin Embi Afendi Hamat amp Muhammad Kamarul Kabilan (2003) ELT-TReC A virtual resource center for English language teachers ICT dalam Pendidikan dan Latihan Trend dan Isu 88-94

Mohamed Amin Embi Ramlee Mustapha amp Sidek Abdul Aziz (2001) Open VirTEC A virtual instructional delivery system Malaysian Journal of Distance Education Vol 3 (2) 44-56

MOHAMED AMIN EMBI PhD is an Associate Professor in TESL at the Faculty of Education Universiti Kebangsaan Malaysia His research interests include CALL Language Learning Strategies Learning-to-learn English and e-Learning

AFENDI HAMAT is a lecturer in CALL and e-Learning at the Faculty of Social Sciences and Humanities University Kebangsaan Malaysia

118

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 10: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix A - Text Formatting in WeB-CEPT

Doing Basic Text Formatting

1 To do basic formatting in WeB-CEPT just highlight the text to be formatted

Write You Module Below

bull - - J V JSelect Font

This is a g j text

bull -e- gaausasa View H tm l

2 Then click on one of the formatting options (Bold Italics or Underline) and the text will be formatted accordingly

[D1HHS|B| jSelect Font

This is a Ijjjmj text

Ullteeld Hrswmr B 0 g g g i 3 H _J

~ ~ A d d J

Changing Fonts and Font Size

1 Highlight the text that needs to be changed

Write You Module Below

[ D P I H S B

This is

H ISHH j ^ j | Size sraquoJ

fifhSr^rrir HHSBBHS H -Jff^Jj^pound_J

Add )

2 Then choose the font and size

1W Select Font

Select Font Arial Helvetica sans-serif Times New Roman Times serif Courier New Courier mono

Times New Roman

119

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 11: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

3 The changes will be shown immediately

i pampie Select Font [] [pound

This is a

Inserting a Bulleted Numbered List

1 Type something in the first line of WeB-CEPT text area

Li j Select Fon

B e l o w is

g|I t

a sample of s

JIBPPI -J is

bulleted list

mdash

ze

2 Press Enter click on the bulleted list button

D i l j Select Fon

B e l o w is

bull

B t

a sample of

bull mdash J i mdash

JvZ

a bullet

MM J j s i

ed list

3 Type the first item in the list

1 HUffHSE Select Font ^3f^

B e l o w is a sample of a bulleted list

bull This is I t em l | 7

120

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 12: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

4 Press Enter again to get to the second item Type the second item

n y i mm IE Select Font Si

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

5 When you are done just press Enter twice to get out of list mode

First Enter Second Enter

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Below is a sample of a bulleted list

bull This is Item 1 bull This is Item 2

Inserting a Horizontal Line

HTML allows users to insert a horizontal line by using the lthrgt tag In WeB-CEPT this is done simply with a mouse click on the Insert Horizontal Line button

M laquoH -

JS faze

The result is as shown below

afel M lSiZS

H ^ bull Hzmi i laquo-^

bullV

121

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 13: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

Appendix 2 - Uploading and Inserting Images in WeB-CEPT

WeB-CEPT allows users to upload images from their computers into the online Only GIF and JPEG images are supported at the moment

h bull

1 To upload an image click on the image button 2 A new window titled My Image Library will open If an image has

never been uploaded before the window will contain no picture

My Image Library

-Name f~

Image |

Upload j

bull head (headqif) [dell 1 ftittthntallMllatattatinUniHilstlk

8rowsegt

H

[

1

3 Click on the browse button Then browse through the computer and look for the file to be upload Click on the Open button

Look in

Ki- bullbullbull

1 bull -illl

i mdash-JiH mdashbull

1 i i l My Documents

1 1 PHD Computer Consultants 1 15cheduleOCR Input 1 l ScheduleOCR Output 1 v | Security 1 15naglt Catalog P Ulead VideoStudio __1 Visual 5tudio Projects

IllWBLL

I webcept jj) (D) Zip 250 ^ f fpbcourses

m Filename jrel

Ltd Online Store

Zl

files

laquobull famp ct ^1 puzzlebg

rffttyy

_J - j

Hil

plusmn1

b p p - 1

122

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 14: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

4 The path to the image file will be automatically added to the Image textbox Now name the image and then click on the Upload button

My I mage L ibrary

Name (Tables

I m a g e |CMy Documentsrelgif

Upload

head (headaif) Tdell

turn ftapJlM fiat na tan Unnlstlk

Browse

5 To insert the picture just click on the image

My Image Library

Name

Image

Upload

bull Tab

li

r r es (relgif) [del]

1 s=sect _J _ J ^

FOR ID FOR SAME FOR AUTHOR FOR_DEa3apnON FOR DATE

J

Bro vse j

b j H i

MSG IB RDRJD MSG DATE MSG TIME MSG AUTHOR MSG SUBJECT MSG BODY

REP ID MSG JD FORJD RERM I l RBraquoTIME REP AUTHOR REP BODY

-H

J head fheadaif) fdel

123

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 15: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

Journal of Language Studies

6 The result is as shown below

liBm ligi jhttp _Vj (wwwyahoocorn

Select Font 3 ^U [iMuHPBS A View Html

Among the free services offered on the World Wide Web are web directories Yahoo is an exam

directory

FOR ID

FORJtAME

FOR AUTHOR

FORJ)EStRlFnON

FORJSATE

M93ID

HSGJJATE

MSGJWE

M9S AUTHOR

MSG SUBJECT

MSG BODY

klSGlD

F O R copy

REP DATE

RE TIME

REP AUTHOR

REP BODY

124

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125

Page 16: Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS 05.pdf · Apakah Makna Perkataan "Mei" (Cantik) dalam Bahasa Mandarin? WeB-CEPT: A

WeB-CEPT A Content Creation Tool for English Language Teaching

Appendix 3 - Inserting Hyperlinks in WeB-CEPT

WeB-CEPT allows users to insert hyperlinks into their documents Four different kinds of hyperlinks are supported

a http - for normal hyperlinks b mailto - for linking directly to mail addresses c ftp - for links to File Transfer Protocol sites and services d https - for links to sites that use secure http connection

The following is the process of inserting hypelinks in a documentc

1 Choose the link type in the dropdown menu (http mailto ftp or https) and type the address to be linked to

U J http _J (wwwyahoocorm| Add

u == ^ s m A i i fe View Html

de Web are web directories Yahoo is an example of a web

2 Next highlight the text to be used as the hyperlink

I http j j I w w w )lt a h o o co m Add j l

U WE ] H ] View Html _|

wide Web are web directories VampJGp is an example of a web

3 Click on the Add button at the end of the address textbox The result is as shown below

http _LJ Iw bullw bull V a h deg deg bull co m

A l Nd 1gt

kt View Html

Wide Web are web directories Yahoo is an exjample of a web

125