The document discusses different types of web applications and their characteristics. It describes document-centric websites, interactive and transactional applications, workflow-based applications, collaborative and social applications, portals, and ubiquitous applications. For each type, it provides examples and discusses their pros and cons. It also outlines three key dimensions - product-based, usage-based, and development-based - that characterize how web applications differ from traditional software applications.
Fundamentals of Design. Improve the visual competency of any website or application by keeping design in mind. Learn the fundamental design principles of typography, color, and layout.
A web application is a software program that runs in an Internet browser, on or through a web page. Similar to a software program that runs on a computer desktop or desktop application, a web application allows for user interaction and can be designed for a variety of uses.
Fundamentals of Design. Improve the visual competency of any website or application by keeping design in mind. Learn the fundamental design principles of typography, color, and layout.
A web application is a software program that runs in an Internet browser, on or through a web page. Similar to a software program that runs on a computer desktop or desktop application, a web application allows for user interaction and can be designed for a variety of uses.
Mobuz Solutions provide the guidelines like things to remember when designing your website. These creative information helps you to design your website easily.
what is web designing
Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization. Web design is the art of planning and arranging content on a website so that it can be shared and accessed online with the world.
This power point presentation provides details and description about web technology and terms of web development, design based on course structure of Bachelors in Computer Application (BCA) of Tribhuvan University in Nepal. It further includes information about history of internet and its evolution, world wide web and its services, static webpages, dynamic webpages, and html with headings, paragraph, titles, images, and so on.
Using the NERD stack to move on from XPages - a new beginning
This customer solution based session is about our first production project on domino-db, the Domino AppDevPack and the IAM service to extend and outreach a large XPages based Web Portal. While this project might still be ongoing when it's time to do this presentation, we will present our way forward using declarative front ends based on web components and domino-db based REST APIs to build a solution to move the customer's external web portal above and beyond what XPages were able to do. BUT - we still keep the benefits of quick turnaround times and low maintenance costs. See how we build domino views, forms and search capabilities like never before!
How to Create Map Views in the Odoo 17 ERPCeline George
The map views are useful for providing a geographical representation of data. They allow users to visualize and analyze the data in a more intuitive manner.
How to Split Bills in the Odoo 17 POS ModuleCeline George
Bills have a main role in point of sale procedure. It will help to track sales, handling payments and giving receipts to customers. Bill splitting also has an important role in POS. For example, If some friends come together for dinner and if they want to divide the bill then it is possible by POS bill splitting. This slide will show how to split bills in odoo 17 POS.
Mobuz Solutions provide the guidelines like things to remember when designing your website. These creative information helps you to design your website easily.
what is web designing
Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization. Web design is the art of planning and arranging content on a website so that it can be shared and accessed online with the world.
This power point presentation provides details and description about web technology and terms of web development, design based on course structure of Bachelors in Computer Application (BCA) of Tribhuvan University in Nepal. It further includes information about history of internet and its evolution, world wide web and its services, static webpages, dynamic webpages, and html with headings, paragraph, titles, images, and so on.
Using the NERD stack to move on from XPages - a new beginning
This customer solution based session is about our first production project on domino-db, the Domino AppDevPack and the IAM service to extend and outreach a large XPages based Web Portal. While this project might still be ongoing when it's time to do this presentation, we will present our way forward using declarative front ends based on web components and domino-db based REST APIs to build a solution to move the customer's external web portal above and beyond what XPages were able to do. BUT - we still keep the benefits of quick turnaround times and low maintenance costs. See how we build domino views, forms and search capabilities like never before!
How to Create Map Views in the Odoo 17 ERPCeline George
The map views are useful for providing a geographical representation of data. They allow users to visualize and analyze the data in a more intuitive manner.
How to Split Bills in the Odoo 17 POS ModuleCeline George
Bills have a main role in point of sale procedure. It will help to track sales, handling payments and giving receipts to customers. Bill splitting also has an important role in POS. For example, If some friends come together for dinner and if they want to divide the bill then it is possible by POS bill splitting. This slide will show how to split bills in odoo 17 POS.
The Art Pastor's Guide to Sabbath | Steve ThomasonSteve Thomason
What is the purpose of the Sabbath Law in the Torah. It is interesting to compare how the context of the law shifts from Exodus to Deuteronomy. Who gets to rest, and why?
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxEduSkills OECD
Andreas Schleicher presents at the OECD webinar ‘Digital devices in schools: detrimental distraction or secret to success?’ on 27 May 2024. The presentation was based on findings from PISA 2022 results and the webinar helped launch the PISA in Focus ‘Managing screen time: How to protect and equip students against distraction’ https://www.oecd-ilibrary.org/education/managing-screen-time_7c225af4-en and the OECD Education Policy Perspective ‘Students, digital devices and success’ can be found here - https://oe.cd/il/5yV
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
Palestine last event orientationfvgnh .pptxRaedMohamed3
An EFL lesson about the current events in Palestine. It is intended to be for intermediate students who wish to increase their listening skills through a short lesson in power point.
The Roman Empire A Historical Colossus.pdfkaushalkr1407
The Roman Empire, a vast and enduring power, stands as one of history's most remarkable civilizations, leaving an indelible imprint on the world. It emerged from the Roman Republic, transitioning into an imperial powerhouse under the leadership of Augustus Caesar in 27 BCE. This transformation marked the beginning of an era defined by unprecedented territorial expansion, architectural marvels, and profound cultural influence.
The empire's roots lie in the city of Rome, founded, according to legend, by Romulus in 753 BCE. Over centuries, Rome evolved from a small settlement to a formidable republic, characterized by a complex political system with elected officials and checks on power. However, internal strife, class conflicts, and military ambitions paved the way for the end of the Republic. Julius Caesar’s dictatorship and subsequent assassination in 44 BCE created a power vacuum, leading to a civil war. Octavian, later Augustus, emerged victorious, heralding the Roman Empire’s birth.
Under Augustus, the empire experienced the Pax Romana, a 200-year period of relative peace and stability. Augustus reformed the military, established efficient administrative systems, and initiated grand construction projects. The empire's borders expanded, encompassing territories from Britain to Egypt and from Spain to the Euphrates. Roman legions, renowned for their discipline and engineering prowess, secured and maintained these vast territories, building roads, fortifications, and cities that facilitated control and integration.
The Roman Empire’s society was hierarchical, with a rigid class system. At the top were the patricians, wealthy elites who held significant political power. Below them were the plebeians, free citizens with limited political influence, and the vast numbers of slaves who formed the backbone of the economy. The family unit was central, governed by the paterfamilias, the male head who held absolute authority.
Culturally, the Romans were eclectic, absorbing and adapting elements from the civilizations they encountered, particularly the Greeks. Roman art, literature, and philosophy reflected this synthesis, creating a rich cultural tapestry. Latin, the Roman language, became the lingua franca of the Western world, influencing numerous modern languages.
Roman architecture and engineering achievements were monumental. They perfected the arch, vault, and dome, constructing enduring structures like the Colosseum, Pantheon, and aqueducts. These engineering marvels not only showcased Roman ingenuity but also served practical purposes, from public entertainment to water supply.
Instructions for Submissions thorugh G- Classroom.pptxJheel Barad
This presentation provides a briefing on how to upload submissions and documents in Google Classroom. It was prepared as part of an orientation for new Sainik School in-service teacher trainees. As a training officer, my goal is to ensure that you are comfortable and proficient with this essential tool for managing assignments and fostering student engagement.
Ethnobotany and Ethnopharmacology:
Ethnobotany in herbal drug evaluation,
Impact of Ethnobotany in traditional medicine,
New development in herbals,
Bio-prospecting tools for drug discovery,
Role of Ethnopharmacology in drug evaluation,
Reverse Pharmacology.
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
1. What is The Web?
• World Wide Web aka. ‘The Web’
is a way of exchanging
information between computers
on the Internet
• A network of pages containing
images, text and sound which
can be viewed using browser
software.
• Internet: The global
infrastructure which facilitates
the data transfer
• Browser: A software application
for accessing information on the
World Wide Web.
1
2. Web Components
• Web Page: A container to hold
texts, images videos and sounds
• Web Site: A collection of related
web pages and associated items
• Web Server: A computer that
stores web site and delivers web
pages on client’s request
• Uniform Resource Locator (URL):
aka. Web Address is a pointer to a
web site stored on a web server
2
4. • Hypertext Markup Language (HTML)
• Cascading Stylesheet (CSS)
• Client-side Scripting (JavaScript)
• Server-side Programming (.NET/PHP/J2EE)
• Databases (SQL Server / MySQL / Oracle /
MongoDB)
Web Application Development
4
5. Software Engineering
• Software engineering is an engineering
discipline that is concerned with all aspects of
software production
• Software Engineering is the science and art of
building significant software systems that are:
– on time
– on budget
– with acceptable performance
– with correct operation
5
7. Web Engineering
• Web engineering is the study of the process,
used to create high quality Web-based
applications
• Web engineering draws heavily on the
principles and management activities found in
software engineering processes
• Web engineering extends Software Engineering
to Web applications
7
8. Scenarios
A company is looking to
launch an e-commerce
website to sell their products
online. As a web engineer,
you are tasked with designing
and developing the website.
What are the key
considerations you need to
keep in mind during the
design and development
process?
8
11. Web Engineering
• The application of systematic and quantifiable
approaches to cost-effective analysis, design,
implementation, testing, operation, and
maintenance of high-quality web applications
11
12. Defining Web Application
• The application of systematic and quantifiable
approaches to cost-effective analysis, design,
implementation, testing, operation, and maintenance of
high-quality web applications
• Application development on the Web remains largely ad
hoc.
– Spontaneous, one-time events
– Individual experience
– Little or no documentation for code/design
• Short-term savings lead to long-term problems in
operation, maintenance, usability, etc.
12
13. The case of Web Engineering
• Top project pitfalls (Cutter, 2000)
– 84% - Failure to meet business objectives
– 79% - Project schedule delays
– 63% - Budget overrun
– 53% - Lack of functionality
• Web Engineering’s solution:
– Clearly defined goals & objectives
– Systematic, phased development
– Careful planning
– Iterative & continuous auditing of the entire process
13
14. Categories of Web Applications
• Document-centric websites
• Interactive and transactional web applications
• Workflow-based web applications
• Collaborative and social web applications
• Portal-oriented web applications
• Ubiquitous web applications
14
15. Document-centric Websites
• Originator to Web applications
• Static HTML documents
• Manual updates
• Pros
– Simple, stable, short response times
• Cons
– High management costs for frequent updates
& large collections
– More prone to inconsistent/redundant info
• Example: static home pages
15
16. Interactive and Transactional Web Applications
• Not only read-only content but also allow content
modification
• Come with the introduction of HTML forms
• Simple interactivity
• Dynamic page creation
– Web pages and links to other pages generated
dynamically based on user input
• Content updates -> Transactions
– Database connectivity
– Increased complexity
• Examples: news sites, booking systems, online banking
16
17. Workflow based Applications
• Designed to handle business processes across
departments, organizations & enterprises
• Automates processes consisting of series of
steps
• Business logic defines the structure
• High complexity; autonomous entities
• Examples: B2B & e-Government
17
18. Collaborative & Social Web Applications
• Unstructured, cooperative environments
– Support shared information workspaces to
create, edit and manage shared information
– Interpersonal communication is paramount
• Classic example: Wikis
• The Social Web
– Moving towards communities of interest
• Examples: Blogs, facebook, twitter etc.
18
19. Web Portals
• One specially-designed at a website which
brings information together from diverse
sources in a uniform way
• Each information source gets its dedicated area
• Specialized portals
– Business portals
– Marketplace portals
– Community portals
19
20. Ubiquitous web application
• These kind of applications provides customized
facilities for any device from anywhere at any
time.
• It has limited interaction facility and support
limited device.
• It require advance knowledge of context where
the web application is being used for dynamic
adjustment.
• Services based on location is an example of such
web application.
20
21. Knowledge-based web application
• This kind of application is used for
providing knowledge for both human
and machine.
• The knowledge management is based
on semantic web technologies.
• Example: Expert System
21
23. Characteristics of Web Applications
• How do Web applications differ
from traditional applications?
• 3 dimensions
– Product-based
– Usage-based
– Development-based
23
25. Usage-based Characteristics
● Much greater diversity compared to traditional
non-Web applications
– Users vary in numbers, cultural background, devices, h/w,
s/w, location etc
● Social Context (Users)
– Spontaneity - scalability
– Heterogeneous groups
● Technical Context (Network & Devices)
– Quality-of-Service
● Natural Context (Place & Time)
– Globality
– Availability
25
26. Development-based Characteristics
● The Development Team
– Multidisciplinary – print publishing, s/w development,
marketing & computing, art & technology
● Technical Infrastructure
– Lack of control on the client side
● Integration
– Internal – with existing legacy systems
– External – with Web services
– Integration issues: correct interaction, guaranteed QoS
26
Editor's Notes
User inputs the web application URL into their web browser and hits Enter.
The web server receives the request and sends back the HTML code that makes up the web page.
The web browser renders the HTML code and displays the web page on the user's device.
The user interacts with the web page by clicking on links or buttons, filling out forms, and so on.
As the user interacts with the web page, the browser sends requests to the web server, asking for additional data or resources.
The web server responds to these requests by sending back more data or resources, which the browser uses to update the web page.
This process of sending requests and receiving responses continues until the user has completed their task within the web application.
Web engineering is a subset of software engineering that deals specifically with the development of web-based software systems. Therefore, the principles, techniques, and best practices of software engineering are also applicable to web engineering.
In order to develop high-quality web-based software systems, web engineers must follow the same fundamental principles of software engineering, such as requirements gathering, analysis and design, testing, and maintenance.
software engineering provides the foundational principles and practices that web engineering builds upon to design, develop, test, and maintain web-based software systems.
AI software is a type of computer program that uses machine learning algorithms, natural language processing, and other techniques to simulate human intelligence and perform tasks that would typically require human intelligence to complete.
Web application is a software program that runs on a web server and can be accessed by users over the internet using a web browser. Web applications are designed to be interactive and allow users to perform tasks or access information through a web-based interface.
Examples of web applications include email clients, online banking portals, e-commerce websites, and project management tools.
Product line software: Microsoft Office: Each program in the suite shares a common user interface and set of features, but is designed for a different set of tasks.
Search engine optimization
the waterfall model should only be applied when requirements are well understood and unlikely to change radically during development as this model
-> The process to gather the software requirements from client, analyze and document them
-> System and software design involves defining the architecture, components, and interfaces of a system or software solution to meet specified requirements.
-> Implementation is the process of writing and coding software based on the design, while unit testing is the process of testing individual units or components of the software to ensure they function correctly in isolation.
-> Integration testing is the process of testing how multiple software components work together, while system testing is the process of testing the entire system as a whole to ensure it meets functional and non-functional requirements.
-> Operation and maintenance refer to the ongoing processes of managing, updating, and supporting a system or software solution to ensure it continues to function effectively and efficiently throughout its lifecycle.
Requirements Gathering: The development team meets with the client to understand the requirements for the website, including the purpose, features, and target audience.
Design: Based on the requirements, the development team creates a design for the website, including the layout, color scheme, and overall look and feel.
Implementation: Using the design as a guide, the development team begins coding the website, including the HTML, CSS, and JavaScript necessary for the site's functionality.
Testing: Once the development is complete, the team conducts various testing activities to ensure that the website works as intended, including unit testing, integration testing, and system testing.
Deployment: Once testing is complete and any necessary fixes have been made, the website is deployed to a production environment and made available to users.
Maintenance: After deployment, the team provides ongoing maintenance and support for the website, including bug fixes, security updates, and feature enhancements as needed.
Regenerate response
document-centric websites primarily focus on presenting and sharing information through documents.
Personalized services
Aims to
-> Increasing scope: As a website grows and evolves, its scope can expand, requiring new features and functionality. This can add complexity to the website's architecture and codebase, as well as to the development process itself.
-> Integration with other systems: As websites become more integrated with other systems, such as databases, third-party APIs, and social media platforms, the complexity of the development process can increase.
-> Mobile responsiveness: With the rise of mobile devices, websites need to be responsive and optimized for different screen sizes and devices. This can add complexity to the development process, particularly if the website was not designed with mobile responsiveness in mind from the beginning.
-> Security
Security: As websites become more complex and handle more sensitive data, the need for security measures also increases. This can add complexity to the development process, particularly if the website needs to comply with strict security regulations or standards.
