This document discusses modifying sites created by PHP Site Assistant to optimize them for mobile devices. Key points include:
1. Create an alternate mobile.css stylesheet with reduced padding, margins, and font sizes.
2. Add <link> tags to .php pages to reference the mobile stylesheet for handheld browsers and an iPhone-specific stylesheet.
3. Set the iPhone viewport to 320px width.
4. Hide non-essential elements like headers from the mobile versions.
Making these changes allows a single site generated by PHP Site Assistant to effectively support both desktop and mobile browsers.
The document describes how to develop web applications using ASP.NET web parts. It explains that web parts allow users to customize pages by adding, removing, and rearranging components. Web parts can display data from different sources and be connected to share data. The document outlines how to create web part pages with zones to organize web parts and how to develop web parts to add dynamic content to pages.
Chapter 14 Publishing a Web Site (649.0K)webhostingguy
The document discusses various techniques for publishing, maintaining, and promoting a website. It covers selecting a web host, transferring files to publish the site, validating code and checking for errors, and publicizing the site through methods like search engine registration and meta tags. Key topics include choosing between internal and external hosting, using reports in Dreamweaver to check for issues, and leveraging tools like cookies and promotions to increase website traffic.
The presentation (delivered for the Swiss SharePoint Club 31st meeting on 30th of January 2013, in Geneva, Switzerland ) exposes various important details about new concepts to be considered when branding in the new SharePoint 2013.
EPiServer is a web content management system (WCMS) that provides features for content management, publishing, file and document management, personalization, operations and development. It offers products for content management, e-commerce, social media, marketing, and connectivity with .NET products. Key capabilities include intuitive content authoring, multilingual and global website management, personalization, search engine optimization, hosting, and cloud solutions.
Web fonts offer great flexibility for brands and designers to use a wider range of fonts online.
Using a custom font on the web was only achievable through various techniques, all with certain limitations. Most designers opted to stick with Web Safe Fonts – which are fonts that are already installed by default across different operating systems.
This document provides an overview and introduction to publishing FileMaker databases on the web using Instant Web Publishing. It discusses the requirements for Instant Web Publishing, including needing FileMaker Pro or Server Advanced enabled for web publishing and access to the internet or intranet. It also briefly introduces static web publishing and custom web publishing as alternative methods. The guide is intended to explain how to publish databases, what web users need to access them, and how web users can interact with the database.
IBM Presents the Notes Domino Roadmap and a Deep Dive into Feature Pack 8Teamstudio
This webinar encompasses two sessions presented at IBM Connect 2017. Adam Kesner and Barry Rosen from IBM review the latest updates on Notes/Domino and discuss the future directions and support for Notes/Domino and deliverables over the coming 12-18 months while IBM moves to a continuous delivery model. Then, Martin Donnelly and Brian Gleeson from IBM take a deep dive into the key features delivered in Feature Pack 8 including how to use the new encryption capabilities, improvements to Domino Designer, and more!
Custom Web Publishing with XML allows web developers to integrate FileMaker database content into custom websites by enabling them to send XML queries to FileMaker Server and receive the database data in XML format, which can then be incorporated into other applications. This technology provides benefits such as customization of the user experience, data interchange capabilities, integration of FileMaker data into other systems, and security controls over published data. Custom Web Publishing with XML is based on open standards like XML and allows developers to leverage existing skills and tools.
The document describes how to develop web applications using ASP.NET web parts. It explains that web parts allow users to customize pages by adding, removing, and rearranging components. Web parts can display data from different sources and be connected to share data. The document outlines how to create web part pages with zones to organize web parts and how to develop web parts to add dynamic content to pages.
Chapter 14 Publishing a Web Site (649.0K)webhostingguy
The document discusses various techniques for publishing, maintaining, and promoting a website. It covers selecting a web host, transferring files to publish the site, validating code and checking for errors, and publicizing the site through methods like search engine registration and meta tags. Key topics include choosing between internal and external hosting, using reports in Dreamweaver to check for issues, and leveraging tools like cookies and promotions to increase website traffic.
The presentation (delivered for the Swiss SharePoint Club 31st meeting on 30th of January 2013, in Geneva, Switzerland ) exposes various important details about new concepts to be considered when branding in the new SharePoint 2013.
EPiServer is a web content management system (WCMS) that provides features for content management, publishing, file and document management, personalization, operations and development. It offers products for content management, e-commerce, social media, marketing, and connectivity with .NET products. Key capabilities include intuitive content authoring, multilingual and global website management, personalization, search engine optimization, hosting, and cloud solutions.
Web fonts offer great flexibility for brands and designers to use a wider range of fonts online.
Using a custom font on the web was only achievable through various techniques, all with certain limitations. Most designers opted to stick with Web Safe Fonts – which are fonts that are already installed by default across different operating systems.
This document provides an overview and introduction to publishing FileMaker databases on the web using Instant Web Publishing. It discusses the requirements for Instant Web Publishing, including needing FileMaker Pro or Server Advanced enabled for web publishing and access to the internet or intranet. It also briefly introduces static web publishing and custom web publishing as alternative methods. The guide is intended to explain how to publish databases, what web users need to access them, and how web users can interact with the database.
IBM Presents the Notes Domino Roadmap and a Deep Dive into Feature Pack 8Teamstudio
This webinar encompasses two sessions presented at IBM Connect 2017. Adam Kesner and Barry Rosen from IBM review the latest updates on Notes/Domino and discuss the future directions and support for Notes/Domino and deliverables over the coming 12-18 months while IBM moves to a continuous delivery model. Then, Martin Donnelly and Brian Gleeson from IBM take a deep dive into the key features delivered in Feature Pack 8 including how to use the new encryption capabilities, improvements to Domino Designer, and more!
Custom Web Publishing with XML allows web developers to integrate FileMaker database content into custom websites by enabling them to send XML queries to FileMaker Server and receive the database data in XML format, which can then be incorporated into other applications. This technology provides benefits such as customization of the user experience, data interchange capabilities, integration of FileMaker data into other systems, and security controls over published data. Custom Web Publishing with XML is based on open standards like XML and allows developers to leverage existing skills and tools.
Help On Board is a company that develops a web-based client management application called Help On Board to help organizations track fundraising activities. The application was created using PHP and MySQL to allow clients to securely input and track sponsorships and sales from multiple remote locations. The document discusses the development of the application, how it addresses the needs of remote clients, and some of its key features for tracking fundraising data and generating documents.
This document provides an overview of FlippingBook Publisher 2.2, including its product editions, features, and system requirements. It has sections on the product editions (Basic, Professional, Corporate), features common to all editions like continuous zooming and social network integration, as well as edition-specific features such as importing documents and content protection. The document also provides a quick start guide to creating a publication from a PDF and uploading it, and lists the system requirements for using the editor, viewing online flash publications, and source content types and sizes.
IBM Connect 2014 AD 501 - IBM Worklight for IBM Domino DevelopersMat Newman
IBM Domino 9 easily exposes the Domino Data Service (DDS) to enable you to access data in IBM Notes Databases utilising REST APIs. But how do you get started building native mobile applications? With IBM Worklight, and DDS! We will demonstrate how to install, configure and then build your first mobile application.
There are four steps to installing the Oracle BI Mobile App Designer:
1. Apply the required patch file
2. Deploy the Mobile App Designer to the Weblogic application server
3. Set up security permissions in the system-jazn-data.xml file
4. Configure the Apps library folder in the catalog to manage mobile applications
The Microsoft Web Platform is a set of tools, servers and technologies optimized for building and hosting web applications. It includes PHP, IIS, and SQL Server which provide a complete stack for developing and hosting websites and applications. The platform offers high performance, security, scalability and tools to simplify deployment. It allows using individual components or the full integrated platform on Windows, Azure, or both.
The document proposes updates to the FOTF website to improve delivery of ministry, increase engagement, and increase editor efficiency. Key recommendations include building standard templates and components, structuring content around "hubs", leveraging existing content for reusability, and constructing basic pages that can be used to build other sites and experiences. The updates aim to inspire users and promote practical ideas, tell compelling stories, and make the site easier for editors to use.
- Mediacurrent collaborated with InterMedia Outdoors to redesign their family of websites using Drupal. This required migrating content from a legacy CMS to Drupal.
- The result was a modernized website design and social network allowing users quick access to vast content. The Drupal-powered site improved scalability and allowed for social features and customization.
- Key goals were improved usability, branding, content findability, and high scalability to handle the site's large traffic. The hosting architecture and development process ensured these goals were met.
1. The document discusses proposed UX designs for Firefox on Windows 8, including making it feel more native by adding features like an app bar, tab previews as live thumbnails, and global search.
2. It focuses on making browsing more comfortable through bookmarks lists, find on page, tabs on top, and an adaptive layout.
3. Animations are recommended for tasks like loading new tabs, the start page, and web links, with guidance on what to do and not do. Transitions and progress indicators are suggested to provide a fluid experience.
Customize it! Make IBM Connections look your way Klaus Bild
My session at Dominopoint Days 2013 in Milano
IBM Connections offers endless customizing possibilities in order to change the platform according to your needs . In this session we will explore the many customization options available and will look at some examples like customizing the UI, notifications, blog themes, profiles or even metrics reports.
This will give you an idea of the various possibilities Connections is offering and should act as a starting point for your own customizations.
1. The document provides biographical information about Anas Khaitou, including his education background, work experience designing and programming websites, authorship of a book, and experience working with companies.
2. It also outlines topics that will be covered in an upcoming presentation or training, including the history of the internet, website types and design, programming languages, and how to start a website.
3. An example HTML document is provided that demonstrates basic HTML tags for the document structure, head, body, paragraphs of text.
The official website of UEFA, uefa.com, is analyzed. The website provides football/soccer content to fans around the world in 12 languages. It offers news, videos, and information on UEFA's competitions. The navigation, headers, footers, and typesetting are well-designed to be clear, consistent and user-friendly. While the color scheme and graphics are attractive, some improvements could include expanding the navigation options and increasing spacing between links. Overall, the website effectively caters to its target audience of football enthusiasts.
The document provides an outline of basic skills needed for building and maintaining websites, including computer operations, remote access, file uploading/downloading, HTML/CSS knowledge, scripting languages like PHP and PERL, and other tools. It discusses how to get a domain name, domain extension types, choosing a domain name, and what subdomain names are. The skills discussed will help a reader plan for developing a simple or more complex website.
I. ASP.NET is a web development platform from Microsoft used to build web applications. It provides advantages over classic ASP like separation of presentation and code for easier maintenance.
II. The ASP.NET architecture includes layers for the browser, web server, application server, business logic, and database. It uses HTTP for communication and HTML/XHTML pages.
III. Key challenges in designing web application interfaces include the stateless nature of the web, ensuring responsive and intuitive user interfaces, achieving scalability and performance, and addressing security issues.
FrontPage 2002 allows users to quickly create websites with rich graphics and dynamic content. It is easy for novices to use yet also fast for experienced developers. New features include improved interface, photo gallery, automatic web content, and reporting tools. FrontPage 2002 also enhances collaboration, e-commerce functionality, and remote work capabilities. It provides improved site management and publishing controls.
The key technologies required for e-commerce include the internet, credit cards, browsers, web server software, web authoring tools, database systems, TCP/IP addresses, domain names, programming languages like HTML and PHP, and consideration of download speeds and browser/platform compatibility. Websites rely on a combination of hardware, software, networking protocols, and programming to function online and facilitate online transactions. Customer experience is impacted by factors like page loading speeds and ensuring compatibility across different browsers and devices.
A web application is an application that is accessed via a web browser and uses browser-supported programming languages like HTML, PHP, JavaScript, and XML. It allows software to be updated without users having to update any software and can be accessed from anywhere through a web browser. The history of web applications began in 1995 with JavaScript being introduced to create dynamic elements on web pages. Technologies like Flash, Ajax, and HTML5 have continued advancing the capabilities of web applications. Web applications provide advantages like cross-platform access from any device with a browser and easy updating without software installations. However, they also rely on internet connections and server availability.
A web application is an application that uses a web browser as its primary client. It is coded using browser-supported languages like HTML, PHP, JavaScript, and runs on the client-side. Some key advantages are that they do not require installation, can be accessed from anywhere, and integrate easily with server-side apps. However, they also rely on an internet connection and the hosting server. The history of web apps began in 1995 with JavaScript, and technologies like Flash, Ajax, and HTML5 have continued advancing their capabilities since.
How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...Aimore Technologies
Microsoft’s ASP.NET technology for internet development? Let’s perceive the explanations behind selecting ASP.NET web application development services.Developers will build all types of apps from the only ones to the foremost complicated ones victimization this programming platform.
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING PamRobert
Back-End Web Development: The internet is quite thrilling. When you, the user, request a URL, a lot of code is in action to provide the page you requested.
What exactly links the browser and database in your app?
That application was created using server-side scripts; server-side language created your website invisibly.
A seamless user experience is what the server-side language aims to provide.
Many server-side scripting languages help achieve the desired result.
The server-side programming language you choose will rely on your development team’s tastes and the project’s needs, such as your operating system and database configuration.
Knowing the specific benefits that each server-side scripting language may provide will help you choose your back-end technology and who to employ to do these duties.
The ideal option for you searching for Technology for Back-End Web Development is Yugasa Software Labs.
The document discusses planning and designing a simple website using KompoZer. It describes the important steps in planning a website including determining goals and content. It then explains how to use KompoZer to design basic webpage elements like tables and images. Finally, it discusses publishing the website by uploading files to a web server using FTP and provides information on other open source web development tools.
This document introduces application development using Adobe AIR 2.0. It discusses what AIR is and how it allows developers to create rich desktop applications using existing web technologies like Flash and Flex. It highlights key features of AIR 2.0 like improved networking capabilities and support for multi-touch. Examples are given of industries using AIR for applications like the NASDAQ stock market desktop app and eBay desktop app. In conclusion, it states that RIAs and technologies like AIR, Flash, and Flex will dominate future application development.
The document summarizes a presentation about using PHP on the Microsoft web platform. It discusses how to easily install PHP applications on Windows, develop PHP applications using tools like Expression Web and Visual Studio, and manage PHP applications using IIS web server. The presentation demonstrates these tools and platforms and provides resources for learning more about developing PHP applications on Windows.
Help On Board is a company that develops a web-based client management application called Help On Board to help organizations track fundraising activities. The application was created using PHP and MySQL to allow clients to securely input and track sponsorships and sales from multiple remote locations. The document discusses the development of the application, how it addresses the needs of remote clients, and some of its key features for tracking fundraising data and generating documents.
This document provides an overview of FlippingBook Publisher 2.2, including its product editions, features, and system requirements. It has sections on the product editions (Basic, Professional, Corporate), features common to all editions like continuous zooming and social network integration, as well as edition-specific features such as importing documents and content protection. The document also provides a quick start guide to creating a publication from a PDF and uploading it, and lists the system requirements for using the editor, viewing online flash publications, and source content types and sizes.
IBM Connect 2014 AD 501 - IBM Worklight for IBM Domino DevelopersMat Newman
IBM Domino 9 easily exposes the Domino Data Service (DDS) to enable you to access data in IBM Notes Databases utilising REST APIs. But how do you get started building native mobile applications? With IBM Worklight, and DDS! We will demonstrate how to install, configure and then build your first mobile application.
There are four steps to installing the Oracle BI Mobile App Designer:
1. Apply the required patch file
2. Deploy the Mobile App Designer to the Weblogic application server
3. Set up security permissions in the system-jazn-data.xml file
4. Configure the Apps library folder in the catalog to manage mobile applications
The Microsoft Web Platform is a set of tools, servers and technologies optimized for building and hosting web applications. It includes PHP, IIS, and SQL Server which provide a complete stack for developing and hosting websites and applications. The platform offers high performance, security, scalability and tools to simplify deployment. It allows using individual components or the full integrated platform on Windows, Azure, or both.
The document proposes updates to the FOTF website to improve delivery of ministry, increase engagement, and increase editor efficiency. Key recommendations include building standard templates and components, structuring content around "hubs", leveraging existing content for reusability, and constructing basic pages that can be used to build other sites and experiences. The updates aim to inspire users and promote practical ideas, tell compelling stories, and make the site easier for editors to use.
- Mediacurrent collaborated with InterMedia Outdoors to redesign their family of websites using Drupal. This required migrating content from a legacy CMS to Drupal.
- The result was a modernized website design and social network allowing users quick access to vast content. The Drupal-powered site improved scalability and allowed for social features and customization.
- Key goals were improved usability, branding, content findability, and high scalability to handle the site's large traffic. The hosting architecture and development process ensured these goals were met.
1. The document discusses proposed UX designs for Firefox on Windows 8, including making it feel more native by adding features like an app bar, tab previews as live thumbnails, and global search.
2. It focuses on making browsing more comfortable through bookmarks lists, find on page, tabs on top, and an adaptive layout.
3. Animations are recommended for tasks like loading new tabs, the start page, and web links, with guidance on what to do and not do. Transitions and progress indicators are suggested to provide a fluid experience.
Customize it! Make IBM Connections look your way Klaus Bild
My session at Dominopoint Days 2013 in Milano
IBM Connections offers endless customizing possibilities in order to change the platform according to your needs . In this session we will explore the many customization options available and will look at some examples like customizing the UI, notifications, blog themes, profiles or even metrics reports.
This will give you an idea of the various possibilities Connections is offering and should act as a starting point for your own customizations.
1. The document provides biographical information about Anas Khaitou, including his education background, work experience designing and programming websites, authorship of a book, and experience working with companies.
2. It also outlines topics that will be covered in an upcoming presentation or training, including the history of the internet, website types and design, programming languages, and how to start a website.
3. An example HTML document is provided that demonstrates basic HTML tags for the document structure, head, body, paragraphs of text.
The official website of UEFA, uefa.com, is analyzed. The website provides football/soccer content to fans around the world in 12 languages. It offers news, videos, and information on UEFA's competitions. The navigation, headers, footers, and typesetting are well-designed to be clear, consistent and user-friendly. While the color scheme and graphics are attractive, some improvements could include expanding the navigation options and increasing spacing between links. Overall, the website effectively caters to its target audience of football enthusiasts.
The document provides an outline of basic skills needed for building and maintaining websites, including computer operations, remote access, file uploading/downloading, HTML/CSS knowledge, scripting languages like PHP and PERL, and other tools. It discusses how to get a domain name, domain extension types, choosing a domain name, and what subdomain names are. The skills discussed will help a reader plan for developing a simple or more complex website.
I. ASP.NET is a web development platform from Microsoft used to build web applications. It provides advantages over classic ASP like separation of presentation and code for easier maintenance.
II. The ASP.NET architecture includes layers for the browser, web server, application server, business logic, and database. It uses HTTP for communication and HTML/XHTML pages.
III. Key challenges in designing web application interfaces include the stateless nature of the web, ensuring responsive and intuitive user interfaces, achieving scalability and performance, and addressing security issues.
FrontPage 2002 allows users to quickly create websites with rich graphics and dynamic content. It is easy for novices to use yet also fast for experienced developers. New features include improved interface, photo gallery, automatic web content, and reporting tools. FrontPage 2002 also enhances collaboration, e-commerce functionality, and remote work capabilities. It provides improved site management and publishing controls.
The key technologies required for e-commerce include the internet, credit cards, browsers, web server software, web authoring tools, database systems, TCP/IP addresses, domain names, programming languages like HTML and PHP, and consideration of download speeds and browser/platform compatibility. Websites rely on a combination of hardware, software, networking protocols, and programming to function online and facilitate online transactions. Customer experience is impacted by factors like page loading speeds and ensuring compatibility across different browsers and devices.
A web application is an application that is accessed via a web browser and uses browser-supported programming languages like HTML, PHP, JavaScript, and XML. It allows software to be updated without users having to update any software and can be accessed from anywhere through a web browser. The history of web applications began in 1995 with JavaScript being introduced to create dynamic elements on web pages. Technologies like Flash, Ajax, and HTML5 have continued advancing the capabilities of web applications. Web applications provide advantages like cross-platform access from any device with a browser and easy updating without software installations. However, they also rely on internet connections and server availability.
A web application is an application that uses a web browser as its primary client. It is coded using browser-supported languages like HTML, PHP, JavaScript, and runs on the client-side. Some key advantages are that they do not require installation, can be accessed from anywhere, and integrate easily with server-side apps. However, they also rely on an internet connection and the hosting server. The history of web apps began in 1995 with JavaScript, and technologies like Flash, Ajax, and HTML5 have continued advancing their capabilities since.
How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...Aimore Technologies
Microsoft’s ASP.NET technology for internet development? Let’s perceive the explanations behind selecting ASP.NET web application development services.Developers will build all types of apps from the only ones to the foremost complicated ones victimization this programming platform.
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING PamRobert
Back-End Web Development: The internet is quite thrilling. When you, the user, request a URL, a lot of code is in action to provide the page you requested.
What exactly links the browser and database in your app?
That application was created using server-side scripts; server-side language created your website invisibly.
A seamless user experience is what the server-side language aims to provide.
Many server-side scripting languages help achieve the desired result.
The server-side programming language you choose will rely on your development team’s tastes and the project’s needs, such as your operating system and database configuration.
Knowing the specific benefits that each server-side scripting language may provide will help you choose your back-end technology and who to employ to do these duties.
The ideal option for you searching for Technology for Back-End Web Development is Yugasa Software Labs.
The document discusses planning and designing a simple website using KompoZer. It describes the important steps in planning a website including determining goals and content. It then explains how to use KompoZer to design basic webpage elements like tables and images. Finally, it discusses publishing the website by uploading files to a web server using FTP and provides information on other open source web development tools.
This document introduces application development using Adobe AIR 2.0. It discusses what AIR is and how it allows developers to create rich desktop applications using existing web technologies like Flash and Flex. It highlights key features of AIR 2.0 like improved networking capabilities and support for multi-touch. Examples are given of industries using AIR for applications like the NASDAQ stock market desktop app and eBay desktop app. In conclusion, it states that RIAs and technologies like AIR, Flash, and Flex will dominate future application development.
The document summarizes a presentation about using PHP on the Microsoft web platform. It discusses how to easily install PHP applications on Windows, develop PHP applications using tools like Expression Web and Visual Studio, and manage PHP applications using IIS web server. The presentation demonstrates these tools and platforms and provides resources for learning more about developing PHP applications on Windows.
Web Development SEO Expate BD LTD 1 01.02.2023 .pdfSeo Expate BD LTD
Welcome to
Getting Started with Website Development
Even though the term "web development" typically refers to web markup and coding, website development encompasses all related development tasks, such as client-side scripting, server-side scripting, server and network security configuration, ecommerce development, and content management system (CMS) development.
In this video, we'll go over the principles of web programming, how to create a website and further resources for people who want to learn more or pursue a career in development.
Continue reading or use the chapter links to traverse the manual to learn more about constructing websites.
What makes web development crucial?
The Internet will always be around. In reality, it has developed into a global portal and the primary tool for obtaining information, communicating, learning, and having fun. As of 2021, 4.66 billion individuals on the planet were online, or more than half.
The industry of web development is growing quickly, which is not surprising considering the explosive growth of Internet users. Compared to most other technology professions, web development jobs are expected to grow by 13% between now and 2030.
Learn about the advantages of utilizing CMS Hub to build an optimized website that connects to the whole marketing suite and Hub Spot CRM data.
In the part that follows, we'll go over the principles of web development and provide solutions.
A Quick Guide On Mobile App Backend Development For Busy People.docxgoodcoders
There is no refusing that the effectiveness of the mobile app development company process majorly depends on using different technologies to meet various business purposes.
A Quick Guide On Mobile App Backend Development For Busy People.docxgoodcoders
There is no refusing that the effectiveness of the mobile app development company process majorly depends on using different technologies to meet various business purposes.
The document discusses various web design issues including different types of editors, image formats like GIF and JPEG, programming languages for web development like Java and JavaScript, factors to consider like browser targeting and testing on multiple systems, and costs associated with professional web design which can range from $5,000 to millions of dollars for large sites. Newer web editors aim to combine visual and code editing to give designers more control while abstracting some complexities, and site statistics are important to understand user traffic and engagement.
The document discusses how browsers have evolved to take on more functions traditionally associated with operating systems. It notes that browsers now offer communication tools, productivity suites, and other applications. The document then covers the history of browsers, including the rivalry between Netscape and Internet Explorer in the 1990s-2000s. Finally, it argues that browsers will continue integrating more operating system features through APIs, plug-ins, and local storage options, moving closer to fulfilling the vision of the "browser as the new OS."
Progressive Web Apps (PWAs) use modern web capabilities and a service worker to deliver an app-like user experience. Service workers allow offline use and background syncing. The document discusses key PWA technologies like service workers, caching with Cache Storage and IndexedDB, the Web App Manifest for a native-like experience, and push notifications. It provides a checklist for making an app a fully-featured PWA, including caching the app shell and dynamic data, adding a manifest, and using background syncing.
Web designing and publishing computer studies theory lessonMukalele Rogers
A school should have a website for several important reasons:
1. It allows quick publication of information for students, parents, and the community like announcements and results.
2. It provides an avenue for feedback and engagement through features like comments.
3. Involving students in website development enhances skills like writing and design.
4. A website presents the school in a positive light and removes doubts by providing clear information on the school.
PhoneGap is a platform developed by Adobe that allows developers to create mobile apps using web technologies like HTML, CSS, and JavaScript. The apps can be deployed across many mobile platforms like iOS, Android, Windows and BlackBerry. PhoneGap wraps the web view containing the app code within a native container, allowing JavaScript to access device capabilities like the camera and files system through plugins. Developers build the user interface with web technologies while PhoneGap provides access to native mobile features.
what is a web application?
what is web application development?
What are the types of web applications?
What are the best examples of web applications?
Advantages of web applications.
Disadvantages of web applications.
What is the cost of web application development?
This document provides a help and tutorial for TopStyle Pro version 3.11. It covers getting started with TopStyle, editing style sheets and HTML/XHTML, working with colors, previews, validation, site management, reports, mappings, customization, and third-party integration. It also includes appendices on CSS basics and tips, TopStyle tips and tricks, style sheet resources, keyboard shortcuts, and regular expressions.
TopStyle Help & <b>Tutorial</b>tutorialsruby
This document provides a table of contents for the TopStyle Pro Help & Tutorial, which teaches how to use the TopStyle software for editing style sheets and HTML/XHTML documents. It lists over 50 sections that provide explanations and instructions for features like creating and opening files, editing styles, working with colors, previews, validation, site management, reports and customizing the software. The document was created by Giampaolo Bellavite from the online help provided with TopStyle version 3.11.
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>tutorialsruby
This document provides the course outline for IMD 210 Fundamentals of Scripting Languages at The Art Institute of Atlanta during the Spring 2005 quarter. The course focuses on integrating programming concepts with interface design using scripting languages like JavaScript and CSS. It will cover topics like DOM, CSS layout, JavaScript variables, conditionals, and events. Students will complete 4 assignments including redesigning existing websites, and there will be weekly quizzes, a midterm, and final exam. The course is worth 4 credits and meets once a week for class and lab.
This document provides the course outline for IMD 210 Fundamentals of Scripting Languages at The Art Institute of Atlanta during the Spring 2005 quarter. The course focuses on integrating programming concepts with interface design using scripting languages like JavaScript and CSS. It will cover topics like DOM, CSS layout, JavaScript variables, conditionals, and events. Students will complete 4 assignments including redesigning existing websites, and there will be weekly quizzes, a midterm, and final exam. The course is worth 4 credits and meets once a week for class and lab.
The group aims to bridge gaps between peer-to-peer database architectures and scaling multimedia information retrieval. They develop a probabilistic multimedia database system with abstraction layers for applications and researchers. They also research challenges of peer-to-peer networks for distributed data management. Both lines are supported by the MonetDB platform to exploit custom hardware and adaptive query optimization. The goal is a modular solution linking theoretical optimal solutions to application demands under resource limitations.
Standardization and Knowledge Transfer – INS0tutorialsruby
The group aims to bridge gaps between peer-to-peer database architectures and scaling multimedia information retrieval. They develop a probabilistic multimedia database system with abstraction layers and a flexible model. They also research challenges of peer-to-peer networks for distributed data management. Both lines are supported by the MonetDB platform to exploit custom hardware and adaptive query optimization. The goal is a modular solution linking theoretical optimal solutions to application demands under resource limitations.
This document provides an introduction to converting HTML documents to XHTML, including the basic syntax changes needed like making all tags lowercase and closing all tags. It provides examples of correct XHTML markup for different tags. It also explains the new DOCTYPE declaration and shows a sample well-formed XHTML document incorporating all the discussed changes. Resources for learning more about XHTML are listed at the end.
This document provides an introduction to converting HTML documents to XHTML, including the basic syntax changes needed like making all tags lowercase and closing all tags. It provides examples of correct XHTML markup for different tags. It also explains the new DOCTYPE declaration and shows a sample well-formed XHTML document incorporating all the discussed changes. Resources for learning more about XHTML are listed at the end.
XHTML is a markup language that provides structure and semantics to web pages. It is based on XML and is more strict than HTML. XHTML pages must have a document type definition, html and head tags, and a body where the visible content goes. Common XHTML tags include paragraphs, lists, links, images, and divisions to logically separate content. While XHTML provides structure, CSS is used to style pages and control visual presentation by defining rules for tags. CSS rules are defined in external style sheets to keep presentation separate from structure and content.
XHTML is a markup language that provides structure and semantics to web pages. It is based on XML and is more strict than HTML. XHTML pages must have a document type definition, html and head tags, and a body where the visible content goes. Common XHTML tags include paragraphs, lists, links, images, and divisions to logically separate content. While XHTML provides structure, CSS is used to style pages and control visual presentation through rules that target specific XHTML elements.
This document discusses how to create and use external cascading style sheets (CSS) in Dreamweaver. It provides steps to:
1. Open the CSS Styles tab in Dreamweaver and create a new external CSS stylesheet using a sample text style.
2. Save the stylesheet and link it to a new HTML page to style elements like headings, text sizes, and boxes.
3. Edit existing styles by selecting a tag in the CSS Styles panel and modifying properties directly, or by clicking the tag and using the pencil icon to edit in a window. This allows customizing styles globally across all linked pages.
This document provides an overview of how to create and use cascading style sheets (CSS) in Dreamweaver. It describes the different types of style sheets, including external and internal style sheets. It outlines the steps to create an external style sheet in Dreamweaver using the CSS Styles panel and provides instructions for linking the external style sheet to an HTML page. The document demonstrates how to experiment with predefined styles and how to edit, add, and delete styles in the CSS stylesheet.
This document appears to be a weekly update from an intro to computer science course. It includes summaries of classmates' demographics, comfort levels, and prior experience. It also discusses time spent on problem sets and recommends upcoming courses in CS51 and CS61. Finally, it recommends reading on TCP/IP, HTTP, XHTML, CSS, PHP, SQL and using the bulletin board for questions.
This document appears to be a weekly update from an intro to computer science course. It includes summaries of classmates' demographics, comfort levels, and prior experience. It also discusses time spent on problem sets and recommends upcoming courses in CS51 and CS61. Finally, it recommends reading on topics like TCP/IP, HTTP, XHTML, CSS, PHP, SQL and using bulletin boards, and includes images related to these topics.
The document discusses how to use Cascading Style Sheets (CSS) with Corvid Servlet Runtime templates to control formatting and layout. CSS allows separating design from content, making templates simpler and easier to maintain. It also enables adapting appearance for different devices. The document provides examples of using CSS classes to style template elements and explains how to set up a demo system using the included CSS and templates.
The document discusses how to use Cascading Style Sheets (CSS) with Corvid Servlet Runtime templates to control formatting and layout. CSS allows separating design from content, making templates simpler and easier to maintain. It also enables customization of appearance for different devices. The document provides examples of how to apply CSS classes and rules to Corvid template elements to control fonts, colors, positioning and more.
The document provides an introduction to CSS and how it works with HTML to control the presentation and styling of web page content. It explains basic CSS concepts like selectors, properties and values, and how CSS rules are used to target specific HTML elements and style them. Examples are given of common CSS properties and selectors and how they can be used to style elements and format the layout of web pages.
The document introduces CSS and how it works with HTML to separate content from presentation, allowing the styling of web pages through rules that target HTML elements. It explains CSS syntax and various selectors like type, class, ID, and descendant selectors. Examples are provided of how CSS can be used to style properties like color, font, padding, and layout of elements on a page.
Cascading Style Sheets (CSS) allow users to define how HTML elements are presented on a page. CSS enables changing the appearance and layout of an entire website by editing just one CSS file. CSS uses selectors to apply styles to HTML elements via properties and values. Styles can be defined internally in HTML or externally in CSS files. CSS can control text formatting, colors, spacing, positioning and more to achieve visual consistency across web pages.
Cascading Style Sheets (CSS) allow users to define how HTML elements are presented on a page. CSS enables changing the appearance and layout of an entire website by editing just one CSS file. CSS uses selectors to apply styles to HTML elements via properties and values. Styles can be defined internally in HTML or externally in CSS files. CSS can control text formatting, colors, spacing, positioning and more to achieve visual consistency across web pages.
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on integration of Salesforce with Bonterra Impact Management.
Interested in deploying an integration with Salesforce for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
5th LF Energy Power Grid Model Meet-up SlidesDanBrown980551
5th Power Grid Model Meet-up
It is with great pleasure that we extend to you an invitation to the 5th Power Grid Model Meet-up, scheduled for 6th June 2024. This event will adopt a hybrid format, allowing participants to join us either through an online Mircosoft Teams session or in person at TU/e located at Den Dolech 2, Eindhoven, Netherlands. The meet-up will be hosted by Eindhoven University of Technology (TU/e), a research university specializing in engineering science & technology.
Power Grid Model
The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services.
Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability.
Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization.
What to expect
For the upcoming meetup we are organizing, we have an exciting lineup of activities planned:
-Insightful presentations covering two practical applications of the Power Grid Model.
-An update on the latest advancements in Power Grid -Model technology during the first and second quarters of 2024.
-An interactive brainstorming session to discuss and propose new feature requests.
-An opportunity to connect with fellow Power Grid Model enthusiasts and users.
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.
Programming Foundation Models with DSPy - Meetup SlidesZilliz
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Best 20 SEO Techniques To Improve Website Visibility In SERPPixlogix Infotech
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Webinar: Designing a schema for a Data WarehouseFederico Razzoli
Are you new to data warehouses (DWH)? Do you need to check whether your data warehouse follows the best practices for a good design? In both cases, this webinar is for you.
A data warehouse is a central relational database that contains all measurements about a business or an organisation. This data comes from a variety of heterogeneous data sources, which includes databases of any type that back the applications used by the company, data files exported by some applications, or APIs provided by internal or external services.
But designing a data warehouse correctly is a hard task, which requires gathering information about the business processes that need to be analysed in the first place. These processes must be translated into so-called star schemas, which means, denormalised databases where each table represents a dimension or facts.
We will discuss these topics:
- How to gather information about a business;
- Understanding dictionaries and how to identify business entities;
- Dimensions and facts;
- Setting a table granularity;
- Types of facts;
- Types of dimensions;
- Snowflakes and how to avoid them;
- Expanding existing dimensions and facts.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API?
Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose?
Which one is cheapest? Which one is fastest? Which one will scale to meet our needs?
Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!
Choosing The Best AWS Service For Your Website + API.pptx
mobility_whtppr_php
1. Wh ite Pape r
Using PHP Site
Assistant to create sites
for mobile devices
Using PHP Site Assistant to create sites for mobile devices
2. Overview application for a desktop computer, developers can present screens with a standard
In the last few years, a major shift has occurred in the number and capabilities of resolution, minimally 800x600 pixels. Unfortunately, there are no standards when
mobile devices. Improvements in processor speed, display quality and wireless designing a display for mobile devices. The screens on modern mobile devices range
networking make these devices useful for a wider range of tasks than ever before. from 240x240 to 320x480. They may have objects like onscreen keyboards or button
Armed with new tools and technologies, developers are creating web-based bars taking up room as well. It’s important to design an interface that wraps well
applications for these new devices that blur the lines between desktops and and displays legibly on a range of screen sizes, as described in “Modifying the Site
handhelds. Assistant’s output to target mobile devices.”
For example, FileMaker Server 9 and FileMaker Server 9 Advanced provide the Popular mobile devices
ability to interact with FileMaker files over the web via the new FileMaker API for The scope of this section is limited to the following mobile device families:
PHP. FileMaker now provides a new application, PHP Site Assistant, to quickly create • Apple iPhone
FileMaker-driven websites. The PHP Site Assistant presents a series of questions about • Windows Mobile devices
how users will interact with the database over the web, and then builds a site that • Palm OS devices
can be used as-is or customized. This paper addresses the modification of the pages
generated by PHP Site Assistant to provide the best experience on mobile devices Apple iPhone
like Smartphones. The iPhone is an Internet-enabled quad-band GSM EDGE-supported mobile phone
with 802.11g wireless networking. User input comes through a multi-touch screen
Important: This document is not intended to replace the product documentation. See with a virtual keyboard and buttons. The iPhone’s display dimensions are 320x480
the FileMaker Server documentation for complete instructions. and while web browsing, the display can be rotated 90 degrees to allow pages to be
viewed in widescreen mode. A zoom in/out feature also allows the user to see more
Differences between mobile and desktop devices data on the screen at once. The iPhone uses Safari as its web browser.
Each year the gap between desktop and mobile devices continues to narrow.
Mobile processor speed and network connectivity continue to improve, making web Windows Mobile
browsing on these devices a viable alternative to laptops. Previously, mobile web Windows Mobile is a handheld operating system that runs on a wide variety of
browsers required a special markup language, which added significant development mobile devices. Wireless networking, user input and screen resolution will vary by
time and effort to deploying web applications for mobile devices. Fortunately, mobile device so consult the manufacturer’s documentation for specific information. The
web browsers now use standard HTML. Given all the advancements, the biggest current version of the OS is Windows Mobile 6, which comes with a version of Internet
limitation is the form factor itself—the size of the screen and input mechanism for data. Explorer designed specifically for Windows Mobile. Other browsers can also be
loaded.
Although most mobile devices use a keyboard to enter information, the size reduces
the usability and efficiency for entering large amounts of data. One of the ways Palm OS
developers can help their end users work more efficiently and accurately is by Palm is both a hardware and software provider and markets handheld devices that
providing pop-up menus and radio buttons to reduce the amount of typing. You’ll run Palm OS and Smartphones that run either Palm OS or Windows Mobile. As with
find more FileMaker design tips in the section “Preparing a database for mobile web the Windows Mobile devices screen resolution, networking and user input options
access” below. vary from device to device, but specific device information can be found at the Palm
website. Palm OS comes pre-loaded with its own web browser named Blazer, but
Another limitation inherent in mobile devices is the small screen size. This must other browsers can be installed.
be taken into consideration during database and site design. When designing an
Using PHP Site Assistant to create sites for mobile devices page 1 Using PHP Site Assistant to create sites for mobile devices page 2
3. Preparing a database for mobile web access Getting started with PHP Site Assistant
Before using PHP Site Assistant, there are some things that should be done within the The PHP Site Assistant is included in FileMaker Server 9 and FileMaker Server 9
database. Taking these steps now saves time and improves site performance. Advanced. It uses a wizard-like interface that presents a series of questions about
the type of site to create, the layouts to base the site on, and the way the site should
• Designate layouts that will only be accessed by web-based users, and not look. It then generates a series of PHP pages that will perform the requested actions.
FileMaker Pro users. When FileMaker data is requested from a web browser, The resulting pages can be customized with a web page editor or even a simple text
the layout must also be included in the request. FileMaker sends data from editor like Notepad. Do not use a word processor, however, as it will not save the file
every field on that specified layout to the web publishing engine, then on to back correctly. Customizing the PHP pages to improve the user experience on mobile
the PHP application on the web server. It is important that the layout web users devices is critical.
are interacting with only contains fields that are critical to the mobile users. This
eliminates unnecessary overhead on the web server. Before opening PHP Site Assistant, ensure the following:
1. The database must be hosted on FileMaker Server 9 or FileMaker Server 9
• Before running PHP Site Assistant, format the fields on your designated web Advanced.
layouts to display the same way they will on a web page. For example, first 2. Custom Web Publishing with PHP must be enabled.
format a Gender field to display radio buttons with the “Male” and “Female” 3. The database must contain at least one account belonging to a privilege set
choices on the FileMaker layout. When PHP Site Assistant generates the site, it that has the fmphp extended privilege enabled.
automatically creates the appropriate HTML to display the field the same way.
Use pop-up menus and radio buttons wherever appropriate to make data entry Once the server and database are properly configured, PHP Site Assistant can be
easier for users. opened in two different ways:
• In a web browser, access the Web Publishing Tools start page:
• Because the FileMaker API for PHP also targets a specific FileMaker layout when http://<server host name or IP address>:16000/tools
searching a database, it is important to restrict the number of users who can Once the next page loads click the Start PHP Site Assistant button.
modify these layouts. If a field is unknowingly removed from a layout, the web-
based search could produce unexpected results. • Use FileMaker Pro 9 Advanced to open a file from the FileMaker 9 Server
then go to the Tools menu > Launch PHP Site Assistant. This will open a web
• Create separate accounts and privilege sets for web-based access. This browser to the PHP and XSLT Site Assistant Tools page. Click the Start PHP Site
privilege set should only provide access to those layouts designated for web- Assistant button. If the button is not enabled, make sure you have the fmphp
based users. Similarly, the Extended Privileges should only allow access via Extended Privilege enabled on a user account.
PHP web publishing. Restricting ways that web-based users can access your
databases reduces your security risks. Both approaches will download PHP Site Assistant to the local machine.
Subsequently, PHP Site Assistant can be opened directly from the local file.
• Whether users are accessing data using FileMaker Pro or a web browser,
performance will always be better if the fields you’re working with are indexed. Creating a site for mobile devices
Wherever possible make sure that sorts and finds are not being performed After launching PHP Site Assistant, users create a new site and provide information
on fields where indexing is turned off or that use or reference unstored about the capabilities their site will have, for example whether a site will be searched.
calculations. The different screens in PHP Site Assistant are listed below along with important
considerations when designing a site for use on mobile devices.
Using PHP Site Assistant to create sites for mobile devices page 3 Using PHP Site Assistant to create sites for mobile devices
page 4
4. • Database Settings: The web server address, log in information, database and Modifying the output of the Site Assistant to target mobile devices
security. Sites created by PHP Site Assistant are designed for desktop browsers, but with
• Layout Group: A set of layouts that all use the same table occurrence. a few simple changes, the same site can serve a dual purpose, supporting both
• Site Profile: Specifies the functions people need to perform. After selecting a desktop and mobile browsers. This is accomplished by creating alternate style sheets
Site Profile, the pages that make up that particular profile are displayed, along designed specifically for mobile devices and by making minor changes to the .php
with options for setting the layout, fields and associated options for each page. pages.
Some best practices:
- Limit the number of records being returned on the Record List page. Creating an alternate style sheet
Setting a low number of rows to display per page minimizes scrolling and The easiest way to create a style sheet specifically for mobile devices is to modify an
improves load time. existing style sheet already created by PHP Site Assistant. While any of the themes
- Keep page titles as short as possible. The title of each page appears in the offered by PHP Site Assistant can be modified for this use, the Plain - White theme is
navigation bar at the top of the screen. Short titles reduce the chances the recommended because it creates a site with a very basic design.
navigation bar will wrap onto multiple lines.
After PHP Site Assistant generates the pages in the site, open the site folder.
• Theme: Determines the look of the site. Choose Plain – White for the best Duplicate the plain_white.css file and rename the duplicate mobile.css. Once the
experience on handheld computers. general changes have been made to the mobile.css style sheet, you can duplicate it
• Output Settings: Allows you to preview the site and select where to save the and use it as a staring point for the iPhone style sheet.
files.
Choosing a theme in PHP Site Assistant does not change the functionality of the PHP
After PHP Site Assistant generates the site, the files are saved in the location specified code that is generated. The only exception is a single line that each .php file contains
on the Output Settings screen. in its <head> section showing the style sheet it references. If the Plain – White theme
was chosen, each of the .php files would contain this line:
A look at the files PHP Site Assistant creates
When PHP Site Assistant generates the site, it creates several .php files and one .css <link rel=”stylesheet” type=”text/css” media=”screen” href=”plain_white.css”>
file that reflects the theme that was specified. For example if the Plain - White theme
was chosen a file named “plain_white.css” is generated. Setting mobile devices to use the correct style sheet
The media =”screen” portion of the line above tells the browser to use the plain_
If a theme with a background image was chosen, you’ll also see an “Images” directory white.css style sheet to display this page if it is being viewed on a desktop computer.
that contains the background images. Adding a second line containing media=”handheld” tells the browser to use a
different style sheet if the page is being viewed on a device that identifies itself as a
Each .php file contains a line in the header referencing the name of the .css file. handheld device. Assuming that a style sheet named “mobile.css” has already been
For example, with the Plain – White theme, you’ll see the following in the .php file: created, adding this line to the header will direct handheld browsers to use the
“mobile.css” style sheet:
<link rel=”stylesheet” type=”text/css” media=”screen” href=”plain_white.css”>
<link rel=”stylesheet” type=”text/css” media=”handheld” href=”mobile.css”>
Changing the theme in Site Assistant to Circles – Green and generating the site again
changes the line in each .php file to: Targeting the iPhone with a specific style sheet
This method is sufficient for most phones and PDAs, including Windows Mobile and
<link rel=”stylesheet” type=”text/css” media=”screen” href=”circles_green.css”>
Using PHP Site Assistant to create sites for mobile devices page 5 Using PHP Site Assistant to create sites for mobile devices page 6
5. Palm devices, but not the iPhone. On the iPhone, the Safari web browser identifies Padding
itself as a desktop browser so it uses the style sheet specified for the “screen” media The Padding attribute determines the amount of space on each side of an element
type. within that element’s borders. Because mobile devices have much smaller screens
than desktop devices, the padding should be set to the minimum value that ensures
In the iPhone developer documentation, Apple provides a technique for making legibility.
the iPhone use a different style sheet by evaluating the maximum screen size of the
device. Adding the following third line to each .php file causes the iPhone to use the Padding around many elements such as the header, the page navigation buttons, and
mobile.css style sheet. the field data should be reduced to save screen space. In general, the padding on the
top and bottom can safely be set to 0, but 1 or two pixels on the left and right may be
<link media=”only screen and (max-device-width: 480px)” href=”mobile.css” necessary to avoid running the text together.
type=”text/css” rel=”stylesheet”>
Margins
iPhone viewport The Margin attribute is very similar to the Padding attribute except that the margin
In addition to adding the above line, one more option must be set to ensure that the defines the white space around an element’s border, while padding refers to the
page displays at the correct scale. On the iPhone, the viewport determines the size white space within the border.
at which a web page should be displayed. By default, the iPhone assumes that web
pages are designed for a desktop browser and sets the viewport to 980 pixels wide. The margin attributes in the style sheets modified for mobile devices can generally be
set 0, and any white space needed can be provided using the padding attribute.
Add the following line to the <head> section of each .php page to set teh viewport to
be 320 pixels wide: Hiding sections of the page
While some parts of the page should be modified to fit on the screen, others should
<meta name = “viewport” content = “width = 320”> be excluded on mobile devices. This can be accomplished by setting the display
property to none. For example, the code shown below hides #header, which would
For additional information about setting viewport options see “Configuring the normally appear above the page navigation buttons.
Viewport” in the Safari web content guide available from the Apple Developer #header{
Connection. display: none;
http://developer.apple.com/iphone/devcenter/ }
Changing the mobile.css style sheet The images below show the difference these changes make. Both images show a list
When making changes to the .css and .php pages, be aware that some mobile of five records, but the one on the right is rendered using a style sheet optimized for
browsers do not support all features of CSS. Be sure to test your pages on the target mobile devices
mobile devices.
This section provides general guidelines on changing the style sheet generated by
PHP Site Assistant. It is important that you do independent research to learn more
about working with cascading style sheets.
All examples shown below are taken from code generated by PHP Site Assistant 1.0.
Using PHP Site Assistant to create sites for mobile devices page 7 Using PHP Site Assistant to create sites for mobile devices page 8
6. 1. Use a container field to store the images inside the FileMaker database.
Pros
• Easy for FileMaker users to add and remove images.
• FileMaker and web users will see the images immediately.
Cons
• Web users will be unable to add or remove images.
• Database file size will increase quickly.
2. Use a container field and store a reference to the image file in FileMaker. The
images must be stored on your web server.
Pros
• FileMaker users will see the images immediately.
• Database file size will not increase significantly.
Cons
• Web users will be unable to add and remove images.
• FileMaker users will need to have access to the web server volume
• If the files are moved or the path to them is changed, FileMaker and web users
will lose access to them.
• More difficult approach than storing images in a container field.
3. Use a text field to store a URL to where the image resides.
Changes to the individual .php pages Pros
findrecords.php • Database file size will not increase significantly.
If the site profile specified in PHP Site Assistant contains a search page, you can
modify the findrecords.php page to reduce the number of records returned. At Cons
the bottom of the findrecords.php is a menu that controls the number of records • FileMaker users will need a scripted process to add and remove images.
displayed per page. The smallest value in the menu by default is 10. Because of the • FileMaker users must use the Web Viewer to see the images.
limited amount of space on mobile device screens it is advisable to add another • If the files are moved or the path to them is changed, FileMaker and web users
choice to that menu so users can choose to return only 5 records. will lose access to them.
• The files PHP Site Assistant generates will need to be modified in order to
recordlist.php display the image instead of the text of the URL.
Move the “Restore Original Sort Order” link in the recordlist.php file out of the header
and below the table to save space. No matter how you store the images, you should optimize them for handheld devices.
• They should be in the GIF or JPEG format
Working with images • They should be relatively low resolution
There are three ways to serve images to the Web from FileMaker. The pros and cons • The image dimensions should fit on the screen without resizing
of each must be evaluated to determine the best choice for a given application.
Using PHP Site Assistant to create sites for mobile devices page 9 Using PHP Site Assistant to create sites for mobile devices page 10
7. While these conditions do not have to be met in order for the images to be viewed, Palm OS
adhering to them will improve performance. Palm Inc. offers the Palm Simulator to members of its developer program, which can
be joined at https://pluggedin.palm.com/regac/pluggedin/. Simulators are offered
Refer to these documents for more information on working with images. The for each of its Smartphone models that run the Palm OS.
documents are included with FileMaker Server or can be downloaded from:
www.filemaker.com/support/product/documentation.html Palm distributes Smartphones that run on either the Palm OS or Microsoft Windows
• FileMaker Server 9 Custom Web Publishing with PHP Mobile. Downloads for both platforms are available from the Palm site. If the file has
• FileMaker API for PHP Tutorial “Simulator” in the name, it is for a Palm OS device and should contain everything
needed to run it. If the download is referred to as an “Emulator”, it is for a Windows
Testing your site Mobile device and only contains a ROM file. To test on the Windows Mobile devices
There is no single program that can be used to ensure that content displays correctly you will also need the Mobile Device Emulator from Microsoft. See the next section
on all devices, but the manufacturers of each of the devices discussed provide test for more information.
environments. These programs are free, but may require registration as part of a
developer program in order to download them. Windows Mobile
Microsoft provides an application for testing software developed for Windows
iPhone Mobile called Mobile Device Emulator. It is available in the Windows Mobile area of
Because the iPhone uses the same web browser that runs on OS X, Safari can be Microsoft’s website. Be sure to get the standalone edition and to download both the
used on a desktop computer for testing. Apple is developing a version of Safari for efp.msi and the V1Emulator.zip files.
Windows that can be downloaded, as a beta, from the Apple website.
In addition to the Mobile Device Emulator, Microsoft Virtual PC 2007 will also need to
Although running Safari on the iPhone is very similar to running it on the desktop be downloaded and installed. The Virtual PC application does not need to be running
there are a few differences. Safari on iPhone does not support the following web in order to run Mobile Device Emulator, but it must be installed in order to allow
technologies: Mobile Device Emulator to use your machine’s network connection.
• Modal dialogs As of this writing all of the device images that come with Mobile Device Emulator are
• Mouse-over events for Windows Mobile 5. The current version of Windows Mobile is version 6. Therefore
• Hover styles it is recommended that you also search for and download the Windows Mobile 6
• Tooltips localized emulator images from Microsoft’s site.
• Java applets
• Flash
• SVG
• XSLT About the author
• Plug-in installation Alan Kirtlink is an information analyst with Skeleton Key, a FileMaker Business
• Custom x.509 certificates Alliance member based in St. Louis, Missouri (http://www.skeletonkey.com). He has
• WML been developing in FileMaker and showing others how to do it since 1994. Alan is a
• File uploads and downloads FileMaker certified developer and trainer as well as a contributor to FileMaker Advisor
magazine.
Using PHP Site Assistant to create sites for mobile devices Using PHP Site Assistant to create sites for mobile devices
8. Additional resources
• FileMaker – PHP Overview
http://www.filemaker.com/support/technologies/php.html
• FileMaker - Documentation
http://www.filemaker.com/support/product/documentation.html
• Apple Developer Connection – Development for iPhone
http://developer.apple.com/iphone/devcenter/
• Microsoft Windows Mobile
http://www.microsoft.com/windowsmobile/developers/
• Palm Developer Network
https://pdn.palm.com/regac/pdn/
• W3C Mobile Best Practices
http://www.w3.org/TR/mobile-bp/
Using PHP Site Assistant to create sites for mobile devices