Widgets are small graphical user interface elements that provide information or interactions within an operating system or application. They include common elements like buttons, menus, checkboxes. Widgets allow for interactivity, quick response times, and developer control over appearance and behavior. However, not all browsers support widgets equally and usability issues can arise if behavior differs from standard controls. Websites can generally include widgets by copying code snippets and including them via script tags.

1. WIDGET
Muhammed Yalçın
Computer Engineer

2. CONTENT
What is WIDGET
Architecture of Widget
What can be done?
Advantages
Disadvantages
Use of Widget

3. What is WIDGET(WIndow gaDGET)?
It's a small, tricky tool that's made especially useful for a job.
A widget is an element of a graphical user interface (GUI) that displays information or provides a specific way for a user to
interact with the operating system or an application.
Widgets include icons, pull-down menus, buttons, selection boxes, progress indicators, on-off checkmarks, scroll bars,
windows, window edges (that let you resize the window), toggle buttons, form, and many other devices for displaying
information and for inviting, accepting, and responding to user actions.

4. Architecture of Widget

5. What can be done?
Chat with your visitors that comes your website,
Calculator, weather report tools in your website,
Survey tools,
Calender tools,
And other tools that ı can’t remember now.

6. Advantages
Client-side scripts offer numerous advantages, including:
Allow for more interactivity by immediately responding to users' actions
Execute quickly because they don't require a trip to the server
May improve the usability of Web sites for users whose browsers support scripts
Can give developers more control over the look and behavior of their Web widgets (note that this can be an advantage or
disadvantage)

7. Disadvantages
Client-side scripts also create additional worries, including:
Not all browsers support scripts, therefore, users might experience errors if no alternatives have been provided
Different browsers and browser versions support scripts differently, thus more quality assurance testing is required
More development time and effort might be required (if the scripts are not already available through other resources)
Developers have more control over the look and behavior of their Web widgets; however, usability problems can arise if a
Web widget looks like a standard control but behaves differently or vice-versa

8. Use of Widget
Generally, website that you got widget shows a snippet code.
Example:
<script type="text/javascript" src="http://example.com/example_widget.js"></script>
You can copy paste your website.

9. Developing a Sample Widget
JavaScript is probably the most widely supported scripting language used today.
testPage.html

10. Con’t
WidgetCreate.js

11. Con’t
Screenshot

12. REFERENCES
http://whatis.techtarget.com/definition/widget
http://www.opensourcetutorials.com/tutorials/Design-And-Layout/Usability/web-widgets-part-2/page2.html
https://www.w3.org/TR/2007/WD-widgets-reqs-20070209/