methodology of design

1. INTRODUCTION TO WEB DESIGNING
 Web Designing involves creating and designing websites.
 The process includes defining the structure, style, and appearance of
websites.
 The aim is to create attractive and user-friendly websites for easy
usage.
 Web design is dynamic and crucial in shaping the online
environment.
 Understanding its importance is essential for effective interaction
with online information.
 In our BCA program, we'll explore fundamental concepts of web
design.
 Topics include HTML, CSS, responsive design, and dynamic user
interfaces.
 Mastery of these concepts enables creation of aesthetically pleasing,
practical, and accessible websites.
 Web design is increasingly in demand in the IT industry.

2. QUALITIES OF A GOOD WEB DESIGN
• Simplicity
• Accessibility
• User-friendly navigation
• Unique & Quality content
• Responsive design
• Functionality

3. State about the purpose (aim) of studying web designing
subject? how it will help students prepare for life? Define
learning about the course
The aim of studying web designing in the context of bachelor of computer
application is to teach the students the knowledge and skills required to design
effective and user-friendly websites. The ultimate aim is to equip students for
positions where they may participate in the creation of websites, making sure
they satisfy user expectations, follow industry best practices, and conform to
modern standards. The objectives of teaching web designing BCA students
includes:

4. State about the purpose (aim) of studying web designing subject? how it
will help students prepare for life? Define learning about the course
Understanding web
technologies
It help the students to have a clear
understanding of different web technologies
like HTML, CSS, JavaScript which are the
basic building blocks of a website.
Learn graphic designing They learn to design attractive and
captivating websites using various graphic
deigning software.
Interaction and cooperation Students learn to interact effectively and
efficiently to the team members, developers,
project managers, and clients. They can share
their designing ideas in an effective manner.
Web Standardization and
Requirements
Students learns to follow the rules and
regulations to be followed in website
designing so that they can provide best
quality websites to their clients

5. State about the purpose (aim) of studying web designing subject? how it
will help students prepare for life? Define learning about the course
Problem solving skills As the web designers have to work according to the
users, web designing help them to deal with
different type of people as well as understand their
needs and help them the way they want.
Coding and mark up Students learn the fundamentals of mark up and
coding languages like HTML,CSS which are
essential for web designing.
Adaptability to
technical
advancements
As technology and trends change dynamically, web
designing help the students to be compatible with
the changing technical environment .
Creativity and
innovation
Web designing help the students to explore more
creativity so that they can provide best quality
websites including unique designs, styles , proper
standards etc.

6. How It Helps Students Prepare for Life:
Web designing help the students in many ways like:
• Communication skills: The fundamental task of web designers is to
express their creativity and ideas to their clients. Web designing help them
to explore their thoughts in a better way which enhance their
communication skills .
• Carrier opportunities: Learning web designing enable the students to
make carrier as web designers, handling websites, freelance web
developers. They can work as member of development team either in
government organizations or private industries.
• Cooperation and Team work: As students as web designers work in
a team or project, they gain the ability to work in a group of different
people handling different perspectives.

7. How It Helps Students Prepare for Life:
• Entrepreneurship: The students become capable to start their own
entrepreneur of website designing which make them self-reliant and even
providing jobs in their business.
• Continuous learning: Students need to learn continuously as websites
need to change frequently as per users need. The students learn adapting
advance tools, languages and techniques used in web deigning. They
become more adaptive and flexible.
• Recognizing users need: The work of web designers is entirely
depend on clients, so the students learn to deal with different people having
different type of ideas, requirements and preference of the clients.

8. Define couple of possible startups and entrepreneurships
which students can do after learning web designing
• E-commerce Website Development
• Freelance Web Design Services
• Web Development Training and Workshops
• Website Maintenance and Support Services
• Virtual Tour Website Development

9. Define scope of the subject in terms of expected Learning outcomes(LOCs). It
should be Cognitive and non-Cognitive learning outcomes.
Scope of Web Designing: Expected Learning Outcomes (LOCs)
Cognitive Learning Outcomes:
 Understanding web technologies: Students learn to use the syntax,
functionalities of the languages used in web designing like HTML,CSS.
 Proficiency in web designing tools: They get proficient in creating , editing
and manipulating graphic tools used in web designing
 .
 Coding and scripting proficiency: Students learn to identify and resolve
issues occur in websites layout, appearance etc.
 Web standards and best practices: Using web standards and practices make
them enable to provide reliable, efficient as well as effective websites.
 Problem solving skills in Web designing: It help the students to identify,
analyze and resolve the problems in context of web designing.
 Improved Creative skills: As websites change dynamically, students learn to
be more creative to provide improved and better output according to clients'
requirements.

10. Define scope of the subject in terms of expected Learning outcomes(LOCs). It
should be Cognitive and non-Cognitive learning outcomes.
Scope of Web Designing: Expected Learning Outcomes (LOCs)
Non-Cognitive Learning Outcomes:
 Communication skills: Gaining the ability to convey ideas effectively can help you
connect with team members, recognize client needs, and communicate and debate web design
ideas.
 Creativity and design Thinking: Develop the creativity and imaginative thinking
abilities by exposing their ability to create and develop innovative attractive web designs.
 Time Management and project planning: Enhance the time management and
project planning abilities by revealing the capacity to effectively organize and prioritize
responsibilities in order to successfully complete web design projects in given time schedule.
 Ethical and professional conduct: Develop students' ethics and professionalism in
web design by understanding and following the copyright regulations, industry standards,
and confidentiality of clients.
 Improved interaction skills: Students gain the capability to analyze customers'
requirements, discuss design ideas with clients and following their suggestions in designing.
 Continuous Learning: Gain the capacity to adapt technological advancements and
maintain a continuous learning mindset by keeping up with emerging trends in the always
changing field of web design.

11. Define the pedagogies to be accepted by the teacher for effective
transaction in the classroom in terms of mode of delivery or lecture
method
• Flipped classrooms: The flipped classroom inverts the traditional learning experience.
The lecture material is shared outside of the class time so that students nan review it as
homework and later can discuss in class time.
• Problem based learning: The problem-based technique makes use of challenging
real-world problems as teaching tools. The teacher starts by introducing the class to a
problem that needs to be solved in the real world. After that, students must actively
engage with it to understand the problem's cause and develop possible solutions.
• Socratic Method: It is an approach of teaching where a teacher asks students questions
continually until the right answer is found.
• Peer Teaching: Peer learning is the process of students learning with and from each
other. This is usually facilitated through teaching and learning activities such as student–
led workshops, study groups, peer-to-peer learning partnerships, and group work.

12. Define the pedagogies to be accepted by the teacher for effective transaction in
the classroom in terms of mode of delivery or lecture method
• Scaffolding: It involves the guidance and support provided by the teacher to help students as
they learn a new concept. After that, the teacher lets students work on their own. It may also
involve studying in groups.
• Interactive Lectures: Students engage in an actual activity that allows them to make use of
the lesson. Interactive lectures are those that include brief activities that enable students to
engage with the subject matter that has been talked about in class. These lectures involve Q-
A Sessions, group discussions.
• Hands-On Activities: It includes small real exercises done in classrooms to engage
students in designing basic structure of websites, writing the source code for it and execute it
at their own level. It improve confidence and self dependence among students.
• Multimedia Integration: In this pedagogy, students are provided online videos,
slideshows, pictorial presentations to make complex topics easy to learn and student
friendly.
• Assessment for Learning (Formative Assessment): It is a "process of gathering data to
better understand the strengths and weaknesses of student t offers helpful feedback to both
teachers and students on how well students are completing the learning objectives of the
course learning."

13. What pedagogical support a teacher would require like: teaching aids like practical
demonstration, audio-video, Charts and any other supporting device et. ( for
facilitating learning among students)
Example Purpose
Audio-visual resources Educational Videos,
animations, and
multimedia presentations.
Help in making the learning experience more
dynamic and appealing.
Online resources Online tutorials, coding
platforms like HTMLDog,
CodePen, JS Bin
Help the students in improving coding
experience in flexible learning environment.
Interactive Whiteboards Smart boards, Electronic
whiteboards
enable dynamic presentations, and
engagement through interactive activities,
enhancing student participation in designing.
Printed Materials: Textbooks, Journals,
Reference books.
Printed materials serve as supplementary
resources, providing students with reference
materials and additional readings to reinforce
classroom learning

14. What pedagogical support a teacher would require like: teaching aids like
practical demonstration, audio-video, Charts and any other supporting
device et. ( for facilitating learning among students)
Example Purpose
Collaborative tools Online collaborative platforms,
group discussion forums.
facilitate group work, discussions, and
knowledge sharing, promoting teamwork
and a sense of community among
students
Document Cameras: projectors, visualizers Allow teachers to display physical
documents, books, or objects to the
entire class, ensuring that everyone can
see and engage with the material
Library Resources Books, journals, online
databases
Library resources offer a wealth of
information beyond the classroom,
supporting students in further research
and exploration of the subject.

15. Think and plan various tasks and activities to be performed by teachers to
increase the understanding and competencies of students
• Coding Exercises: Students may be given coding exercises starting from
basics , moderate and advance level to encourage them to create web pages having
different appearance, structure and format.
• Code reviews: Based on coding exercises, a review is done to determine the
quality, effectiveness and formal coding standards. Feedback or suggestions may
be given to improve their coding skills.
• Hackathons: Coding events may be organized for the students where they are
asked to design websites following pre determined criteria like particular themes,
targeted audience, web standards, website functionalities et.
• Online collaboration Platforms: Online collaboration services are used to
improve digital teamwork in virtual environment among the students.

16. Think and plan various tasks and activities to be performed by
teachers to increase the understanding and competencies of
students
• Documentation project or blogging: Students are asked to
prepare and publish their assignments to enhance sharing of
their creative ideas. It develops their creative thinking as well
as communication skills of students.
• Industry Web Design Trends Research: Students are assigned
tasks to study latest advancements in web designing trade which
help in developing an innovative mind-set of the students.
• Real-world projects: They are asked to assist in designing the
web projects for real world at small scale which make them
confident to handle the projects at large scale also.

17. List the tools and techniques required in practical
transmission of web designing to the students
• Integrated Development Environments (IDEs): VS Code, Adobe
Dreamweaver
• Web Browsers: Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge,
Opera
• Graphic Design Software: Canva, Adobe Photoshop, Sketch
• Content Management Systems (CMS): WordPress,Shopify
• Web Hosting Services: Microsoft Azure, Amazon Web Services, Google Cloud
Platform, Bluehost
• Responsive Design Testing Tools: Responsinator, BrowserStack
• Analytics and Tracking Tools: Google Analytics, Hotjar
• Web Performance Testing Tools: GTmetrix, Google PageSpeed Insights

18. Specify all possible criteria , sources and methods to be used by
teachers for assessment of the students performance
Assessment Criteria for Web Designing
• Technical Proficiency
• Problem-Solving Skills
• Adherence to Web Standards
• Creativity
• Project Management
• Testing and Debugging

19. Specify all possible criteria , sources and methods to be used by
teachers for assessment of the students performance
Assessment Methods
• Code Reviews
• Project-Based Assessments
• Practical Exams
• Online Assessments
• Written Examinations
• Online Assessments
• Peer reviews

20. Specify all possible criteria , sources and methods to be used by
teachers for assessment of the students performance
Assessment sources
• Classroom Assignments
• Practical Demonstrations
• Coding Challenges
• Open-Ended Questions
• Examinations and Quizzes

21. Specify all possible criteria , sources and methods to be used by
teachers for assessment of the students performance
Assessment sources
• Classroom Assignments
• Practical Demonstrations
• Coding Challenges
• Open-Ended Questions
• Examinations and Quizzes

22. References
 https://www.structural-learning.com/post/scaffolding-in-education-a-teachers-guide
 https://www.cipcourses.com/blog/pedagogical-approaches-to-teaching-in-higher-
education/
 https://cft.vanderbilt.edu/student-assessment-in-teaching-and-learning/
 https://intranet.ecu.edu.au/learning/curriculum-design/teaching-strategies/