My presentation discussing why use HTML aproach in the Windows Store apps development.
This presentation was the base of my talk at the 44 Meting
of portuguese netponto Development Community
Windows 10 pentru dezvoltatori - InfoEducație 2015Julian Atanasoae
În această prezentare vom vorbi despre ce aduce nou Windows 10, ce înseamnă arhitectura de aplicații universale și cum ne ajută să targetăm telefoane, tablete, PC-uri, Xbox și chiar HoloLens și Raspberry Pi. De asemenea, vedem cum ne ajută Microsoft să targetăm platformele concurente - iOS și Android.
지난 7월 29일, 개발자 여러분을 위해 준비한 "Windows 10 앱개발 100분 완성" 라이브 영상으로 Windows 10 UWP (Universal Windows Platform) 부터 IoT Core까지 Windows 10 과 관련된 전반적인 내용은 물론 개발에 필요한 핵심정보들을 전달해드립니다. 실시간으로 진행된 Q&A 와 Windows 10 앱개발 데모까지 On-demand 영상으로 확인하실 수 있습니다.
목차
1. UWP
2. XAML Controls
3. Networking
4. Linq
5. Adaptive UI
6. Data Binding
7. SQLite Local Database
8. Toast
Developing Microsoft .NET Applications for Windows Rishi Kothari
Topics to be covered
=====================================
Introducing Windows Forms
Working with Controls
Using Data in Windows Forms Applications
Interoperating with Managed Objects
Enhancing the Usability of Applications
Deploying Windows Forms Applications
Securing Windows Forms Applications
Windows 10 pentru dezvoltatori - InfoEducație 2015Julian Atanasoae
În această prezentare vom vorbi despre ce aduce nou Windows 10, ce înseamnă arhitectura de aplicații universale și cum ne ajută să targetăm telefoane, tablete, PC-uri, Xbox și chiar HoloLens și Raspberry Pi. De asemenea, vedem cum ne ajută Microsoft să targetăm platformele concurente - iOS și Android.
지난 7월 29일, 개발자 여러분을 위해 준비한 "Windows 10 앱개발 100분 완성" 라이브 영상으로 Windows 10 UWP (Universal Windows Platform) 부터 IoT Core까지 Windows 10 과 관련된 전반적인 내용은 물론 개발에 필요한 핵심정보들을 전달해드립니다. 실시간으로 진행된 Q&A 와 Windows 10 앱개발 데모까지 On-demand 영상으로 확인하실 수 있습니다.
목차
1. UWP
2. XAML Controls
3. Networking
4. Linq
5. Adaptive UI
6. Data Binding
7. SQLite Local Database
8. Toast
Developing Microsoft .NET Applications for Windows Rishi Kothari
Topics to be covered
=====================================
Introducing Windows Forms
Working with Controls
Using Data in Windows Forms Applications
Interoperating with Managed Objects
Enhancing the Usability of Applications
Deploying Windows Forms Applications
Securing Windows Forms Applications
Magento is an open-source CMS for e-commerce web sites. The software was originally developed by Varien Inc., a US private company headquartered in California.
Varien published the first general-availability release of the software on March 31, 2008. Later sold share of the company to eBay, which is now the sole owner. More than 240,000 merchants worldwide.
Based on
1. Linux, Apache, MySQL, PHP
2. PHP - Zend Framework
3. JS - Prototype & Script
E-Commerce website needs to be flexible, affordable and feature rich. Magento platform that will comply those criteria.
Magento provides the following benefits:
1. Scalability
2. Flexible Content Management
3. Feature rich
4. Mobile Friendly
5. Extension rich
6. SEO Friendly
7. Integration with Third Party
8. Multi-Store and Multi-language support
Introduction to universal windows platform(uwp) app developmentThilina Wijerathne
This is the great presentation About UWP app development. This is the introduction about app development. Using diagrams and images I describe lot of things about universal windows App Development.
What programs can you create in VB ..!?
Windows controls
Reports design
Data sources
Business programs such as inventory management system
Educational programs
An overview of Joomla 3 as presented to the Joomla User Group Brisbane by Andrew Eddie on 19 September 2012. It covers topics such as the new features in Joomla 3, the new Bootstrap/LESS frameworks for templates, and guidance for upgrading from Joomla 1.5 and 2.5 (to 3.0).
André Oliveira, Co-Founder & CEO - orador na 10ª edição das Industry Sessions by EDIT. com a temática UX & Responsive Design.
Um olhar pelo "behind the scenes" de uma das startups mais emergentes em Portugal: Pixelmatters. Como ganhar a confiança e o respeito dos clientes? Como atrair mais e melhores projetos? Como atrair... as melhores pessoas? Como fazer o equilíbrio entre clientes, projetos, orçamentos, deadlines e... qualidade? Como criar uma cultura de excelência?
Magento is an open-source CMS for e-commerce web sites. The software was originally developed by Varien Inc., a US private company headquartered in California.
Varien published the first general-availability release of the software on March 31, 2008. Later sold share of the company to eBay, which is now the sole owner. More than 240,000 merchants worldwide.
Based on
1. Linux, Apache, MySQL, PHP
2. PHP - Zend Framework
3. JS - Prototype & Script
E-Commerce website needs to be flexible, affordable and feature rich. Magento platform that will comply those criteria.
Magento provides the following benefits:
1. Scalability
2. Flexible Content Management
3. Feature rich
4. Mobile Friendly
5. Extension rich
6. SEO Friendly
7. Integration with Third Party
8. Multi-Store and Multi-language support
Introduction to universal windows platform(uwp) app developmentThilina Wijerathne
This is the great presentation About UWP app development. This is the introduction about app development. Using diagrams and images I describe lot of things about universal windows App Development.
What programs can you create in VB ..!?
Windows controls
Reports design
Data sources
Business programs such as inventory management system
Educational programs
An overview of Joomla 3 as presented to the Joomla User Group Brisbane by Andrew Eddie on 19 September 2012. It covers topics such as the new features in Joomla 3, the new Bootstrap/LESS frameworks for templates, and guidance for upgrading from Joomla 1.5 and 2.5 (to 3.0).
André Oliveira, Co-Founder & CEO - orador na 10ª edição das Industry Sessions by EDIT. com a temática UX & Responsive Design.
Um olhar pelo "behind the scenes" de uma das startups mais emergentes em Portugal: Pixelmatters. Como ganhar a confiança e o respeito dos clientes? Como atrair mais e melhores projetos? Como atrair... as melhores pessoas? Como fazer o equilíbrio entre clientes, projetos, orçamentos, deadlines e... qualidade? Como criar uma cultura de excelência?
É necessário uma boa estratégia e preparação para implementar Responsive Design. Na fase de preparação deve-se preparar a estrutura, filtrar requisitos do cliente e apresentar possíveis soluções antes de fazer Design Visual do website.
Evento Disru.pt em Castelo Branco
Workshop Mobile Thinking - leccionado por Jorge Frazão, tutor da EDIT. / Porto.
Neste workshop serão abordados os seguintes temas:
- O mundo mobile nos dias de hoje e a sua importância;
- As principais funcionalidades e vantagens;
- Negócios Mobile com sucesso;
- Plataformas disponíveis (iOS, Android, Windows Phone, Híbridos);
- Desenvolvimento Mobile;
- As principais metodologias de geração de dinheiro através de aplicações mobile.
Um website, dezenas de dispositivos. O conteúdo é quem manda e deve ser coordenado minuciosamente de modo a assegurar que a mensagem a passar é preservada em qualquer dispositivo, em qualquer resolução. Tudo se resume a tomar as decisões acertadas.
Um guia prático de como preparar o layout de uma aplicação mobile para um mundo de vários devices e tecnologias aproveitando os assets, minimizando o trabalho e tempo de desenvolvimento.
O Responsive Design torna-se a cada dia mais um standard do digital. Na era da Internet of Things esta abordagem desempenha um papel primordial. No entanto, nem sempre é fácil a aplicação ou domínio dos diferentes conceitos/pilares que constituem esta filosofia de pensar e desenvolver para a Web.
Seminário - Digital strategy vs. Festivals powered by EDIT.
Pedro Garcia, Social Media Consultant & Digital Strategist com a temática “Moche/Meo Sudoeste”
9ª edição das Industry Sessions by EDIT. com a temática Digital Marketing, em Lisboa
Filipe Bernardes / Marketing & Lead Generations Manager / MOBIZY
Aquilo que "vemos" na web social é, normalmente, apenas a ponta de um icebergue cada vez mais complexo. É necessário repensar modelos de atuação mais passivos, e garantir a integração de informação preciosa nos processos de tomada de decisão de uma marca.
This Slide Deck Was used on my Masterclass abut PWA in my Masterclass about PWA and Web Standards. Thia was an introduction to PWA and his basic stone Path.
User experience teve que começar em algum lado. Uma origem possível no âmbito do projeto de design.
E como começa em nós? Como nos tornamos User Experience “something” (designers, engineers, experts, specialists, consultants, etc.). Um percurso possível entre uma infinidade de possibilidades.
MARKETING AND COMMUNICATIONS STRATEGIES
ANDREIA SANTOS - DIGITAL MARKETING SPECIALIST | 7GRAUS
Esta talk tem o objetivo de explicitar diferentes estratégias de comunicação que possibilitam criar, através de conteúdos de qualidade, momentos entre publishers, advertisers e users. Como se sabe, pessoas diferentes consomem conteúdos diferentes, e por isso as estratégias no âmbito da comunicação devem seguir uma tendência de segmentação e consequentemente de personalização de conteúdos.
Propomos quebrar mitos e provar que a acessibilidade não precisa de ser o "patinho feio" do trabalho de UX — as aplicações acessíveis podem ser "sexy" e oferecer o ponto de partida para experiências memoráveis. No fim, queremos que partilhem o nosso entusiasmo pela boa acessibilidade, compreendendo:
- As limitações dos utilizadores no acesso aos conteúdos digitais;
- Algumas estratégias e ferramentas ao dispor do professional de UX;
- Como o enfoque na acessibilidade pode ajudar a melhorar o próprio trabalho de UX.
O story-centred design é um método cuja abordagem é centrada no recurso à narrativa, através de ferramentas e técnicas próprias em que a informação é estruturada, e são definidos casos de uso e os elementos de um interface que irão guiar o visitante/utilizador através de uma sequência de eventos, convidando-o a explorar um determinado sistema, como se de uma história se tratasse.
As particularidades destes mercados são um enorme desafio para quem nele trabalha. Dar resposta ao rápido crescimento e às suas exigências, na maioria dos casos com limitações aos mais diversos níveis, impõe-nos metodologias de trabalho e estratégias muito distantes das que nos são comuns. Com esta talk gostava de partilhar convosco o perfil destes mercados e experiências a nível do e-commerce e do marketing online, particularmente, no mercado nigeriano.
DIGITAL AGENCY, OLD WAYS VS NEW WAYS
FILIPA SARMENTO - DIGITAL ACCOUNT MANAGER | LEGENDARY
JOÃO VITÓRIA - CHIEF GROWTH OFFICER | COMON
As maiores tendências e desafios de trabalhar numa agência irão ser abordados nesta talk, que pretende mostrar e contrastar as práticas do passado e dos dias de hoje. A apresentação estará a cargo de dois profissionais de gerações distintas, com duas histórias e duas perspetivas daquilo que é a experiência de trabalhar em agências e diretamente com os clientes.
Hoje em dia, a responsabilidade do Designer é cada vez maior, tanto na sua atuação como nas consequências das suas decisões.
Por isso, os processos que usamos têm de ser muito mais robustos e muito mais científicos para justificar todas as pequenas decisões que tomamos ao desenhar uma experiência de utilização de um produto. Uma má experiência de utilização pode matar pessoas. Uma boa experiência de utilização pode mudar o mundo.
PAID SEARCH MARKETING: GOOGLE ADWORDS
ROBERTO CORTEZ – HEAD OF PPC | POSITIVIMPACT
DIOGO SILVA - ADWORDS DIGITAL MARKETING | GROUPM
Esta talk pretende desmistificar o Google Adwords e apresentar algumas das melhores e piores práticas neste campo, tendo por base a experiência destes dois experts e profissionais da área. Considerando a evolução digital, será importante dar uma perspetiva do que é o "Search Paid Marketing" em Portugal, a sua evolução e as novas tendências na área.
O Marketing Digital é uma área com imenso potencial, mas ainda muito subaproveitado pelas empresas, devido à grande mudança de paradigma que representa, em comparação com outras formas de Marketing mais tradicionais.
Maximizing code reuse between Windows Phone 8 and Windows 8 (DevTeach Toronto...Ken Cenerelli
Examine how to better leverage the various technologies available to the developer to enable code reuse between Windows Phone 8 and Windows 8 Store apps.
The slides will be broken into two parts with the first looking at what the two platforms share in terms of hardware and their ""shared core"". After this it will dig into some code to demonstrate how portable class libraries, shared XAML UI and the MVVM project structure can make a developer's life so much easier.
Difference between .net and asp.net all you need to knowsophiaaaddison
Software development applications conquered the world when custom software was developed for a specific purpose. Over time, application frameworks started to make the task easier. It automates the entire software development process. Most importantly, the design and testing are done comprehensively to get an optimal result as required by the developer.
An introduction about how to migration from .NET Full FW to .NET Core 3.0 for your WPF & Windows Forms applications and the incrementally modernizing with Windows 10 features
Microsoft has released Windows 10 and a whole new development platform to build Universal Windows Applications that can be deployed across all Windows device families. Did you know that you can take your existing website and publish it to the Windows store? Microsoft has stated a lofty goal of having an install base of Windows 10 on 1 billion devices over the next 2 years. According to NetMarketShare the Desktop Operating System Market Share on September 21, 2015 showed Windows 10 at 5.21%. Compare that to Mac OS X at 4.76%. Join us to talk about Microsoft’s OS convergence journey and what that means for us developers. See how easy it is to take your existing website experience into the Windows Store.
Presentation at Portuguese .net community, about my experience with Angular on corporate projects. The presentations was taken as a talk between architects to spot out eventual problems
My presentation about how to couple Asp.NEt MVC and Angular on how to use this 2 web technologies to achieve a solution. This presentation born from the experience i had in the last 1 year with this couple.
Slides of a Workshop deliver at Fista 2017 a yearly Job event of ISCTE University.
The WorkShop was open to all the student and employee comunity.
Main Focus Angular Features and Architecture, build and use Angular in Web enviroment
A presentation used in a class to teach the basic pilars off how to learn, and how to start working with Angular JS to HighSchool and pre university students
slides used on the Portuguese Xamarin User group, about best pratices and pratices off how use xamrins technologies when implementing big consumer apps. Special focus on performance best pratices
The slides of a session at 2014 Microsoft Portugal Tech Refresh. The session was na introdution to the potential of the use of WinJS for webdevelopment.
Was also a state of the art about WinJS
Azure Mobile Sites What it is and What's new as a session i had made at the Global Windows Azure Bootcamp 2014 in Microsoft Portugal.
The Main propouse of this presentation was to show how mobile services can be a good choice, how to use, and what's the state of the art
Presentation off what's new in HTML 5 the importance of the use of HTML standards.
The importance of HTML and standard nowadays to comunicate.
This slides were used in a session in Portugal at the document freedom day 2014 in ISCTE
The slide Deck of a talk introduting and discussing the good and the bad about a mobile first responsive analysis.
All image image credits to his owners
A presentation that take place in a Microsoft Portugal Event,
The main propouse of this session was to show the development model of Windows 8.1 store apps in HTML for the ones who already know Windows 8 HTML dev and for the one who never had developed a HTML based Windows store app.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
11. Windows 8.1 & Windows Phone 8
Sharing technique
Separate UI and app logic using the Model-ViewViewModel pattern
Share functionality using Portable Class Libraries
Share code with Add as Link
Share using Windows Runtime Components
Sharing XAML UI
Conditional compilation with preprocessor directives
When to use
This guidance is applicable to many app types, but particularly to apps that have a XAML UI.
Separation allows you to write the app logic and to concentrate on user experience design
separately. An added benefit is that your app logic is more likely to be common for your app on
both platforms, and therefore is a great candidate for code sharing using the rest of the
techniques described here. Model-View-ViewModel (MVVM) is a great way to achieve this
separation.
Windows Phone 8 and Windows 8 share the same .NET Framework engine. In a XAML app, most
of your app logic will be written in managed code. If you are using the MVVM design pattern, you
have the potential to share your viewmodel and potentially your model. Note that Portable Class
Libraries are a .NET Framework concept and don’t support C++.
Use this technique for code that is non-portable and therefore can’t be implemented in a
Portable Class Library. For example, Windows Phone 8 and Windows 8 can use the common
Windows Runtime API surface to harness the power of each platform for networking, proximity,
in-app purchase, and many other features. Portable Class Libraries don’t support Windows
Runtime API. Instead, you can abstract this non-portable code, which is common to both
platforms, into a class that can be shared using Add as Link in Visual Studio. In C++ projects files
are added to projects as linked files by default.
In addition to consuming the common Windows Runtime API available on both platforms, you
can write your own Windows Runtime Component to make your functionality available in all
supported languages. This can be written in C++ and consumed by C# or VB. This is a very useful
technique for language interoperability or for when you want to write compute-intensive code in
C++ and use it in all languages.
The UI in Windows Phone 8 and Windows 8 is written in XAML. However, the XAML
implementations are not portable between the platforms. But you can isolate some of your
custom basic UI building blocks into UserControls and share those classes as linked files that will
be compiled for each platform. This technique is limited and should be used only for simple,
reusable parts of your UI. The core of your UI should be built and tailored separately for each
platform.
If you have functionality that’s implemented differently for Windows Phone 8 and Windows 8,
you can use conditional compilation to compile the code suitably for each platform. You can’t use
conditional compilation in a Portable Class Library.
16. Windows 8.1 & Windows Phone 8
But today we will not talk about responsive or cross device development or pattern’s, just want that you
keep in mind that there are diferences and even if we want a ap for wp and windowa we can still use HTML
5 in Windows. Becouse even using xaml we may not have/want a total app reuse.
17. Windows 8.1 With HTML
“It also means that you’ll be able to leverage existing investments in JavaScript libraries and CSS
template repositories: writing a native app doesn’t force you to switch frameworks or engage in
expensive porting work. That said, it is also possible to use multiple languages to write an app,
leveraging the dynamic nature of JavaScript for app logic while leveraging languages like C# and
C++ for more computationally intensive tasks”
Kraig Brockschmidt
18. Windows 8.1 With HTML
- Reuse already tested front end code ( Forms, animations);
- Explore CSS, HTML & JS flexibility
- Reuse KB from the past
- Adoption in app development of Professionals with a estetical, UX and
ergonomic sense
19. Windows 8.1 With HTML
Other platforms that run HTML and JavaScript
native:
• FirefoxOS
• WebOS
28. Windows 8.1 With HTML
WINJS is a collection of toolkits to make building Windows Store apps fast and
easy
Windows 8 app
Windows 8.1 app
WinJS 1.0
WinJS 2.0
29. Windows 8.1 With HTML
WinJS controls declaration
<div id="calendar" data-win-control="WinJS.UI.DatePicker"></div>
Declarative Way
WinJS controls are divs with
atributtes that are processed
when the processall method
runs.
In the HTML File
<div id="calendarDiv" ></div>
In th JS file
var calendarDiv = document.getElementById("calendar");
var calendarctrl = new WinJS.UI.DatePicker(calendarDiv);
Imperative Way
30. Windows 8.1 With HTML
We can use any javascript framework once she
run on Internet Explorer 11
36. Windows 8.1 With HTML
WinJS 2.0 what’s new
Improved Controls
Infrastructure
• List view
• Scheduler
• App bar
• Dispose model
• Async debugging
New Controls
Building Blocks
• Hub
• Binding template
• Navigation bar
• Repeater
• Search box
• Item Container
• Back button
47. Windows 8.1 With HTML
Prior to Windows 8.1 you only had Iframes as a way to embeb external sites
Full reference about WebView http://blogs.windows.com/windows/b/appbuilder/archive/2013/07/17/what-snew-in-webview-in-windows-8-1.aspx
50. Windows 8.1 With HTML
Recomended
Article for the ones starting to debug Windows 8 .1 HTMl store APPs with visual Studio 2013
http://msdn.microsoft.com/en-us/library/windows/apps/hh441474(v=vs.120).aspx
55. References
- Programming Windows Store Apps With HTML, CSS and Javascript Second Edition, Microsoft Press
- Windows 8.1 Controls - Windows Store Apps with HTML5 Refresh (http://www.youtube.com/watch?v=Drkh8Pb2li4)
- HTML Controls for Windows Store APPS (http://msdn.microsoft.com/en-us/library/windows/apps/bg182879.aspx)
- API changes for Windows 8.1 (http://msdn.microsoft.com/en-us/library/windows/apps/dn263112.aspx)
- Windows Dsev Center (http://msdn.microsoft.com/en-US/windows/apps/br211386)
- Windows 8.1 Store apps starter pack with canonical samples (http://code.msdn.microsoft.com/windowsapps/Windows-8Modern-Style-App-Samples)
- Building Windows Store 8.1 apps using HTML, CSS and JavaScript @Channel 9
(http://channel9.msdn.com/Events/TechDays/TechDays-13-Basel/Building-Windows-Store-8-1-apps-using-HTML-CSS-andJavaScript)
Onlne Live event : Windows 8.1 Developer Training: Geek Edition @ Microsoft Academy
(http://www.microsoftvirtualacademy.com/liveevents/windows-8-1-developer-training-geek-edition#?fbid=E0I-ctThA1I)
57. Próximas reuniões presenciais
23/11/2013 – Novembro (Lisboa)
30/11/2013 – Novembro (Porto)
14/12/2013 – Dezembro (Lisboa)
18/01/2014 – Janeiro (Lisboa)
Reserva estes dias na agenda! :)
62. Próximas reuniões presenciais
18/01/2014 – Janeiro (Lisboa)
01/02/2014 – Hackathon! (Lisboa)
22/02/2014 – Fevereiro (Lisboa)
22/03/2014 – Março (Lisboa)
12/04/2014 – SQL Saturday! (Lisboa)
19/04/2014 – Abril (Lisboa)
Reserva estes dias na agenda! :)
Editor's Notes
Explain: APP BAR NAV BARBackButton HUB controlListViewControlRepeaterWebview in thepastweonlyhaveiframe (independentnavigationstacklike a browser runing in theapp sport a stringsourcegood to readbadwebservices)