Developing simple website as a constructive tools

 

Developing a simple website is a part of constructive tool. Some of the constructive tools that I have learnt till date are Mentimeter, Kahoot, Quiz, Google Docs, Coggle.it, and Google Slides

Other Google services, such as Docs, sheets, and slides, are compatible with Google sites.

Following are the steps to develop a google site/ websites;

✍🏻step 1

Go to the websites https://sites.google.com

✍🏻Step 2

write a title by changing the untitled site name with a preferred title.

✍🏻Step 3

Insert an image of self on the page by going to the 'setting' and then towards the right, choose 'upload' and then choose a photo and change.

✍🏻Step 4 

Then click on 'theme' option choose templates to our site.  

✍🏻Step 5

After that by using the 'pages' option, we can add pages to our site that will be displayed towards the top right-hand side of the page.

✍🏻Step 6

Go to the 'pages' option and click on the Plus sign to create or add a page. Then give the page a name and click 'done.'

✍🏻Step 7

From a set of content blocks under 'insert', drag a text box from content blocks and drop it in the area where text needs to be inserted.

✍🏻Step 8 

In the text box that I created, I wrote my resume, ICT tools and research title.

✍🏻Step 9

When I was done writing, I clicked on the arrow next to 'publish' option, and chose the view published site.

Steps to shorten URL and share the Google sites link

1. Copy the link from the top of the page where the resume is being created. This was my connection in my google site.

https://sites.google.com/view/ugyenlhamo/resume

2. Go to google

3. Search for 'shorten the URL' 

4. From there, choose 'Bitly: URL shorten'. Towards the button of the page, paste the link that was previously copied.

5. After pasting the link, click shorten, then the link gets shortened. This was my shortened link  https://bit.ly/3wvsZ40

6. The shortened link can be shared to others where they can access the link to view the details of google site.

To share, the following steps should be followed:

a. Copy the link that is on top the page where resume is being created. The below given link is one example.

https://sites.google.com/d/1gJeKCdMy8CvC96wSs2SLgea8dM5__u0q/p/1FPi1zSOG9L7F_85Wm2VaSQWSpo8XnzOE/edit

b. Go to google.

c. Search for 'shorten the url'.

c. From there, choose 'Bitly: URL shortner'. Towards the bottom of the page, paste the link that was        previously copied. 

d. After pasting the link, click 'shorten'. The link gets shortened. This was my shortened link https://bit.ly/3FR85k4

e. The shortened link can be shared to others where they can access the link to see the resume.

Google docs as constructive tools

 

Google Docs is a free Web-based application in which document and Spreadsheet can be created, edited and stored online. Files can be accessed from any computer with an Internet connection and a full-featured Web browser. Google Docs is a part of a comprehensive package of online applications offered by and associated with Google.

How to Use Google Docs

You can use Google Docs just like you would use Word documents. Create new documents, use Google Docs templates, share documents with your team and collaborate in real-time. We'll show you the basics here.

 To make a new Google Doc, first head to docs.google.com. sign in with your Google account. Once you're on the Google Docs start page, you can create a blank new document or choose a template.

You can also go to File > New > Document or File > New > From template to do the same from within an existing Google Doc.

How to Save a Google Doc

As part of Google's online office suite, you will never need to remember to save a document since Google automatically saves it to your Google Drive. Hence, you won't find a Save button. That said, from the File menu, you can Make a Copy, Email, or Download your Google Doc.

Advantage of using Google docs

1. Auto Saving – The documents save in real time, eliminating the need to save your document. Word Docs typically do auto save now too but there is still a chance you may lose some changes.
2. Less Confusion – With Google Docs, we know which is the most recent version of the content for your website, there is no more question of “which file is the best version”.  Put simply, our project managers can easily tell what document to use and give to our developers.
3. Work From Anywhere – You can load documents on your phone, tablet, desktop and work easily.
4. Collaboration – You can work together on the same document.  No more passing around individual Word files that can only be used by one person at a time.  This is a HUGE time savings.
5. Upload – You can actually upload Word Docs and have them auto convert to a Google Doc. Note that there may be slight formatting changes, but if you draft in Google Doc these are easily resolved. 
6. Saves Time –   You save time by using Google Docs because you no longer have to save files, email files, figure out which have been emailed or which is the current version.
7. Saves Money – Since time is saved, money is saved.  Your website project is quoted based on the use of Google Docs and the time savings it allows.  If you prefer to use Microsoft Word files, let us know and we can set a budget. 

coggle as constructive tools

 

    Concept Mapping as a Co-constructive Tool

 

Using Coggle it for designing a concept map for visiting  Paro Taktshang

Concept map/mind-map is any form of graphic organizer where knowledge and ideas about a particular topic or an event is displayed. Concept mapping in ICT serves as a constructive tool which is used to construct new knowledge. One of the tool used to design concept maps is called “Coggle it”.

example;

Coggle it is an online tool popularly used to create visual organizers and document them. This tool is easy to use and we can invite others to work collaboratively as well. Through Coggle it, we can simplify complex concepts and help students achieve effortless comprehension. 

Features of Coggle are:

• Secret Diagram Link.
• Automatic Change saver.
• Real-Time collaboration.
• Image uploads.
• Floating texts and images.
• Loops and Branches.
• Multiple starting points.
  

  Following are the steps

     ✍🏻 step 1

1. Type the website as https://www.coggle.com/ in the URL.

   ✍🏻 Step 2

From the given browser, click on “Sign in with Google”

 

✍🏻  step 3: To continue Coogle it, you can join through your Gmail account

 ✍🏻 Step 4: After signing in, you can click on the option “Create Diagram”

    ✍🏻 Step 5: To start your concept mapping, you can click on the option “Click to edit title” and add your desired topic.

✍🏻Step 6: In order to make changes in your concept mapping, click on the Plus sign(+) at the end of the brunch and circular diagram will appear.

 

How concept mapping helps in teaching and learning process?

A concept map is a useful learning tool that can assist students in improving their comprehension and understanding of a topic's notion by extending their thoughts and expertise. Not only does concept mapping assist children in comprehending the material provided by the instructor, but it also assists the teacher in teaching effectively and efficiently. Concept mapping can be used for a variety of purposes, including evaluation, comprehension, and helping pupils visualize numerous links between words or phrases and primary ideas. There are many different forms of concept maps that teachers can use to present information to their pupils, including hierarchical and non-labeled concept maps. A teacher can assign a single topic to students and instruct them on how to use the concept mapping learning tool to visualize their thoughts and ideas and organize the knowledge effectively and meaningfully.

video tutorial

 

 

 

 

 

Step 1 -- Create the Camtasia project file

1. Open Camtasia Studio
2. Click File -- Save As -- (an obvious name for the tutorial)
1. Save in the desired location 

Step 2 -- Record the PowerPoint segments

1. Open the PowerPoint file that contains the slides that are shown in the chart script.
2. Make sure that each point is animated (use the "fade" effect).
3. Open the audio MP3 file using MS Windows Media Player -- queue up the track then minimize the player so that the controls are only visible in the tray at the bottom of the computer screen.
4. Get the slide show ready: on the "Add-Ons" tab in PowerPoint, there should be a button to record. When Camtasia is loaded on a computer, it inserts a plug-in into PowerPoint that allows users to record PPT files directly from that program.
1. Click "Record."  This will begin the slide show.
2. Get the slide-show ready by advancing to the beginning of the portion that needs to be recorded.
3. As quickly as possible, press "play" on the Media Player and "Record" on the PowerPoint show.
4. As the audio track plays, advance the slide show to match the narrator's voice.
5. Press the escape key to finish. When the dialog box pops up confirming asking if you wish to finish recording, press yes. 
6. Save the camrec file into the proper folder in the Camtasia Working File folder for that tutorial.

Step 3 -- Record the screen-capture segments

1. Arrange the script in front of the computer so that it will be easy to consult and see what's coming next.
2. From Camtasia, click on "Record the Screen."
3. Open the web browser (i.e. Internet Explorer or Firefox) and adjust the Camtasia recording area to exclude the bottom tray (where the Start menu is).
4. Set up the web browser to display the starting point of screencast segment.
5. Open the audio file in Windows Media Player, then queue up the track and pause it at the beginning of the segment that will be recorded.
6. When ready, press play on Windows Media Player and Record in Camtasia.
1. Follow the narrator and the stage direction on the script, making sure to sync the action on the screen with the narrator's voice.
2. When finished recording the segment, press F10 to stop recording

   Step 4 -- Put the components together

3. Using the "Import media" link from the "Add" menu under the "Task List" on the left side of the Camtasia interface, import the audio track and all of the .camrec files that will be used in the tutorial. The files will be stored in the Clip Bin.
4. Unlink Video 1 and Audio 1 tracks by clicking the white bracket next to the word Video (when the mouse is over it, it will say 'click to unlink audio 1 and video 1.')
5. Insert the audio track into the timeline at the bottom of the screen by dragging it from the Clip Bin into the Audio 1 track of the timeline.
1. If necessary, take this opportunity to trim the beginning and/or end of the audio track. This is necessary if there is a long silence at the end of the recording or a "3-2-1" countdown at the beginning.
2. To trim the track, mouse over the end that should be cut, click to grab it, and drag it to the desired length.
6. Working from beginning to end (left to right), insert the video clips in the Video 1 track by dragging them from the Clip Bin and dropping them in the track.
1. If the beginning and/or end of the video track needs to be edited, the procedure is the same as for the audio tracks: grab the end with the mouse, then drag it to the desired length.
2. There can be no gaps in video on the timeline; each video segment will line up immediately after the one before it.

                                                         i.      To extend a frame to allow the narration to continue, right-click on the video segment that should be extended and select "extend frame."  A dialog box with a prompt will appear to specify how long the extension should last.

3. Use the In-Progress tutorial in the upper right hand corner of the Camtasia interface to review the work. Be on the lookout for errant mouse pointers, typos, and any other mistakes that can't be edited out. It's much easier to go back and fix these at this stage; waiting to correct errors means spending time later redoing edits, captions, callouts, etc.

Once all of the video clips are inserted, play the tutorial from the beginning to make sure every part is in sync with the audio track. Also try to catch errors in the other aspects of the tutorial before moving on -- is the script accurate?  Are there any audio 

5. Insert callouts, zooming, and other special effects

1. Use the special effects in Camtasia to draw attention to certain parts of the screen, reinforce important passages of narration, and to add parenthetical statements that weren't included in the initial audio recording.
2. Insert callouts once the audio and video tracks are edited and synced.
3. To insert an effect, position the Camtasia timeline cursor on the segment of the tutorial where the effect is to begin.
4. Under "Edit," choose the desired effect.
5. Link to tutorials describing how to insert each effect.

6. Review whole tutorial, edit as necessary

7. View the entire tutorial from start to finish. This is the last chance to make changes before it becomes a significant challenge to do so.
8. Look out for these common problems:
1. Inaccuracy in the script.
2. Mouse pointer showing in a PowerPoint slide.
3. Typos in bullet points.
9. Any major errors in content will be the responsibility of the script-writer to correct.
1. Produce a draft of the tutorial (see below for the procedure).
2. Place it on the network drive.
3. Alert the scriptwriter that the draft is ready to view.
10. Work out any edits with the scriptwriter until they are happy with the product.

11. -- Produce the tutorial

12. Review the tutorial and make sure that the audio, video, and captions are in sync and all of the special effects are in place.
13. If everything is ready, click "Produce video as..." in the Edit menu.