-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (211 loc) · 10 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html>
<head>
<title>Stb CRM @ TiMoDev Meetup October 15, 2012 </title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
<link rel="stylesheet" href="lib/css/zenburn.css">
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1>Stb CRM Mobile</h1>
<h3>Built with Titanium SDK</h3>
<img src="images/stb.crm.mobile.png" height="300" style="border: none;">
<img src="images/stb.crm.mobile.android.png" height="300" style="border: none;">
</section>
<section>
<h2>Who are we?</h2>
<p><img src="images/stb.logo.png" height="40" style="border: none;"> Autmatisering & Advies BV is a <img src="images/OS.flag_.netherlands.gif" height="30" style="border: none;"> company supporting customer relations and business processes for a little over 20 years.</p>
<p>The Timisoara office has been established in 2008 and has grown ever since.</p>
<p>The team is focused on R&D of all the projects in the company.</p>
</section>
<section>
<h2>We're currently developing using...</h2>
<section>
<h3><img src="images/servoy.png" style="background-color: #ffffff;"></h3>
<p>Hybrid development, deployment and integration platform to develop, deploy and manage SaaS and On Premise applications.</p>
<p>Language: <em><strong>JavaScript</strong></em></p>
<p>Products: <em>Stb CRM, including all the modules</em></p>
</section>
<section>
<h3>Our COBRAIN© methodology:</h3>
<ol>
<li>Core modules, with functionality that is identical for each client.</li>
<li>Sector-specific functionality added to the foundation represented by the first layer.</li>
<li>These modules add tailored functionality to the modules on the first and second layer.</li>
</ol>
</section>
<section>
<h3><img src="images/logo_symfony_header.png" style="background-color: #ffffff;"> </h3>
<p>One of the best PHP frameworks out there that suits our needs very well</p>
<p>Languages: <em><strong>PHP, HTML, CSS, JavaScript and a bunch of JavaScript libraries.</strong></em></p>
<p>Products: <em>Worknets.com, Stb CRM Web Registrations module</em></p>
</section>
<section>
<h3><img src="images/wordpress.png" style="background-color: #ffffff;"> </h3>
<p>The greatest publishing platform, well suited for small to medium websites.</p>
<p>Languages: <em><strong>all of the above plus some nice designs</strong></em></p>
<p>Products: <em>websites</em></p>
</section>
</section>
<section>
<h2>What is Titanium SDK?</h2>
<ul>
<li>It's <strong>NOT</strong> a HTML5/CSS3/JS framework, although you can embed any kind of HTML/CSS in your apps.</li>
<li>It enables web developers to use open web technologies (read <strong>JavaScript</strong>) to develop native apps.</li>
<li>It supports iOS, Android, Blackberry (beta), and Mobile web.</li>
<li>It uses JavaScript APIs for the native UI.</li>
<li>All the scripting is done with JavaScript.</li>
<li>It uses the following JS interpreters: for Android < 2.2 Rhino, for Android 2.2 and up V8, and for iOS JSC</li>
<li>It's Open Source so you can go in an hack around.</li>
</ul>
</section>
<section>
<h2>Platform features</h2>
<section>
<ul>
<li>
Native UX
<p>Native UI, animations, gestures, etc.</p>
</li>
<li>
Multimedia
<p>Camera, video camera, audio/video playback/streaming</p>
</li>
<li>
Location-based services
<p>Geo-location, compass, native maps</p>
</li>
<li>Integrated analytics</li>
</ul>
</section>
<section>
<ul>
<li>
Social sharing
<p>Facebook, Twitter, YQL, native email and address book access</p>
</li>
<li>
Data
<p>SQLite database storage, lightweight key-value pair storage, web services</p>
</li>
<li>
Cloud services (ex Cocoafish)
<p>Push notifications</p>
</li>
<li>
Development tools
<p>Create, test, publish your apps using the same tools across platforms.</p>
<p>iOS development is still limited to MacOS and Xcode.</p>
</li>
</ul>
</section>
<section>
<ul>
<li>
Extensible through modules
<p>Modules can be native or JavaScript.</p>
<p>You can get them on appcelerator marketplace too.</p>
</li>
</ul>
</section>
</section>
<section>
<h2>"Hello World" in Titanium</h2>
<pre><code>
Ti.UI.backgroundColor = "#ffffff";
var win = Ti.UI.createWindow();
var label = Ti.UI.createLabel({
text: "Hello World!"
});
win.add(label);
label.addEventListener('click', function(e) {
alert(this.text);
});
win.open();
</code></pre>
</section>
<section>
<h2>CommonJS modules</h2>
<section>
<pre><code>
function MyWidget(opts) {
var self = Ti.UI.createView(opts);
// more code here
return self;
}
module.exports = MyWidget;
</code></pre>
<pre><code>
var MyWidget = require('MyWidget');
var widgetInstance = new MyWidget(opts);
</code></pre>
</section>
<section>
<pre><code>
exports.isAndroid = function() {
return Ti.Platform.osname === 'android';
}
</code></pre>
<pre><code>
var Utils = require('Utils');
alert(Utils.isAndroid());
</code></pre>
</section>
</section>
<section>
<h2>Why did we choose Titanium SDK?</h2>
<ul>
<li>It's JavaScript, we all know it :-)</li>
<li>Clients enjoy native UI more</li>
<li>The apps are very smooth even on older devices</li>
<li>You can build a cross platform app with minimum amount of platform specific code</li>
<li>The API is not all that different from our current frameworks</li>
</ul>
</section>
<section>
<h2>Demo time</h2>
</section>
<section>
<h2>Questions?</h2>
</section>
<section>
<h2>Contact</h2>
<a href="mailto:lucian@stb.nl">lucian@stb.nl</a><br>
<a href="mailto:diana@stb.nl">diana@stb.nl</a>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/linear(2d)
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/highlight.js', async: true, callback: function() { window.hljs.initHighlightingOnLoad(); } },
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'lib/js/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'lib/js/data-markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/zoom-js/zoom.js', condition: function() { return !!document.body.classList; } }
// { src: '/socket.io/socket.io.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } },
// { src: 'plugin/speakernotes/client.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } }
]
});
</script>
</body>
</html>