SlideShare une entreprise Scribd logo
1  sur  20
Just for Kids
   Project CLIW




              Nechifor Doru-Adrian
              Ciocoiu Razvan
Introduction
O      The study of this document refers to
  the developing of Web applications on
  client side. The application presented
  supports learning and knowledge testing
  in an attractive way.
O       To be made there were used
  technologies like HTML, CSS, JavaScript
  and PHP.
Creating a Web Site
O You have to consider a list of aspects, as
  follows:
  • basic computer skills
  • access to a personal computer
  • access to the Internet
  • a free HTML Editor (a web page
    construction tool)
  • a place on the world wide web to publish
    your page
HTML
O       HyperText Markup Language (HTML) is the
  main markup language for Web pages. HTML
  elements are the basic building-blocks of
  webpages. It uses a form of structural component
  called tags or HTML tags to define the structure of
  the information it contains as well as point to other
  documents over the Internet.
O        It also uses some other components set to
  define the presentation of the html document (CSS)
  and yet another set to define the behavior of the
  document in response to the user ( JavaScript).
  HTML, CSS and JAVASCRIPT are the major client-
  side components in web application/site
  development.
HTML Page Example
JavaScript
O      JavaScript is an easy-to-use
  programming language that can be
  embedded in the header of your web pages. It
  can enhance the dynamics and interactive
  features of your page by allowing you to
  perform calculations, check forms, write
  interactive games, add special effects,
  customize graphics selections, create security
  passwords and more.
O        You can think of JavaScript as an
  extension to HTML; an add-on.
JavaScript Example
CSS
O       CSS is a style language that defines
  layout of HTML documents. For example,
  CSS covers fonts, colors, margins, lines,
  height, width, background images, advanced
  positions and many other things. HTML can
  be (mis-)used to add layout to websites. But
  CSS offers more options and is more accurate
  and sophisticated. CSS is supported by all
  browsers today.
O        HTML is used to structure content while
  CSS is used for formatting structured content.
CSS Example
Related Work
O       “Just for Kids” Web Site is a serious
  learning Web game for kids in which they
  can learn and test – in an interactive way
  – their knowledge in a selected subject
  area such as Math, Geography or History.
O        Its structure contains an index page,
  with a menu, made with JavaScript and
  jQuery library. It sends the user to other 4
  web pages, E-learning, Tests, Curiosity,
  About us.
E-learning
O          E-learning has a three structured
    menu, depending on the age of the kid that is
    accessing it. In first category, from 7 to 9
    years, they can learn about Mathematics,
    exercise their skills, or even test their
    knowledge. Second category (10 to 12 years),
    has another subject of learning, Geography,
    where they can play an attractive game of
    finding a capital to a country. To the third one
    (13 to 15 years) it was added History.
Tests
O        The Tests Page from main menu let
  the user choose a subject about the quiz
  that he will take. Again, depending on the
  user age, he could choose the appropriate
  one.
O        After finishing the quiz, the user is
  asked to enter an e-mail address, where
  he will receive the result of the quiz.
Curiosity & About us
O       Curiosity page offers some
  interesting information for the user, to read
  while relaxing.
O       Last, but not least, it is the About us
  page, where the user may communicate
  with us, and maybe send some feedback.
Conclusion
O      Knowledge of web page development
  can help you in your career. Many
  businesses today have their own
  corporate Intranet sites, which are simply
  internal Internet systems used to share
  corporate information.
O       The ability to communicate
  electronically is a valuable skill to
  employers.

Contenu connexe

Similaire à Just for Kids

How to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLHow to Create a College Website Page Using HTML
How to Create a College Website Page Using HTML
YahyaMemon2
 
Nt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersNt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And Answers
Lisa Williams
 
Online Platforms for ICT development content
Online Platforms for ICT development contentOnline Platforms for ICT development content
Online Platforms for ICT development content
Bonifacio Ignacio
 
Ultimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer JobUltimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer Job
Brenna Van Norman
 

Similaire à Just for Kids (20)

Web Design for Everybody (Basics of Web Development and Coding)
Web Design for Everybody (Basics of Web Development and Coding)Web Design for Everybody (Basics of Web Development and Coding)
Web Design for Everybody (Basics of Web Development and Coding)
 
PresentationofINTERship.pdf
PresentationofINTERship.pdfPresentationofINTERship.pdf
PresentationofINTERship.pdf
 
Ahzam
AhzamAhzam
Ahzam
 
How to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLHow to Create a College Website Page Using HTML
How to Create a College Website Page Using HTML
 
Saw13 ch11-ppt
Saw13 ch11-pptSaw13 ch11-ppt
Saw13 ch11-ppt
 
TLE_ICT_9_10.pdf
TLE_ICT_9_10.pdfTLE_ICT_9_10.pdf
TLE_ICT_9_10.pdf
 
Nt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And AnswersNt1310 Final Exam Questions And Answers
Nt1310 Final Exam Questions And Answers
 
Intro to web development
Intro to web developmentIntro to web development
Intro to web development
 
YASHRAJ MISHRA PRESENTATIONS project.pptx
YASHRAJ MISHRA PRESENTATIONS project.pptxYASHRAJ MISHRA PRESENTATIONS project.pptx
YASHRAJ MISHRA PRESENTATIONS project.pptx
 
ashish ppt webd.pptx
ashish ppt webd.pptxashish ppt webd.pptx
ashish ppt webd.pptx
 
Report on web development
Report on web developmentReport on web development
Report on web development
 
E-commerce Lab work
E-commerce Lab workE-commerce Lab work
E-commerce Lab work
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Online Platforms for ICT development content
Online Platforms for ICT development contentOnline Platforms for ICT development content
Online Platforms for ICT development content
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 
Ultimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer JobUltimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer Job
 
Web Designing Training In Chandigarh
Web Designing Training In ChandigarhWeb Designing Training In Chandigarh
Web Designing Training In Chandigarh
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
 
Websites To Type Essays
Websites To Type EssaysWebsites To Type Essays
Websites To Type Essays
 
USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf
USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdfUSE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf
USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf
 

Dernier

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Dernier (20)

Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

Just for Kids

  • 1. Just for Kids Project CLIW Nechifor Doru-Adrian Ciocoiu Razvan
  • 2. Introduction O The study of this document refers to the developing of Web applications on client side. The application presented supports learning and knowledge testing in an attractive way. O To be made there were used technologies like HTML, CSS, JavaScript and PHP.
  • 3.
  • 4. Creating a Web Site O You have to consider a list of aspects, as follows: • basic computer skills • access to a personal computer • access to the Internet • a free HTML Editor (a web page construction tool) • a place on the world wide web to publish your page
  • 5.
  • 6. HTML O HyperText Markup Language (HTML) is the main markup language for Web pages. HTML elements are the basic building-blocks of webpages. It uses a form of structural component called tags or HTML tags to define the structure of the information it contains as well as point to other documents over the Internet. O It also uses some other components set to define the presentation of the html document (CSS) and yet another set to define the behavior of the document in response to the user ( JavaScript). HTML, CSS and JAVASCRIPT are the major client- side components in web application/site development.
  • 8. JavaScript O JavaScript is an easy-to-use programming language that can be embedded in the header of your web pages. It can enhance the dynamics and interactive features of your page by allowing you to perform calculations, check forms, write interactive games, add special effects, customize graphics selections, create security passwords and more. O You can think of JavaScript as an extension to HTML; an add-on.
  • 10. CSS O CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colors, margins, lines, height, width, background images, advanced positions and many other things. HTML can be (mis-)used to add layout to websites. But CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today. O HTML is used to structure content while CSS is used for formatting structured content.
  • 12. Related Work O “Just for Kids” Web Site is a serious learning Web game for kids in which they can learn and test – in an interactive way – their knowledge in a selected subject area such as Math, Geography or History. O Its structure contains an index page, with a menu, made with JavaScript and jQuery library. It sends the user to other 4 web pages, E-learning, Tests, Curiosity, About us.
  • 13.
  • 14. E-learning O E-learning has a three structured menu, depending on the age of the kid that is accessing it. In first category, from 7 to 9 years, they can learn about Mathematics, exercise their skills, or even test their knowledge. Second category (10 to 12 years), has another subject of learning, Geography, where they can play an attractive game of finding a capital to a country. To the third one (13 to 15 years) it was added History.
  • 15.
  • 16. Tests O The Tests Page from main menu let the user choose a subject about the quiz that he will take. Again, depending on the user age, he could choose the appropriate one. O After finishing the quiz, the user is asked to enter an e-mail address, where he will receive the result of the quiz.
  • 17.
  • 18. Curiosity & About us O Curiosity page offers some interesting information for the user, to read while relaxing. O Last, but not least, it is the About us page, where the user may communicate with us, and maybe send some feedback.
  • 19.
  • 20. Conclusion O Knowledge of web page development can help you in your career. Many businesses today have their own corporate Intranet sites, which are simply internal Internet systems used to share corporate information. O The ability to communicate electronically is a valuable skill to employers.