Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS...
Transcript of Journal of Language Studies - UiTM IRir.uitm.edu.my/id/eprint/11452/1/AJ_MOHAMED AMIN EMBI JOLS...
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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