Protostrap
•
0 likes•296 views
A Lightning Talk on Protostrap. Protostrap is an easy to learn, simple yet effective prototyping tool.
Report
Share
Report
Share
Download to read offline
Recommended
FEI 2013 - Nette framework
This document outlines features of the Nette framework including its use of modern design patterns like MVC and dependency injection. It discusses Nette's security features to prevent SQL injection, XSS, and other vulnerabilities. Debugging tools are also mentioned like the debugger bar and variable dumping. Additional benefits highlighted include Nette's object-oriented design, plugin ecosystem, ease of learning, and freedom to use third party libraries. The document concludes by stating there will be a demo.
Design patterns in PHP - PHP TEAM
Covers some of the Design patterns and some common ways to re-factor code. Also, how to make things in much better way, which writing your code.
Building a local web application with Flask
Flask is a microframework for Python web development that makes it easy to build web applications. It helps separate Python code from HTML templates, generates RESTful URLs, and has a flexible MVC design pattern. Flask applications can be used to summarize and share information, promote research, and blog. The documentation for Flask and its templating engine Jinja2 is very good.
Building Better Web Apps with F#
Shows how to build ASP.NET MVC, ASP.NET Web API, and Single Page Applications with F#. Showcases various features of F# that improve the development experience.
Building Better Web Apps with F#
This document discusses building web applications with the F# programming language. It introduces Daniel Mohl as an expert on the topic and provides an overview of why F# is suitable for web development due to its similarities to JavaScript, concise syntax, and features for scalability. The document outlines building an ASP.NET MVC 4 solution in F# and developing a single page application using F# with Backbone.js and other JavaScript libraries.
Slightly Advanced Topics in Gutenberg Development
Josh Pollock's slides from WordCamp Miami 2018 Future of WordPress workshop. Gutenberg block development.
- https://2018.miami.wordcamp.org/friday-developers/
- https://github.com/caldera-learn/alert-block
- https://calderaforms.com
Drupal: code complexity
This document summarizes best practices for managing code complexity in Drupal projects. It recommends:
- Building the data model around entities and relationships with minimal duplication and no cycles.
- Avoid hacking core/contrib modules and putting code in the database. Use entity wrappers.
- Create modules that correspond to each content type, field, and field type to keep functionality well organized.
- Structure modules by content types, fields, and functionality for good modularity.
Html 5 - What you need to know!
A quick walk-through of what HTML5 is and what it's not.
Presented at the BDotNet (Bangalore Dot Net) User Group
Recommended
FEI 2013 - Nette framework
This document outlines features of the Nette framework including its use of modern design patterns like MVC and dependency injection. It discusses Nette's security features to prevent SQL injection, XSS, and other vulnerabilities. Debugging tools are also mentioned like the debugger bar and variable dumping. Additional benefits highlighted include Nette's object-oriented design, plugin ecosystem, ease of learning, and freedom to use third party libraries. The document concludes by stating there will be a demo.
Design patterns in PHP - PHP TEAM
Covers some of the Design patterns and some common ways to re-factor code. Also, how to make things in much better way, which writing your code.
Building a local web application with Flask
Flask is a microframework for Python web development that makes it easy to build web applications. It helps separate Python code from HTML templates, generates RESTful URLs, and has a flexible MVC design pattern. Flask applications can be used to summarize and share information, promote research, and blog. The documentation for Flask and its templating engine Jinja2 is very good.
Building Better Web Apps with F#
Shows how to build ASP.NET MVC, ASP.NET Web API, and Single Page Applications with F#. Showcases various features of F# that improve the development experience.
Building Better Web Apps with F#
This document discusses building web applications with the F# programming language. It introduces Daniel Mohl as an expert on the topic and provides an overview of why F# is suitable for web development due to its similarities to JavaScript, concise syntax, and features for scalability. The document outlines building an ASP.NET MVC 4 solution in F# and developing a single page application using F# with Backbone.js and other JavaScript libraries.
Slightly Advanced Topics in Gutenberg Development
Josh Pollock's slides from WordCamp Miami 2018 Future of WordPress workshop. Gutenberg block development.
- https://2018.miami.wordcamp.org/friday-developers/
- https://github.com/caldera-learn/alert-block
- https://calderaforms.com
Drupal: code complexity
This document summarizes best practices for managing code complexity in Drupal projects. It recommends:
- Building the data model around entities and relationships with minimal duplication and no cycles.
- Avoid hacking core/contrib modules and putting code in the database. Use entity wrappers.
- Create modules that correspond to each content type, field, and field type to keep functionality well organized.
- Structure modules by content types, fields, and functionality for good modularity.
Html 5 - What you need to know!
A quick walk-through of what HTML5 is and what it's not.
Presented at the BDotNet (Bangalore Dot Net) User Group
Introduction to Frontend Development - Session 1 - HTML Fundamentals
This document provides an overview and agenda for a front-end development course. The course will cover HTML, CSS, and JavaScript and be held at init Lab, a hackerspace in Bulgaria. Students will learn HTML fundamentals like tags, paragraphs, headings, and attributes. Choosing a text editor like Sublime Text is also discussed. Homework includes starting a basic HTML document with headings and paragraphs using proper formatting.
Trino: A Ludicrously Fast Query Engine - Pulsar Summit NA 2021
You may be familiar with the Presto plugin used to run fast interactive queries over Pulsar using ANSI SQL and can be joined with other data sources. This plugin will soon get a rename to align with the rename of the PrestoSQL project to Trino. What is the purpose of this rename and what does it mean for those using the Presto plugin? We cover the history of the community shift from PrestoDB to PrestoSQL, as well as, the future plans for the Pulsar community to donate this plugin to the Trino project. One of the connector maintainers will then demo the connector and show what is possible when using Trino and Pulsar!
ChatGPT and AI for web developers - Maximiliano Firtman
This document discusses using AI, specifically large language models (LLMs) like ChatGPT, for web development. It covers several key topics:
- The capabilities of LLMs like summarization, data transformation, and content creation that could be useful for web developers.
- Ideas for how web developers can integrate AI into their applications and websites, such as for chatbots, content generation, and sentiment analysis.
- The process of "prompt engineering" to design prompts that elicit desired responses from models.
- How embeddings and vector databases can be used to connect models to large datasets.
TypeScript and SharePoint
Recently I got a chance to put together a presentation and a demo around TypeScript and SharePoint. This is the presentation for the same...more details can be found on my blog at https://aseempandit.wordpress.com.
Searching for the framework of my dreams in node.js ecosystem by Mykyta Semen...
The document discusses the author's search for the ideal framework for building node.js applications. It explores several existing frameworks and their strengths and weaknesses. The author also outlines plans to create a new framework called KobzarJS that aims to be modular, convention-focused, and leverage JavaScript features while solving common problems like security, tooling, and consistency across modules. The framework will include components for ORM/ODM, routing, validation, authentication and more.
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
Are you dazzled by all the noises you hear about client-side development? Do the grunts and gulps leave you a little confused? In this session, we’ll talk about the types of things you can do with client-side development, how SharePoint can be used as a service (SPaaS?) and what the popular tool sets are. This are moving fast, so it's guaranteed that between writing this abstract and doing the session, things will have changed.
Whether you’re a server-side developer who wants to catch up with the new trends, a power user wanting to flex your muscles in new ways, or an end user who would like to speak more intelligently with IT, this session will provide useful foundation information as well as a guide to where your learning should progress to work with "modern" SharePoint.
The Characteristics of a Successful SPA
The document discusses the characteristics of a successful single page application (SPA). It recommends choosing frameworks and libraries that have good documentation, large communities, and support needed functionality. It also emphasizes building robust, stable APIs and keeping performance in mind from the start. The document suggests optimizing JavaScript and backend code, knowing the runtime environment, and using developer tools to minimize resource-intensive reflows and repaints. Overall, it presents SPAs as a good option for mobile apps if frameworks, libraries, APIs, and performance are chosen and developed carefully.
Getting Started with PHP Extensions
Slides for a talk given by Lochemem Bruno Michael - at Web Engineering Aachen, on 22nd October 2020, titled - Getting Started with PHP Extensions.
Dust.js
The document discusses LinkedIn's adoption of the Dust templating language in 2011. Some key points:
- LinkedIn needed a unified view layer as different teams were using different templating technologies like JSP, GSP, ERB.
- They evaluated 26 templating options and selected Dust as it best met their criteria like performance, i18n support, and being logic-less.
- Dust templates are compiled to JavaScript for client-side rendering and to Java for server-side rendering (SSR) through Google's V8 engine, allowing templates to work on both client and server.
- SSR addresses challenges like SEO, supporting clients without JavaScript, and i18n by rendering
Intro to ember.js
Ember.js is a JavaScript framework for building web applications. It provides features like routing, single page application support, an MVC framework, data access through REST services, reusable components, and testing. Core concepts include routes, controllers, templates, models, and the router which drives the application. Ember uses conventions like MVC and provides tools like Ember CLI to generate code and build/test applications.
You Can Work on the Web Patform! (GOSIM 2023)
Have you ever wanted to work on a web browser? Servo is an experimental web
engine written in Rust. Its small code base and friendly community mean that it
is an ideal project for those looking to dip their toes into the world of web
browser engineering.
In this, Martin Robinson covers the basics of building and running
Servo on your own computer. In addition, we'll take a tour of Servo's main
subsystems and see what kind of work goes into building them. Additionally,
we'll cover a variety of types of contributions to Servo, adapted to different
kinds of experience and specialization. By the end you should have the tools
you need to explore contributing yourself.
(c) GOSIM Workshop 2023
Sept 23-24
Grand Hyatt, Pudong, Shanghai
https://workshop2023.gosim.org/
https://www.bilibili.com/video/BV1Hw411r7Q6/
Python in Industry
Slides from the talk given at Nirma University. Audience comprised of fifth semester Electronics & Communications (EC) Engineering students.
Xdebug for Beginners
var_dump($foo);
print_r($bar);
die($baz);
Are these your current debugging tools? Wouldn't it be nice to see $foo, $bar, and $baz while the code is still being executed? Watch it change, live? And not have it just dumped all over the output of your otherwise beautiful app? We'll install XDebug, set up your IDE to use it (with examples shown for PhpStorm, Netbeans, and ZendStudio), then we'll actually walk through some badly written code that needs to be debugged.
Scraping the web with Laravel, Dusk, Docker, and PHP
Jumpstart your web scraping automation in the cloud with Laravel Dusk, Docker, and friends. We will discuss the types of web scraping tools, the best tools for the job, and how to deal with running selenium in Docker.
Code examples @ https://github.com/paulredmond/scraping-with-laravel-dusk
Going native with html5 web components
The document discusses emerging web component standards that aim to address common issues in web development by allowing encapsulation of reusable UI elements. It outlines problems like undescriptive markup, style conflicts, lack of templates and bundling, and no standards. It then introduces web components features like templates, custom elements, shadow DOM, and HTML imports that provide solutions through native browser APIs and demos how each feature works.
Ruxmon.2015-08.-.proxenet
This document introduces Proxenet, a hacker-friendly web application proxy designed to be easily extensible through plugins. Proxenet is written entirely in C for high performance. It uses a microkernel approach where a small core handles connections and delegates all other functionality to plugins. Plugins are simple to create, requiring only request and response hook functions. The document demonstrates how Proxenet can be used for man-in-the-middle attacks by modifying HTTP traffic using plugins during active directory poisoning attacks on internal networks.
Old code doesn't stink - Detroit
I've seen projects with shiny, new code render into unmaintainable big balls of mud within 2-3 years. Multiple times. But regardless of whether it's the code base as a whole that's rotten, or whether it's just the UI and User Experience that needs a major overhaul: the question on rewrite vs refactoring will come up sooner or later. Based on years of experience, and a plethora of bad decisions cumulating into epic failures, I'll share my experience on how to have a code base that stays maintainable - even after years. After this talk, you'll have more insight into whether you should refactor or rewrite, and how to do it right from now on.
Tripletail
The document describes Tripletail, a tool that analyzes a user's GitHub profile in real-time to provide metrics on their hireability and performance. It provides an overview of the product idea to empower developers with data on their GitHub profiles. It then describes the team and technology stack including the Flask backend, GitHub API integration, and frontend. It discusses achievements in building a functional MVP and areas for future improvement like adding a battle mode and additional metrics.
Advanced Data Analytics techniques .pptx
This document provides an overview of tools for advanced data analytics. It discusses how to collect, clean, store, analyze, and present data. For data collection, it recommends APIs, web scraping, and libraries like Requests and BeautifulSoup. Pandas and SQLAlchemy are presented for data cleaning and storage. R and RStudio are highlighted for data analysis, with Plotly and Matplotlib for visualization. Apache Superset is presented as a data exploration and visualization platform. Challenges in data analytics like data quality, privacy, and scaling are also outlined.
Destination Documentation: How Not to Get Lost in Your Org
We hope you walk away with some tips and tools to make sure you don't get lost in your org, and more importantly, can lead the way for others!
Machine Learning for Designers - UX Scotland
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers - UX Camp Switzerland
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
More Related Content
Similar to Protostrap
Introduction to Frontend Development - Session 1 - HTML Fundamentals
This document provides an overview and agenda for a front-end development course. The course will cover HTML, CSS, and JavaScript and be held at init Lab, a hackerspace in Bulgaria. Students will learn HTML fundamentals like tags, paragraphs, headings, and attributes. Choosing a text editor like Sublime Text is also discussed. Homework includes starting a basic HTML document with headings and paragraphs using proper formatting.
Trino: A Ludicrously Fast Query Engine - Pulsar Summit NA 2021
You may be familiar with the Presto plugin used to run fast interactive queries over Pulsar using ANSI SQL and can be joined with other data sources. This plugin will soon get a rename to align with the rename of the PrestoSQL project to Trino. What is the purpose of this rename and what does it mean for those using the Presto plugin? We cover the history of the community shift from PrestoDB to PrestoSQL, as well as, the future plans for the Pulsar community to donate this plugin to the Trino project. One of the connector maintainers will then demo the connector and show what is possible when using Trino and Pulsar!
ChatGPT and AI for web developers - Maximiliano Firtman
This document discusses using AI, specifically large language models (LLMs) like ChatGPT, for web development. It covers several key topics:
- The capabilities of LLMs like summarization, data transformation, and content creation that could be useful for web developers.
- Ideas for how web developers can integrate AI into their applications and websites, such as for chatbots, content generation, and sentiment analysis.
- The process of "prompt engineering" to design prompts that elicit desired responses from models.
- How embeddings and vector databases can be used to connect models to large datasets.
TypeScript and SharePoint
Recently I got a chance to put together a presentation and a demo around TypeScript and SharePoint. This is the presentation for the same...more details can be found on my blog at https://aseempandit.wordpress.com.
Searching for the framework of my dreams in node.js ecosystem by Mykyta Semen...
The document discusses the author's search for the ideal framework for building node.js applications. It explores several existing frameworks and their strengths and weaknesses. The author also outlines plans to create a new framework called KobzarJS that aims to be modular, convention-focused, and leverage JavaScript features while solving common problems like security, tooling, and consistency across modules. The framework will include components for ORM/ODM, routing, validation, authentication and more.
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
Are you dazzled by all the noises you hear about client-side development? Do the grunts and gulps leave you a little confused? In this session, we’ll talk about the types of things you can do with client-side development, how SharePoint can be used as a service (SPaaS?) and what the popular tool sets are. This are moving fast, so it's guaranteed that between writing this abstract and doing the session, things will have changed.
Whether you’re a server-side developer who wants to catch up with the new trends, a power user wanting to flex your muscles in new ways, or an end user who would like to speak more intelligently with IT, this session will provide useful foundation information as well as a guide to where your learning should progress to work with "modern" SharePoint.
The Characteristics of a Successful SPA
The document discusses the characteristics of a successful single page application (SPA). It recommends choosing frameworks and libraries that have good documentation, large communities, and support needed functionality. It also emphasizes building robust, stable APIs and keeping performance in mind from the start. The document suggests optimizing JavaScript and backend code, knowing the runtime environment, and using developer tools to minimize resource-intensive reflows and repaints. Overall, it presents SPAs as a good option for mobile apps if frameworks, libraries, APIs, and performance are chosen and developed carefully.
Getting Started with PHP Extensions
Slides for a talk given by Lochemem Bruno Michael - at Web Engineering Aachen, on 22nd October 2020, titled - Getting Started with PHP Extensions.
Dust.js
The document discusses LinkedIn's adoption of the Dust templating language in 2011. Some key points:
- LinkedIn needed a unified view layer as different teams were using different templating technologies like JSP, GSP, ERB.
- They evaluated 26 templating options and selected Dust as it best met their criteria like performance, i18n support, and being logic-less.
- Dust templates are compiled to JavaScript for client-side rendering and to Java for server-side rendering (SSR) through Google's V8 engine, allowing templates to work on both client and server.
- SSR addresses challenges like SEO, supporting clients without JavaScript, and i18n by rendering
Intro to ember.js
Ember.js is a JavaScript framework for building web applications. It provides features like routing, single page application support, an MVC framework, data access through REST services, reusable components, and testing. Core concepts include routes, controllers, templates, models, and the router which drives the application. Ember uses conventions like MVC and provides tools like Ember CLI to generate code and build/test applications.
You Can Work on the Web Patform! (GOSIM 2023)
Have you ever wanted to work on a web browser? Servo is an experimental web
engine written in Rust. Its small code base and friendly community mean that it
is an ideal project for those looking to dip their toes into the world of web
browser engineering.
In this, Martin Robinson covers the basics of building and running
Servo on your own computer. In addition, we'll take a tour of Servo's main
subsystems and see what kind of work goes into building them. Additionally,
we'll cover a variety of types of contributions to Servo, adapted to different
kinds of experience and specialization. By the end you should have the tools
you need to explore contributing yourself.
(c) GOSIM Workshop 2023
Sept 23-24
Grand Hyatt, Pudong, Shanghai
https://workshop2023.gosim.org/
https://www.bilibili.com/video/BV1Hw411r7Q6/
Python in Industry
Slides from the talk given at Nirma University. Audience comprised of fifth semester Electronics & Communications (EC) Engineering students.
Xdebug for Beginners
var_dump($foo);
print_r($bar);
die($baz);
Are these your current debugging tools? Wouldn't it be nice to see $foo, $bar, and $baz while the code is still being executed? Watch it change, live? And not have it just dumped all over the output of your otherwise beautiful app? We'll install XDebug, set up your IDE to use it (with examples shown for PhpStorm, Netbeans, and ZendStudio), then we'll actually walk through some badly written code that needs to be debugged.
Scraping the web with Laravel, Dusk, Docker, and PHP
Jumpstart your web scraping automation in the cloud with Laravel Dusk, Docker, and friends. We will discuss the types of web scraping tools, the best tools for the job, and how to deal with running selenium in Docker.
Code examples @ https://github.com/paulredmond/scraping-with-laravel-dusk
Going native with html5 web components
The document discusses emerging web component standards that aim to address common issues in web development by allowing encapsulation of reusable UI elements. It outlines problems like undescriptive markup, style conflicts, lack of templates and bundling, and no standards. It then introduces web components features like templates, custom elements, shadow DOM, and HTML imports that provide solutions through native browser APIs and demos how each feature works.
Ruxmon.2015-08.-.proxenet
This document introduces Proxenet, a hacker-friendly web application proxy designed to be easily extensible through plugins. Proxenet is written entirely in C for high performance. It uses a microkernel approach where a small core handles connections and delegates all other functionality to plugins. Plugins are simple to create, requiring only request and response hook functions. The document demonstrates how Proxenet can be used for man-in-the-middle attacks by modifying HTTP traffic using plugins during active directory poisoning attacks on internal networks.
Old code doesn't stink - Detroit
I've seen projects with shiny, new code render into unmaintainable big balls of mud within 2-3 years. Multiple times. But regardless of whether it's the code base as a whole that's rotten, or whether it's just the UI and User Experience that needs a major overhaul: the question on rewrite vs refactoring will come up sooner or later. Based on years of experience, and a plethora of bad decisions cumulating into epic failures, I'll share my experience on how to have a code base that stays maintainable - even after years. After this talk, you'll have more insight into whether you should refactor or rewrite, and how to do it right from now on.
Tripletail
The document describes Tripletail, a tool that analyzes a user's GitHub profile in real-time to provide metrics on their hireability and performance. It provides an overview of the product idea to empower developers with data on their GitHub profiles. It then describes the team and technology stack including the Flask backend, GitHub API integration, and frontend. It discusses achievements in building a functional MVP and areas for future improvement like adding a battle mode and additional metrics.
Advanced Data Analytics techniques .pptx
This document provides an overview of tools for advanced data analytics. It discusses how to collect, clean, store, analyze, and present data. For data collection, it recommends APIs, web scraping, and libraries like Requests and BeautifulSoup. Pandas and SQLAlchemy are presented for data cleaning and storage. R and RStudio are highlighted for data analysis, with Plotly and Matplotlib for visualization. Apache Superset is presented as a data exploration and visualization platform. Challenges in data analytics like data quality, privacy, and scaling are also outlined.
Destination Documentation: How Not to Get Lost in Your Org
We hope you walk away with some tips and tools to make sure you don't get lost in your org, and more importantly, can lead the way for others!
Similar to Protostrap (20)
Introduction to Frontend Development - Session 1 - HTML Fundamentals
Introduction to Frontend Development - Session 1 - HTML Fundamentals
Trino: A Ludicrously Fast Query Engine - Pulsar Summit NA 2021
Trino: A Ludicrously Fast Query Engine - Pulsar Summit NA 2021
ChatGPT and AI for web developers - Maximiliano Firtman
ChatGPT and AI for web developers - Maximiliano Firtman
Searching for the framework of my dreams in node.js ecosystem by Mykyta Semen...
Searching for the framework of my dreams in node.js ecosystem by Mykyta Semen...
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
Scraping the web with Laravel, Dusk, Docker, and PHP
Scraping the web with Laravel, Dusk, Docker, and PHP
Destination Documentation: How Not to Get Lost in Your Org
Destination Documentation: How Not to Get Lost in Your Org
More from Memi Beltrame
Machine Learning for Designers - UX Scotland
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers - UX Camp Switzerland
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers - DX Meetup Basel
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Machine Learning for Designers
Artificial intelligence is more and more becoming the core of digital products. Designing for Products based on AI requires Designers to know about Machine Learning.
This talk is an easy walk through the most important elements of Machine Learning. It looks at the fundamental principles of using practical examples. It showcases applications of the different types of Machine Learning. The use-cases range from text categorization to image recognition, on to speech analysis. The goal is to show what is important for designers and why.
Zero Adoption: Lessons Learned From Failing at Open Source
I'd love to tell you a story about how the software I created helped my community. Sadly, I can't: nothing I built ever found an audience. This talk is about how I failed to reach a community, about why it doesn't matter - or rather: what I learned from being stuck in an open source team of one.
For years I was convinced that the success of an open source project was determined by the usefulness of the software. My imaginary blueprint of open sourcing was:
Build something useful
Open source it
Everybody wins
It turns out that it is much harder than that.
This talk is about how I built several tools that would help the UX community to deliver awesome products with a great experience, while never finding an audience for the tools. We'll look at all the mistakes one can make and what to do instead to build a thriving community.
And even if you don't find an audience: Zero adoption does not mean zero value. We'll look at how there is great benefit in building and publishing things, if not for others then for yourselves.
The Big Shift
An in-depth look at how interaction design, industrial design and service design are merging together to form a super-discipline and what this all means for designers.
UX in the city Coping with Complexity
Understanding complexity is understanding content and its function. This talk is about content driven design in prototyping. The point of content driven design is to simulate everything users can do with data in highly interactive prototypes.
Dynamic A/B testing with AB/CD
The document discusses dynamic A/B testing using a service called AB/CD. It explains that traditional A/B testing divides users into static groups to test different buttons or options, but this is costly if a large number of users is needed. Dynamic A/B testing addresses this by initially giving 10% of users a random option and then routing 90% of users to the best performing option based on metrics like views, clicks and click-through rate. This allows conclusions to be drawn more quickly using fewer users. AB/CD is a service that handles the calculations behind dynamic A/B testing, allowing options to be requested via API and results reported back in real time.
Product Owner ist ein Design Job
Zeitgemässe Produkt-Entwicklungsprozesse sollen Benutzer ins Zentrum stellen. Dabei spielt User Experience Design eine führende Rolle. Gute Product Owner müssen wissen wie der Design Prozess modernen Produktentwicklung aussieht und sind gleichermassen Design-Integratoren wie Design Champions.
Designed for the Worst Case - Zurich's water supply
Zurich has two separate water supply systems - one for households and one for emergency use. The emergency system includes decorative fountains throughout the city that can be opened to access hydrants and distribute water in case the household system becomes polluted. Though the fountains appear impractical for fetching water, they are designed to reveal hydrants that can connect to hoses and pipes for water distribution in disaster situations. The document emphasizes designing for failures and worst case scenarios.
Data Driven Design - Frontend Conference Zurich
Data driven prototyping goes far beyond the mere administration of content for prototyping purposes. It is a powerful tool to handle the needs arising from interfaces with extensive amounts of microcontent - tiny but important pieces of content, usually involved in microinteractions like transactions, changes or updates.
Ever so often users are sensitive to minute changes of content - for example stock prices changing quickly or dates and times in news reflecting current time. In these cases it is important to be able to rely on dynamic data that simulates the behavior of the real content as close as possible.
This talk is about why it is important to build rich functional prototypes that focus on content and how this can be achieved. It gives an overview of the benefits and obstacles of data driven prototyping and contains a wide range of examples of how data driven prototyping can make the difference between a good and a great prototype.
Clear Language and Readability
This document discusses elements that impact the readability and clarity of written language. It notes that readability refers to how easy text is to read and understand. Elements that can negatively impact readability include small text, long lines with little white space, long paragraphs without breaks, cluttered text, and complex linguistic elements like long sentences, unfamiliar terms, and compound words. Elements that can improve readability include short sentences, familiar terms, syntactic simplicity, illustrations, redundancy, coherence, consistency, and breaking text into concise paragraphs with headings. The document also discusses how users typically skim web pages in an F-shaped pattern rather than reading thoroughly, and the importance of maintaining a high signal-to-noise ratio to keep only relevant
The User Experience of Near Field Communication
The information age took us by storm and the mobile revolution is still in full effect – yet we already stand on the brink of the next paradigm shift: the seamless connection of information and personal devices. Imagine a world where you have the possibility of giving your devices context by simply holding them close to a tiny chip. Things like sharing your WiFi credentials or telling your mobile phone that you are going to bed and it should mute and dim itself and also set the alarm clock to 7am. All with one simple touch — Welcome to the world of Near Field Communication. This talk focuses on the amazing possibilities of NFC in everyday use. A variety of actual and (once) futuristic use cases will illustrate how NFC can enrich our experiences with technology and how this relates to our profession of User Experience Design and our role in shaping the future.
Prototyping and Scrum
This presentation is about the challenges faced when doing prototypes and to make sure that these prototypes are useful for the developers.
It is about how the prototyping activity fits into the iterative implementation cycles (Scrum Sprints) and how the triangle of UX, development and visual design works together, in particular if external service providers are involved.
Prototyping for mobile
This talk looks at the challenges we are facing when prototyping for mobile and gives an overview about the tools and handy helpers that you can use to deliver tappable, sharable and testable prototypes.
Protostrap
Protostrap is a framework for designers that want to get clickable and testable prototypes up fast. It allows designers to have reusable page elements for recurring things like navigation, headers and footers. It is based on Twitter Bootstrap.
Content Audits
The document discusses content audits and provides guidance on conducting content audits. It defines a content audit as an assessment of all available content to determine its state and actionability. It recommends listing all content items, analyzing them based on defined criteria, and identifying actions. It provides examples of content audit goals and tools. It also presents different approaches to auditing content, including using a site crawler to export all pages to a spreadsheet and using analytics data to focus on high traffic pages.
No Design without Research
The document provides an overview of the benefits of conducting user research before designing products or websites. It discusses conducting research with stakeholders to understand business strategy, risks, and content needs. It also emphasizes the importance of user research to understand user needs, reactions to designs, and behaviors. Research methods discussed include interviews, observations, prototyping, analytics, and more. The key message is that research helps address assumptions, focus efforts, and understand both business and user perspectives to create successful designs.
Swiss mobile stats
This document summarizes statistics about mobile phone usage in Switzerland:
- 84.2% of the Swiss population uses the internet and 43% own a smartphone. The majority of smartphone purchases occurred after 2009.
- 57% use their smartphone daily and 41% search online daily via their smartphone, mostly for local information like restaurants, travel, jobs, and real estate.
- Mobile internet usage via smartphones and tablets has increased significantly since 2010.
- Smartphones running Android and iOS make up the majority of the Swiss market.
More from Memi Beltrame (20)
Machine Learning for Designers - UX Camp Switzerland
Machine Learning for Designers - UX Camp Switzerland
Zero Adoption: Lessons Learned From Failing at Open Source
Zero Adoption: Lessons Learned From Failing at Open Source
Designed for the Worst Case - Zurich's water supply
Designed for the Worst Case - Zurich's water supply
Recently uploaded
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Practical eLearning Makeovers for Everyone
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
ARENA - Young adults in the workplace (Knight Moves).pdf
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Divertidamente SLIDE.pptxufururururuhrurid8dj
Hsuehebvdhdueuw8wiiwieih3udud8e8wisbdydvw7wbidj38ehehdheuwjhdiwjwieheheueurhryrurhrgryd7eueue
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah
Architecture | Interior Design
portoflio_V2_22-24
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
UW毕业证学历书【微信95270640】做UW文凭、办UW文凭、买UW文凭Q微信95270640买办国外文凭UW毕业证买学历咨询/代办美国毕业证成绩单文凭、办澳洲文凭毕业证、办加拿大大学毕业证文凭英国毕业证学历认证-毕业证文凭成绩单、假文凭假毕业证假学历书制作仿制、改成绩、教育部学历学位认证、毕业证、成绩单、文 凭、UW学历文凭、UW假学位证书、毕业证文凭、、文凭毕业证、毕业证认证、留服认证、使馆认证、使馆证明 、使馆留学回国人员证明、留学生认证、学历认证、文凭认证、学位认证
(诚招代理)办理国外高校毕业证成绩单文凭学位证,真实使馆公证（留学回国人员证明）真实留信网认证国外学历学位认证雅思代考国外学校代申请名校保录开请假条改GPA改成绩ID卡
1.高仿业务:【本科硕士】毕业证,成绩单（GPA修改）,学历认证（教育部认证）,大学Offer,,ID,留信认证,使馆认证,雅思,语言证书等高仿类证书；
2.认证服务: 学历认证（教育部认证）,大使馆认证（回国人员证明）,留信认证（可查有编号证书）,大学保录取,雅思保分成绩单。
3.技术服务：钢印水印烫金激光防伪凹凸版设计印刷激凸温感光标底纹镭射速度快。
办理西雅图华盛顿大学西雅图华盛顿大学毕业证假文凭流程：
1客户提供办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）
-办理真实使馆公证（即留学回国人员证明）
-办理各国各大学文凭（世界名校一对一专业服务,可全程监控跟踪进度）
-全套服务：毕业证成绩单真实使馆公证真实教育部认证。让您回国发展信心十足！
（详情请加一下 文凭顾问+微信:95270640）欢迎咨询！实伙伴平时山娃上学阿黑也摇头晃脑地跟去暑假用不着上学阿黑更是天天围着山娃转山娃上山除了察看埋下的野兽铁夹子看护早上逐上山的大黄牛外也觅着采草药摘红菇积攒起来拿到镇上卖山娃知道母亲身体不好家里盖新房也欠了不少钱总想趁假期赚点钱在校寄宿时用不着老向爷爷奶奶要盛夏的乡村仍旧清凉清清爽爽的山娃也过得自由自在不知为啥山娃总情不自禁地思念起城里的父亲每年暑假瞅见远乡近邻的小伙伴都争先恐后地往城里跑山娃就更思片
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Revolutionizing the Digital Landscape: Web Development Companies in India
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
Timeless Principles of Good Design
Timeless Principles of Good Design from my 2015 Presentation at TYPO SF
Top Interior Designers in Bangalore.pdf1
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
The Game Concept created as a Final Project piece for college. Creative Media year 2 student
Impact of Fonts: in Web and Apps Design
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
Actions and Commands:
Tap, Swipe, and Pinch
Rotate and Shake -Buttons -Menu Bars – Menus
Toolbars - Links- Action Panels
Hover Tools - Keyboard Actions- Drag-and-Drop
Typed Commands-Affordance-Direct Manipulation.
Forms and Controls:
Basics of Form Design
Patterns.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
Columbia毕业证offer【微信95270640】☀《哥伦比亚大学毕业证购买》Q微信95270640《Columbia毕业证文凭补》文凭、本科、硕士、研究生学历都可以做,留信认证的作用：
1：该专业认证可证明留学生真实留学身份。
2：同时对留学生所学专业等级给予评定。
3：国家专业人才认证中心颁发入库证书
4：这个入网证书并且可以归档到地方
5：凡是获得留信网入网的信息将会逐步更新到个人身份内，将在网内查询个人身份证信息后，同步读取人才网入库信息。
6：个人职称评审加20分。
7：个人信誉贷款加10分。
8：在国家人才网主办的全国网络招聘大会中纳入资料，供国家500强等高端企业选择人才《文凭Columbia毕业证书原版制作Columbia成绩单》仿制Columbia毕业证成绩单哥伦比亚大学学位证书pdf电子图》。
办国外哥伦比亚大学哥伦比亚大学毕业证录取书教育部学历学位认证留信认证大使馆认证留学回国人员证明修改成绩单信封申请学校offer录取通知书在读证明offer letter。
快速办理高仿国外毕业证成绩单：
1哥伦比亚大学毕业证+成绩单+留学回国人员证明+教育部学历认证（全套留学回国必备证明材料给父母及亲朋好友一份完美交代）;
2雅思成绩单托福成绩单OFFER在读证明等留学相关材料（申请学校转学甚至是申请工签都可以用到）。
3.毕业证 #成绩单等全套材料从防伪到印刷从水印到钢印烫金高精仿度跟学校原版100%相同。
专业服务请勿犹豫联系我！联系人微信号：95270640诚招代理：本公司诚聘当地代理人员如果你有业余时间有兴趣就请联系我们。
国外哥伦比亚大学哥伦比亚大学毕业证录取书办理过程：
1客户提供办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）。我们的亲人生我养我的父母您们的年迈的苍老换来了我们新一代的新鲜与活力无论我们在哪里父母对我们的爱和思念为我们的生命增加了光彩给予我们自由追求的力量生活的力量我们也不忘感恩正因为这股感恩的线牵着我们使我们在一年的结束时刻义无反顾的踏上了回家的旅途人们常说父母恩最难回报愿我能以当年爸爸妈妈对待小时候的我们那样耐心温柔地对待我将渐渐老去的父母体谅他们以反哺之心奉敬父母以感恩之心孝顺父母哪怕只为父母换洗的
一比一原版(BU毕业证)波士顿大学毕业证如何办理
BU毕业证学位证【微信95270640】办理BU毕业证【Q微信95270640】波士顿大学毕业证书原版↑制作波士顿大学学历认证文凭办理波士顿大学留信网认证,留学回国办理毕业证成绩单文凭学历认证【Q微信95270640】专业为海外学子办理毕业证成绩单、文凭制作，学历仿制，回国人员证明、做文凭，研究生、本科、硕士学历认证、留信认证、结业证、学位证书样本、美国教育部认证百分百真实存档可查】
【实体公司】办波士顿大学波士顿大学本科毕业证成绩单学历认证学位证文凭认证办留信网认证办留服认证办教育部认证（网上可查实体公司专业可靠）
— — — 留学归国服务中心 — — -
【主营项目】
一.波士顿大学毕业证成绩单使馆认证教育部认证成绩单等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
国外毕业证学位证成绩单办理流程：
1客户提供波士顿大学波士顿大学本科毕业证成绩单办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）。
专业服务请勿犹豫联系我！本公司是留学创业和海归创业者们的桥梁。一次办理终生受用一步到位高效服务。详情请在线咨询办理,欢迎有诚意办理的客户咨询!洽谈。
招聘代理：本公司诚聘英国加拿大澳洲新西兰美国法国德国新加坡各地代理人员如果你有业余时间有兴趣就请联系我们咨询顾问：+微信:95270640知道母亲身体不好家里盖新房也欠了不少钱总想趁假期赚点钱在校寄宿时用不着老向爷爷奶奶要盛夏的乡村仍旧清凉清清爽爽的山娃也过得自由自在不知为啥山娃总情不自禁地思念起城里的父亲每年暑假瞅见远乡近邻的小伙伴都争先恐后地往城里跑山娃就更思念父亲了老想着进父亲的城看看每次从城里洋里洋气地回来小伙伴们总争论着各自到过的城比试比试谁父亲的城最大最美他们大谈城里的新鲜事大谈父亲携他们逛城的快乐事在孩子们幼小的心中地
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版纸张【微信：741003700 】【(penn毕业证书)美国宾夕法尼亚大学毕业证、文凭学历证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
定制美国西雅图城市大学毕业证学历证书原版一模一样
原版一模一样【微信：741003700 】【美国西雅图城市大学毕业证学历证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
Recently uploaded (20)
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
Protostrap
- 3. PROTOSRAP A prototyping framework for Designers who want to quickly build highly interactive prototypes, using almost real data.
- 4. HTML CSS JS PHP GLUE
- 5. I will have to code?
- 7. I’m sorry ★ 1999 style PHP ★ No MVC, routing… ★ No object orientation ★ No DB ★ No SASS, LESS ★ InLine CSS if needed ★ No gruntgulp, bower etc
- 8. Prototypes are disposable avoid levels of abstractions
- 9. So why did you build this, what’s wrong with other tools?
- 10. Pretty Poodles
- 11. meatwigs
- 12. Just imagine it
- 13. Seriously, What is it?
- 15. Bootstrap Font Awesome 3rd Party Extentions Protostrap Functions Protostrap Helper Classes Protostrap Components
- 16. Extensions Protostrap comes with a series of 3rd party extensions to enable features not native to Bootstrap:
- 17. Helper classes
- 18. Components ★ A powerful data layer ★ Fake auth-layer ★ Multilinguality ★ Twitter typeahead ★ Page transitions ★ Stepper ★ Table sorting and filtering
- 19. SECRET Ingredient Optimized for Sublime: Ready to go snippets
- 20. What problems does Protostrap solve?
- 21. Data without Database Simple Text Files Links to Google spreadsheets for LOTS of Data
- 22. Editable Data Simple Javascript call to change the variable
- 23. Dynamic Data Hey parse me, use this function, with this parameter
- 25. Built for SPEED
- 26. Built for SPEED
- 27. show me
- 29. It’s open sauce
- 30. Optimized for Sublime: Ready to go snippets https://protostrap.ch